Hôtels et appartements à Costa Brava, tous les hébergements à Costa Brava

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Hôtels et appartements à Costa Brava, tous les hébergements à Costa Brava</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="Hôtels à Costa Brava, appartements à Costa Brava, hébergement à Costa Brava"/> <meta name="description" content="Réservation en ligne d'hôtels à Costa Brava, Espagne. Bonne disponibilité et tarifs avantageux. Pas cher et sécurisé, payez à l'hôtel, sans frais de réservation."/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/playfairdisplay/v29/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtM.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/dynalight/v18/1Ptsg8LOU_aOmQvTsF44TYFq.woff2"> <link importance="high" rel="preload" media="(min-width: 701px)" href="/img/bg/127316.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 700px) and (min-width: 451px)" href="/img/bg/700x500/127316.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 450px)" href="/img/bg/450x450/127316.JPEG" as="image"> <link rel="stylesheet" type="text/css" href="/new/designs/80/build/destination-main-page/style.bde1652ad41a9333f9ff1572608ca482.css"> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <link rel="alternate" hreflang="ar" type="text/html" href="https://www.topcostabravahotels.com/ar/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.topcostabravahotels.com/zh/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.topcostabravahotels.com/cs/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.topcostabravahotels.com/da/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.topcostabravahotels.com/de/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.topcostabravahotels.com/en/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.topcostabravahotels.com/es/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.topcostabravahotels.com/fr/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.topcostabravahotels.com/el/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.topcostabravahotels.com/he/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.topcostabravahotels.com/it/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.topcostabravahotels.com/ja/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.topcostabravahotels.com/ko/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.topcostabravahotels.com/hu/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.topcostabravahotels.com/nl/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.topcostabravahotels.com/pl/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.topcostabravahotels.com/pt/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.topcostabravahotels.com/ru/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.topcostabravahotels.com/sv/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.topcostabravahotels.com/tr/" title="Turkish"/> <link rel="canonical" href="https://www.topcostabravahotels.com/fr/"/> </head> <body> <div class="banner banner--cities" style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))"> <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <picture> <source srcset="/img/bg/127316.JPEG" media="(min-width: 701px)"> <source srcset="/img/bg/700x500/127316.JPEG" media="(max-width: 700px) and (min-width: 451px)"> <source srcset="/img/bg/450x450/127316.JPEG" media="(max-width: 450px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--19" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--20" srcset="" alt=""> </picture> </div> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo js-link js-link-hex" data-hex=34372e3130322e3131342e3437 > <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Costa Brava </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">Collections</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Hôtels</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Hôtels</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">Toutes les collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/fr/type/hotels-12/" class="mega-menu__link js-link">Hôtels à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/aparthotels-2/" class="mega-menu__link js-link">Appart hôtels à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Couette-cafés à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/hostels-11/" class="mega-menu__link js-link">Auberges de jeunesse à Costa Brava</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">Par note</span> </li> <li class="mega-menu__list-item"> <a href="/fr/5-stars/" class="mega-menu__link js-link">Hôtels de 5 étoiles à Costa Brava.</a> </li> <li class="mega-menu__list-item"> <a href="/fr/4-stars/" class="mega-menu__link js-link">Hôtels de 4 étoiles à Costa Brava.</a> </li> <li class="mega-menu__list-item"> <a href="/fr/3-stars/" class="mega-menu__link js-link">Hôtels de 3 étoiles à Costa Brava.</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Location de vacances</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Location de vacances</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">Toutes les collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/fr/type/apartments-3/" class="mega-menu__link js-link">Appartements à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/villas-24/" class="mega-menu__link js-link">Villas à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/homestays-32/" class="mega-menu__link js-link">Séjours chez l'habitant à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/holiday-homes-33/" class="mega-menu__link js-link">Hébergements de vacances à Costa Brava</a> </li> <li class="mega-menu__list-item"> <a href="/fr/type/guest-houses-10/" class="mega-menu__link js-link">Maisons d'hôtes à Costa Brava</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link js-link js-link-hex" data-hex=34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">Support</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a href="/fr/" class="header-logo"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Costa Brava </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">Français</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <a href="/ar/" class="dropdown__link js-save-params js-link " data-name="العربية"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </a> <a href="/zh/" class="dropdown__link js-save-params js-link " data-name="简体中文"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-zh.svg" width="20" height="20" class="dropdown__icon" alt="zh" loading="lazy"> <div class="dropdown__name">简体中文</div> </a> <a href="/cs/" class="dropdown__link js-save-params js-link " data-name="Čeština"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-cs.svg" width="20" height="20" class="dropdown__icon" alt="cs" loading="lazy"> <div class="dropdown__name">Čeština</div> </a> <a href="/da/" class="dropdown__link js-save-params js-link " data-name="Dansk"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-da.svg" width="20" height="20" class="dropdown__icon" alt="da" loading="lazy"> <div class="dropdown__name">Dansk</div> </a> <a href="/de/" class="dropdown__link js-save-params js-link " data-name="Deutsch"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a href="/en/" class="dropdown__link js-save-params js-link " data-name="English"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" loading="lazy"> <div class="dropdown__name">English</div> </a> <a href="/es/" class="dropdown__link js-save-params js-link " data-name="Español"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" loading="lazy"> <div class="dropdown__name">Español</div> </a> <a href="/fr/" class="dropdown__link js-save-params js-link is-active" data-name="Français"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" > <div class="dropdown__name">Français</div> </a> <a href="/el/" class="dropdown__link js-save-params js-link " data-name="Ελληνικά"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </a> <a href="/he/" class="dropdown__link js-save-params js-link " data-name="עברית"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-he.svg" width="20" height="20" class="dropdown__icon" alt="he" loading="lazy"> <div class="dropdown__name">עברית</div> </a> <a href="/it/" class="dropdown__link js-save-params js-link " data-name="Italiano"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-it.svg" width="20" height="20" class="dropdown__icon" alt="it" loading="lazy"> <div class="dropdown__name">Italiano</div> </a> <a href="/ja/" class="dropdown__link js-save-params js-link " data-name="日本語"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ja.svg" width="20" height="20" class="dropdown__icon" alt="ja" loading="lazy"> <div class="dropdown__name">日本語</div> </a> <a href="/ko/" class="dropdown__link js-save-params js-link " data-name="한국어"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ko.svg" width="20" height="20" class="dropdown__icon" alt="ko" loading="lazy"> <div class="dropdown__name">한국어</div> </a> <a href="/hu/" class="dropdown__link js-save-params js-link " data-name="Magyar"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-hu.svg" width="20" height="20" class="dropdown__icon" alt="hu" loading="lazy"> <div class="dropdown__name">Magyar</div> </a> <a href="/nl/" class="dropdown__link js-save-params js-link " data-name="Nederlands"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" loading="lazy"> <div class="dropdown__name">Nederlands</div> </a> <a href="/pl/" class="dropdown__link js-save-params js-link " data-name="Polski"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a href="/pt/" class="dropdown__link js-save-params js-link " data-name="Português"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <a href="/ru/" class="dropdown__link js-save-params js-link " data-name="Русский"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ru.svg" width="20" height="20" class="dropdown__icon" alt="ru" loading="lazy"> <div class="dropdown__name">Русский</div> </a> <a href="/sv/" class="dropdown__link js-save-params js-link " data-name="Svenska"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-sv.svg" width="20" height="20" class="dropdown__icon" alt="sv" loading="lazy"> <div class="dropdown__name">Svenska</div> </a> <a href="/tr/" class="dropdown__link js-save-params js-link " data-name="Türkçe"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-tr.svg" width="20" height="20" class="dropdown__icon" alt="tr" loading="lazy"> <div class="dropdown__name">Türkçe</div> </a> </div> </div> </div> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.92891 17.0711C4.81766 18.9598 7.32891 20 10 20C12.6711 20 15.1824 18.9599 17.0711 17.0711C18.9598 15.1823 20 12.6711 20 10C20 7.32891 18.9598 4.81766 17.0711 2.92891C15.1823 1.04016 12.6711 0 10 0C7.32891 0 4.81762 1.04012 2.92891 2.92891C1.0402 4.8177 0 7.32891 0 10C0 12.6711 1.04016 15.1823 2.92891 17.0711ZM1.25 10C1.25 5.17523 5.17523 1.25 10 1.25C14.8248 1.25 18.75 5.17523 18.75 10C18.75 14.8248 14.8248 18.75 10 18.75C5.17523 18.75 1.25 14.8248 1.25 10Z"/> <path d="M10 9.375C9.13844 9.375 8.4375 8.67406 8.4375 7.8125C8.4375 6.95094 9.13844 6.25 10 6.25C10.8616 6.25 11.5625 6.95094 11.5625 7.8125C11.5625 8.15766 11.8423 8.4375 12.1875 8.4375C12.5327 8.4375 12.8125 8.15766 12.8125 7.8125C12.8125 6.47652 11.8759 5.35594 10.625 5.07086V4.375C10.625 4.02984 10.3452 3.75 10 3.75C9.6548 3.75 9.375 4.02984 9.375 4.375V5.07086C8.12414 5.35594 7.1875 6.47652 7.1875 7.8125C7.1875 9.36332 8.44918 10.625 10 10.625C10.8616 10.625 11.5625 11.3259 11.5625 12.1875C11.5625 13.0491 10.8616 13.75 10 13.75C9.13844 13.75 8.4375 13.0491 8.4375 12.1875C8.4375 11.8423 8.1577 11.5625 7.8125 11.5625C7.4673 11.5625 7.1875 11.8423 7.1875 12.1875C7.1875 13.5235 8.12414 14.6441 9.375 14.9291V15.625C9.375 15.9702 9.6548 16.25 10 16.25C10.3452 16.25 10.625 15.9702 10.625 15.625V14.9291C11.8759 14.6441 12.8125 13.5235 12.8125 12.1875C12.8125 10.6367 11.5508 9.375 10 9.375Z"/> </svg> <div class="accordion-btn__text">Monnaie</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--currencies js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link js-link-hex is-active js-save-params" data-curr="1" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <div class="dropdown__code">USD</div> <div class="dropdown__name">Dollar américain</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="3" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <div class="dropdown__code">EUR</div> <div class="dropdown__name">Euro</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="7" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <div class="dropdown__code">GBP</div> <div class="dropdown__name">Livre sterling</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="11" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <div class="dropdown__code">AUD</div> <div class="dropdown__name">Dollar australien</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="21" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <div class="dropdown__code">CAD</div> <div class="dropdown__name">Dollar canadien</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="48" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <div class="dropdown__code">BRL</div> <div class="dropdown__name">Réal brésilien</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="49" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <div class="dropdown__code">BGN</div> <div class="dropdown__name">Lev bulgare</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="57" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <div class="dropdown__code">CNY</div> <div class="dropdown__name">Yuan chinois</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="66" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <div class="dropdown__code">CZK</div> <div class="dropdown__name">Couronne tchèque</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="4" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <div class="dropdown__code">DKK</div> <div class="dropdown__name">Couronne danoise</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="13" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <div class="dropdown__code">HKD</div> <div class="dropdown__name">Dollar de Hong Kong</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="77" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <div class="dropdown__code">ILS</div> <div class="dropdown__name">Nouveau sheqel israélien</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="23" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <div class="dropdown__code">JPY</div> <div class="dropdown__name">Yen japonais</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="10" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <div class="dropdown__code">MYR</div> <div class="dropdown__name">Ringgit malaisien</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="12" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <div class="dropdown__code">NZD</div> <div class="dropdown__name">Dollar néo-zélandais</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="22" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <div class="dropdown__code">NOK</div> <div class="dropdown__name">Couronne norvégienne</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="135" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <div class="dropdown__code">PLN</div> <div class="dropdown__name">Zloty polonais</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="136" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <div class="dropdown__code">RON</div> <div class="dropdown__name">Nouveau leu roumain</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="137" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <div class="dropdown__code">RUB</div> <div class="dropdown__name">Rouble russe</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="142" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <div class="dropdown__code">SAR</div> <div class="dropdown__name">Riyal saoudien</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="24" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <div class="dropdown__code">SGD</div> <div class="dropdown__name">Dollar de Singapour</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="15" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <div class="dropdown__code">ZAR</div> <div class="dropdown__name">Rand sud-africain</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="151" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <div class="dropdown__code">KRW</div> <div class="dropdown__name">Won sud-coréen</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="9" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <div class="dropdown__code">SEK</div> <div class="dropdown__name">Couronne suédoise</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="8" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <div class="dropdown__code">CHF</div> <div class="dropdown__name">Franc suisse</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="162" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <div class="dropdown__code">TRY</div> <div class="dropdown__name">Livre turque</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="166" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <div class="dropdown__code">UAH</div> <div class="dropdown__name">Hryvnia ukrainienne</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="2" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <div class="dropdown__code">THB</div> <div class="dropdown__name">Baht thaïlandais</div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="banner__content"> <h1 class="banner__title"> Meilleurs endroits pour séjourner à Costa Brava </h1> <p class="banner__text">Découvrez le monde du confort et de la confidentialité</p> </div> <div class="form-wrap js-avail-form-mob"> <div class="form-wrap__icon"> <svg width="17" height="15" viewBox="0 0 17 15" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3037 6.18838C14.8224 6.64861 13.3717 7.26224 11.9514 8.02929C10.531 8.79634 9.41777 9.57776 8.61151 10.3736C7.82401 9.58735 6.70839 8.80833 5.26464 8.03648C3.82088 7.26464 2.34902 6.64861 0.849011 6.18838L0.694324 6.63423C2.34433 7.85192 3.79979 9.11274 5.06073 10.4167C6.32167 11.7207 7.43026 13.1685 8.38651 14.7601H8.7662C9.72245 13.1781 10.8334 11.7351 12.099 10.4311C13.3646 9.12712 14.8271 7.86151 16.4865 6.63423L16.3037 6.18838ZM15.6146 0.320309C14.2459 0.723009 12.9193 1.25514 11.6349 1.91672C10.3506 2.5783 9.34276 3.25425 8.61151 3.9446C7.88963 3.26384 6.87714 2.59029 5.57401 1.92391C4.27088 1.25754 2.92558 0.723009 1.53807 0.320309L1.38339 0.766153C2.87402 1.8592 4.19823 3.00256 5.35604 4.19629C6.51386 5.39001 7.52401 6.71075 8.38651 8.15855H8.7662C9.6287 6.71075 10.6388 5.39001 11.7967 4.19629C12.9545 3.00256 14.2834 1.8592 15.7834 0.766153L15.6146 0.320309Z"/> </svg> </div> <div class="form-wrap__title">Précisez vos dates pour vérifier la disponibilité</div> <form class="avail-form js-avail-form avail-form--cities" autocomplete="off" action="/fr/search/" method="post"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="s" value="1" /> <select class="hidden" type="hidden" name="cityID" value="19154" id="cityId"> <option value="19154" data-bcity-id="-389487" > </option> <option value="8381" data-bcity-id="-399710" > </option> <option value="18308" data-bcity-id="-383956" > </option> <option value="2593" data-bcity-id="-404906" > </option> <option value="31408" data-bcity-id="900039105" > </option> <option value="14533" data-bcity-id="-382463" > </option> <option value="8416" data-bcity-id="-374873" > </option> <option value="7332" data-bcity-id="-373696" > </option> <option value="34349" data-bcity-id="-382031" > </option> <option value="34198" data-bcity-id="-372154" > </option> <option value="34550" data-bcity-id="-400735" > </option> <option value="34291" data-bcity-id="900039176" > </option> <option value="51651" data-bcity-id="-386902" > </option> <option value="34410" data-bcity-id="-395149" > </option> <option value="17081" data-bcity-id="-399371" > </option> <option value="19429" data-bcity-id="900039454" > </option> <option value="34232" data-bcity-id="-375052" > </option> <option value="35598" data-bcity-id="-400287" > </option> <option value="34575" data-bcity-id="-404845" > </option> <option value="8615" data-bcity-id="-395298" > </option> </select> <div class="avail-form__cities js-cities-wrapper"> <div class="avail-form__field-cities field js-cities-toggler"> <div class="field__wrapper"> <div class="field__label">Destination</div> <div id="cityName" class="field__text">Lloret de Mar</div> </div> <p class="avail-form__error hidden js-city-error">D'abord sélectionnez la ville</p> </div> <div class="avail-form__dropdown cities-dropdown js-cities-dropdown"> <div class="cities-dropdown__item js-city-item" data-city-id="19154" data-city-name="Lloret de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Lloret de Mar</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8381" data-city-name="Roses"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Roses</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18308" data-city-name="Gérone"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Gérone</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="2593" data-city-name="Tossa de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Tossa de Mar</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="31408" data-city-name="Castell-Platja d'Aro"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Castell-Platja d'Aro</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="14533" data-city-name="Figueras"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Figueras</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8416" data-city-name="Cadaqués"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Cadaqués</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="7332" data-city-name="Blanes"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Blanes</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34349" data-city-name="L'Estartit"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">L'Estartit</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34198" data-city-name="Begur"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Begur</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34550" data-city-name="Sant Feliu de Guíxols"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Sant Feliu de Guíxols</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34291" data-city-name="Empuriabrava"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Empuriabrava</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="51651" data-city-name="L' Escala"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">L' Escala</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34410" data-city-name="Palamós"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Palamós</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="17081" data-city-name="Riudellots de la Selva"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Riudellots de la Selva</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="19429" data-city-name="La Jonquière"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">La Jonquière</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34232" data-city-name="Calella De Palafrugell"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Calella De Palafrugell</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="35598" data-city-name="Salt"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Salt</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="34575" data-city-name="Torroella de Montgrí"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Torroella de Montgrí</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8615" data-city-name="Pals"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Pals</div> <div class="cities-dropdown__city-country">Espagne</div> </div> </div> </div> </div> <div class="avail-form__calendar js-new-calendar-wrapper"> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Check-in‌ :</div> <div class="field__text js-new-calendar-from-text"> <span class="field__number js-date-day">06</span> <span class="js-date-month">March</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-03-06"> </fieldset> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Check-out‌ :</div> <div class="field__text js-new-calendar-to-text"> <span class="field__number js-date-day">07</span> <span class="js-date-month">March</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuit)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuits)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuits)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-03-07"> </fieldset> </div> <div class="avail-form__guests js-guests-wrapper"> <div class="avail-form__field-guests field js-guests-toggler"> <div class="field__wrapper"> <div class="field__label">Clients</div> <div class="field__text"> <span class="js-guests-count">2</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="1"> invité</span> <span class="js-guests-count-text" style="display: inline;" data-guests-count="2"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="3"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="4"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="5"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="6"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="7"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="8"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="9"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="10"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="11"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="12"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="13"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="14"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="15"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="16"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="17"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="18"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="19"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="20"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="21"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="22"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="23"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="24"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="25"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="26"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="27"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="28"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="29"> invités</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="30"> invités</span> </div> </div> <svg width="15" height="9" class="field__icon" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg"> <path d="M14.614 0.320312C13.2452 0.723013 11.9187 1.25515 10.6343 1.91673C9.3499 2.57831 8.34209 3.25426 7.61084 3.9446C6.88896 3.26385 5.87647 2.59029 4.57334 1.92392C3.27021 1.25754 1.92491 0.723013 0.537402 0.320312L0.382715 0.766157C1.87335 1.8592 3.19755 3.00257 4.35537 4.19629C5.51319 5.39001 6.52334 6.71075 7.38584 8.15856H7.76553C8.62803 6.71075 9.63818 5.39001 10.796 4.19629C11.9538 3.00257 13.2827 1.8592 14.7827 0.766157L14.614 0.320312Z" /> </svg> </div> <div class="avail-form__dropdown js-guests-dropdown guests-dropdown"> <div class="guests-dropdown__wrapper"> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Adultes:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease js-guests-btn" data-type="adults" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-adults-count">2</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="adults" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="adults" class="js-adults-select hidden" value="2" name="adults"> </div> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Enfants :</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease is-disabled js-guests-btn" data-type="children" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-children-count">0</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="children" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="childs" class="js-children-select hidden" value="0" name="children"> </div> </div> <div class="guests-dropdown__age js-age-container"> <div class="guests-dropdown__label js-child-age-title">Âges des enfants :</div> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-one"> <span>Veuillez indiquer l'âge de l'enfant</span> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-plural"> <span>Veuillez indiquer l'âge des enfants</span> </div> <div class="avail-form__buttons-wrap"> <button class="avail-form__button avail-form__button--cancel js-cancel-button" type="button">Annuler</button> <button class="avail-form__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="avail-form__submit"> <button class="avail-form__submit-btn js-avail-info-submit-btn" type="submit"> <span class="avail-form__submit-text">Rechercher</span> </button> </div> </form> <template id="child-age-template"> <fieldset class="guests-dropdown__age-item js-age"> <select class="guests-dropdown__select js-child-age-select" name=""> <option selected value=""> -</option> <option value="0"> ‹1</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10"> 10</option> <option value="11"> 11</option> <option value="12"> 12</option> <option value="13"> 13</option> <option value="14"> 14</option> <option value="15"> 15</option> <option value="16"> 16</option> </select> </fieldset> </template> </div> </div> <div class="content page-cities js-page-content"> <div class="inner where-to-stay js-where-to-stay"> <h2 class="where-to-stay__title title">Où Séjourner à Costa Brava</h2> <p class="where-to-stay__subtitle subtitle">Explorez toute la ville pour choisir ce qui vous convient.</p> <div class="where-to-stay__tabs js-tabs-where-to-stay"> <div class="where-to-stay-tab active" data-target=".js-districts-block"> <span class="where-to-stay-tab__text">Les meilleurs quartiers</span> </div> <div class="where-to-stay-tab active" data-target=".js-attractions-block"> <span class="where-to-stay-tab__text">Les meilleures destinations</span> </div> <div class="where-to-stay-tab active" data-target=".js-map-block"> <span class="where-to-stay-tab__text">Voir sur la carte</span> </div> </div> <div class="where-to-stay__blocks"> <div class="where-to-stay__block where-to-stay-districts active js-districts-block"> <div class="where-to-stay-districts__wrapper"> <div class="where-to-stay-districts__cards "> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/fr/near-santa-margarida-dr903027/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4823.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Santa Margarida</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">Voir 1011 immeubles</div> </div> </a> </div> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/fr/near-roses-town-centre-dr903030/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4826.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Roses Town Centre</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">Voir 604 immeubles</div> </div> </a> </div> </div> <div class="where-to-stay-districts__list"> <ul class="where-to-stay-districts__links"> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/fr/near-almadraba-canyelles-dr903033/" target="_blank"> <p class="where-to-stay-districts-link__name">Almadraba-Canyelles</p> </a> <p class="where-to-stay-districts-link__props">515 propriétés</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/fr/near-old-town-dr1703419/" target="_blank"> <p class="where-to-stay-districts-link__name">Old Town </p> </a> <p class="where-to-stay-districts-link__props">235 propriétés</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/fr/near-lloret-town-centre-dr903018/" target="_blank"> <p class="where-to-stay-districts-link__name">Lloret Town Centre</p> </a> <p class="where-to-stay-districts-link__props">215 propriétés</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/fr/near-fenals-beach-dr902994/" target="_blank"> <p class="where-to-stay-districts-link__name">Fenals Beach</p> </a> <p class="where-to-stay-districts-link__props">159 propriétés</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/fr/near-canyelles-beach-dr902991/" target="_blank"> <p class="where-to-stay-districts-link__name">Canyelles Beach</p> </a> <p class="where-to-stay-districts-link__props">10 propriétés</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/fr/near-vila-vella-dr1703299/" target="_blank"> <p class="where-to-stay-districts-link__name">Vila Vella </p> </a> <p class="where-to-stay-districts-link__props">6 propriétés</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> <div class="where-to-stay-districts__toggle-btn js-districts-toggle-btn active" data-target='.js-more-links'> <span>Montrer encore</span> <span>Cacher</span> </div> </div> </div> <ul class="where-to-stay-districts__more js-more-links active"> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/fr/near-aiguafreda-beach-dr907317/" target="_blank"> <p class="districts-more-link__name">Aiguafreda Beach</p> </a> <p class="districts-more-link__props">4 propriétés</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> <div class="where-to-stay__block where-to-stay-attractions active js-attractions-block"> <div class="where-to-stay-attractions__wrapper"> <div class="where-to-stay-attractions__cards "> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/fr/near-girona-costa-brava-136470/" target="_blank"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name ">Aéroport de Gérone-Costa Brava</div> <div class="where-to-stay-attractions-card__inner-props ">Voir 75 immeubles</div> </div> </a> </div> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/fr/near-reus-140294/" target="_blank"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name ">Aéroport de Reus</div> <div class="where-to-stay-attractions-card__inner-props ">Voir 1 immeuble</div> </div> </a> </div> </div> <div class="where-to-stay-attractions__list"> <ul class="where-to-stay-attractions__links"> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-aquabrava-water-park-365980/" target="_blank"> <p class="where-to-stay-attractions-link__name">Parc aquatique Aquabrava Roses</p> </a> <p class="where-to-stay-attractions-link__props">1184 propriétés</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-emporda-golf-course-413479/" target="_blank"> <p class="where-to-stay-attractions-link__name">Emporda Golf Torroella de Montgrí</p> </a> <p class="where-to-stay-attractions-link__props">31 propriétés</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-santa-cristina-beach-156326/" target="_blank"> <p class="where-to-stay-attractions-link__name">Plage de Santa Cristina Lloret de Mar</p> </a> <p class="where-to-stay-attractions-link__props">685 propriétés</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-el-celler-de-can-roca-1786835/" target="_blank"> <p class="where-to-stay-attractions-link__name">El Celler de Can Roca</p> </a> <p class="where-to-stay-attractions-link__props">345 propriétés</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-peralada-golf-409267/" target="_blank"> <p class="where-to-stay-attractions-link__name">Golf Peralada</p> </a> <p class="where-to-stay-attractions-link__props">31 propriétés</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-espai-girones-shopping-centre-1058592/" target="_blank"> <p class="where-to-stay-attractions-link__name">Espai Girones Shopping Centre Salt</p> </a> <p class="where-to-stay-attractions-link__props">28 propriétés</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/fr/near-botanical-gardens-409330/" target="_blank"> <p class="where-to-stay-attractions-link__name">Botanical Gardens</p> </a> <p class="where-to-stay-attractions-link__props">1 propriété</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> </div> </div> <div class="where-to-stay__block where-to-stay-map js-map-block"> <div class="where-to-stay-map__inner js-where-to-stay-map"> <div class="where-to-stay-map__map" id="mapbox"></div> <script type="text/javascript" class="js-where-to-stay-map-hotels hidden"> [ { "id": 356346, "lat": 42.0120582580566, "lng": 3.18787002563477, "name": "Hotel El Delfin Verde à Torroella de Montgrí", "hotelUrl": "https://el-delfin-verde.topcostabravahotels.com/fr/", "reviewCount": 12, "reviewsText": "12 commentaires", "price": 121, "priceText": "prix moyen/nuit", "photos": [ "1518/151873/151873828.JPEG", "1170/117080/117080029.JPEG", "1170/117080/117080131.JPEG", "1170/117080/117080137.JPEG", "1170/117080/117080140.JPEG", "1170/117080/117080134.JPEG" ] }, { "id": 100336, "lat": 41.699635, "lng": 2.839872, "name": "Don Juan Resort Affiliated By Fergus Lloret de Mar", "hotelUrl": "https://gran-hotel-don-juan.topcostabravahotels.com/fr/", "reviewCount": 469, "reviewsText": "469 commentaires", "price": 81, "priceText": "prix moyen/nuit", "photos": [ "12558/1255825/1255825714.JPEG", "12731/1273128/1273128166.JPEG", "12731/1273128/1273128235.JPEG", "12731/1273127/1273127434.JPEG", "15487/1548766/1548766900.JPEG", "12605/1260526/1260526321.JPEG" ] }, { "id": 283287, "lat": 42.31428, "lng": 3.02249, "name": "Hotel Peralada Wine Spa & Golf", "hotelUrl": "https://peralada-wine-spa-golf.topcostabravahotels.com/fr/", "reviewCount": 483, "reviewsText": "483 commentaires", "score": 93, "scoreText": "9.3", "price": 155, "priceText": "prix moyen/nuit", "photos": [ "16174/1617462/1617462862.JPEG", "15801/1580169/1580169196.JPEG", "16174/1617462/1617462802.JPEG", "16174/1617462/1617462415.JPEG", "16174/1617462/1617462809.JPEG", "16174/1617462/1617462810.JPEG" ] }, { "id": 86507, "lat": 41.724617, "lng": 2.931333, "name": "Hotel Ght Oasis Tossa & Spa à Tossa de Mar", "hotelUrl": "https://ght-oasis-tossa-spa.topcostabravahotels.com/fr/", "reviewCount": 309, "reviewsText": "309 commentaires", "price": 80, "priceText": "prix moyen/nuit", "photos": [ "15843/1584398/1584398836.JPEG", "16005/1600556/1600556687.JPEG", "16005/1600556/1600556693.JPEG", "16005/1600556/1600556701.JPEG", "15843/1584398/1584398770.JPEG", "15868/1586821/1586821897.JPEG" ] }, { "id": 126290, "lat": 41.69985, "lng": 2.843126, "name": "Hotel Xaine Park Lloret de Mar", "hotelUrl": "https://xaine-park.topcostabravahotels.com/fr/", "reviewCount": 465, "reviewsText": "465 commentaires", "price": 195, "priceText": "prix moyen/nuit", "photos": [ "6548/654870/654870717.JPEG", "15240/1524036/1524036748.JPEG", "15803/1580374/1580374811.JPEG", "14987/1498779/1498779334.JPEG", "14987/1498779/1498779370.JPEG", "13822/1382254/1382254259.JPEG" ] }, { "id": 98145, "lat": 41.79167692835054, "lng": 3.0533182784347446, "name": "S'Agaro Hotel Spa & Wellness", "hotelUrl": "https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/", "reviewCount": 2988, "reviewsText": "2988 commentaires", "price": 105, "priceText": "prix moyen/nuit", "photos": [ "13763/1376361/1376361626.JPEG", "15409/1540926/1540926388.JPEG", "15409/1540924/1540924618.JPEG", "13763/1376348/1376348885.JPEG", "13336/1333661/1333661528.JPEG", "13336/1333664/1333664480.JPEG" ] }, { "id": 224473, "lat": 41.6987375, "lng": 2.84406339, "name": "Hotel Delamar 4*Sup-Adults Only à Lloret de Mar", "hotelUrl": "https://hotel-delamar.topcostabravahotels.com/fr/", "reviewCount": 3206, "reviewsText": "3206 commentaires", "score": 92, "scoreText": "9.2", "price": 65, "priceText": "prix moyen/nuit", "photos": [ "7990/799026/799026915.JPEG", "11099/1109933/1109933709.JPEG", "11099/1109939/1109939661.JPEG", "9437/943784/943784527.JPEG", "9432/943288/943288177.JPEG", "11099/1109933/1109933595.JPEG" ] }, { "id": 196901, "lat": 41.721773, "lng": 2.931899, "name": "Hotel Tossa Beach Center à Tossa de Mar", "hotelUrl": "https://tossa-center.topcostabravahotels.com/fr/", "reviewCount": 119, "reviewsText": "119 commentaires", "price": 77, "priceText": "prix moyen/nuit", "photos": [ "15805/1580544/1580544661.JPEG", "12730/1273069/1273069000.JPEG", "14003/1400334/1400334563.JPEG", "14041/1404140/1404140669.JPEG", "14041/1404156/1404156788.JPEG", "14044/1404424/1404424589.JPEG" ] }, { "id": 87832, "lat": 41.701293, "lng": 2.85565099999997, "name": "Hotel Rosamar & Spa 4*S à Lloret de Mar", "hotelUrl": "https://rosamar-spa.topcostabravahotels.com/fr/", "reviewCount": 2233, "reviewsText": "2233 commentaires", "price": 84, "priceText": "prix moyen/nuit", "photos": [ "11516/1151625/1151625670.jpeg", "16463/1646330/1646330738.JPEG", "16463/1646330/1646330751.JPEG", "12632/1263253/1263253423.JPEG", "12632/1263259/1263259552.JPEG", "12632/1263246/1263246121.JPEG" ] }, { "id": 86517, "lat": 41.722065, "lng": 2.9371665, "name": "Gran Hotel Reymar 4 Sup Tossa de Mar", "hotelUrl": "https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/", "reviewCount": 499, "reviewsText": "499 commentaires", "score": 88, "scoreText": "8.8", "price": 374, "priceText": "prix moyen/nuit", "photos": [ "15802/1580279/1580279459.JPEG", "15802/1580279/1580279231.JPEG", "16444/1644402/1644402001.JPEG", "15868/1586822/1586822489.JPEG", "15802/1580279/1580279263.JPEG", "15802/1580279/1580279495.JPEG" ] }, { "id": 325756, "lat": 41.998172, "lng": 2.817328, "name": "Hotel Ibis Budget Girona Costa Brava", "hotelUrl": "https://ibis-girona.topcostabravahotels.com/fr/", "reviewCount": 663, "reviewsText": "663 commentaires", "price": 69, "priceText": "prix moyen/nuit", "photos": [ "12730/1273067/1273067341.JPEG", "16087/1608783/1608783177.JPEG", "16087/1608783/1608783178.JPEG", "16087/1608783/1608783179.JPEG", "15804/1580425/1580425905.JPEG", "16087/1608783/1608783185.JPEG" ] }, { "id": 365023, "lat": 41.9832, "lng": 2.81123, "name": "Hotel Doubletree By Hilton Gérone", "hotelUrl": "https://doubletree-by-hilton-hotel-girona.topcostabravahotels.com/fr/", "reviewCount": 705, "reviewsText": "705 commentaires", "price": 111, "priceText": "prix moyen/nuit", "photos": [ "15465/1546546/1546546426.JPEG", "12729/1272999/1272999724.JPEG", "12729/1272999/1272999283.JPEG", "12730/1273000/1273000027.JPEG", "12730/1273000/1273000132.JPEG", "12729/1272999/1272999826.JPEG" ] }, { "id": 226289, "lat": 41.66026, "lng": 2.78009, "name": "Hotel Beverly Park & Spa Blanes", "hotelUrl": "https://beverly-park.topcostabravahotels.com/fr/", "reviewCount": 1360, "reviewsText": "1360 commentaires", "price": 77, "priceText": "prix moyen/nuit", "photos": [ "14319/1431968/1431968305.JPEG", "15801/1580149/1580149090.JPEG", "11767/1176742/1176742213.JPEG", "11767/1176744/1176744598.JPEG", "14319/1431975/1431975346.JPEG", "14319/1431975/1431975217.JPEG" ] }, { "id": 266101, "lat": 41.69831, "lng": 2.84161, "name": "Hotel Gran Garbi & Aquasplash Lloret de Mar", "hotelUrl": "https://hotel-gran-garbi.topcostabravahotels.com/fr/", "reviewCount": 686, "reviewsText": "686 commentaires", "price": 72, "priceText": "prix moyen/nuit", "photos": [ "9830/983089/983089006.JPEG", "12730/1273083/1273083082.JPEG", "12730/1273083/1273083427.JPEG", "12730/1273080/1273080607.JPEG", "12730/1273083/1273083265.JPEG", "12730/1273083/1273083193.JPEG" ] }, { "id": 240031, "lat": 41.89294, "lng": 3.19236, "name": "Hotel Casamar Llafranc", "hotelUrl": "https://hotel-casamar.topcostabravahotels.com/fr/", "reviewCount": 784, "reviewsText": "784 commentaires", "score": 90, "scoreText": "9.0", "price": 110, "priceText": "prix moyen/nuit", "photos": [ "8068/806858/806858829.JPEG", "13305/1330561/1330561313.JPEG", "13305/1330574/1330574123.JPEG", "13305/1330576/1330576019.JPEG", "13305/1330580/1330580354.JPEG", "13305/1330591/1330591874.JPEG" ] }, { "id": 248348, "lat": 42.13127483026683, "lng": 3.121769428253174, "name": "Hostal Empuries L' Escala", "hotelUrl": "https://hostal-spa-empuries.topcostabravahotels.com/fr/", "reviewCount": 1783, "reviewsText": "1783 commentaires", "score": 89, "scoreText": "8.9", "price": 178, "priceText": "prix moyen/nuit", "photos": [ "10203/1020386/1020386635.JPEG", "16456/1645651/1645651097.JPEG", "16456/1645651/1645651105.JPEG", "16456/1645651/1645651108.JPEG", "16298/1629890/1629890604.JPEG", "16298/1629890/1629890630.JPEG" ] }, { "id": 97238, "lat": 41.699328, "lng": 2.831549, "name": "Hotel Fenals Garden à Lloret de Mar", "hotelUrl": "https://fenals-garden.topcostabravahotels.com/fr/", "reviewCount": 50, "reviewsText": "50 commentaires", "price": 79, "priceText": "prix moyen/nuit", "photos": [ "7908/790823/790823787.JPEG", "12729/1272987/1272987919.JPEG", "15803/1580317/1580317631.JPEG", "15803/1580317/1580317591.JPEG", "15803/1580317/1580317567.JPEG", "12729/1272971/1272971530.JPEG" ] }, { "id": 94713, "lat": 41.82492844, "lng": 3.07753175, "name": "Hotel Cala Del Pi - Adults Only Castell-Castell-Platja d'Aro", "hotelUrl": "https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/", "reviewCount": 713, "reviewsText": "713 commentaires", "score": 92, "scoreText": "9.2", "price": 317, "priceText": "prix moyen/nuit", "photos": [ "1659/165909/165909063.JPEG", "12729/1272985/1272985018.JPEG", "12729/1272985/1272985249.JPEG", "12729/1272985/1272985315.JPEG", "12729/1272985/1272985381.JPEG", "12729/1272986/1272986455.JPEG" ] }, { "id": 212219, "lat": 42.05027, "lng": 3.19609200000002, "name": "Hotel Panorama L'Estartit", "hotelUrl": "https://hotel-panorama.topcostabravahotels.com/fr/", "reviewCount": 199, "reviewsText": "199 commentaires", "price": 93, "priceText": "prix moyen/nuit", "photos": [ "3670/367023/367023547.JPEG", "15807/1580768/1580768039.JPEG", "15486/1548611/1548611878.JPEG", "15881/1588148/1588148495.JPEG", "15881/1588149/1588149024.JPEG", "15545/1554569/1554569635.JPEG" ] }, { "id": 94709, "lat": 41.826471, "lng": 3.0817, "name": "Park Hotel San Jorge & Spa By Escampa Hotels Castell-Castell-Platja d'Aro", "hotelUrl": "https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/", "reviewCount": 624, "reviewsText": "624 commentaires", "price": 84, "priceText": "prix moyen/nuit", "photos": [ "7044/704490/704490601.JPEG", "16053/1605367/1605367791.JPEG", "16053/1605367/1605367802.JPEG", "16053/1605367/1605367776.JPEG", "16053/1605367/1605367797.JPEG", "16053/1605367/1605367798.JPEG" ] }, { "id": 98146, "lat": 41.78830497, "lng": 3.04458618, "name": "Hotel Ilunion Caleta Park à Sant Feliu de Guíxols", "hotelUrl": "https://ilunion-caleta-park-sagaro.topcostabravahotels.com/fr/", "reviewCount": 298, "reviewsText": "298 commentaires", "score": 88, "scoreText": "8.8", "price": 123, "priceText": "prix moyen/nuit", "photos": [ "15975/1597546/1597546356.JPEG", "15968/1596864/1596864123.JPEG", "15968/1596864/1596864152.JPEG", "15975/1597546/1597546330.JPEG", "15968/1596864/1596864143.JPEG", "15968/1596864/1596864121.JPEG" ] }, { "id": 87801, "lat": 41.69509, "lng": 2.8327024, "name": "Rigat Park & Spa Hotel - Adults Recommended Lloret de Mar", "hotelUrl": "https://rigat-park.topcostabravahotels.com/fr/", "reviewCount": 501, "reviewsText": "501 commentaires", "score": 88, "scoreText": "8.8", "price": 328, "priceText": "prix moyen/nuit", "photos": [ "15447/1544724/1544724532.JPEG", "16093/1609308/1609308326.JPEG", "16134/1613412/1613412956.JPEG", "16076/1607657/1607657424.JPEG", "16093/1609308/1609308325.JPEG", "16002/1600213/1600213598.JPEG" ] }, { "id": 88529, "lat": 41.85832272, "lng": 2.766706876, "name": "Camiral Golf & Wellness - Leading Hotel Of The World Caldes de Malavella", "hotelUrl": "https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/", "reviewCount": 102, "reviewsText": "102 commentaires", "score": 87, "scoreText": "8.7", "price": 248, "priceText": "prix moyen/nuit", "photos": [ "12788/1278880/1278880513.JPEG", "12788/1278880/1278880036.JPEG", "12788/1278878/1278878920.JPEG", "12788/1278879/1278879487.JPEG", "12788/1278879/1278879601.JPEG", "12788/1278879/1278879658.JPEG" ] }, { "id": 1085156, "lat": 41.89137, "lng": 3.20188, "name": "El Far Hotel Restaurant Llafranc", "hotelUrl": "https://el-far-hotel-restaurant.topcostabravahotels.com/fr/", "reviewCount": 47, "reviewsText": "47 commentaires", "score": 92, "scoreText": "9.2", "price": 218, "priceText": "prix moyen/nuit", "photos": [ "7991/799164/799164978.JPEG", "10071/1007179/1007179897.JPEG", "10057/1005764/1005764938.JPEG", "10057/1005765/1005765277.JPEG", "10057/1005765/1005765463.JPEG", "10057/1005765/1005765577.JPEG" ] }, { "id": 102736, "lat": 41.978603, "lng": 2.821083, "name": "Hotel Carlemany Gérone", "hotelUrl": "https://carlemany.topcostabravahotels.com/fr/", "reviewCount": 497, "reviewsText": "497 commentaires", "price": 361, "priceText": "prix moyen/nuit", "photos": [ "16076/1607654/1607654897.JPEG", "16076/1607654/1607654915.JPEG", "16076/1607654/1607654898.JPEG", "16437/1643754/1643754594.JPEG", "16076/1607654/1607654941.JPEG", "16076/1607654/1607654880.JPEG" ] }, { "id": 87822, "lat": 41.699017, "lng": 2.8482325, "name": "Hotel Marsol Lloret de Mar", "hotelUrl": "https://marsol.topcostabravahotels.com/fr/", "reviewCount": 869, "reviewsText": "869 commentaires", "price": 103, "priceText": "prix moyen/nuit", "photos": [ "7211/721135/721135255.JPEG", "15585/1558592/1558592692.JPEG", "14206/1420678/1420678758.JPEG", "15585/1558592/1558592581.JPEG", "15585/1558592/1558592629.JPEG", "12715/1271558/1271558230.JPEG" ] }, { "id": 98771, "lat": 41.70016, "lng": 2.82938, "name": "Aparthotel Costa Encantada Lloret de Mar", "hotelUrl": "https://aparthotel-costa-encantada.topcostabravahotels.com/fr/", "reviewCount": 524, "reviewsText": "524 commentaires", "price": 89, "priceText": "prix moyen/nuit", "photos": [ "7197/719774/719774320.JPEG", "12729/1272975/1272975979.JPEG", "15566/1556667/1556667010.JPEG", "15566/1556667/1556667037.JPEG", "15566/1556666/1556666854.JPEG", "15566/1556666/1556666923.JPEG" ] }, { "id": 215095, "lat": 41.983742, "lng": 3.19383, "name": "Aparthotel Golf Beach Pals", "hotelUrl": "https://aparthotel-village-golf-beach.topcostabravahotels.com/fr/", "reviewCount": 277, "reviewsText": "277 commentaires", "price": 103, "priceText": "prix moyen/nuit", "photos": [ "8301/830155/830155805.JPEG", "15804/1580428/1580428819.JPEG", "12731/1273130/1273130596.JPEG", "12731/1273130/1273130734.JPEG", "12731/1273130/1273130815.JPEG", "15895/1589506/1589506766.JPEG" ] }, { "id": 87071, "lat": 42.261233, "lng": 3.151056, "name": "Hotel Prestige Victoria à Roses", "hotelUrl": "https://prestige-victoria.topcostabravahotels.com/fr/", "reviewCount": 202, "reviewsText": "202 commentaires", "price": 130, "priceText": "prix moyen/nuit", "photos": [ "14772/1477204/1477204753.JPEG", "15983/1598394/1598394173.JPEG", "15983/1598394/1598394147.JPEG", "15983/1598394/1598394153.JPEG", "15983/1598394/1598394159.JPEG", "15983/1598394/1598394181.JPEG" ] }, { "id": 126313, "lat": 41.79070496966212, "lng": 3.0558177407837093, "name": "Hostal De La Gavina Gl - The Leading Hotels Of The World S'Agaró", "hotelUrl": "https://hostal-de-la-gavina.topcostabravahotels.com/fr/", "reviewCount": 70, "reviewsText": "70 commentaires", "score": 88, "scoreText": "8.8", "price": 699, "priceText": "prix moyen/nuit", "photos": [ "11796/1179634/1179634972.JPEG", "16410/1641011/1641011326.JPEG", "16410/1641011/1641011327.JPEG", "16410/1641011/1641011325.JPEG", "16410/1641011/1641011328.JPEG", "16016/1601679/1601679825.JPEG" ] }, { "id": 228508, "lat": 41.93357, "lng": 3.2176208, "name": "Hotel Parador De Aiguablava à Fornells ", "hotelUrl": "https://parador-de-aiguablava.topcostabravahotels.com/fr/", "reviewCount": 2366, "reviewsText": "2366 commentaires", "score": 88, "scoreText": "8.8", "price": 239, "priceText": "prix moyen/nuit", "photos": [ "2458/245802/245802733.JPEG", "14439/1443942/1443942973.JPEG", "14439/1443929/1443929434.JPEG", "14439/1443930/1443930151.JPEG", "14439/1443937/1443937123.JPEG", "14439/1443938/1443938575.JPEG" ] }, { "id": 235734, "lat": 41.7004593231562, "lng": 2.84411430708133, "name": "Hotel Astoria Park Lloret de Mar", "hotelUrl": "https://astoria-park.topcostabravahotels.com/fr/", "reviewCount": 444, "reviewsText": "444 commentaires", "price": 153, "priceText": "prix moyen/nuit", "photos": [ "14241/1424198/1424198718.JPEG", "15861/1586106/1586106328.JPEG", "15861/1586106/1586106331.JPEG", "15861/1586106/1586106336.JPEG", "15861/1586106/1586106337.JPEG", "15861/1586106/1586106340.JPEG" ] }, { "id": 88039, "lat": 42.013769, "lng": 3.139758, "name": "Emporda Golf Resort Torroella de Montgrí", "hotelUrl": "https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/", "reviewCount": 2028, "reviewsText": "2028 commentaires", "score": 89, "scoreText": "8.9", "price": 190, "priceText": "prix moyen/nuit", "photos": [ "11661/1166128/1166128380.JPEG", "12731/1273148/1273148677.JPEG", "10073/1007375/1007375329.JPEG", "15996/1599640/1599640515.JPEG", "15996/1599640/1599640514.JPEG", "15669/1566926/1566926243.JPEG" ] }, { "id": 87066, "lat": 42.26477, "lng": 3.17251, "name": "Hotel Marina Roses", "hotelUrl": "https://marina-roses.topcostabravahotels.com/fr/", "reviewCount": 420, "reviewsText": "420 commentaires", "price": 120, "priceText": "prix moyen/nuit", "photos": [ "15868/1586822/1586822428.JPEG", "15868/1586821/1586821188.JPEG", "15868/1586821/1586821231.JPEG", "15868/1586821/1586821879.JPEG", "15868/1586821/1586821881.JPEG", "15868/1586821/1586821882.JPEG" ] }, { "id": 749427, "lat": 41.70035, "lng": 2.832585, "name": "Hotel Htop Palm Beach & Spa #Htopenjoy à Lloret de Mar", "hotelUrl": "https://htop-palm-beach.topcostabravahotels.com/fr/", "reviewCount": 941, "reviewsText": "941 commentaires", "price": 42, "priceText": "prix moyen/nuit", "photos": [ "12729/1272993/1272993127.JPEG", "15960/1596015/1596015004.JPEG", "15960/1596015/1596015005.JPEG", "15960/1596015/1596015021.JPEG", "15960/1596015/1596015022.JPEG", "12729/1272991/1272991807.JPEG" ] }, { "id": 95590, "lat": 41.8478813171387, "lng": 3.12641310691834, "name": "Hotel Trias Palamós", "hotelUrl": "https://trias.topcostabravahotels.com/fr/", "reviewCount": 2175, "reviewsText": "2175 commentaires", "price": 88, "priceText": "prix moyen/nuit", "photos": [ "11261/1126121/1126121268.JPEG", "16463/1646333/1646333369.JPEG", "16463/1646333/1646333370.JPEG", "16463/1646333/1646333368.JPEG", "11871/1187102/1187102995.JPEG", "11871/1187103/1187103025.JPEG" ] }, { "id": 87824, "lat": 41.696488, "lng": 2.832412, "name": "Hotel Htop Amatista #Htopbliss à Lloret de Mar", "hotelUrl": "https://h-top-royal-beach.topcostabravahotels.com/fr/", "reviewCount": 468, "reviewsText": "468 commentaires", "price": 193, "priceText": "prix moyen/nuit", "photos": [ "14252/1425256/1425256290.JPEG", "15953/1595396/1595396541.JPEG", "15936/1593641/1593641669.JPEG", "15936/1593641/1593641689.JPEG", "15953/1595396/1595396524.JPEG", "15953/1595396/1595396526.JPEG" ] }, { "id": 98109, "lat": 41.91752, "lng": 3.20646, "name": "Hotel Hostalillo By Escampa Hotels Tamariu", "hotelUrl": "https://hostalillo.topcostabravahotels.com/fr/", "reviewCount": 3568, "reviewsText": "3568 commentaires", "score": 89, "scoreText": "8.9", "price": 55, "priceText": "prix moyen/nuit", "photos": [ "15983/1598393/1598393814.JPEG", "15983/1598393/1598393778.JPEG", "16423/1642310/1642310538.JPEG", "16423/1642310/1642310541.JPEG", "16423/1642310/1642310542.JPEG", "16423/1642310/1642310543.JPEG" ] }, { "id": 234311, "lat": 41.69927, "lng": 2.84039, "name": "Hotel Acapulco Lloret de Mar", "hotelUrl": "https://acapulco-lloret-de-mar.topcostabravahotels.com/fr/", "reviewCount": 2368, "reviewsText": "2368 commentaires", "price": 263, "priceText": "prix moyen/nuit", "photos": [ "10152/1015201/1015201081.JPEG", "15507/1550741/1550741875.JPEG", "15507/1550742/1550742754.JPEG", "15507/1550742/1550742763.JPEG", "11539/1153941/1153941273.JPEG", "15893/1589368/1589368576.JPEG" ] }, { "id": 87837, "lat": 41.702316, "lng": 2.84607200000005, "name": "Aqua Hotel Bertran Park Lloret de Mar", "hotelUrl": "https://aqua-hotel-bertran-park.topcostabravahotels.com/fr/", "reviewCount": 399, "reviewsText": "399 commentaires", "price": 284, "priceText": "prix moyen/nuit", "photos": [ "7039/703958/703958623.JPEG", "15541/1554183/1554183124.JPEG", "16286/1628645/1628645829.JPEG", "10250/1025044/1025044024.JPEG", "10250/1025046/1025046163.JPEG", "16367/1636736/1636736760.JPEG" ] }, { "id": 87072, "lat": 42.26563, "lng": 3.16778, "name": "Hotel & Spa Terraza 4 Sup Roses", "hotelUrl": "https://hotel-terraza.topcostabravahotels.com/fr/", "reviewCount": 713, "reviewsText": "713 commentaires", "score": 88, "scoreText": "8.8", "price": 146, "priceText": "prix moyen/nuit", "photos": [ "11299/1129989/1129989375.JPEG", "13291/1329192/1329192584.JPEG", "13291/1329194/1329194243.JPEG", "13291/1329194/1329194573.JPEG", "13292/1329206/1329206438.JPEG", "13292/1329204/1329204344.JPEG" ] }, { "id": 87813, "lat": 41.70459, "lng": 2.83794, "name": "Hotel Evenia Olympic Garden à Lloret de Mar", "hotelUrl": "https://evenia-olympic-suites.topcostabravahotels.com/fr/", "reviewCount": 72, "reviewsText": "72 commentaires", "price": 106, "priceText": "prix moyen/nuit", "photos": [ "12731/1273132/1273132981.JPEG", "12731/1273132/1273132672.JPEG", "12731/1273132/1273132474.JPEG", "12731/1273132/1273132156.JPEG", "12731/1273132/1273132231.JPEG", "12731/1273132/1273132549.JPEG" ] }, { "id": 203987, "lat": 41.699032, "lng": 2.84391, "name": "Gran Hotel Flamingo-Adults Only Lloret de Mar", "hotelUrl": "https://gran-hotel-flamingo.topcostabravahotels.com/fr/", "reviewCount": 3446, "reviewsText": "3446 commentaires", "score": 91, "scoreText": "9.1", "price": 45, "priceText": "prix moyen/nuit", "photos": [ "4506/450629/450629409.JPEG", "12730/1273090/1273090390.JPEG", "12730/1273090/1273090936.JPEG", "12730/1273090/1273090768.JPEG", "16097/1609718/1609718088.JPEG", "15903/1590341/1590341760.JPEG" ] }, { "id": 87818, "lat": 41.69931, "lng": 2.83346, "name": "Hotel Ght Aquarium & Spa à Lloret de Mar", "hotelUrl": "https://ght-aquarium-spa.topcostabravahotels.com/fr/", "reviewCount": 382, "reviewsText": "382 commentaires", "price": 81, "priceText": "prix moyen/nuit", "photos": [ "6928/692897/692897007.JPEG", "15486/1548635/1548635962.JPEG", "15486/1548636/1548636145.JPEG", "15486/1548635/1548635926.JPEG", "12064/1206474/1206474757.JPEG", "12064/1206484/1206484525.JPEG" ] }, { "id": 87810, "lat": 41.703468, "lng": 2.84323, "name": "Hotel Augusta Club & Spa - Adults Only à Lloret de Mar", "hotelUrl": "https://augusta-club.topcostabravahotels.com/fr/", "reviewCount": 278, "reviewsText": "278 commentaires", "price": 1520, "priceText": "prix moyen/nuit", "photos": [ "15433/1543300/1543300636.JPEG", "12730/1273088/1273088173.JPEG", "12730/1273086/1273086817.JPEG", "12730/1273088/1273088059.JPEG", "15456/1545689/1545689434.JPEG", "15456/1545689/1545689542.JPEG" ] }, { "id": 88563, "lat": 42.28295, "lng": 3.27566, "name": "Hotel Llane Petit Cadaqués", "hotelUrl": "https://hotel-llane-petit.topcostabravahotels.com/fr/", "reviewCount": 451, "reviewsText": "451 commentaires", "score": 89, "scoreText": "8.9", "price": 142, "priceText": "prix moyen/nuit", "photos": [ "1188/118899/118899997.JPEG", "13962/1396235/1396235159.JPEG", "13962/1396207/1396207826.JPEG", "12006/1200678/1200678172.JPEG", "12436/1243630/1243630447.JPEG", "12467/1246741/1246741444.JPEG" ] }, { "id": 781446, "lat": 41.6959237174352, "lng": 2.83534169197083, "name": "Hotel Surf Mar Lloret de Mar", "hotelUrl": "https://surf-mar.topcostabravahotels.com/fr/", "reviewCount": 1435, "reviewsText": "1435 commentaires", "price": 224, "priceText": "prix moyen/nuit", "photos": [ "3124/312414/312414669.JPEG", "15264/1526481/1526481676.JPEG", "15264/1526488/1526488111.JPEG", "15264/1526481/1526481424.JPEG", "15264/1526481/1526481436.JPEG", "15264/1526488/1526488096.JPEG" ] }, { "id": 97332, "lat": 41.93976, "lng": 3.2133, "name": "Hotel Eetu - Adults Only Begur", "hotelUrl": "https://hotel-eetu-adults-only.topcostabravahotels.com/fr/", "reviewCount": 738, "reviewsText": "738 commentaires", "score": 89, "scoreText": "8.9", "price": 137, "priceText": "prix moyen/nuit", "photos": [ "12785/1278532/1278532729.JPEG", "12785/1278534/1278534256.JPEG", "12785/1278532/1278532426.JPEG", "12785/1278533/1278533422.JPEG", "12785/1278534/1278534151.JPEG", "12785/1278534/1278534484.JPEG" ] }, { "id": 254999, "lat": 41.699838, "lng": 2.841969, "name": "Hotel Maria Del Mar Lloret de Mar", "hotelUrl": "https://hotel-maria-del-mar-lloret-de-mar.topcostabravahotels.com/fr/", "reviewCount": 169, "reviewsText": "169 commentaires", "price": 66, "priceText": "prix moyen/nuit", "photos": [ "13374/1337469/1337469731.JPEG", "12730/1273049/1273049227.JPEG", "16093/1609315/1609315951.JPEG", "15928/1592884/1592884882.JPEG", "10066/1006634/1006634911.JPEG", "13810/1381063/1381063358.JPEG" ] }, { "id": 397617, "lat": 41.81818, "lng": 3.0666, "name": "Hotel Spa La Terrassa Castell-Castell-Platja d'Aro", "hotelUrl": "https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/", "reviewCount": 342, "reviewsText": "342 commentaires", "price": 67, "priceText": "prix moyen/nuit", "photos": [ "372/37272/37272592.JPEG", "15805/1580533/1580533581.JPEG", "16293/1629397/1629397519.JPEG", "11623/1162329/1162329615.JPEG", "11645/1164528/1164528939.JPEG", "11645/1164531/1164531975.JPEG" ] } ] </script> <template id="marker-hotel-template"> <div class="where-to-stay-map__marker js-where-to-stay-map-marker" data-type="hotel"> <svg class="where-to-stay-map__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#where-to-stay-marker-pin"></use> </svg> </div> </template> <template id="popup-hotel-template"> <div class="map-popup"> <div class="map-popup__slider-wrapper swiper js-map-popup-slider"> <div class="swiper-wrapper"> </div> <div class="map-popup__controls"> <div class="map-popup__control map-popup__control--prev js-map-hotel-nav-prev"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="map-popup__control map-popup__control--next js-map-hotel-nav-next"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="map-popup__body"> <a class="map-popup__title" target="_blank"></a> <div class="map-popup__info map-popup-info"> </div> </div> </div> </template> </div> </div> </div> </div> <div class="inner exeptional-selections js-exeptional-selections"> <h2 class="title">Sélections Exceptionnelles</h2> <p class="subtitle exeptional-selections__subtitle"> Découvrez nos collections sélectionnées pour un séjour unique à Costa Brava. </p> <div class="exeptional-selections__wrapper"> <div class="swiper exeptional-selections__slider-wrapper js-exeptional-selections-slider"> <ul class="exeptional-selections__list swiper-wrapper"> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39372e3131302e3130302e34352e39382e34352e39382e3131352e34352e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-apartments-and-b-bs.jpg" alt="Appartements et couette-cafés" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Appartements et couette-cafés</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130312e3131302e3131362e3131342e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-central-hotels.jpg" alt="Hôtels au centre-ville" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/fr/theme/central-hotels-8/">Hôtels au centre-ville</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e39372e39392e39392e3131312e3130392e3130392e3131312e3130302e39372e3131362e3130352e3131312e3131302e3131352e34352e35312e35332e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-accommodations.jpg" alt="Hébergement de luxe" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hébergement de luxe</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130342e3130312e39372e3131322e34352e39372e3131302e3130302e34352e39382e3131372e3130302e3130332e3130312e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-cheap-and-budget-hotels.jpg" alt="Hôtels économiques" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/fr/theme/cheap-and-budget-hotels-9/">Hôtels économiques</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3130312e3131362e3131352e34352e39372e3130382e3130382e3131312e3131392e3130312e3130302e34352e35302e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pets-allowed.jpg" alt="Hôtels acceptant les animaux domestiques" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels acceptant les animaux domestiques</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beach-hotels.jpg" alt="Hôtels de plage" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels de plage</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e34392e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-resorts.jpg" alt="Stations touristiques" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Stations touristiques</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131342e3130352e3131382e39372e3131362e3130312e34352e3131382e3130352e3130382e3130382e39372e3131352e34352e35312e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-private-villas.jpg" alt="Villas Privées" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Villas Privées</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e3130322e3131342e3131312e3131302e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beachfront-hotels.jpg" alt="Hôtels en bord de mer" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels en bord de mer</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130332e3131312e3130382e3130322e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-golf-hotels.jpg" alt="Hôtels avec golf" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels avec golf</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130302e3130312e3131352e3130352e3130332e3131302e34352e39372e3131302e3130302e34352e3130392e3131312e3130302e3130312e3131342e3131302e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-design-and-modern-hotels.jpg" alt="Hôtels design" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels design</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130322e39372e3130392e3130352e3130382e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-family-hotels.jpg" alt="Hôtels familiaux" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/fr/theme/family-hotels-11/">Hôtels familiaux</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130362e39372e39392e3131372e3132322e3132322e3130352e34352e35312e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-jacuzzi.jpg" alt="Jacuzzi" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Jacuzzi</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-hotels.jpg" alt="Hotels de luxe" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hotels de luxe</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3131322e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-spa-hotels.jpg" alt="Hôtels spa" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels spa</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131312e3131312e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pool-hotels.jpg" alt="Hôtels avec piscine intérieure" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels avec piscine intérieure</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131312e3131372e3131362e3130352e3131332e3131372e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-boutique-hotels.jpg" alt="Boutique hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Boutique hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131372e3131352e3130352e3131302e3130312e3131352e3131352e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-business-hotels.jpg" alt="Hôtels d'affaires" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels d'affaires</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130312e3130382e3130322e34352e39392e39372e3131362e3130312e3131342e3130352e3131302e3130332e34352e35302e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-self-catering.jpg" alt="Restauration autonome" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Restauration autonome</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3130352e3131342e3131322e3131312e3131342e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-airport-hotels.jpg" alt="Hôtels d'aéroport" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels d'aéroport</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3130352e3131302e3131312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-casino-hotels.jpg" alt="Hôtels avec casino" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels avec casino</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130392e39372e3130382e3130382e34352e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-small-luxury-hotels.jpg" alt="Petits Hôtels de Luxe" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Petits Hôtels de Luxe</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3131312e3130392e39372e3131302e3131362e3130352e39392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-romantic-hotels.jpg" alt="Hôtels romantiques" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels romantiques</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3130352e3131352e3131362e3131312e3131342e3130352e39392e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-historical-hotels.jpg" alt="Hôtels historiques" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels historiques</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3131362e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-castle-hotels.jpg" alt="Hôtels Château" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels Château</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e3131392e3130352e3131362e3130342e34352e39372e34352e3131382e3130352e3130312e3131392e34352e35312e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-hotels-with-a-view.jpg" alt="Hôtels avec vue" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hôtels avec vue</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3130342e3130312e3130392e3130312e34372e3131302e3130312e3131392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-new-hotels.jpg" alt="Nouveaux Hôtels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Nouveaux Hôtels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <a class="exeptional-selections__item-link" href="/fr/all-hotels/" target="_blank"> <div class="exeptional-selections__img-wrapper"> <div class="exeptional-selections__img-wrapper-inner"> <svg class="icon exeptional-selections__img-wrapper-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="exeptional-selections__img-wrapper-text"> Afficher tous les hôtels à Costa Brava </h3> </div> </div> </a> </li> </ul> </div> <div class="exeptional-selections__controls"> <div class="exeptional-selections__control exeptional-selections__control--prev js-exeptional-arrow-prev"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="exeptional-selections__control exeptional-selections__control--next js-exeptional-arrow-next"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Hôtels de Costa Brava par étoiles</h2> <p class="top-hotels__subtitle subtitle">Parcourez les options d'hôtel de Costa Brava et choisissez votre correspondance d'étoiles.</p> <div class="top-hotels__tabs js-tabs-hotels"> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-5-stars"> <span class="top-hotels-tab__text">Hôtels 5 étoiles</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-4-stars"> <span class="top-hotels-tab__text">Hôtels 4 étoiles</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-3-stars"> <span class="top-hotels-tab__text">Hôtels 3 étoiles</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-2-stars"> <span class="top-hotels-tab__text">Hôtels 2 étoiles</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-5-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--5-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16174/1617462/1617462862.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15801/1580169/1580169196.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16174/1617462/1617462802.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16174/1617462/1617462415.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16174/1617462/1617462809.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16174/1617462/1617462810.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://peralada-wine-spa-golf.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Peralada Wine Spa & Golf</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>155 US$</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(483 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1659/165909/165909063.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985018.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985249.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985315.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985381.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272986/1272986455.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://salles-hotel-cala-del-pi.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Cala Del Pi - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>317 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(713 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9895/989521/989521159.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14994/1499429/1499429110.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14994/1499428/1499428936.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14994/1499428/1499428996.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14994/1499429/1499429026.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14994/1499429/1499429035.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mas-de-torrent-hotel-spa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Mas de Torrent Hotel&Spa, Relais&Châteaux</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>414 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(221 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rigat-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15447/1544724/1544724532.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rigat-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16093/1609308/1609308326.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rigat-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16134/1613412/1613412956.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rigat-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16076/1607657/1607657424.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rigat-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16093/1609308/1609308325.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rigat-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16002/1600213/1600213598.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://rigat-park.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Rigat Park & Spa Hotel - Adults Recommended</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>328 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(501 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11796/1179634/1179634972.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16410/1641011/1641011326.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16410/1641011/1641011327.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16410/1641011/1641011325.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16410/1641011/1641011328.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16016/1601679/1601679825.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-de-la-gavina.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hostal De La Gavina Gl - The Leading Hotels Of The World</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>699 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(294 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6602/660287/660287592.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15836/1583651/1583651642.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15435/1543570/1543570948.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15435/1543571/1543571221.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15442/1544212/1544212711.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15486/1548621/1548621787.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://santa-marta-lloret-de-mar.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Santa Marta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>550 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(680 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12788/1278880/1278880513.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278880/1278880036.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278878/1278878920.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278879/1278879487.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278879/1278879601.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278879/1278879658.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://melia-golf-vichy-catalan.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Camiral Golf & Wellness - Leading Hotel Of The World</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>248 US$</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(368 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14317/1431794/1431794959.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272951/1272951769.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272950/1272950998.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272951/1272951676.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272951/1272951541.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272951/1272951826.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://vistabella-roses.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Vistabella</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>422 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(388 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14438/1443893/1443893764.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580282/1580282573.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15894/1589444/1589444897.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/728/72831/72831398.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13425/1342556/1342556315.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6326/632626/632626377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://la-malcontenta.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel La Malcontenta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>129 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(612 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12718/1271855/1271855836.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15894/1589494/1589494084.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16469/1646904/1646904349.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16469/1646904/1646904352.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12872/1287216/1287216643.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12718/1271856/1271856802.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sant-pere-del-bosc-hotel-and-spa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Sant Pere Del Bosc Hotel & Spa - Adults Recommended</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>171 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(603 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15953/1595397/1595397570.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16468/1646891/1646891864.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16477/1647715/1647715291.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16456/1645651/1645651076.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16403/1640371/1640371693.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16403/1640371/1640371694.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://guitart-monterrey.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Melia Lloret De Mar</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>161 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16307/1630793/1630793525.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16308/1630841/1630841298.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16307/1630766/1630766594.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16307/1630766/1630766601.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16307/1630788/1630788309.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16307/1630792/1630792150.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://elisabeth-by-the-sea.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Elisabeth By The Sea Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>761 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8181/818157/818157692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16023/1602365/1602365836.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16023/1602365/1602365843.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16023/1602365/1602365834.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15395/1539584/1539584665.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15194/1519412/1519412854.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://alabriga-hotel-home-suites.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Alàbriga Hotel&Home Suites GL</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>571 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8878/887854/887854612.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580205/1580205699.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580205/1580205701.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580205/1580205702.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580205/1580205693.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14095/1409506/1409506025.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://camping-la-masia.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Camping La Masia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>184 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/5-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels 5 étoiles à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-4-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--4-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7990/799026/799026915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11099/1109933/1109933709.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11099/1109939/1109939661.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9437/943784/943784527.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9432/943288/943288177.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11099/1109933/1109933595.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-delamar.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Delamar 4*Sup-Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>65 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(3206 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4506/450629/450629409.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273090/1273090390.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273090/1273090936.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273090/1273090768.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16097/1609718/1609718088.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15903/1590341/1590341760.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://gran-hotel-flamingo.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Gran Hotel Flamingo-Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>45 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(3446 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15975/1597577/1597577856.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15975/1597577/1597577857.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14150/1415068/1415068281.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14151/1415173/1415173152.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15975/1597577/1597577861.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9264/926414/926414503.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-mas-lazuli.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Mas Lazuli By Fimedhotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>206 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(566 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15802/1580279/1580279459.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580279/1580279231.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16444/1644402/1644402001.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15868/1586822/1586822489.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580279/1580279263.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580279/1580279495.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://premier-gran-hotel-reymar.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Gran Hotel Reymar 4 Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>374 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(2596 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10203/1020386/1020386635.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16456/1645651/1645651097.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16456/1645651/1645651105.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16456/1645651/1645651108.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16298/1629890/1629890604.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16298/1629890/1629890630.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-spa-empuries.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hostal Empuries</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>178 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1783 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/2458/245802/245802733.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14439/1443942/1443942973.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14439/1443929/1443929434.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14439/1443930/1443930151.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14439/1443937/1443937123.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14439/1443938/1443938575.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://parador-de-aiguablava.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Parador De Aiguablava</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>239 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(2366 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11661/1166128/1166128380.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273148/1273148677.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10073/1007375/1007375329.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15996/1599640/1599640515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15996/1599640/1599640514.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15669/1566926/1566926243.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://doubletree-by-hilton-emporda.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Emporda Golf Resort</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>190 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(2028 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11299/1129989/1129989375.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13291/1329192/1329192584.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13291/1329194/1329194243.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13291/1329194/1329194573.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13292/1329206/1329206438.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13292/1329204/1329204344.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-terraza.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel & Spa Terraza 4 Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>146 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(713 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15988/1598885/1598885551.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580284/1580284855.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580284/1580284445.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580284/1580284465.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580284/1580284505.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580284/1580284593.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://canyelles-platja.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Canyelles Platja</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>143 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13763/1376361/1376361626.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15409/1540926/1540926388.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15409/1540924/1540924618.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13763/1376348/1376348885.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13336/1333661/1333661528.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13336/1333664/1333664480.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sagaro-hotel-spa-wellness.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>S'Agaro Hotel Spa & Wellness</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>105 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7044/704490/704490601.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605367/1605367791.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605367/1605367802.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605367/1605367776.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605367/1605367797.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605367/1605367798.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://silken-park-hotel-san-jorge.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Park Hotel San Jorge & Spa By Escampa Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>84 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7197/719774/719774320.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272975/1272975979.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556667/1556667010.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556667/1556667037.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556666/1556666854.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556666/1556666923.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-costa-encantada.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Aparthotel Costa Encantada</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>89 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trias.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11261/1126121/1126121268.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trias.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16463/1646333/1646333369.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trias.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16463/1646333/1646333370.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trias.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16463/1646333/1646333368.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trias.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11871/1187102/1187102995.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://trias.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11871/1187103/1187103025.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://trias.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Trias</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>88 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://beverly-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14319/1431968/1431968305.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://beverly-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15801/1580149/1580149090.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://beverly-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11767/1176742/1176742213.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://beverly-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11767/1176744/1176744598.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://beverly-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14319/1431975/1431975346.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://beverly-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14319/1431975/1431975217.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://beverly-park.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Beverly Park & Spa</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>77 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/4-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels 4 étoiles à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-3-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--3-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10900/1090013/1090013910.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580428/1580428655.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580428/1580428831.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10900/1090016/1090016121.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10900/1090019/1090019232.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10900/1090019/1090019268.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-tamariu.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Tamariu</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>127 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(527 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7796/779664/779664483.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16082/1608291/1608291671.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16082/1608291/1608291835.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16082/1608291/1608291839.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16082/1608291/1608291843.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16082/1608291/1608291846.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://windsor-tossa-de-mar.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Windsor Tossa - Adults Only 16</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>97 US$</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(2862 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14986/1498622/1498622173.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15412/1541220/1541220736.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498621/1498621948.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498621/1498621957.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498622/1498622035.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498622/1498622041.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://costabella.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Costabella</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>60 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(3413 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10002/1000239/1000239399.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15894/1589415/1589415352.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15894/1589415/1589415367.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9961/996135/996135967.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13772/1377246/1377246236.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15894/1589415/1589415355.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-santa-anna.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Santa Anna</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>88 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(446 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13792/1379224/1379224877.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13741/1374134/1374134447.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13792/1379234/1379234336.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13741/1374134/1374134318.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7180/718034/718034548.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7180/718034/718034851.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-sa-tuna.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Sa Tuna</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>139 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(378 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14254/1425453/1425453877.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643142/1643142474.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15538/1553840/1553840899.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13776/1377690/1377690056.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13776/1377687/1377687461.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13858/1385828/1385828558.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://niu-del-sol.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Boutique Niu de Sol</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>146 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(284 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostalillo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15983/1598393/1598393814.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostalillo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15983/1598393/1598393778.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostalillo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16423/1642310/1642310538.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostalillo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16423/1642310/1642310541.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostalillo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16423/1642310/1642310542.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostalillo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16423/1642310/1642310543.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostalillo.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Hostalillo By Escampa Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>55 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3582 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1188/118899/118899997.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13962/1396235/1396235159.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13962/1396207/1396207826.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12006/1200678/1200678172.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12436/1243630/1243630447.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12467/1246741/1246741444.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-llane-petit.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Llane Petit</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>142 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(451 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10399/1039980/1039980538.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643150/1643150945.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580456/1580456119.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643150/1643150944.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16431/1643150/1643150946.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604769/1604769706.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-calina.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Calina</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>97 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2098 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4051/405159/405159402.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6549/654920/654920298.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6665/666555/666555444.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6665/666560/666560070.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6620/662053/662053665.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6615/661536/661536054.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-port-bo.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Port-Bo</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>109 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(1669 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/372/37272/37272592.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580533/1580533581.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16293/1629397/1629397519.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11623/1162329/1162329615.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11645/1164528/1164528939.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11645/1164531/1164531975.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-spa-la-terrassa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Spa La Terrassa</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>67 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15960/1596013/1596013417.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273136/1273136149.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273135/1273135096.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273135/1273135519.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627202/1627202372.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16134/1613412/1613412135.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://giverola-resort.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Zel Costa Brava</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>154 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/796/79697/79697592.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580516/1580516227.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580514/1580514169.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580516/1580516145.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16469/1646904/1646904136.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16469/1646904/1646904139.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-balneario-prats.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Balneario Prats</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>82 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12679/1267942/1267942015.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605376/1605376580.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16147/1614782/1614782176.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16147/1614782/1614782177.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16147/1614782/1614782178.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605376/1605376581.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://costa-brava-platja-daro.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Costa Brava</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>91 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/3-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels 3 étoiles à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15805/1580573/1580573569.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580573/1580573699.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580573/1580573455.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580573/1580573309.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580573/1580573063.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580576/1580576917.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-sa-rascassa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hostal Sa Rascassa (Adults Only)</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>219 US$</i></span> <span class="hotel-card__reviews-score">9.7</span> <span class="hotel-card__reviews-count">(168 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8068/806858/806858829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13305/1330561/1330561313.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13305/1330574/1330574123.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13305/1330576/1330576019.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13305/1330580/1330580354.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13305/1330591/1330591874.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-casamar.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Casamar</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>110 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(784 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16197/1619762/1619762668.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16197/1619762/1619762667.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16197/1619762/1619762682.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16197/1619762/1619762690.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16197/1619762/1619762691.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16197/1619762/1619762692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://pensio-bellmirall.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Pensio Bellmirall</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>68 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(1606 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12893/1289301/1289301769.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606073/1606073852.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15915/1591521/1591521686.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15472/1547232/1547232466.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606073/1606073870.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12893/1289304/1289304730.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-sa-barraca.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hostal Sa Barraca - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>58 US$</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(781 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vehi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15936/1593663/1593663001.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vehi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604777/1604777078.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vehi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15576/1557639/1557639922.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vehi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15576/1557640/1557640144.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vehi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15576/1557640/1557640171.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://vehi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15936/1593663/1593663005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://vehi.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Vehi</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>84 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(695 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/584/58481/58481731.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584406/1584406105.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584407/1584407701.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584407/1584407708.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584407/1584407719.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584407/1584407759.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-canet.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Canet</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>106 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1362 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1159/115979/115979753.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6409/640997/640997175.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6409/640954/640954503.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6410/641053/641053947.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1159/115979/115979735.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1159/115979/115979756.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://tramuntana-hotel-adults-only.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Tramuntana Hotel - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>129 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(382 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10926/1092643/1092643107.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15596/1559679/1559679076.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15596/1559679/1559679091.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14988/1498862/1498862578.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15235/1523536/1523536750.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15596/1559679/1559679097.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-cap-dor.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Cap d'Or</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>120 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(364 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16272/1627206/1627206601.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627206/1627206493.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627206/1627206494.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627206/1627206496.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627206/1627206499.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627206/1627206502.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-bell-repos.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Bell Repos</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>91 US$</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(1034 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://turissa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13587/1358760/1358760290.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://turissa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15356/1535681/1535681821.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://turissa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15356/1535681/1535681845.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://turissa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15356/1535683/1535683462.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://turissa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15356/1535685/1535685904.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://turissa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15356/1535686/1535686123.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://turissa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Turissa</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>66 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3550 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/98/9849/9849074.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15846/1584646/1584646513.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15846/1584646/1584646559.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15846/1584646/1584646673.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584488/1584488345.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584488/1584488353.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-totsompops.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hostal Totsompops</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>68 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16072/1607219/1607219553.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16072/1607219/1607219555.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16072/1607219/1607219560.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16072/1607219/1607219563.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16072/1607219/1607219573.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16072/1607219/1607219575.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-tarongeta.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Tarongeta - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>74 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8303/830327/830327909.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584477/1584477418.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15844/1584478/1584478066.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15885/1588595/1588595750.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15885/1588595/1588595867.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15881/1588106/1588106737.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://la-goleta-llanca.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel La Goleta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>82 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4018/401842/401842830.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580512/1580512309.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580512/1580512387.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580789/1580789571.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580789/1580789673.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580789/1580789813.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-cala-joncols.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Cala Joncols</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>110 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/2-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels 2 étoiles à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Propriétés les mieux cotées à Costa Brava par Type</h2> <p class="top-hotels__subtitle subtitle">Vérifiez la propriété avec la meilleure note basée sur tripadvisor, booking.com</p> <div class="top-hotels__tabs js-tabs-hotels-by-type "> <div class="top-hotels-tab active" data-target=".js-0-block"> <span class="top-hotels-tab__text">Meilleurs Hôtels</span> </div> <div class="top-hotels-tab active" data-target=".js-1-block"> <span class="top-hotels-tab__text">Meilleurs Couette-cafés</span> </div> <div class="top-hotels-tab active" data-target=".js-2-block"> <span class="top-hotels-tab__text">Meilleurs Appart hôtels</span> </div> <div class="top-hotels-tab active" data-target=".js-3-block"> <span class="top-hotels-tab__text">Meilleurs Auberges de jeunesse</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-0-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--0-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14069/1406999/1406999003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15563/1556366/1556366242.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15563/1556366/1556366554.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15563/1556366/1556366566.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15563/1556366/1556366626.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15563/1556366/1556366665.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://golden-bahia-de-tossa-spa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Golden Bahia De Tossa & Spa 4* Sup.</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>62 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(2850 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7332/733209/733209892.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6532/653269/653269734.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11467/1146732/1146732163.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11467/1146749/1146749614.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11467/1146731/1146731566.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11467/1146734/1146734878.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://guitart-gold-central-park-aqua-resort.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Guitart Central Park Aqua Resort</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>122 US$</i></span> <span class="hotel-card__reviews-score">7.2</span> <span class="hotel-card__reviews-count">(2279 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13037/1303793/1303793824.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13804/1380449/1380449981.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13855/1385520/1385520473.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13855/1385532/1385532650.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13855/1385559/1385559635.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13804/1380447/1380447389.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h-top-royal-star.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Htop Royal Star & Spa #Htopfun</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>207 US$</i></span> <span class="hotel-card__reviews-score">6.4</span> <span class="hotel-card__reviews-count">(1241 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11516/1151610/1151610589.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14046/1404646/1404646691.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14046/1404660/1404660848.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14046/1404661/1404661898.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14034/1403426/1403426027.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12632/1263253/1263253594.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://rosamar-garden-resort.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Rosamar Garden Resort 4*</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>124 US$</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(1627 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16005/1600557/1600557514.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16005/1600557/1600557497.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16005/1600557/1600557502.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16005/1600557/1600557505.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15486/1548635/1548635191.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15486/1548635/1548635200.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ght-oasis-park-spa.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Ght Oasis Park & Spa</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>39 US$</i></span> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count">(1692 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4158/415888/415888776.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273036/1273036414.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273036/1273036690.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273037/1273037299.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273035/1273035655.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273035/1273035724.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://evenia-olympic-resort.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Evenia Olympic Resort</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>98 US$</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(56 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pi-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6807/680768/680768061.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pi-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16082/1608290/1608290673.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pi-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16082/1608290/1608290681.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pi-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15844/1584403/1584403668.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pi-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16082/1608290/1608290686.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pi-mar.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14195/1419574/1419574533.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://pi-mar.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Pimar & Spa</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>68 US$</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(1516 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13037/1303794/1303794205.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15595/1559562/1559562091.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12463/1246396/1246396780.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12463/1246396/1246396795.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12464/1246401/1246401172.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12464/1246405/1246405708.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h-top-caleta-palace.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Htop Caleta Palace #Htopbliss</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>47 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15801/1580145/1580145743.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15988/1598886/1598886602.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15988/1598886/1598886616.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15988/1598886/1598886618.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15988/1598886/1598886621.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15988/1598886/1598886630.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://prestige-goya-park.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Prestige Goya Park</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>118 US$</i></span> <span class="hotel-card__reviews-score">7.9</span> <span class="hotel-card__reviews-count">(2753 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12432/1243207/1243207438.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15632/1563274/1563274267.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15632/1563274/1563274246.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15632/1563274/1563274255.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15632/1563274/1563274258.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15632/1563274/1563274261.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h-top-platja-park.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Hotel Htop Platja Park #Htopfun</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>65 US$</i></span> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(1751 commentaires)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/type/hotels-12/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-1-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--1-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6354/635483/635483730.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6968/696845/696845013.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6354/635483/635483820.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6354/635483/635483718.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6354/635483/635483787.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6354/635483/635483799.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://bed-in-girona.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Bed and breakfast Bed In Girona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>25 US$</i></span> <span class="hotel-card__reviews-score">5.6</span> <span class="hotel-card__reviews-count">(1602 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/3143/314308/314308333.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/4201/420173/420173139.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/3798/379832/379832029.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/3142/314256/314256817.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/3151/315192/315192229.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/2138/213816/213816866.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://bed-breakfast-pani.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Bed & Breakfast Pani</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>340 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/type/bed-and-breakfasts-4/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7017/701769/701769631.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16164/1616418/1616418747.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16164/1616418/1616418751.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16164/1616418/1616418773.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16164/1616418/1616418776.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16164/1616418/1616418779.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://comtat-sant-jordi.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Aparthotel Comtat Sant Jordi</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>63 US$</i></span> <span class="hotel-card__reviews-score">7.2</span> <span class="hotel-card__reviews-count">(1589 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16385/1638502/1638502776.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16337/1633700/1633700579.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16337/1633700/1633700583.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16337/1633700/1633700574.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16337/1633700/1633700576.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15727/1572734/1572734168.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-cap-sa-sal-luxury-adults-only.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Aparthotel Bypillow Cap Sa Sal (Adults Only)</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>198 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1043 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4556/455663/455663688.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15803/1580374/1580374775.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15803/1580374/1580374789.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15803/1580374/1580374671.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15803/1580374/1580374691.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15803/1580374/1580374759.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://l-escala-resort.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>L' Escala Resort</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>56 US$</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(3049 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273117/1273117543.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273115/1273115392.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273115/1273115461.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273116/1273116136.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273116/1273116328.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273116/1273116913.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://els-llorers-apartamentos.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Apartaments Els Llorers</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>231 US$</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(2850 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tossa-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14077/1407774/1407774254.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tossa-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273066/1273066735.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tossa-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273067/1273067077.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tossa-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273067/1273067467.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tossa-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15480/1548065/1548065728.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://tossa-park.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15843/1584398/1584398958.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://tossa-park.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Ght Aparthotel Tossa Park</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>53 US$</i></span> <span class="hotel-card__reviews-score">7.1</span> <span class="hotel-card__reviews-count">(1399 commentaires)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15920/1592064/1592064203.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273126/1273126402.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15920/1592064/1592064185.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15920/1592064/1592064187.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15920/1592064/1592064188.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15920/1592064/1592064191.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://bolero-park-lloret-de-mar-17310.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Aparthotel Ar Bolero Park</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>82 US$</i></span> <span class="hotel-card__reviews-score">7.2</span> <span class="hotel-card__reviews-count">(1392 commentaires)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/type/aparthotels-2/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-3-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--3-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/565/56539/56539063.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15844/1584424/1584424854.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15844/1584426/1584426006.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15844/1584426/1584426039.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6591/659132/659132583.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6591/659136/659136609.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://alberg-costa-brava.topcostabravahotels.com/fr/" target="_blank"><span class=hotel-card__name-text>Alberg Costa Brava</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">À partir de <i>32 US$</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(569 commentaires)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/fr/type/hostels-11/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Rechercher tous les hôtels à Costa Brava</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="inner discover-more-unique-properties js-discover-more-unique-properties"> <h2 class="title">Découvrez Plus de Propriétés Uniques</h2> <p class="subtitle discover-more-unique-properties__subtitle">Choisissez parmi une variété d'hébergements exclusifs.</p> <div class="discover-more-unique-properties__wrapper"> <div class="swiper discover-more-unique-properties__slider-wrapper js-discover-more-unique-properties-slider"> <ul class="discover-more-unique-properties__list swiper-wrapper"> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-apartments.jpg" alt="Appartements" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Appartements</div> <p class="discover-more-unique-properties__item-text"> Voir 9256 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130382e3130352e3130302e39372e3132312e34352e3130342e3131312e3130392e3130312e3131352e34352e35312e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-holiday-homes.jpg" alt="Hébergements de vacances" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hébergements de vacances</div> <p class="discover-more-unique-properties__item-text"> Voir 2579 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3131382e3130352e3130382e3130382e39372e3131352e34352e35302e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-villas.jpg" alt="Villas" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Villas</div> <p class="discover-more-unique-properties__item-text"> Voir 1615 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hotels.jpg" alt="Hôtels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="discover-more-unique-properties__item-title" href="/fr/type/hotels-12/">Hôtels</a> <p class="discover-more-unique-properties__item-text"> Voir 723 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130332e3131372e3130312e3131352e3131362e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e34392e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-guest-houses.jpg" alt="Maisons d'hôtes" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Maisons d'hôtes</div> <p class="discover-more-unique-properties__item-text"> Voir 149 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39392e3131312e3131372e3131302e3131362e3131342e3132312e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e35312e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-country-houses.jpg" alt="Séjours à la campagne" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Séjours à la campagne</div> <p class="discover-more-unique-properties__item-text"> Voir 106 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3130392e3131322e3131352e3130352e3131362e3130312e3131352e34352e35312e35332e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-campsites.jpg" alt="Campings" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Campings</div> <p class="discover-more-unique-properties__item-text"> Voir 78 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39382e3130312e3130302e34352e39372e3131302e3130302e34352e39382e3131342e3130312e39372e3130372e3130322e39372e3131352e3131362e3131352e34352e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-bed-and-breakfasts.jpg" alt="Couette-cafés" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Couette-cafés</div> <p class="discover-more-unique-properties__item-text"> Voir 65 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-aparthotels.jpg" alt="Appart hôtels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Appart hôtels</div> <p class="discover-more-unique-properties__item-text"> Voir 44 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130392e3130312e3131352e3131362e39372e3132312e3131352e34352e35312e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-homestays.jpg" alt="Séjours chez l'habitant" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Séjours chez l'habitant</div> <p class="discover-more-unique-properties__item-text"> Voir 29 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39392e3130342e39372e3130382e3130312e3131362e3131352e34352e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-chalets.jpg" alt="Chaletes" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Chaletes</div> <p class="discover-more-unique-properties__item-text"> Voir 29 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hostels.jpg" alt="Auberges de jeunesse" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Auberges de jeunesse</div> <p class="discover-more-unique-properties__item-text"> Voir 23 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3131362e3130312e3131302e3131362e3131352e34352e35302e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-luxury-tents.jpg" alt="Tentes de luxe" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Tentes de luxe</div> <p class="discover-more-unique-properties__item-text"> Voir 14 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130322e39372e3131342e3130392e34352e3131352e3131362e39372e3132312e3131352e34352e35312e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-farm-stays.jpg" alt="Séjours à la ferme" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Séjours à la ferme</div> <p class="discover-more-unique-properties__item-text"> Voir 11 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39382e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-botels.jpg" alt="Bateaux-hôtels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Bateaux-hôtels</div> <p class="discover-more-unique-properties__item-text"> Voir 9 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130382e3130352e3130302e39372e3132312e34352e3131322e39372e3131342e3130372e3131352e34352e35312e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-holiday-parks.jpg" alt="Villages de vacances" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Villages de vacances</div> <p class="discover-more-unique-properties__item-text"> Voir 9 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e35312e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-resorts.jpg" alt="Stations touristiques" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Stations touristiques</div> <p class="discover-more-unique-properties__item-text"> Voir 6 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3130302e3130332e3130312e3131352e34352e34392e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-lodges.jpg" alt="Lodges" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Lodges</div> <p class="discover-more-unique-properties__item-text"> Voir 4 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e39392e3131312e3131302e3130302e3131312e3131352e34352e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-condos.jpg" alt="Copropriétés" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Copropriétés</div> <p class="discover-more-unique-properties__item-text"> Voir 4 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130322e3131342e34372e3131362e3132312e3131322e3130312e34372e3130352e3131302e3131302e3131352e34352e34392e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-inns.jpg" alt="Mini-hôtels " loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Mini-hôtels </div> <p class="discover-more-unique-properties__item-text"> Voir 3 immeubles </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <a class="discover-more-unique-properties__item-link" href="/fr/all-accommodations/" target="_blank"> <div class="discover-more-unique-properties__img-wrapper"> <div class="discover-more-unique-properties__img-wrapper-inner"> <svg class="icon discover-more-unique-properties__img-wrapper-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="discover-more-unique-properties__img-wrapper-text">Voir tous les logements</h3> </div> </div> </a> </li> </ul> </div> <div class="discover-more-unique-properties__controls"> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--prev js-discover-arrow-prev"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--next js-discover-arrow-next"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="why-book-with-us__wrapper"> <div class="why-book-with-us__bg"></div> <div class="inner why-book-with-us"> <h2 class="title">Pourquoi réserver chez nous</h2> <p class="subtitle why-book-with-us__subtitle">Vous cherchez - nous répondons</p> <ul class="why-book-with-us__list"> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Assistance à l'hôtel 24/7</p> <p class="why-book-with-us__item-text">Nous sommes à votre disposition si vous avez besoin de nous pendant vos vacances</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Garantie du Prix le plus bas</p> <p class="why-book-with-us__item-text">Il n'y a pas de meilleure offre !</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Réservez l'endroit idéal</p> <p class="why-book-with-us__item-text">Procédure de réservation simple et rapide</p> </li> </ul> </div> </div> </div> <div class="more-ideas__wrapper js-more-ideas"> <div class="inner more-ideas js-more-ideas-inner"> <div class="more-ideas__head js-more-ideas-btn active"> <svg class="icon more-ideas__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <h2 class="more-ideas__title"> Plus d'idées pour se loger à Costa Brava </h2> </div> <div class="more-ideas__body active"> <div class="more-ideas__block block"> <h3 class="block__title"> Destinations principales à Costa Brava </h3> <ul class="block__list" > <li class="block__item"> <a href="/fr/lloret-de-mar-hotels-19154/" target="_blank"> Lloret de Mar </a>  (1430) </li> <li class="block__item"> <a href="/fr/roses-hotels-8381/" target="_blank"> Roses </a>  (2248) </li> <li class="block__item"> <a href="/fr/girona-hotels-18308/" target="_blank"> Gérone </a>  (622) </li> <li class="block__item"> <a href="/fr/tossa-de-mar-hotels-2593/" target="_blank"> Tossa de Mar </a>  (576) </li> <li class="block__item"> <a href="/fr/platja-d-aro-hotels-31408/" target="_blank"> Castell-Platja d'Aro </a>  (785) </li> <li class="block__item"> <a href="/fr/figueres-hotels-14533/" target="_blank"> Figueras </a>  (102) </li> <li class="block__item"> <a href="/fr/cadaques-hotels-8416/" target="_blank"> Cadaqués </a>  (197) </li> <li class="block__item"> <a href="/fr/blanes-hotels-7332/" target="_blank"> Blanes </a>  (408) </li> <li class="block__item"> <a href="/fr/l-estartit-hotels-34349/" target="_blank"> L'Estartit </a>  (957) </li> <li class="block__item"> <a href="/fr/begur-hotels-34198/" target="_blank"> Begur </a>  (496) </li> <li class="block__item"> <a href="/fr/sant-feliu-de-guixols-hotels-34550/" target="_blank"> Sant Feliu de Guíxols </a>  (305) </li> <li class="block__item"> <a href="/fr/empuriabrava-hotels-34291/" target="_blank"> Empuriabrava </a>  (1441) </li> <li class="block__item"> <a href="/fr/l-escala-hotels-51651/" target="_blank"> L' Escala </a>  (940) </li> <li class="block__item"> <a href="/fr/palamos-hotels-34410/" target="_blank"> Palamós </a>  (331) </li> <li class="block__item"> <a href="/fr/riudellots-de-la-selva-hotels-17081/" target="_blank"> Riudellots de la Selva </a>  (4) </li> <li class="block__item"> <a href="/fr/la-jonquera-hotels-19429/" target="_blank"> La Jonquière </a>  (12) </li> <li class="block__item"> <a href="/fr/calella-de-palafrugell-hotels-34232/" target="_blank"> Calella De Palafrugell </a>  (245) </li> <li class="block__item"> <a href="/fr/salt-hotels-35598/" target="_blank"> Salt </a>  (5) </li> <li class="block__item"> <a href="/fr/torroella-de-montgri-hotels-34575/" target="_blank"> Torroella de Montgrí </a>  (241) </li> <li class="block__item"> <a href="/fr/pals-hotels-8615/" target="_blank"> Pals </a>  (408) </li> </ul> </div> <div class="more-ideas__block block"> <h3 class="block__title">Environs</h3> <ul class="block__list"> <li class="block__item"> <a href="/fr/near-pitch-and-putt-papalus-400060/" target="_blank">Pitch and Putt Papalus Lloret de Mar</a> </li> <li class="block__item"> <a href="/fr/near-water-world-86466/" target="_blank">Waterworld Lloret de Mar</a> </li> <li class="block__item"> <a href="/fr/near-gnomo-park-86467/" target="_blank">Gnomo Park</a> </li> <li class="block__item"> <a href="/fr/near-asambleas-de-dios-de-las-islas-canarias-87378/" target="_blank">Asambleas de Dios de las Islas Canarias Puerto de la Cruz (Tenerife)</a> </li> <li class="block__item"> <a href="/fr/near-museo-arqueologico-del-puerto-de-la-cruz-87383/" target="_blank">Museo Arqueologico del Puerto de la Cruz</a> </li> <li class="block__item"> <a href="/fr/near-loro-park-loro-parque-87385/" target="_blank">Loro Park (Loro Parque) Puerto de la Cruz (Tenerife)</a> </li> <li class="block__item"> <a href="/fr/near-lago-martianez-87387/" target="_blank">Lago Martianez</a> </li> <li class="block__item"> <a href="/fr/near-cat-aventure-88627/" target="_blank">Cat Aventure Cambrils</a> </li> <li class="block__item"> <a href="/fr/near-parroquia-de-sant-vicenc-88959/" target="_blank">Parroquia de Sant Vicenc Tossa de Mar</a> </li> <li class="block__item"> <a href="/fr/near-museo-municipal-de-tossa-de-mar-88960/" target="_blank">Museo Municipal de Tossa de Mar</a> </li> <li class="block__item"> <a href="/fr/near-pedro-inigo-arrollo-88961/" target="_blank">Pedro Iñigo Arrollo Tossa de Mar</a> </li> <li class="block__item"> <a href="/fr/near-orden-de-la-compania-de-maria-provincia-de-espana-89118/" target="_blank">Orden de la Compañia de Maria Provincia de España Calella</a> </li> <li class="block__item"> <a href="/fr/near-padres-agustinos-89119/" target="_blank">Padres Agustinos Calella</a> </li> <li class="block__item"> <a href="/fr/near-parroquia-de-santa-maria-y-san-nicolas-89120/" target="_blank">Parroquia de Santa Maria y San Nicolas Calella</a> </li> <li class="block__item"> <a href="/fr/near-associacio-gent-gran-de-l-esplai-de-calella-89121/" target="_blank">Associacio Gent Gran de L'esplai de Calella</a> </li> <li class="block__item"> <a href="/fr/near-museu-arxiu-municipal-de-calella-89122/" target="_blank">Museu-Arxiu Municipal de Calella</a> </li> <li class="block__item"> <a href="/fr/near-musical-disc-89124/" target="_blank">Musical Disc Calella</a> </li> <li class="block__item"> <a href="/fr/near-cinema-sala-mozart-89125/" target="_blank">Cinema Sala Mozart Calella</a> </li> <li class="block__item"> <a href="/fr/near-bar-rocapins-89126/" target="_blank">Bar Rocapins Calella</a> </li> <li class="block__item"> <a href="/fr/near-jocs-90330/" target="_blank">Jocs L'Estartit</a> </li> </ul> </div> </div> </div> </div> <footer class="footer"> <div class="footer__top top"> <div class="top__main-info main-info"> <div class="top__logo"> <a href="/fr/" class="footer-logo"> <div class="footer-logo__wrap"> <div class="footer-logo__above"> <div class="footer-logo__above-text">hotel in</div> </div> <div class="footer-logo__text"> Costa Brava </div> <div class="footer-logo__under"> <div class="footer-logo__under-text">.com</div> </div> </div> </a> </div> <ul class="main-info__list"> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> Nous aimons Costa Brava et connaissons notre région. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> Nous sommes là pour vous, même sur place, à Costa Brava. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text">Nous vous proposons des offres exceptionnelles, des hôtels et des billets.</span> </li> </ul> </div> <div class="top__additional-info additional-info"> <div class="additional-info__more"> <h3 class="additional-info__more-title">Plus d'informations</h3> <ul class="additional-info__more-list"> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130322e3131342e34372e39372e39382e3131312e3131372e3131362e3437>À propos de nous</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130322e3131342e34372e3131322e3131342e3130352e3131382e39372e39392e3132312e3437>Confidentialité</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130322e3131342e34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437>Contactez-nous</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130322e3131342e34372e39372e3130302e3130302e34352e3130342e3131312e3131362e3130312e3130382e3437>Ajouter un hébergement</span> </li> </ul> <ul class="additional-info__more-media more__media"> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--fb"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#fb"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--yt"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--insta"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram"></use> </svg> </li> </ul> </div> </div> </div> <div class="footer__bottom bottom"> <div class="bottom__inner"> <p class="bottom__copyright">Hotel Reservation System | 2025 © topcostabravahotels.com. All rights reserved</p> <ul class="bottom__payment-list"> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-pci"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-mastercard"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-visa"></use> </svg> </li> </ul> </div> </div> </footer> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>Nous utilisons des cookies pour nous assurer que nous vous offrons la meilleure expérience sur notre site web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>D'ACCORD</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NON</div> </div> </div> </div> </div> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'topcostabravahotels.com', page: 'cities', type: 'destination', lang_id: '3', lang: 'fr', day: '05', month: '03', year: '2025', id: '3709280314', track: 'Cf1zbxNt0DSPBVc5', btest: false , device: 3 , tob: false , sdom: 'https://www.topcostabravahotels.com', sid: '127316', nid: '55', curr: 'US$', curr_rate: '1', currency: {"ID":"1","CurrencyID":"1","LangID":"3","Name":"Dollar am\u00e9ricain","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/?currency=1"}, obj_id: '4', theme: '8001', cityID: null, map_params: { provider: '2', key: '' , lat: '42.057259281013', long: '3.095464670127' }, av_params: { use: '0', from: '2025-03-06', to: '2025-03-07', adults: '2', children: '0', childrenTitle: 'Âges des enfants :' }, messages: { f_name: 'S\'il vous plaît entrez votre nom', f_email: 'S\'il vous plaît entrez une adresse émail valide', f_subject: 'S\'il vous plaît choisissez un sujet', f_message: 'S\'il vous plaît entrez le message', f_review: 'Veuillez entrer le texte', f_review_cons: 'Veuillez entrer le texte', f_month: 'Veuillez choisir le mois', f_year: 'Veuillez choisir l\'année', f_rating: 'Veuillez noter la propriété', } , k: 'iaf8zluzf', v: '1efde8256a8c8e9aecae3d93fc550a19' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'cities', frontPage:'cities', typeObject:'destination', currencyId:'1', languageId:'3', language:'fr', isRtl: false , currentDay:'05', currentMonth:'03', currentYear:'2025', logId: '3709280314', track: 'Cf1zbxNt0DSPBVc5', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.topcostabravahotels.com', siteId:'127316', nid:'55', siteDomain: 'topcostabravahotels.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: false , currency:'US$', currencyRate:'1', objectId:'4', hotelTheme:'8001', clickTrip: { destinationType: "city", subAccount: "dest-clicktrip-n55-050325-s127316-wCf1zbxNt0DSPBVc5-d8001-dc3" }, cityID: null, cityLocalName: null, mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'42.057259281013' ,hotelLongitude:'3.095464670127' }, availableParams: { use:'0', dataFrom:'2025-03-06', dataTo:'2025-03-07', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'S\'il vous plaît entrez votre nom', messageEmail:'S\'il vous plaît entrez une adresse émail valide', messageSubject:'S\'il vous plaît choisissez un sujet', messageMessage:'S\'il vous plaît entrez le message', messageReview:'Veuillez entrer le texte', messageReviewCons:'Veuillez entrer le texte', messageMonth:'Veuillez choisir le mois', messageYear:'Veuillez choisir l\'année', messageRating:'Veuillez noter la propriété', messageCountry:'Choisissez un pays', next:'Suivant', prev:'Précédent', messageCalendar:'Entrez vos dates et consultez nos offres spéciales' }, stopSpamKey:'iaf8zluzf', stopSpamValue:'1efde8256a8c8e9aecae3d93fc550a19', }; </script> <script defer type="module" src="/new/designs/80/build/destination-main-page/script.815112bd0db5ff5f0505cd92f519e430.js"></script> <script nomodule src="/new/designs/80/build/destination-main-page/script-es5.ae20af328e564be8218739ff3da5958b.js"></script> </body> </html>

CINXE.COM

Hôtels et appartements à Costa Brava, tous les hébergements à Costa Brava