www.belambra.fr Open in urlscan Pro
217.147.204.81  Public Scan

Submitted URL: https://www.rivierabeachclub.com/
Effective URL: https://www.belambra.fr/destinations/cote-azur/club-presqu-ile-de-giens-riviera-beach-club-ete
Submission: On May 12 via api from US — Scanned from FR

Form analysis 2 forms found in the DOM

GET

<form method="get" @submit.prevent="submitForm($el)">
  <template x-if="startDate &amp;&amp; endDate">
    <input type="hidden" name="start_date" x-model="startDate">
  </template>
  <template x-if="startDate &amp;&amp; endDate">
    <input type="hidden" name="end_date" x-model="endDate">
  </template>
  <input type="hidden" name="number_of_adult" x-model="numberOfAdult" value="2">
  <input type="hidden" name="number_of_teenager" x-model="numberOfTeenager" value="0">
  <input type="hidden" name="number_of_child" x-model="numberOfChild" value="0">
  <template x-if="!partnerComposition">
    <input type="hidden" name="number_of_adult" x-model="numberOfAdult">
  </template><input type="hidden" name="number_of_adult" x-model="numberOfAdult" value="2">
  <template x-if="!partnerComposition">
    <input type="hidden" name="number_of_teenager" x-model="numberOfTeenager">
  </template><input type="hidden" name="number_of_teenager" x-model="numberOfTeenager" value="0">
  <template x-if="!partnerComposition">
    <input type="hidden" name="number_of_child" x-model="numberOfChild">
  </template><input type="hidden" name="number_of_child" x-model="numberOfChild" value="0">
  <template x-if="partnerComposition">
    <input type="hidden" name="number_of_adult" x-model="partnerComposition.number_of_adult">
  </template>
  <template x-if="partnerComposition">
    <input type="hidden" name="number_of_teenager" x-model="partnerComposition.number_of_teenager">
  </template>
  <template x-if="partnerComposition">
    <input type="hidden" name="number_of_child" x-model="partnerComposition.number_of_child">
  </template>
  <input type="hidden" name="club_id" x-model="clubId" value="910">
  <div class="zap-search flex-lg-plus-column p-lg-plus-5">
    <p class="fw-bold zap-title-optional d-none d-lg-plus-block">Réservez votre séjour !</p>
    <div class="zap-search-date zap-search-date-club" tabindex="0" @click="displayedIndex !== 2 ? displayedIndex = 2 : displayedIndex = null;
                                         (window.innerWidth < 768) ? document.documentElement.classList.add('search_is_open') : ''" @keydown.enter="displayedIndex !== 2 ? displayedIndex = 2 : displayedIndex = null;
                                         (window.innerWidth < 768) ? document.documentElement.classList.add('search_is_open') : ''" :class="{ 'is_active': displayedIndex === 2 } ">
      <b class="zap-search-title">Date du séjour</b>
      <span class="zap-search-placeholder"><span x-text="arrival">Arrivée |</span> <span x-text="departure">Départ</span></span>
    </div>
    <div class="zap-search-formula" tabindex="0" @click="displayedIndex !== 4 ? displayedIndex = 4 : displayedIndex = null;
                                 (window.innerWidth < 768) ? document.documentElement.classList.add('search_is_open') : ''" @keydown.enter="displayedIndex !== 4 ? displayedIndex = 4 : displayedIndex = null;
                                 (window.innerWidth < 768) ? document.documentElement.classList.add('search_is_open') : ''" :class="{ 'is_active': displayedIndex === 4 } ">
      <b class="zap-search-title">Formule</b>
      <span class="zap-search-placeholder" x-text="selectedFormula">Demi-pension</span>
    </div>
    <div class="zap-search-participants" id="zap-search-participants" tabindex="0" @click="displayedIndex !== 3 ? displayedIndex = 3 : displayedIndex = null;
                                     (window.innerWidth < 768) ? document.documentElement.classList.add('search_is_open') : ''" @keydown.enter="displayedIndex !== 3 ? displayedIndex = 3 : displayedIndex = null;
                                     (window.innerWidth < 768) ? document.documentElement.classList.add('search_is_open') : ''" :class="{ 'is_active': displayedIndex === 3 } ">
      <b class="zap-search-title">Participants</b>
      <span class="zap-search-placeholder">
        <span x-text="numberOfAdult > 1 ? numberOfAdult + '&nbsp;adultes' : numberOfAdult + '&nbsp;adulte'">2&nbsp;adultes</span>
        <span x-text="numberOfTeenager > 1 ? numberOfTeenager + '&nbsp;adolescents' : (numberOfTeenager > 0 ? numberOfTeenager + '&nbsp;adolescent' : '')"></span>
        <span x-text="numberOfChild > 1 ? numberOfChild + '&nbsp;enfants' : (numberOfChild > 0 ? numberOfChild + '&nbsp;enfant' : '')"></span>
      </span>
    </div>
    <template x-if="partnerComposition">
      <div class="zap-search-participants" tabindex="0">
        <b class="zap-search-title">Participants</b>
        <span class="zap-search-placeholder">
          <span x-text="partnerComposition.number_of_adult > 1 ? partnerComposition.number_of_adult + '&nbsp;adultes' : partnerComposition.number_of_adult + '&nbsp;adulte'"></span>
          <span x-text="partnerComposition.number_of_teenager > 1 ? partnerComposition.number_of_teenager + '&nbsp;adolescents' : (partnerComposition.number_of_teenager > 0 ? partnerComposition.number_of_teenager + '&nbsp;adolescent' : '')"></span>
          <span x-text="partnerComposition.number_of_child > 1 ? partnerComposition.number_of_child + '&nbsp;enfants' : (partnerComposition.number_of_child > 0 ? partnerComposition.number_of_child + '&nbsp;enfant' : '')"></span>
        </span>
      </div>
    </template>
    <div class="d-flex price-submit align-center ps-0 ">
      <button type="submit" class="btn-search btn-primary border-0" id="club_booking_button" kameleoonlistener-0djg="true">
        <span class="btn-search-text">Tarifs et réservations</span>
        <span class="iconContainer">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-right"></use>
          </svg>
        </span>
        <span class="spinner position-absolute" style="width: 2rem; display: none">
          <img src="https://static.belambra.fr/build/images/loading_icon.svg?20240429-134555" alt="loading..." loading="lazy">
        </span>
      </button>
    </div>
  </div>
  <div x-show="displayedIndex === 3" class="participants zap-search-targets club-participants" x-ref="participants" @click.away="checkParticipants($event)" style="display: none;">
    <div class="w-100 mobile-only mb-8">
      <h4 class="text-center fw-bold text-uppercase position-relative px-8">
        <button type="button" class="btn-noBg position-absolute left-0 top-0 mt-n1 p-0" @click="finalCheckEditBtnClicked ? displayedIndex = 5 : displayedIndex = 4">
          <span class="visually-hidden">Previous</span>
          <span class="iconContainer">
            <svg focusable="false" aria-hidden="true">
              <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-left"></use>
            </svg>
          </span>
        </button>
        <span>Participants</span>
        <span class="iconContainer zap-search-close-btn" tabindex="0" @click="displayedIndex = null;
                              document.documentElement.classList.remove('search_is_open')
                              ;finalCheckEditBtnClicked = false">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-cross"></use>
          </svg>
        </span>
      </h4>
    </div>
    <div class="participants-bloc">
      <p>
        <span class="customer-category">Adultes</span><br>
        <span class="customer-age">18 ans et plus</span>
      </p>
      <div class="participants-bloc-buttons">
        <button type="button" :disabled="numberOfAdult == 1" @click="numberOfAdult--;" class="btn-secondary">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-minus"></use>
          </svg>
        </button>
        <span class="" x-text="numberOfAdult">2</span>
        <button type="button" :disabled="numberOfAdult == 20 || numberOfAdult + numberOfTeenager + numberOfChild == 20" class="btn-secondary" @click="numberOfAdult++;">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-plus"></use>
          </svg>
        </button>
      </div>
    </div>
    <div class="participants-bloc">
      <p>
        <span class="customer-category">Adolescents</span><br>
        <span class="customer-age">entre 12 et 17 ans</span>
      </p>
      <div class="participants-bloc-buttons">
        <button type="button" :disabled="numberOfTeenager == 0" @click="numberOfTeenager--;" class="btn-secondary" disabled="disabled">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-minus"></use>
          </svg>
        </button>
        <span class="" x-text="numberOfTeenager">0</span>
        <button type="button" :disabled="numberOfTeenager >= 19 || numberOfAdult + numberOfTeenager + numberOfChild >= 20" class="btn-secondary" @click="numberOfTeenager++;">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-plus"></use>
          </svg>
        </button>
      </div>
    </div>
    <div class="participants-bloc">
      <p>
        <span class="customer-category">Enfants</span><br>
        <span class="customer-age">11 ans et moins</span>
      </p>
      <div class="participants-bloc-buttons">
        <button type="button" :disabled="numberOfChild == 0" @click="numberOfChild--;" class="btn-secondary" disabled="disabled">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-minus"></use>
          </svg>
        </button>
        <span class="" x-text="numberOfChild">0</span>
        <button type="button" :disabled="numberOfChild == 19 || numberOfAdult + numberOfTeenager + numberOfChild == 20" class="btn-secondary" @click="numberOfChild++;">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-plus"></use>
          </svg>
        </button>
      </div>
      <template x-if="numberOfChild > 0">
        <div class="participants-child-age">
          <p class="participants-child-precision">Indiquez l’âge des enfants à la date d’arrivée.</p>
          <div class="d-flex flex-wrap mx-n2">
            <template x-for="i in numberOfChild">
              <div class="dropdown-select-wrapper" x-data="{ childAge: (childrenAges[i-1] !== undefined) ? childrenAges[i-1] : '-', wasChanged: childrenAges[i-1] !== undefined, open: false }">
                <div class="dropdown dropdown-select double-hidden mb-4" :class="{ 'is_open': open, 'was-changed': wasChanged, 'not-changed': !wasChanged }">
                  <div class="dropdown-label">
                    <span x-show="!open" x-text="childAge < 2 ? '< 2 ans' : (childAge >=2 ? childAge + ' ans' : childAge)"></span>
                    <span x-show="open">Âge</span>
                  </div>
                </div>
                <div class="dropdown dropdown-select" :class="{ 'is_open': open, 'has-error': childAgeNotSelected &amp;&amp; !wasChanged, 'was-changed': wasChanged, 'not-changed': !wasChanged }" x-id="['select']">
                  <div class="dropdown-label" @focus="open = !open" @click="open = !open">
                    <span x-show="!open" x-text="childAge < 2 ? '< 2 ans' : (childAge >=2 ? childAge + ' ans' : childAge)"></span>
                    <span x-show="open" x-cloak="">Âge</span>
                  </div>
                  <div class="dropdown-wrapper">
                    <div class="multiselect multiselect-age" x-ref="childAge">
                      <template x-for="age in 11">
                        <div class="multiselect-item" x-id="['age-input']">
                          <label class="radio" for="age" :for="$id('age-input')">
                            <input x-model="childAge" id="age" @change="open = !open; wasChanged = true" @change.debounce="submitChildAge($event,i)" :id="$id('age-input')" type="radio" :value="age">
                            <span x-text="age < 2 ? '< 2 ans' : age + ' ans'"></span>
                          </label>
                        </div>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </template>
            <span class="btn-search-wrapper btn-participant">
              <button type="button" class="btn-search btn-primary child-age-submit" @click="submitChildAge($event)">Valider</button>
            </span>
          </div>
          <p class="error-message mt-4" x-show="childAgeNotSelected">Veuillez préciser l’âge des enfants</p>
        </div>
      </template>
      <template x-if="numberOfChild === 0">
        <div class="btn-search-wrapper mobile-only">
          <button type="button" class="btn-search btn-primary child-age-submit" @click="submitChildAge($event)">Valider</button>
        </div>
      </template>
      <div class="btn-search-wrapper mobile-only">
        <button type="button" class="btn-search btn-primary child-age-submit" @click="submitChildAge($event)">Valider</button>
      </div>
    </div>
    <!--div class="participants-bloc">
                    <p class="">
                        Plus de 20 personnes ? Pour recevoir un devis personnalisé, remplissez notre <a href="#">formulaire groupe</a>
                    </p>
                </div #hidden for now -->
  </div>
  <div x-show="displayedIndex === 4" class="formulas club-formulas zap-search-targets" @click.away="outsideClick" style="display: none;">
    <div class="w-100 mobile-only mb-6">
      <h4 class="text-center fw-bold text-uppercase position-relative px-8">
        <button type="button" class="btn-noBg position-absolute left-0 top-0 mt-n1 p-0" @click="finalCheckEditBtnClicked ? displayedIndex = 5 : displayedIndex = 2">
          <span class="visually-hidden">Previous</span>
          <span class="iconContainer">
            <svg focusable="false" aria-hidden="true">
              <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-left"></use>
            </svg>
          </span>
        </button>
        <span>Formule</span>
        <span class="iconContainer zap-search-close-btn" tabindex="0" @click="displayedIndex = null;
                                      document.documentElement.classList.remove('search_is_open');
                                      finalCheckEditBtnClicked = false">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-cross"></use>
          </svg>
        </span>
      </h4>
    </div>
    <div x-html="formulasDiv">
      <ul class="list-unstyled">
        <li class="formula" x-id="['formula-input']">
          <label class="radio" :for="$id('formula-input')" for="formula-input-1">
            <input type="radio" name="formula" x-model="defaultFormula" data-formula-name="Demi-pension" @change="selectedFormula = 'Demi-pension';" value="DPIND" :id="$id('formula-input')" id="formula-input-1">
            <span class="d-flex flex-column">
              <b>Demi-pension</b>
              <span class="formula-precision">Petit déjeuner et dîner</span>
            </span>
          </label>
        </li>
        <li class="formula" x-id="['formula-input']">
          <label class="radio" :for="$id('formula-input')" for="formula-input-2">
            <input type="radio" name="formula" x-model="defaultFormula" data-formula-name="Pension complète" @change="selectedFormula = 'Pension complète';" value="PCIND" :id="$id('formula-input')" id="formula-input-2">
            <span class="d-flex flex-column">
              <b>Pension complète</b>
              <span class="formula-precision">Petit déjeuner, déjeuner et dîner</span>
            </span>
          </label>
        </li>
        <li class="formula" x-id="['formula-input']">
          <label class="radio" :for="$id('formula-input')" for="formula-input-3">
            <input type="radio" name="formula" x-model="defaultFormula" data-formula-name="Location" @change="selectedFormula = 'Location';" value="LOC" :id="$id('formula-input')" id="formula-input-3">
            <span class="d-flex flex-column">
              <b>Location</b>
              <span class="formula-precision">Hébergement avec cuisine</span>
            </span>
          </label>
        </li>
      </ul>
    </div>
    <div class="zap-search-targets-footer w-100 mobile-only">
      <button @click="displayedIndex = 3" type="button" class="w-100 btn-primary">Valider</button>
    </div>
  </div>
  <div x-show="displayedIndex === 5" class="final-check zap-search-targets" x-ref="finalCheck" style="display: none;">
    <div class="w-100 mb-8">
      <h4 class="text-center fw-bold text-uppercase position-relative px-8">
        <button type="button" class="mobile-only btn-noBg position-absolute left-0 top-0 mt-n1 p-0" @click="displayedIndex = 3">
          <span class="visually-hidden">Previous</span>
          <span class="iconContainer">
            <svg focusable="false" aria-hidden="true">
              <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-left"></use>
            </svg>
          </span>
        </button>
        <span>Votre séjour</span>
        <span class="iconContainer zap-search-close-btn" tabindex="0" @click="displayedIndex = null;
                              document.documentElement.classList.remove('search_is_open');
                              finalCheckEditBtnClicked = false">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-cross"></use>
          </svg>
        </span>
      </h4>
    </div>
    <div class="participants-bloc">
      <p>
        <span class="customer-category"> Votre séjour </span>
        <button type="button" class="btn-noBg btn-edit" @click="displayedIndex = 2; finalCheckEditBtnClicked = true">
          <svg focusable="false" aria-hidden="true" class="edit-icon">
            <use href="/build/images/sprite-more.svg?20240429-134555#symbol-edit-pen"></use>
          </svg></button><br>
        <template x-if="startDate &amp;&amp; endDate == null">
          <span class="customer-age">à partir <span x-text="arrival"></span></span>
        </template>
        <template x-if="startDate &amp;&amp; endDate">
          <span class="customer-age"><span x-text="arrival"></span> <span x-text="departure"></span></span>
        </template>
      </p>
    </div>
    <div class="participants-bloc">
      <p>
        <span class="customer-category">Votre formule</span>
        <button type="button" class="btn-noBg btn-edit" @click="displayedIndex = 4; finalCheckEditBtnClicked = true">
          <svg focusable="false" aria-hidden="true" class="edit-icon">
            <use href="/build/images/sprite-more.svg?20240429-134555#symbol-edit-pen"></use>
          </svg></button><br>
        <span class="customer-age" x-text="selectedFormula">Demi-pension</span>
      </p>
    </div>
    <div class="participants-bloc">
      <p>
        <span class="customer-category">Les participants</span>
        <button type="button" class="btn-noBg btn-edit" @click="displayedIndex = 3; finalCheckEditBtnClicked = true">
          <svg focusable="false" aria-hidden="true" class="edit-icon">
            <use href="/build/images/sprite-more.svg?20240429-134555#symbol-edit-pen"></use>
          </svg></button><br>
        <span class="customer-age">
          <span x-text="numberOfAdult > 1 ? numberOfAdult + ' adultes' : numberOfAdult + ' adulte'">2 adultes</span>
          <span x-show="numberOfTeenager > 0" x-text="', ' + (numberOfTeenager > 1 ? numberOfTeenager + ' adolescents' : numberOfTeenager + ' adolescent')" style="display: none;">, 0 adolescent</span>
          <span x-show="numberOfChild > 0" x-text="', ' + (numberOfChild > 1 ? numberOfChild + ' enfants' : numberOfChild + ' enfant')" style="display: none;">, 0 enfant</span>
        </span>
      </p>
    </div>
    <div class="zap-search-targets-footer">
      <button type="submit" class="w-100 btn-primary"> Rechercher <span class="spinner position-absolute" style="display: none">
          <img src="https://static.belambra.fr/build/images/loading_icon.svg?20240429-134555" alt="loading..." loading="lazy" style="width: 2rem">
        </span>
      </button>
    </div>
  </div>
  <div x-show="displayedIndex === 2" id="calendars" class="calendars club-calendars zap-search-targets" @click.away="outsideClick" x-data="{ nbBestPrice: 0, nbEndOfStock: 0 }" x-init="$watch('displayedIndex', value => displayAction(value))"
    style="display: none;">
    <div class="spinner calendars-spinner d-none"><img src="https://static.belambra.fr/build/images/loading_icon.svg?20240429-134555" alt="loading..." loading="lazy"></div>
    <div class="w-100 mobile-only">
      <h4 class="text-center fw-bold text-uppercase position-relative px-8">
        <button type="button" class="btn-noBg position-absolute left-0 top-0 mt-n1 p-0" @click="displayedIndex = 5" x-show="finalCheckEditBtnClicked" style="display: none;">
          <span class="visually-hidden">Previous</span>
          <span class="iconContainer">
            <svg focusable="false" aria-hidden="true">
              <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-left"></use>
            </svg>
          </span>
        </button>
        <span>Date du séjour</span>
        <span class="iconContainer zap-search-close-btn" tabindex="0" @click="displayedIndex = null;
                              document.documentElement.classList.remove('search_is_open');
                              finalCheckEditBtnClicked = false">
          <svg focusable="false" aria-hidden="true">
            <use href="/build/images/sprite.svg?20240429-134555#symbol-cross"></use>
          </svg>
        </span>
      </h4>
    </div>
    <ol class="calendar-week d-grid d-md-none">
      <li class="calendar-day-name">Lu</li>
      <li class="calendar-day-name">Ma</li>
      <li class="calendar-day-name">Me</li>
      <li class="calendar-day-name">Je</li>
      <li class="calendar-day-name">Ve</li>
      <li class="calendar-day-name">Sa</li>
      <li class="calendar-day-name">Di</li>
    </ol>
    <div class="calendar-wrapper hasClubId" id="calendar" x-html="calendar"><button disabled="" type="button" id="calendar-back" class="mobile-hidden calendar-back btn d-flex align-items-center justify-content-center">
        <svg focusable="false" aria-hidden="true">
          <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-scroll"></use>
        </svg>
      </button>
      <button type="button" id="calendar-forward" class="mobile-hidden calendar-forward btn d-flex align-items-center justify-content-center">
        <svg focusable="false" aria-hidden="true">
          <use href="/build/images/sprite.svg?20240429-134555#symbol-arrow-scroll"></use>
        </svg>
      </button>
      <div class="calendar" data-month="2024-05">
        <p class="calendar-month-name">Mai 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day wednesday" data-date="2024-05-01" data-date-displayed="1 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">1</li>
            <li class="calendar-day" data-date="2024-05-02" data-date-displayed="2 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">2</li>
            <li class="calendar-day" data-date="2024-05-03" data-date-displayed="3 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">3</li>
            <li class="calendar-day" data-date="2024-05-04" data-date-displayed="4 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">4</li>
            <li class="calendar-day" data-date="2024-05-05" data-date-displayed="5 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">5</li>
            <li class="calendar-day" data-date="2024-05-06" data-date-displayed="6 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">6</li>
            <li class="calendar-day" data-date="2024-05-07" data-date-displayed="7 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">7</li>
            <li class="calendar-day" data-date="2024-05-08" data-date-displayed="8 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">8</li>
            <li class="calendar-day" data-date="2024-05-09" data-date-displayed="9 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">9</li>
            <li class="calendar-day" data-date="2024-05-10" data-date-displayed="10 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">10</li>
            <li class="calendar-day" data-date="2024-05-11" data-date-displayed="11 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">11</li>
            <li class="calendar-day" data-date="2024-05-12" data-date-displayed="12 mai 2024" data-formula="" data-is-loc="" @click="selectDate($el)">12</li>
            <li class="calendar-day available best-price" data-date="2024-05-13" data-date-displayed="13 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">13</li>
            <li class="calendar-day available" data-date="2024-05-14" data-date-displayed="14 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">14</li>
            <li class="calendar-day available" data-date="2024-05-15" data-date-displayed="15 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">15</li>
            <li class="calendar-day available" data-date="2024-05-16" data-date-displayed="16 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">16</li>
            <li class="calendar-day available" data-date="2024-05-17" data-date-displayed="17 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">17</li>
            <li class="calendar-day available" data-date="2024-05-18" data-date-displayed="18 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">18</li>
            <li class="calendar-day available" data-date="2024-05-19" data-date-displayed="19 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">19</li>
            <li class="calendar-day available" data-date="2024-05-20" data-date-displayed="20 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">20</li>
            <li class="calendar-day available" data-date="2024-05-21" data-date-displayed="21 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">21</li>
            <li class="calendar-day available" data-date="2024-05-22" data-date-displayed="22 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">22</li>
            <li class="calendar-day available" data-date="2024-05-23" data-date-displayed="23 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">23</li>
            <li class="calendar-day available" data-date="2024-05-24" data-date-displayed="24 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">24</li>
            <li class="calendar-day available" data-date="2024-05-25" data-date-displayed="25 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">25</li>
            <li class="calendar-day available" data-date="2024-05-26" data-date-displayed="26 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">26</li>
            <li class="calendar-day available" data-date="2024-05-27" data-date-displayed="27 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">27</li>
            <li class="calendar-day available" data-date="2024-05-28" data-date-displayed="28 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">28</li>
            <li class="calendar-day available" data-date="2024-05-29" data-date-displayed="29 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">29</li>
            <li class="calendar-day available" data-date="2024-05-30" data-date-displayed="30 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">30</li>
            <li class="calendar-day available" data-date="2024-05-31" data-date-displayed="31 mai 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">31</li>
          </ol>
        </div>
      </div>
      <div class="calendar" data-month="2024-06">
        <p class="calendar-month-name">Juin 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day saturday available" data-date="2024-06-01" data-date-displayed="1 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">1</li>
            <li class="calendar-day available" data-date="2024-06-02" data-date-displayed="2 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">2</li>
            <li class="calendar-day available" data-date="2024-06-03" data-date-displayed="3 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">3</li>
            <li class="calendar-day available" data-date="2024-06-04" data-date-displayed="4 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">4</li>
            <li class="calendar-day available" data-date="2024-06-05" data-date-displayed="5 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">5</li>
            <li class="calendar-day available" data-date="2024-06-06" data-date-displayed="6 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">6</li>
            <li class="calendar-day available" data-date="2024-06-07" data-date-displayed="7 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">7</li>
            <li class="calendar-day available" data-date="2024-06-08" data-date-displayed="8 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">8</li>
            <li class="calendar-day available" data-date="2024-06-09" data-date-displayed="9 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">9</li>
            <li class="calendar-day available" data-date="2024-06-10" data-date-displayed="10 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">10</li>
            <li class="calendar-day available" data-date="2024-06-11" data-date-displayed="11 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">11</li>
            <li class="calendar-day available" data-date="2024-06-12" data-date-displayed="12 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">12</li>
            <li class="calendar-day available" data-date="2024-06-13" data-date-displayed="13 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">13</li>
            <li class="calendar-day available" data-date="2024-06-14" data-date-displayed="14 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">14</li>
            <li class="calendar-day available" data-date="2024-06-15" data-date-displayed="15 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">15</li>
            <li class="calendar-day available" data-date="2024-06-16" data-date-displayed="16 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">16</li>
            <li class="calendar-day available" data-date="2024-06-17" data-date-displayed="17 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">17</li>
            <li class="calendar-day available" data-date="2024-06-18" data-date-displayed="18 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">18</li>
            <li class="calendar-day available" data-date="2024-06-19" data-date-displayed="19 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">19</li>
            <li class="calendar-day available" data-date="2024-06-20" data-date-displayed="20 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">20</li>
            <li class="calendar-day available" data-date="2024-06-21" data-date-displayed="21 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">21</li>
            <li class="calendar-day available" data-date="2024-06-22" data-date-displayed="22 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">22</li>
            <li class="calendar-day available" data-date="2024-06-23" data-date-displayed="23 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">23</li>
            <li class="calendar-day available" data-date="2024-06-24" data-date-displayed="24 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">24</li>
            <li class="calendar-day available" data-date="2024-06-25" data-date-displayed="25 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">25</li>
            <li class="calendar-day available" data-date="2024-06-26" data-date-displayed="26 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">26</li>
            <li class="calendar-day available" data-date="2024-06-27" data-date-displayed="27 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">27</li>
            <li class="calendar-day available" data-date="2024-06-28" data-date-displayed="28 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">28</li>
            <li class="calendar-day available" data-date="2024-06-29" data-date-displayed="29 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">29</li>
            <li class="calendar-day available" data-date="2024-06-30" data-date-displayed="30 juin 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">30</li>
          </ol>
        </div>
      </div>
      <div class="calendar" data-month="2024-07">
        <p class="calendar-month-name">Juillet 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day monday available best-price" data-date="2024-07-01" data-date-displayed="1 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">1</li>
            <li class="calendar-day available" data-date="2024-07-02" data-date-displayed="2 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">2</li>
            <li class="calendar-day available" data-date="2024-07-03" data-date-displayed="3 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">3</li>
            <li class="calendar-day available" data-date="2024-07-04" data-date-displayed="4 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">4</li>
            <li class="calendar-day available" data-date="2024-07-05" data-date-displayed="5 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">5</li>
            <li class="calendar-day available" data-date="2024-07-06" data-date-displayed="6 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">6</li>
            <li class="calendar-day available" data-date="2024-07-07" data-date-displayed="7 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">7</li>
            <li class="calendar-day available" data-date="2024-07-08" data-date-displayed="8 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">8</li>
            <li class="calendar-day available" data-date="2024-07-09" data-date-displayed="9 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">9</li>
            <li class="calendar-day available" data-date="2024-07-10" data-date-displayed="10 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">10</li>
            <li class="calendar-day available" data-date="2024-07-11" data-date-displayed="11 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">11</li>
            <li class="calendar-day available" data-date="2024-07-12" data-date-displayed="12 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">12</li>
            <li class="calendar-day available" data-date="2024-07-13" data-date-displayed="13 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">13</li>
            <li class="calendar-day available" data-date="2024-07-14" data-date-displayed="14 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">14</li>
            <li class="calendar-day available" data-date="2024-07-15" data-date-displayed="15 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">15</li>
            <li class="calendar-day available" data-date="2024-07-16" data-date-displayed="16 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">16</li>
            <li class="calendar-day available" data-date="2024-07-17" data-date-displayed="17 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">17</li>
            <li class="calendar-day available" data-date="2024-07-18" data-date-displayed="18 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">18</li>
            <li class="calendar-day available" data-date="2024-07-19" data-date-displayed="19 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">19</li>
            <li class="calendar-day available" data-date="2024-07-20" data-date-displayed="20 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">20</li>
            <li class="calendar-day available" data-date="2024-07-21" data-date-displayed="21 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">21</li>
            <li class="calendar-day available" data-date="2024-07-22" data-date-displayed="22 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">22</li>
            <li class="calendar-day available" data-date="2024-07-23" data-date-displayed="23 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">23</li>
            <li class="calendar-day available" data-date="2024-07-24" data-date-displayed="24 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">24</li>
            <li class="calendar-day available" data-date="2024-07-25" data-date-displayed="25 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">25</li>
            <li class="calendar-day available" data-date="2024-07-26" data-date-displayed="26 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">26</li>
            <li class="calendar-day available" data-date="2024-07-27" data-date-displayed="27 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">27</li>
            <li class="calendar-day available" data-date="2024-07-28" data-date-displayed="28 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">28</li>
            <li class="calendar-day available" data-date="2024-07-29" data-date-displayed="29 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">29</li>
            <li class="calendar-day available" data-date="2024-07-30" data-date-displayed="30 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">30</li>
            <li class="calendar-day available" data-date="2024-07-31" data-date-displayed="31 juillet 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">31</li>
          </ol>
        </div>
      </div>
      <div class="calendar" data-month="2024-08">
        <p class="calendar-month-name">Août 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day thursday available" data-date="2024-08-01" data-date-displayed="1 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">1</li>
            <li class="calendar-day available" data-date="2024-08-02" data-date-displayed="2 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">2</li>
            <li class="calendar-day available" data-date="2024-08-03" data-date-displayed="3 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">3</li>
            <li class="calendar-day available" data-date="2024-08-04" data-date-displayed="4 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">4</li>
            <li class="calendar-day available" data-date="2024-08-05" data-date-displayed="5 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">5</li>
            <li class="calendar-day available" data-date="2024-08-06" data-date-displayed="6 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">6</li>
            <li class="calendar-day available" data-date="2024-08-07" data-date-displayed="7 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">7</li>
            <li class="calendar-day available" data-date="2024-08-08" data-date-displayed="8 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">8</li>
            <li class="calendar-day available" data-date="2024-08-09" data-date-displayed="9 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">9</li>
            <li class="calendar-day available" data-date="2024-08-10" data-date-displayed="10 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">10</li>
            <li class="calendar-day available" data-date="2024-08-11" data-date-displayed="11 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">11</li>
            <li class="calendar-day available" data-date="2024-08-12" data-date-displayed="12 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">12</li>
            <li class="calendar-day available" data-date="2024-08-13" data-date-displayed="13 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">13</li>
            <li class="calendar-day available" data-date="2024-08-14" data-date-displayed="14 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">14</li>
            <li class="calendar-day available" data-date="2024-08-15" data-date-displayed="15 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">15</li>
            <li class="calendar-day available" data-date="2024-08-16" data-date-displayed="16 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">16</li>
            <li class="calendar-day available" data-date="2024-08-17" data-date-displayed="17 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">17</li>
            <li class="calendar-day available" data-date="2024-08-18" data-date-displayed="18 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">18</li>
            <li class="calendar-day available" data-date="2024-08-19" data-date-displayed="19 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">19</li>
            <li class="calendar-day available" data-date="2024-08-20" data-date-displayed="20 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">20</li>
            <li class="calendar-day available" data-date="2024-08-21" data-date-displayed="21 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">21</li>
            <li class="calendar-day available" data-date="2024-08-22" data-date-displayed="22 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">22</li>
            <li class="calendar-day available" data-date="2024-08-23" data-date-displayed="23 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">23</li>
            <li class="calendar-day available" data-date="2024-08-24" data-date-displayed="24 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">24</li>
            <li class="calendar-day available" data-date="2024-08-25" data-date-displayed="25 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">25</li>
            <li class="calendar-day available" data-date="2024-08-26" data-date-displayed="26 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">26</li>
            <li class="calendar-day available" data-date="2024-08-27" data-date-displayed="27 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">27</li>
            <li class="calendar-day available" data-date="2024-08-28" data-date-displayed="28 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">28</li>
            <li class="calendar-day available" data-date="2024-08-29" data-date-displayed="29 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">29</li>
            <li class="calendar-day available" data-date="2024-08-30" data-date-displayed="30 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">30</li>
            <li class="calendar-day available best-price" data-date="2024-08-31" data-date-displayed="31 août 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">31</li>
          </ol>
        </div>
      </div>
      <div class="calendar" data-month="2024-09">
        <p class="calendar-month-name">Septembre 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day sunday available" data-date="2024-09-01" data-date-displayed="1 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">1</li>
            <li class="calendar-day available" data-date="2024-09-02" data-date-displayed="2 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">2</li>
            <li class="calendar-day available" data-date="2024-09-03" data-date-displayed="3 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">3</li>
            <li class="calendar-day available" data-date="2024-09-04" data-date-displayed="4 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">4</li>
            <li class="calendar-day available" data-date="2024-09-05" data-date-displayed="5 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">5</li>
            <li class="calendar-day available" data-date="2024-09-06" data-date-displayed="6 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">6</li>
            <li class="calendar-day available" data-date="2024-09-07" data-date-displayed="7 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">7</li>
            <li class="calendar-day available" data-date="2024-09-08" data-date-displayed="8 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">8</li>
            <li class="calendar-day available" data-date="2024-09-09" data-date-displayed="9 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">9</li>
            <li class="calendar-day available" data-date="2024-09-10" data-date-displayed="10 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">10</li>
            <li class="calendar-day available" data-date="2024-09-11" data-date-displayed="11 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">11</li>
            <li class="calendar-day available" data-date="2024-09-12" data-date-displayed="12 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">12</li>
            <li class="calendar-day available" data-date="2024-09-13" data-date-displayed="13 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">13</li>
            <li class="calendar-day available" data-date="2024-09-14" data-date-displayed="14 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">14</li>
            <li class="calendar-day available end-of-stock" data-date="2024-09-15" data-date-displayed="15 septembre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">15</li>
            <li class="calendar-day available end-of-stock" data-date="2024-09-16" data-date-displayed="16 septembre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">16</li>
            <li class="calendar-day available" data-date="2024-09-17" data-date-displayed="17 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">17</li>
            <li class="calendar-day available" data-date="2024-09-18" data-date-displayed="18 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">18</li>
            <li class="calendar-day available" data-date="2024-09-19" data-date-displayed="19 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">19</li>
            <li class="calendar-day available" data-date="2024-09-20" data-date-displayed="20 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">20</li>
            <li class="calendar-day available" data-date="2024-09-21" data-date-displayed="21 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">21</li>
            <li class="calendar-day available" data-date="2024-09-22" data-date-displayed="22 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">22</li>
            <li class="calendar-day available" data-date="2024-09-23" data-date-displayed="23 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">23</li>
            <li class="calendar-day available" data-date="2024-09-24" data-date-displayed="24 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">24</li>
            <li class="calendar-day available" data-date="2024-09-25" data-date-displayed="25 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">25</li>
            <li class="calendar-day available" data-date="2024-09-26" data-date-displayed="26 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">26</li>
            <li class="calendar-day available" data-date="2024-09-27" data-date-displayed="27 septembre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">27</li>
            <li class="calendar-day available" data-date="2024-09-28" data-date-displayed="28 septembre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">28</li>
            <li class="calendar-day available" data-date="2024-09-29" data-date-displayed="29 septembre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">29</li>
            <li class="calendar-day available best-price" data-date="2024-09-30" data-date-displayed="30 septembre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">30</li>
          </ol>
        </div>
      </div>
      <div class="calendar" data-month="2024-10">
        <p class="calendar-month-name">Octobre 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day tuesday available" data-date="2024-10-01" data-date-displayed="1 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">1</li>
            <li class="calendar-day available" data-date="2024-10-02" data-date-displayed="2 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">2</li>
            <li class="calendar-day available" data-date="2024-10-03" data-date-displayed="3 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">3</li>
            <li class="calendar-day available" data-date="2024-10-04" data-date-displayed="4 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">4</li>
            <li class="calendar-day available best-price" data-date="2024-10-05" data-date-displayed="5 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">5</li>
            <li class="calendar-day available best-price" data-date="2024-10-06" data-date-displayed="6 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">6</li>
            <li class="calendar-day available best-price" data-date="2024-10-07" data-date-displayed="7 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">7</li>
            <li class="calendar-day available best-price" data-date="2024-10-08" data-date-displayed="8 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">8</li>
            <li class="calendar-day available best-price" data-date="2024-10-09" data-date-displayed="9 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">9</li>
            <li class="calendar-day available best-price" data-date="2024-10-10" data-date-displayed="10 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">10</li>
            <li class="calendar-day available best-price" data-date="2024-10-11" data-date-displayed="11 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">11</li>
            <li class="calendar-day available best-price" data-date="2024-10-12" data-date-displayed="12 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">12</li>
            <li class="calendar-day available" data-date="2024-10-13" data-date-displayed="13 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">13</li>
            <li class="calendar-day available" data-date="2024-10-14" data-date-displayed="14 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">14</li>
            <li class="calendar-day available" data-date="2024-10-15" data-date-displayed="15 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">15</li>
            <li class="calendar-day available" data-date="2024-10-16" data-date-displayed="16 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">16</li>
            <li class="calendar-day available" data-date="2024-10-17" data-date-displayed="17 octobre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">17</li>
            <li class="calendar-day available" data-date="2024-10-18" data-date-displayed="18 octobre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">18</li>
            <li class="calendar-day available" data-date="2024-10-19" data-date-displayed="19 octobre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">19</li>
            <li class="calendar-day available" data-date="2024-10-20" data-date-displayed="20 octobre 2024" data-formula="aLocation" data-is-loc="1" @click="selectDate($el)">20</li>
            <li class="calendar-day available" data-date="2024-10-21" data-date-displayed="21 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">21</li>
            <li class="calendar-day available" data-date="2024-10-22" data-date-displayed="22 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">22</li>
            <li class="calendar-day available" data-date="2024-10-23" data-date-displayed="23 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">23</li>
            <li class="calendar-day available" data-date="2024-10-24" data-date-displayed="24 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">24</li>
            <li class="calendar-day available" data-date="2024-10-25" data-date-displayed="25 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">25</li>
            <li class="calendar-day available" data-date="2024-10-26" data-date-displayed="26 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">26</li>
            <li class="calendar-day available" data-date="2024-10-27" data-date-displayed="27 octobre 2024" data-formula="aDemi-pension" data-is-loc="0" @click="selectDate($el)">27</li>
            <li class="calendar-day available" data-date="2024-10-28" data-date-displayed="28 octobre 2024" data-formula="aPension complète" data-is-loc="0" @click="selectDate($el)">28</li>
            <li class="calendar-day available" data-date="2024-10-29" data-date-displayed="29 octobre 2024" data-formula="aPension complète" data-is-loc="0" @click="selectDate($el)">29</li>
            <li class="calendar-day" data-date="2024-10-30" data-date-displayed="30 octobre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">30</li>
            <li class="calendar-day" data-date="2024-10-31" data-date-displayed="31 octobre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">31</li>
          </ol>
        </div>
      </div>
      <div class="calendar" data-month="2024-11">
        <p class="calendar-month-name">Novembre 2024</p>
        <ol class="calendar-week mobile-hidden">
          <li class="calendar-day-name">Lu</li>
          <li class="calendar-day-name">Ma</li>
          <li class="calendar-day-name">Me</li>
          <li class="calendar-day-name">Je</li>
          <li class="calendar-day-name">Ve</li>
          <li class="calendar-day-name">Sa</li>
          <li class="calendar-day-name">Di</li>
        </ol>
        <div class="calendar-month-wpr">
          <ol class="calendar-month">
            <li class="calendar-day friday" data-date="2024-11-01" data-date-displayed="1 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">1</li>
            <li class="calendar-day" data-date="2024-11-02" data-date-displayed="2 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">2</li>
            <li class="calendar-day" data-date="2024-11-03" data-date-displayed="3 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">3</li>
            <li class="calendar-day" data-date="2024-11-04" data-date-displayed="4 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">4</li>
            <li class="calendar-day" data-date="2024-11-05" data-date-displayed="5 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">5</li>
            <li class="calendar-day" data-date="2024-11-06" data-date-displayed="6 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">6</li>
            <li class="calendar-day" data-date="2024-11-07" data-date-displayed="7 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">7</li>
            <li class="calendar-day" data-date="2024-11-08" data-date-displayed="8 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">8</li>
            <li class="calendar-day" data-date="2024-11-09" data-date-displayed="9 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">9</li>
            <li class="calendar-day" data-date="2024-11-10" data-date-displayed="10 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">10</li>
            <li class="calendar-day" data-date="2024-11-11" data-date-displayed="11 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">11</li>
            <li class="calendar-day" data-date="2024-11-12" data-date-displayed="12 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">12</li>
            <li class="calendar-day" data-date="2024-11-13" data-date-displayed="13 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">13</li>
            <li class="calendar-day" data-date="2024-11-14" data-date-displayed="14 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">14</li>
            <li class="calendar-day" data-date="2024-11-15" data-date-displayed="15 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">15</li>
            <li class="calendar-day" data-date="2024-11-16" data-date-displayed="16 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">16</li>
            <li class="calendar-day" data-date="2024-11-17" data-date-displayed="17 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">17</li>
            <li class="calendar-day" data-date="2024-11-18" data-date-displayed="18 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">18</li>
            <li class="calendar-day" data-date="2024-11-19" data-date-displayed="19 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">19</li>
            <li class="calendar-day" data-date="2024-11-20" data-date-displayed="20 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">20</li>
            <li class="calendar-day" data-date="2024-11-21" data-date-displayed="21 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">21</li>
            <li class="calendar-day" data-date="2024-11-22" data-date-displayed="22 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">22</li>
            <li class="calendar-day" data-date="2024-11-23" data-date-displayed="23 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">23</li>
            <li class="calendar-day" data-date="2024-11-24" data-date-displayed="24 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">24</li>
            <li class="calendar-day" data-date="2024-11-25" data-date-displayed="25 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">25</li>
            <li class="calendar-day" data-date="2024-11-26" data-date-displayed="26 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">26</li>
            <li class="calendar-day" data-date="2024-11-27" data-date-displayed="27 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">27</li>
            <li class="calendar-day" data-date="2024-11-28" data-date-displayed="28 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">28</li>
            <li class="calendar-day" data-date="2024-11-29" data-date-displayed="29 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">29</li>
            <li class="calendar-day" data-date="2024-11-30" data-date-displayed="30 novembre 2024" data-formula="" data-is-loc="" @click="selectDate($el)">30</li>
          </ol>
          <div class="calendar-pre-book">
            <p>Ce mois n'est pas encore disponible.<br>Vous pouvez toutefois pré-réserver dès maintenant <a href="/pre-reservez-des-maintenant-vos-prochaines-vacances" target="_blank">en cliquant ici&nbsp;!</a></p>
          </div>
        </div>
      </div>
      <span x-init="nbBestPrice = 12, nbEndOfStock = 2"></span>
    </div>
    <div class="calendar-total">
      <p class="calendar-explanations d-flex">
        <template x-if="nbBestPrice > 0"><span class="calendar-explanation d-inline-flex align-center best-price">meilleur prix</span></template><span class="calendar-explanation d-inline-flex align-center best-price">meilleur prix</span><template
          x-if="nbEndOfStock > 0"><span class="calendar-explanation d-inline-flex align-center last-room">dernières disponibilités</span></template><span class="calendar-explanation d-inline-flex align-center last-room">dernières
          disponibilités</span>
        <button @click="displayedIndex = 4" type="button" class="btn-primary ms-auto d-md-none">Ok</button>
      </p>
    </div>
  </div>
</form>

<form class="form-newsletter" @init="init">
  <div class="position-relative">
    <label class="d-block position-relative" for="email">Recevez en avant première nos meilleures offres : <input name="email" @blur="emailValidation" x-ref="emailInput" class="form-control mt-5" :class="{ 'invalid-input': hasError }" type="email"
        id="email" placeholder="Saisissez votre email" required="">
    </label>
    <input x-ref="tokenUrl" value="/api/newsletter/csrf_token" type="hidden">
    <input x-ref="sfUrl" value="/api/newsletter/register" type="hidden">
    <button type="submit" @click="submit" class="btn-primary" :disabled="isLoading"> Je m’inscris <span class="spinner" :class="{'d-inline-block': isLoading}" style="display: none">
        <img src="https://static.belambra.fr/build/images/loading_icon.svg?20240429-134555" alt="loading..." loading="lazy">
      </span>
    </button>
  </div>
</form>

Text Content

Continue without agreeing →




With your agreement, we and our 29 partners use cookies or similar technologies
to store, access, and process personal data like your visit on this website, IP
addresses and cookie identifiers. Some partners do not ask for your consent to
process your data and rely on their legitimate business interest. You can
withdraw your consent or object to data processing based on legitimate interest
at any time by clicking on “Learn More” or in our Privacy Policy on this
website.



We and our partners process data for the following purposesPersonalised
advertising and content, advertising and content measurement, audience research
and services development , Precise geolocation data, and identification through
device scanning, Store and/or access information on a device

Learn More →Agree and close

Allez au contenu
Jusqu'à -50% sur votre deuxième semaine de vacances été J'en profite
01 46 10 13 14
Next
Destinations Next
Previous
Destinations
Close
Découvrir nos régions
 * Voir toutes
 * Alpes
 * Bretagne
 * Corse
 * Côte d'Azur
 * Occitanie
 * Sud Ouest

À la mer
Next
Previous
À la mer
Close
 * Séjours à la mer
 * Côte atlantique
 * Côte méditerranéenne

À la montagne
Next
Previous
À la montagne
Close
 * La montagne en été
 * Les Pyrénées
 * Massif central

À la campagne
Next
Previous
À la campagne
Close
 * La Provence
 * La Dordogne

→ Voir toutes nos destinations Jusqu'à -25 %
Inspirations Next
Previous
Inspirations
Close
Quand partir ?
Next
Previous
Quand partir ?
Close
 * - Janvier
 * - Février
 * - Mars
 * - Vacances Avril

 * - Mai
 * - Juin
 * - Vacances Été
 * - Septembre

 * - Toussaint
 * - Vacances Noël

Avec qui ?
Next
Previous
Avec qui ?
Close
 * - En famille
 * - Avec bébé
 * - Entre amis
 * - En couple

 * - Groupe
 * - Séminaire
 * - Espace Pro & CSE

Où partir ?
Next
Previous
Où partir ?
Close
 * - En clubs 3B
 * - En clubs 4B
 * - En clubs 5B
 * - Nos hôtels

 * - Borgo
 * - Rocamadour
 * - Flaine
 * - Propriano

 * - Guidel Plages
 * - La Palmyre
 * - Belgodère
 * - Morgat

Voir toutes nos destinations
Voir sur la carte
Découvrir Belambra Next
Previous
Découvrir Belambra
Close
Choisissez la formule qui vous convient
 * All inclusive
 * Clubs vacances
 * Hôtels
 * Locations
 * Notre Gamme

Découvrir notre offre clubs
 * NOS ACTIVITÉS SPORTIVES
 * NOS CLUBS ENFANTS
 * Nos hébergements
 * Notre offre de restauration
 * Nos animations

Été 1ères minutes été 2024 jusqu'à -25%
Bon plans Next
Previous
Bon plans
Close
Été 2024 Vacances en vue, réservez maintenant ! Jusqu'à -25% Je réserve
Courts séjours Un break s'impose surtout en promotion ! Jusqu'à -25% Je réserve
DÉCOUVREZ TOUTES NOS OFFRES IRRÉSISTIBLES
Offrez-vous des vacances de rêve sans vous ruiner ! Profitez de réductions
exceptionnelles toute l'année pour vivre des moments magiques à portée de clic !
Découvrir toutes nos offres
FAQ Next
Mon compte Next

Bonjour Mon compte
 * Se connecter
 * Créer un compte

 * Mon compte
 * Déconnexion
   Souhaitez-vous vous déconnecter ?
   Annuler Confirmer
   


PRESQU'ÎLE DE GIENS, RIVIERA BEACH CLUB

Hyères Côte d'Azur

Flag of the United Kingdom (3-5) 2023-05-07 Aldo Latino Flag of the United
Kingdom (3:5 version) GB
4.5 / 5
Hyères Côte d'Azur
Voir la carte


Galerie


 * 
 * 
 * 
 * 

Afficher la galerie



Réservez votre séjour !

Date du séjour Arrivée | Départ
Formule Demi-pension
Participants 2 adultes
Participants
Tarifs et réservations

PREVIOUS PARTICIPANTS

Adultes
18 ans et plus

2

Adolescents
entre 12 et 17 ans

0

Enfants
11 ans et moins

0

Indiquez l’âge des enfants à la date d’arrivée.

Âge
Âge

Valider

Veuillez préciser l’âge des enfants

Valider
Valider

PREVIOUS FORMULE

 * Demi-pension Petit déjeuner et dîner
 * Pension complète Petit déjeuner, déjeuner et dîner
 * Location Hébergement avec cuisine

Valider

PREVIOUS VOTRE SÉJOUR

Votre séjour
à partir

Votre formule
Demi-pension

Les participants
2 adultes , 0 adolescent , 0 enfant

Rechercher

PREVIOUS DATE DU SÉJOUR

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

Mai 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30
 31. 31

Juin 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30

Juillet 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30
 31. 31

Août 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30
 31. 31

Septembre 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30

Octobre 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30
 31. 31

Novembre 2024

 1. Lu
 2. Ma
 3. Me
 4. Je
 5. Ve
 6. Sa
 7. Di

 1.  1
 2.  2
 3.  3
 4.  4
 5.  5
 6.  6
 7.  7
 8.  8
 9.  9
 10. 10
 11. 11
 12. 12
 13. 13
 14. 14
 15. 15
 16. 16
 17. 17
 18. 18
 19. 19
 20. 20
 21. 21
 22. 22
 23. 23
 24. 24
 25. 25
 26. 26
 27. 27
 28. 28
 29. 29
 30. 30

Ce mois n'est pas encore disponible.
Vous pouvez toutefois pré-réserver dès maintenant en cliquant ici !

meilleur prixmeilleur prixdernières disponibilitésdernières disponibilités Ok

 * Club
 * Activités
 * Clubs enfants
 * Hébergements
 * Restauration
 * Avis clients
 * Infos pratiques
 * Tarifs et réservations


PARENTHÈSE ENSOLEILLÉE AU CŒUR D'UN JARDIN MÉDITERRANÉEN

Niché dans la somptueuse baie d'Hyères, face à la mer, notre club vous invite à
un dépaysement total à travers ses nouveaux hébergements ou récemment rénovés,
son accès direct à une plage de sable fin, ses deux piscines ou encore son
espace bien-être. 

 * Formule demi-pension, pension complète ou location
 * Restaurant principal avec buffets variés et show-cooking, bars lounge avec
   terrasses, la paillote "La Plage" pour une expérience les pieds dans le
   sable. 
 * 2 piscines chauffées dont une couverte
 * Ambiance festive, shows, concerts live...
 * Jeux et tournois sportifs toute la saison
 * Spécial juillet/août : fitness, activités “Athlé Santé”, aquatic’gym, stages
   de tennis...

Bon à savoir : animaux domestiques interdits.

 * Club 5B
   Le meilleur de l’esprit Belambra
 * Formules demi-pension/pension complète ou location
 * Club Poussins
   4-35 mois
   (payant)
 * Clubs enfants inclus
   (3-17 ans)
 * Piscine
 * Pieds dans l'eau


/ NOUVEAU BAR DE PLAGE





/ BAR ET RESTAURANT ENTIÈREMENT RÉNOVÉS




/ ESPACE BIEN-ÊTRE AVEC HAMMAM ET SAUNA




/ HÉBERGEMENTS 100% CLIMATISÉS




/ PLAGE DE SABLE FIN AMÉNAGÉE ET SÉCURISÉE




/ ACCÈS DIRECT À LA BASE NAUTIQUE



“Sympa de prendre un verre assis sur une balançoire. Attention les places sont
rares”

Gérard En Famille

“Les rénovations du restaurant et des bars apportent de la modernité”

Delaly En Famille

“Espace aquatique spa-hammam bien apprécié au retour des balades.”

Isabelle En Famille

“Des bungalows extrêmement agréables : neufs, propres et climatisés.”

Bruno Entre amis

“Plage très agréable avec des transats équipés de matelas très épais et de
parasols.”

Eva En Couple

“Super les animations, les deux piscines
et la base nautique !”

Jérôme En Famille


ACTIVITÉS ET LOISIRS

Découvrez nos activités, animations et services, tout en profitant de nos
recommandations pour explorer la région !

 * Tous
 * En famille
 * Sports
 * Bien-être
 * Équipements
 * Découverte

 * 
   En supplément
   
   ESPACE BIEN-ÊTRE
   
   Délassez-vous après une journée sportive : piscine intérieure, sauna et
   hammam en libre accès. Soins en cabine, en supplément sur réservation avec
   notre partenaire Nama Spa.
   
   EN SAVOIR PLUS

 * PLAGE
   
   Soyez le premier à aller piquer une tête dans les vagues grâce à un accès
   direct à une plage de sable fin depuis le club.

 * PISCINE
   
   Profitez toute la saison, de deux piscines chauffées dont une couverte.

 * 
   Inclus
   
   TENNIS
   
   Profitez de nos terrains de tennis et améliorez votre jeu grâce à nos cours
   pour enfants ou adultes assurés par nos coachs diplômés, en partenariat avec
   Head.
   
   EN SAVOIR PLUS
 * 
   Inclus
   
   REMISE EN FORME
   
   Retrouvez la forme grâce à nos cours proposés par nos coachs partenaires de
   la Fédération Française d'athlétisme.
   
   EN SAVOIR PLUS
 * 
   Inclus
   
   YOGA ET FITNESS
   
   Détendez-vous avec nos cours de yoga et de fitness animés par nos coachs
   partenaires LesMills™
   
   EN SAVOIR PLUS
 * 
   En supplément
   
   NATATION
   
   Profitez des vacances pour que votre enfant apprenne à nager en s'amusant
   avec nos maîtres nageurs certifiés.
   
   EN SAVOIR PLUS
 * 
   Inclus
   
   AQUAGYM
   
   Dépensez-vous dans la piscine au rythme des cours d'aquagym ludiques assurés
   par nos maîtres nageurs certifiés en juillet/août.

 * 
   Inclus
   
   SPECTACLES & ANIMATIONS
   
   Retrouvez tous les jours une atmosphère conviviale autour du bar ou en
   terrasse, et nos spectacles pour toute la famille.
   
   EN SAVOIR PLUS
 * 
   Inclus
   
   BALADES DÉCOUVERTE
   
   Participez aux balades découverte avec nos animateurs pour mieux connaître
   les environs. Au départ du club, 2 fois par semaine.

 * 
   En supplément
   
   ACTIVITÉS AUTOUR DU CLUB
   
   Découvrez notre sélection d'activités à faire dans les environs
   
   EN SAVOIR PLUS


Évadez-vous pour une parenthèse de détente inoubliable, le temps d’un soin, d’un
massage ou simplement d’une pause de relaxation.

Retrouvez en accès direct dans notre club toute notre offre Spa : 

 * Piscine intérieure, sauna et hammam en libre accès
 * Massages et soins visage & corps en accès payant : 

- 25 minutes : 64€ 
- 55 minutes : 109€ 
- 85 minutes : 155€
- Soin visage 60 minutes : 90€
- Soin corps 60 minutes : 109€
 

Réservation sur place à l’accueil du Spa 
Accès au spa autorisé à partir de 16 ans

Réservez votre moment


Cours de tennis pour enfants et adultes

En juillet et en août, profitez d’une offre complète de stages et cours
particuliers pour tous les niveaux, délivrée par nos coachs diplômés, en
partenariat avec Head.
 

 * Stage de tennis : 3, 4 ou 5 jours au choix
   - Adulte (+ de 14 ans) : à partir de 60€
   - Ados (- de 14 ans) : à partir de 50€
   - Kids (5-7 ans) : à partir de 30€
    
 * Cours particuliers :
   - Pour un joueur : 50€/heure
   - Pour deux à trois joueurs : 60€/heure
   
   Réservation à votre arrivée au club


Activités de remise en forme avec nos coachs certifiés par la Fédération
Français d’Athlétisme

En juillet et en août, profitez d’une offre complète d’activités encadrées pour
retrouver la forme :
 

 * Running
 * Marche nordique
 * Cross Fit
 * Stretching
 * Test de forme
 * Initiations enfants

Le programme parfait pour des vacances dynamiques et ressourçantes !

 



Yoga et fitness avec nos coachs certifiés LesMills™

En juillet et en août, profitez d’une offre complète d’activités encadrées pour
vous détendre et vous ressourcer :
 

 * Yoga
 * Pilates
 * Body Combat
 * Body Balance
    

Le programme parfait pour des vacances apaisantes !
 

 



Cours de natation pour les enfants et les adultes

En vacances scolaires, vos enfants apprennent à nager chez Belambra !
 

 * Profitez des cours de natation délivrés par nos maîtres-nageurs diplômés pour
   les enfants à partir de 6 ans
 * Prestation payante à réserver à votre arrivée au club
    

Le programme parfait pour apprendre en s’amusant !


Des animations pour tous, tous les jours !

 

 * Les immanquables rendez-vous de Léo &Léa en fin de journée pour rassembler
   enfants et parents
 * En début de soirée, apéritif convivial au bar ou en terrasse, avec jeux
   interactifs proposés par nos animateurs
 * Après le repas, assistez à nos spectacles pour toute la famille, ou découvrez
   nos soirées à thèmes

 


Découvrez de nombreuses activités à proximité directe du club : 

 

 * Découvrez les richesses de la région : l’île de Porquerolles, l'île de
   Port-Cros, Cassis et ses calanques, et les magnifiques villages provençaux
   d’Aubagne ou Bormes-les-Mimosas
 * Profitez de la base de loisirs située sur la plage du club. Kayak, paddle,
   voile… il y en a pour tous les goûts !
 * Découvrez les magnifiques golfs 18 trous de Valgarde à 16km et de Valcros à
   25km sur des sites à couper le souffle
 * Retrouvez des activités à partager en famille : équitation et karting,
   découverte du Massif des Maures avec un guide de l’Office National des Forêts

Office du tourisme de Hyères 


Voir plus


EXPLOREZ LA CÔTE D'AZUR

Idéalement situé pour visiter la station balnéaire hyéroise et les îles de
Porquerolles, le Club avec accès direct plage, est à proximité immédiate de
l’Almanarre, spot de fun-board et de kitesurf à la renommée internationale.
Plage de l’Almanarre de
5km de long

Les Iles d'or :
3îles



CLUBS ENFANTS

Nos équipes s'occupent des enfants de 4 mois à 5 ans (du 06/04 au 02/11/2024) et
de 6 à 17 ans (du 06/04 au 06/05, au 11/05, du 29/06 au 31/08, et du 19/10 au
02/11/2024) avec des activités ludiques et variées aux clubs.
Tout est pensé pour le plus grand bonheur des enfants… et des parents !

 * POUSSINS
   
   CLUB DE 4 À 35 MOIS (payant)
   
   Vacances scolaires : 5 journées continues
   Hors vacances scolaires : 2 journées continues + 3 demi-journées
   Service payant, à pré-réserver
   
   EN SAVOIR PLUS

 * RENARDEAUX & PIRATES
   
   CLUBS DE 3 À 10 ANS (inclus) 
   
   Vacances scolaires : 5 journées continues + 1 veillée + 1 soirée spectacle
   Hors vacances scolaires : 3-5 ans uniquement
   2 journées continues + 3 demi-journées
   
   EN SAVOIR PLUS

 * JUNIORS & ADOS
   
   CLUBS DE 11 À 17 ANS (inclus) 
   
   5 jours par semaine, avec des sessions distinctes
   14h-17h - 19h-22h (11/13 ans)
   17h-23h (14/17ans)
   Uniquement en vacances scolaires
   
   EN SAVOIR PLUS

LES POUSSINS 4/35 MOIS

Sur réservation et en supplément
(390€/bébé | Séjour 1 semaine)

- PENDANT LES VACANCES SCOLAIRES FRANÇAISES & BELGES
(06/04 au 11/05/2024, 29/06 au 31/08/2024, et 19/10 au 02/11/2024) 
Du lundi au vendredi | 5 journées continues
+ découverte du club | dimanche 15h-17h (horaires indicatifs)

- HORS VACANCES SCOLAIRES FRANÇAISES & BELGES
2 journées continues | mardi & jeudi 9h-17h (horaires indicatifs)
+ 3 demi-journées | lundi & vendredi 9h-12h, mercredi 13h30-17h (horaires
indicatifs)

Lors d'une journée continue, les enfants sont pris en charge par nos animateurs
y compris pendant le déjeuner (repas inclus en pension complète et en supplément
en demi-pension).

Activités, jeux, bien-être et sécurité
- Des activités d’éveil et des jeux.
- Des espaces sécurisés et équipés pour les plus petits (salle de jeux, salle de
repos, coin repas et sanitaires adaptés).
- Des animateurs expérimentés et qualifiés, spécialistes de la petite enfance. 


La santé des enfants 
Dans l’intérêt de tous les enfants et conformément à la réglementation en
vigueur, ne seront acceptés dans les clubs que les enfants jugés aptes à vivre
en collectivité, ne présentant pas de maladie déclarée, fébrile ou contagieuse
(jusqu'à disparition des signes cliniques des maladies éruptives).
L'accompagnant doit pouvoir justifier de la mise à jour vaccinale réglementaire
des enfants de moins de 6 ans. Se munir du carnet de santé ou d’un certificat
médical.

LES RENARDEAUX & PIRATES 3/10 ANS

- PENDANT LES VACANCES SCOLAIRES FRANÇAISES & BELGES
(06/04 au 11/05, 29/06 au 31/08, et 19/10 au 02/11/2024) 
5 journées continues | du lundi au vendredi 9h-17h (horaires indicatifs)
+ 1 veillée | mercredi 19h-21h (horaires indicatifs)
+ 1 soirée spectacle | 19h-21h (horaires indicatifs)
+ découverte du club | dimanche après-midi  

- HORS VACANCES SCOLAIRES FRANÇAISES & BELGES
2 journées continues | mardi & jeudi 9h-17h (horaires indicatifs)
+ 3 demi-journées | lundi & vendredi 9h-12h, et mercredi 13h30-17h (horaires
indicatifs) 

Lors des journées continues, les enfants sont pris en charge par nos animateurs
y compris pendant le déjeuner (repas inclus en pension complète et en supplément
en demi-pension, location).
La veillée est organisée afin d'offrir aux parents un moment de détente pour
savourer leur repas en toute sérénité. Les animateurs se chargent de faire dîner
les enfants (repas inclus en pension complète, demi-pension et en supplément en
location).


Les renardeaux 3/5 ans | Les pirates 6/10 ans

- Des animateurs qualifiés pour chaque tranche d’âge.
- Des espaces dédiés, sécurisés, réservés aux enfants.
- Chaque semaine : activités ludiques et manuelles, grands jeux, danses,
chansons, contes et légendes et préparation du spectacle de fin de semaine.
- Des ateliers créatifs avec exposition par les enfants de leurs réalisations
lors d’un vernissage.

La santé des enfants 
Dans l’intérêt de tous les enfants et conformément à la réglementation en
vigueur, ne seront acceptés dans les clubs que les enfants jugés aptes à vivre
en collectivité, ne présentant pas de maladie déclarée, fébrile ou contagieuse
(jusqu'à disparition des signes cliniques des maladies éruptives).
L'accompagnant doit pouvoir justifier de la mise à jour vaccinale réglementaire
des enfants de moins de 6 ans. Se munir du carnet de santé ou d’un certificat
médical.

LES JUNIORS & ADOS 11/17 ANS

- UNIQUEMENT EN VACANCES SCOLAIRES FRANÇAISES ET BELGES
(06/04 au 11/05, 29/06 au 31/08 et 19/10 au 02/11/2024)
5 jours/semaine, du lundi au vendredi avec des sessions distinctes
De 14h à 17h et de 19h-22h pour les Juniors 11/13 ans (horaires indicatifs)
De 17h à 23h pour les Ados 14/17 ans (horaires indicatifs)

Les jeunes sont encadrés par nos animateurs l'après-midi et pris en charge y
compris pendant le dîner (repas inclus en pension complète, demi-pension et en
supplément en location).  

Chez Belambra, on s’éclate entre jeunes et en toute liberté.
Pendant les vacances, les animateurs sont là pour proposer des activités, sans
jamais les imposer ! 
Les Juniors et les Ados retrouvent leurs animateurs en début d’après-midi et
soirée pour des activités ou tout simplement chiller.

La santé des enfants
Dans l’intérêt de tous les enfants et conformément à la réglementation en
vigueur, ne seront acceptés dans les clubs que les enfants jugés aptes à vivre
en collectivité, ne présentant pas de maladie déclarée, fébrile ou contagieuse
(jusqu'à disparition des signes cliniques des maladies éruptives). 




HÉBERGEMENTS

Choisissez parmi les 240 hébergements climatisés de 2 à 8 personnes, avec
terrasse ou balcon au cœur d'un jardin méditerranéen.
Ce club ne dispose pas d'hébergements adaptés aux personnes à mobilité réduite
(PMR).

Inclus en formule demi-pension/pension complète : lits faits à l'arrivée, linge
de toilette fourni, ménage de départ et rafraîchissement de l'hébergement en
milieu de semaine
En formule location : lits faits à l’arrivée, linge de toilette fourni

 * Toutes
 * Premium
 * Classique

 * Premium
    * 2 Chambres |
    * Terrasse
   
   
    * 40-50m²
    * 6 personnes
    * Climatisation
    * Voir plus
      Premium
      
      2 CHAMBRES | TERRASSE | 40-50M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Palmiers »
      
       * CHAMBRE 1
         
          * 2 lits simples convertibles en 1 lit double 
      
       * CHAMBRE 2
         
          * 2 lits simples + 1 canapé lit double (occupation 6 pers.)
          * OU 2 lits superposés + 1 lit simple (occupation 5 pers.) 
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Mini-réfrigérateur, télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         6 personnes
      
       * SERVICES INCLUS
         
          * Lits faits à l’arrivée
          * Linge de toilette fourni
          * Serviettes de toilette changées en milieu de séjour semaine
          * Plateau de courtoisie : bouilloire, tasses, thé, café
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Premium
    * Appartement 1 Chambre |
    * Terrasse
   
   
    * 25-40m²
    * 4 personnes
    * Climatisation
    * Voir plus
      Premium
      
      APPARTEMENT 1 CHAMBRE | TERRASSE | 25-40M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit double escamotable ou 1 canapé-lit 2 places
      
       * CHAMBRE
         
          * 2 lits superposés ou 2 lits simples 
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         4 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Premium
    * Appartement 1 Chambre |
    * Terrasse
   
   
    * 25-40m²
    * 5 personnes
    * Climatisation
    * Voir plus
      Premium
      
      APPARTEMENT 1 CHAMBRE | TERRASSE | 25-40M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit double escamotable ou 1 canapé lit 2 places
      
       * CHAMBRE
         
          * 2 lits superposés + 1 lit simple
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         5 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Premium
    * Appartement Duplex 2 Chambres |
    * Terrasse
   
   
    * 60-70m²
    * 6 personnes
    * Climatisation
    * Voir plus
      Premium
      
      APPARTEMENT DUPLEX 2 CHAMBRES | TERRASSE | 60-70M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit escamotable double
      
       * CHAMBRE 1
         
          * 2 lits simples convertibles en 1 lit double ou 1 lit double
      
       * CHAMBRE 2
         
          * 2 lits simples
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         6 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
      
      
   
   
 * Premium
    * Appartement 2 Chambres |
    * Terrasse
   
   
    * 40-60m²
    * 6 personnes
    * Climatisation
    * Voir plus
      Premium
      
      APPARTEMENT 2 CHAMBRES | TERRASSE | 40-60M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit escamotable double ou 1 canapé lit 2 places
      
       * CHAMBRE 1
         
          * 2 lits simples convertibles en 1 lit double ou 1 lit double
      
       * CHAMBRE 2
         
          * 2 lits superposés ou 2 lits simples
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         6 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Premium
    * Appartement Duplex 3 Chambres |
    * Terrasse
   
   
    * 90-100m²
    * 8 personnes
    * Climatisation
    * Voir plus
      Premium
      
      APPARTEMENT DUPLEX 3 CHAMBRES | TERRASSE | 90-100M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit double escamotable
      
       * CHAMBRE 1
         
          * 1 lit double
      
       * CHAMBRE 2
         
          * 2 lits simples
      
       * CHAMBRE 3
         
          * 2 lits superposés
      
       * SALLE DE BAINS
         
          * Douche, toilettes séparées
      
       * EQUIPEMENTS
         
          * Télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         8 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Premium
    * Appartement 3 Chambres |
    * Terrasse
   
   
    * 60-70m²
    * 8 personnes
    * Climatisation
    * Voir plus
      Premium
      
      APPARTEMENT 3 CHAMBRES | TERRASSE | 60-70M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit escamotable
      
       * CHAMBRE 1
         
          * 1 lit double
      
       * CHAMBRE 2
         
          * 2 lits simples
      
       * CHAMBRE 3
         
          * 2 lits superposés
      
       * SALLE DE BAINS
         
          * Douche, Toilettes séparées
      
       * EQUIPEMENTS
         
          * Mini-réfrigérateur, télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         8 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Impossibilité de mettre un lit bébé dans cette typologie
            d’hébergement
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Premium
    * Studio |
    * Terrasse
   
   
    * 30-35m²
    * 2 personnes
    * Climatisation
    * Voir plus
      Premium
      
      STUDIO | TERRASSE | 30-35M²
      
      L'hébergement premium de référence pour une expérience mémorable dans les
      plus beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Pins »
      
       * PIÈCE PRINCIPALE
         
          * 1 lit double
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         2 personnes
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
      
      
   
   
 * Classique
    * 2 Chambres |
    * Terrasse
   
   
    * 25-35m²
    * 5 personnes
    * Climatisation
    * Voir plus
      Classique
      
      2 CHAMBRES | TERRASSE | 25-35M²
      
      L'hébergement de référence pour une expérience mémorable dans les plus
      beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Palmiers »
      
       * CHAMBRE 1
         
          * 2 lits simples convertibles en 1 lit double 
      
       * CHAMBRE 2
         
          * 2 lits superposés + 1 lit simple 
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Mini-réfrigérateur, télévision, coffre-fort, mobilier de jardin
      
       * NOMBRE D’OCCUPANTS
         
         5 personnes
      
       * SERVICES INCLUS
         
          * Lits faits à l’arrivée
          * Linge de toilette fourni
          * Serviettes de toilette changées en milieu de séjour semaine
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   
 * Classique
    * 1 Chambre |
    * Terrasse
   
   
    * 16-25m²
    * 2 personnes
    * Climatisation
    * Voir plus
      Classique
      
      1 CHAMBRE | TERRASSE | 16-25M²
      
      L'hébergement de référence pour une expérience mémorable dans les plus
      beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Palmiers ». Logement à l'étage
      
       * CHAMBRE
         
          * 2 lits simples convertibles en 1 lit double 
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Mini-réfrigérateur, télévision, coffre-fort, mobilier de jardin
      
       * SERVICES INCLUS
         
          * Lits faits à l’arrivée
          * Linge de toilette fourni
          * Serviettes de toilette changées en milieu de séjour semaine
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Impossibilité de mettre un lit bébé dans cette typologie
            d’hébergement
      
      
   
   
 * Classique
    * 1 Chambre |
    * Coin nuit |
    * Terrasse
   
   
    * 20-25m²
    * 4 personnes
    * Climatisation
    * Voir plus
      Classique
      
      1 CHAMBRE | COIN NUIT | TERRASSE | 20-25M²
      
      L'hébergement de référence pour une expérience mémorable dans les plus
      beaux endroits de France.
      
       * POINTS FORTS
         
          * Climatisation
          * Terrasse
          * Wifi
          * Zone « Les Palmiers »
      
       * CHAMBRE
         
          * 2 lits simples ou 2 lits simples convertibles en un lit double
      
       * COIN NUIT
         
          * 2 lits superposés (le lit bébé ne peut être disposé dans le coin
            nuit)
      
       * SALLE DE BAINS
         
          * Douche et WC
      
       * EQUIPEMENTS
         
          * Mini-réfrigérateur, télévision, coffre-fort, mobilier de jardin
      
       * SERVICES INCLUS
         
          * Lits faits à l’arrivée
          * Linge de toilette fourni
          * Serviettes de toilette changées en milieu de séjour semaine
      
       * INFORMATIONS COMPLÉMENTAIRES
         
          * Possibilité d’ajout d’un lit bébé
          * Le couchage en hauteur ne peut pas convenir à des enfants de moins
            de 6 ans.
      
      
   
   

Voir plus


RESTAURATION

FORMULE DEMI-PENSION OU PENSION COMPLÈTE
(petit déjeuner et dîner ou petit déjeuner, déjeuner, dîner) dans notre
restaurant principal qui propose une cuisine buffet variée et gourmande avec
show-cooking. 2 bars lounge avec terrasses. Restauration adaptée aux bébés.
Découvrez aussi la paillote "La Plage" pour une expérience les pieds dans le
sable.

NOS RESTAURANTS « LA PLAGE » ET « LE PATIO »

 * PETIT-DÉJEUNER
   
   Démarrez bien la journée avec un petit-déjeuner continental servi en buffet.
   

 * DÉJEUNER
   
   Déjeuner léger avec une offre de grillades et salades estivales en terrasse.
   

 * DÎNER
   
   Cuisine authentique et variée en buffet et des animations show-cooking tous
   les jours au nouveau restaurant avec terrasses ombragées
   

 * GRILLADES AU BRASERO
   
   Faîtes-vous plaisir avec une bonne grillade au brasero dans notre restaurant
   thématique "Le Patio". Sur réservation.
   

 * BAR LA ROTONDE
   
   Retrouvez-vous autour d'un verre au nouveau bar de la Rotonde et profitez
   d'un large choix de boissons en profitant des animations
   

 * BAR DE LA PLAGE
   
   Découvrez le nouveau bar de La Plage et son offre de restauration estivale en
   journée et ambiance lounge avec tapas en soirée.
   


ILS ONT ÉTÉ CONQUIS

“Très bel emplacement, beaucoup d’espace, avec une belle végétation
méditerranéenne.”

Fred Entre amis

CŒUR AVEC LES DOIGTS

“5 étoiles pour Stéphane le maître nageur qui est vraiment génial avec les
petits.”

Mélina En Famille

UNE ÉQUIPE ATTACHANTE

“Les enfants ont été enchantés par le club et la gentillesse des animateurs.”

Anne En Famille

Restauration variée de très bonne qualité. On revient en 2023 !




INFOS PRATIQUES

TRANSFERT

Venir par avion

Aéroport de Toulon-Hyères à
6 km

 

Venir en train

Gare de Toulon (TGV) à 27 km
Gare de Hyères à 8 km

 

Venir en taxi

Taxi Hyèrois 04 94 00 60 00

À L’ARRIVÉE

Pour les séjours semaine & courts séjours en semaine (4 nuits maximum)

Arrivée : entre 17h et 19h (20h samedi)
Départ : avant 10h

 

Pour les courts séjours week-end (4 nuits maximum)

(vacances scolaires)
Arrivée : entre 17h et 19h (20h samedi) 
Départ : avant 10h. 

(hors vacances scolaires)
Arrivée : entre 15h et 20h les samedis et jours fériés.
Départ : avant 12h. Profitez du club jusqu'à 18h les dimanches et jours fériés.

LE LIEU

Accueil :
+33 (0)4 94 58 21 35

Club Belambra “Riviera Beach Club”
Presqu'Ile de Giens
4337 Route de Giens
83400 Hyères-les-Palmiers

★ Classé en village de vacances 4 étoiles 

À SAVOIR

À SAVOIR

Services sur le club  :

• Parking gratuit
• Wifi inclus
• Bornes électriques : Service payant 
A noter : pas de réservation de créneau possible
• Bagagerie
• Laverie automatique (payante)
• Matériel de repassage à disposition
• 2 courts de tennis, 1 terrain de pétanque, 1 terrain de basketball, city
stade, tables de ping-pong, mini-golf, aire de jeux Léoland
• Prêt de jeux de société, ballons, boules de pétanque
• Animaux domestiques interdits
• Site équipé d’un défibrillateur

Services à proximité :

 * Dans un rayon de 5km : 
   - Alimentation
   - Boulangerie
   - Tabac Presse
   - Banque et distributeur automatique de billets
   - Location de matériel de plongée
   - Bureau de Poste
   - Station essence
   - Médecin
   - Location de voiture
   - Location de vélo
    
 * Service de bus avec arrêts réguliers devant le club


LES CLIENTS INTÉRESSÉS PAR "LA PRESQU'ÎLE DE GIENS" ONT ÉGALEMENT CONSULTÉ

   
 * - 25 %
   
   HYÈRES
   
   4.0 / 5
   Les Criques
   | Côte d'Azur
   à partir de
   878 €
   659€ / adulte
   Submit
   Hyères
   
   
 * - 25 %
   
   LE PRADET
   
   4.0 / 5
   Lou Pigno
   | Côte d'Azur
   à partir de
   460 €
   345€ / adulte
   Submit
   Le Pradet
   
   
 * - 25 %
   
   BORGO
   
   4.5 / 5
   Pineto
   | Corse
   à partir de
   441 €
   331€ / hébergement
   Submit
   Borgo
   

Toutes les destinations

Classé en village de vacances 4 étoiles, le club de Giens « Riviera Beach Club »
offre un dépaysement sans pareil. La végétation y est omniprésente, l'ombre
naturelle des arbres permet de profiter de la fraîcheur. Ce club est sans doute
le secret le mieux gardé de la Côte !
Directement situé sur la plage de sable de la Badine, les clients pourront
désormais profiter d’une réception modernisée, d’un spa et de trois espaces de
restauration.

Voir plus

Le restaurant principal accueille désormais une terrasse ombragée, le bar de la
Rotonde s’est embelli pour les soirées animées et « la Plage » et « le Patio »
directement sur la plage de sable fin vous attendent pour des journées les pieds
dans le sable et pour profiter des couchers de soleil sur la Méditerranée. 
Pour ceux qui voudraient tout de même visiter notre belle région, direction
Hyères, ses quartiers typiques et ses villas Art Déco, son château ou son site
archéologique d'Olbia. Et pour ceux qui auraient déjà vu les Îles d'Or,
direction l'arrière-pays avec ses domaines viticoles et horticoles. C'est
simple, il y a tant à voir et à faire, qu'il faudra revenir au club plusieurs
fois !

Profitez d’une parenthèse ensoleillée en passant vos vacances d’été en village
vacances sur la presqu’île de Giens, dans un cadre idyllique face à l’île de
Porquerolles. Appréciez les charmes de la côte méditerranéenne, dans un club
moderne et design, situé en bord de plage, au cœur d’une pinède de 15 hectares.
Les logements proposés se composent de chambres avec climatisation et
d’hébergements de plusieurs chambres, tous avec balcon ou terrasse équipée pour
profiter du climat particulièrement clément de la région. Posez vos valises !

Si vous voyagez à deux, une chambre avec 2 lits simples ou 1 lit double et sa
salle de bain ou de douche vous suffira. En revanche, pour vos vacances en
famille ou entre amis, profitez du confort des hébergements avec plusieurs
chambres (lits superposés, lit convertible…). Vous pourrez au choix prendre vos
repas au restaurant du club offrant une terrasse agréable au bord de la piscine,
ou bien opter pour un séjour en location et préparer vos repas et pique-niques
grâce à votre kitchenette équipée avec tout le nécessaire. 

Après une journée bien remplie, profitez d’un apéritif au bar lounge de
l’établissement. Vous disposerez, sur place, d’un large choix d’activités pour
petits et grands, en journée comme en soirée. L’équipe d’animation organise des
cours, jeux et événements pour animer votre séjour et vous divertir. Fitness,
gym, natation, apéritifs animés, soirées à thème… tout est fait pour vous
permettre de passer un séjour idéal, en famille ou entre amis.

Submit
 * Belambra Clubs
 * Vos villages vacances Belambra en France
 * Côte-d'Azur
 * Giens-RBC

 * PAIEMENT EN 2 FOIS
 * OPTIONS DISPONIBLES
 * PAIEMENT EN CHÈQUE-VACANCES CONNECT
 * PAIEMENT EN 4X FOIS PAR CARTE BANCAIRE

Contactez-nous
01 46 10 13 14

Prix d’un appel local
Lun-Sam 8h30-20h | Dim 10h-18h

Facebook Instagram Pinterest YouTube Twitter
À propos de Belambra
 * → RECRUTEMENT 
 * L'esprit Belambra 
 * Utilisation bon à valoir 
 * FAQ
 * Découvrir Belambra
 * Presse et catalogues
 * Index de l'égalité
 * Demi-pension ou pension-complète
 * Villages clubs vacances
 * Restauration été
 * Clubs enfants hiver
 * Les bonus hiver
 * Notre blog
 * Paiement 4x CB avec Oney
 * Paiement chèques vacances 
 * Paiement sécurisé
 * Assurances
    

belambra.com

Nos séjours
 * Weekends et courts séjours
 * Vacances de Printemps
 * Vacances d'Été
 * Vacances d'Automne
 * Vacances d'Hiver
 * Club vacances
 * Ouverture saison de ski
 * Domaine Les Trois Vallées
 * Domaine Les Portes du Soleil
 * Domaine Paradiski
 * Domaine l'Espace Diamant
 * Domaine Tignes - Val d'Isère
 * Espace Pro et CSE
 * Séminaires
 * Groupes (20 pers. et +)
 * Cousinade et retrouvailles familiales
 * Confirmer ou solder mon séjour

100 € offerts en vous inscrivant à notre newsletter
Recevez en avant première nos meilleures offres : Je m’inscris

Veuillez saisir une adresse mail valide


NOUS VOUS REMERCIONS POUR VOTRE INSCRIPTION !



* 100€ offerts avec le code promo WELCOME pour tout séjour d'une semaine minimum
(de 7 à 21 nuits). Offre valable pour toute première souscription, non adhérente
à un partenaire commercial, sur un stock de logements alloués à cet effet
jusqu'à épuisement de ce dernier. Offre cumulable avec les promotions en cours.
Offre non rétroactive et non cumulable avec les opérations spéciales nécessitant
la saisie d'un autre code promo. Code promo WELCOME non ré-utilisable.

* Pour plus d'information sur l'utilisation de vos données personnelles par
Belambra, nous vous invitons à prendre connaissance de notre Politique de
Protection des Données




Application "Mon séjour Belambra"

Préparez au mieux votre séjour avec notre application

Mon Séjour Belambra Google Play Mon Séjour Belambra App Store
Cookies
 * Mentions légales
 * CGV
 * Politique de cookies
 * Politique de protection des données
 * Sitemap

Paiement :
 * 
 * 
 * 
 *