www.nh-hotels.fr Open in urlscan Pro
23.38.51.95  Public Scan

Submitted URL: https://digital.nh-hotels.com/sap/public/cuan/link/100/98B887E5F11C186826FA3BC425FD51B25F8B6E69?_V_=2&_K11_=030B0CA4F6CD24C1EB...
Effective URL: https://www.nh-hotels.fr/hotels/madrid?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&utm...
Submission: On March 07 via api from BE — Scanned from ES

Form analysis 29 forms found in the DOM

Name: loginRewardsFormMob

<form class="form-horizontal track-form" novalidate="true" name="loginRewardsFormMob" id="loginFormMobv2">
  <div class="row">
    <div class="col-md-12">
      <div id="emailBoxMob" class="form-group">
        <label for="emailMob"></label>
        <input data-validation-required-message="Veuillez modifier ce champ&nbsp;:" data-error="" type="text" required="" class="form-control" name="emailMob" id="emailMob" placeholder="Nom d’utilisateur / E-mail / Numéro de carte">
        <div class="help-block with-errors"></div>
      </div>
      <div id="passwordBoxMob" class="form-group">
        <label for="passwordMob"></label>
        <input data-validation-required-message="Veuillez modifier ce champ&nbsp;:" name="passwordMob" data-error="" type="password" required="" class="form-control" id="passwordMob" placeholder="Mot de passe">
        <div class="help-block with-errors"></div>
      </div>
      <div class="form-group">
        <div class="js-error-login text-color-red">
          <!--here global errors login modal--> Le nom d'utilisateur et le mot de passe que vous avez saisis ne sont pas corrects.
        </div>
      </div>
      <div class="unblocked-user">
        <a class="margin-b-10 display-inline-block js-recorverpass-modal-trigger" href="#" data-state="recover" data-toggle="modal" data-target="#m-modal-login">Vous avez oublié votre mot de passe&nbsp;?</a>
        <div class="g-recaptcha"></div>
        <input class="response-recaptcha" type="hidden">
        <input type="text" value="" name="validationCaptcha" data-captcha="true" data-error-captcha="Veuillez modifier ce champ&nbsp;:" style="display:none">
        <div class="checkbox">
          <input id="check2" name="-" class="sr-only" type="checkbox" value="">
          <label for="check2">Mémoriser mes données</label>
        </div>
        <button id="sigin" type="submit" class="btn btn-primary pull-right"> ENTRÉE </button>
      </div>
      <div class="blocked-user">
        <p class="color-alert">Erreur du serveur</p>
        <p> Pour des raisons de sécurité, veuillez <a class="link-ghost-mobile js-forgotten-password" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
												réinitialiser votre mot de passe.
											</a>
        </p>
      </div>
    </div>
  </div>
  <span class="title">Inscrivez-vous maintenant&nbsp;!</span>
</form>

Name: signupRewardsForm /nhdiscovery/signup

<form class="form-horizontal track-form" novalidate="" data-validate="validate" action="/nhdiscovery/signup" name="signupRewardsForm">
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <label for="inputRegister"></label>
        <input name="e" data-validation-required-message="Veuillez modifier ce champ&nbsp;:" data-error="" type="text" required="" class="form-control" id="inputRegister" placeholder="Saisir votre e-mail">
        <div class="help-block with-errors"></div>
      </div>
      <button role="button" type="submit" class="btn btn-primary pull-right"> Inscrivez-vous </button>
    </div>
  </div>
</form>

Name: loginRewardsFormPOST

<form novalidate="true" id="loginFormV2" name="loginRewardsForm" method="post">
  <div class="c-input-label form-group labelup has-feedback">
    <label class="labelup-control" for="login-email">Nom d’utilisateur / E-mail</label>
    <input class="form-control" type="text" name="email" id="login-email" required="" autocomplete="off" data-error="Veuillez modifier ce champ" data-required-error="Veuillez modifier ce champ"
      data-validation-required-message="Veuillez modifier ce champ" tabindex="1">
    <button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
      <span class="nh-ic-input-clear" aria-hidden="true"></span>
    </button>
    <div class="help-block with-errors side"></div>
  </div>
  <div class="c-input-label form-group labelup has-feedback">
    <label class="labelup-control" for="login-password"> Mot de passe </label>
    <input class="form-control" type="password" name="password" id="login-password" required="" autocomplete="off" data-error="Veuillez modifier ce champ" data-required-error="Veuillez modifier ce champ"
      data-validation-required-message="Veuillez modifier ce champ" tabindex="2">
    <button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
      <span class="nh-ic-input-clear" aria-hidden="true"></span>
    </button>
    <div class="help-block with-errors side"></div>
  </div>
  <div class="form-group">
    <div class="js-error-login text-color-red"></div>
  </div>
  <div class="unblocked-user">
    <div class="form-group checkbox">
      <input id="remember" name="remember" class="sr-only" type="checkbox" value="">
      <label for="remember">Mémoriser mes données</label>
      <div class="help-block side with-errors"></div>
    </div>
    <div class="g-recaptcha"></div>
    <input class="response-recaptcha" type="hidden">
    <button class="btn btn-primary btn-submit" type="submit">Identification</button>
    <a class="js-recorverpass-modal-trigger link-forgot" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
                  Vous avez oublié votre mot de passe&nbsp;?
                </a>
    <p style="margin-top: 7px;font-size: 12px;">Si vous avez un <b>compte professionnel</b>, veuillez accéder via notre site <a href="https://www.nh-hotels.fr/professionals/login?nhpro"> Web NH PRO</a></p>
  </div>
  <div class="blocked-user">
    <p class="text-color-red"> Erreur du serveur</p>
    <p> Pour des raisons de sécurité, veuillez <a class="js-recorverpass-modal-trigger" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">réinitialiser votre mot de passe.
                  </a>
    </p>
  </div>
</form>

Name: resultPageFormPOST /

<form id="searchBarModifyForm" name="resultPageForm" action="/" method="post" autocomplete="off" accept-charset="utf-8" novalidate="true">
  <input type="hidden" id="locationCode" name="destinationId" value="Madrid" data-target="code">
  <input type="hidden" data-id="locationTCM" name="" value="" data-target="tcm">
  <input type="hidden" data-id="urlHotel" name="urlHotel" data-target="url">
  <input type="hidden" data-id="virtualHotel" name="virtualHotel">
  <input type="hidden" data-id="tipoBuscador" name="tipoBuscador" value="Search results">
  <input type="hidden" data-id="destinationValue" name="destinationValue" data-target="lcv">
  <input type="hidden" data-id="locality" data-target="locality">
  <input type="hidden" data-id="destinationTcm" name="destinationTcm" value="tcm:47-1231-1024" data-target="tcm">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" id="brand" data-target="brand">
  <input type="hidden" id="locationName" data-target="locationName">
  <input type="hidden" id="countryKey" data-target="countryKey">
  <input type="hidden" id="cityKey" data-target="cityKey">
  <!-- INI GEOLOCALIZATION-->
  <!-- Latitud-->
  <input class="geo-lat js-geolocation" type="hidden" name="latitude" value="">
  <!-- Longitud-->
  <input class="geo-lon js-geolocation" type="hidden" name="longitude" value="">
  <!-- Precisión-->
  <input class="geo-acc js-geolocation" type="hidden" name="geo-acc" value="">
  <!-- FIN GEOLOCALIZATION-->
  <div class="search-bar-content summary">
    <div class="summary-content is-show">
      <p class="summary-location">Madrid</p>
      <p><span class="summary-checkin">07/03/2023</span><span class="summary-checkout">08/03/2023</span><span class="summary-night">1 Nuit</span></p>
      <p class="summary-occupancy">1 chambre, 2 adultes </p>
      <p class="summary-promocode"></p><a class="summary-link link-primary">Modifier votre recherche</a>
    </div>
    <div class="spinner" style="display: none;">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </div>
  <div class="search-bar-content">
    <div class="location">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="location2-sb">Destination</label>
        <input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2-sb" required="required" value="Madrid" data-source="/content-api/rest/auto/autocompleteHome"
          data-hotel-label="[hôtel,Hôtels]" data-error="Champ obligatoire" data-required-error="Champ obligatoire" data-search="Madrid" data-search-error="Champ obligatoire" placeholder="">
        <div class="autocomplete-results" style="display: none;"></div>
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-poi"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
    </div>
    <div class="m-calendar-booking" data-checkin-date="05/03/2023" data-checkout-date="06/03/2023" data-msg-checkin="Choisissez votre date d" arrivée'="" data-msg-checkout="Choisissez votre date de départ" data-msg-novalid="Dates invalides"
      data-msg-night="nuit choisie" data-msg-nights="nuits choisies" data-msg-maxmonths="Désolé, vous ne pouvez pas réserver plus de 18&nbsp;mois à l" avance'=""
      data-translate-months="[&quot;Janvier&quot;, &quot;Février&quot;, &quot;Mars&quot;, &quot;Avril&quot;, &quot;Mai&quot;, &quot;Juin&quot;, &quot;Juillet&quot;, &quot;Août&quot;, &quot;Septembre&quot;, &quot;Octobre&quot;, &quot;Novembre&quot;, &quot;Décembre&quot;]"
      data-translate-days="[&quot;Lun&quot;,&quot;Mar&quot;,&quot;Mer&quot;,&quot;Jeu&quot;,&quot;Ven&quot;,&quot;Sam&quot;,&quot;Dim&quot;]">
      <div class="calendar-booking">
        <div class="js-calendar-booking-input calendar-booking-input">
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkin-sb"> Arrivée </label>
            <input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkout-sb"> Départ </label>
            <input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
        </div>
        <div class="help-block with-errors side">
          <ul class="list-unstyled">
            <li>Éventail invalide</li>
          </ul>
        </div>
        <div class="js-calendar-booking-dropdown calendar-booking-dropdown">
          <div class="calendar-booking-header">
            <div class="calendar-booking-title"><span class="title-name">Dates sélectionnées</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
            <div class="calendar-booking-selected">
              <div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
              <div class="calendar-booking-checkin"><span class="focus">Arrivée</span>
                <p class="js-selected-checkin">ma, 07 mars 23</p>
              </div>
              <div class="calendar-booking-checkout"><span class="focus">Départ</span>
                <p class="js-selected-checkout">me, 08 mars 23</p>
              </div>
              <div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
            </div>
            <div class="calendar-booking-weeks">
              <div class="calendar-booking-week">Lu</div>
              <div class="calendar-booking-week">Ma</div>
              <div class="calendar-booking-week">Me</div>
              <div class="calendar-booking-week">Je</div>
              <div class="calendar-booking-week">Ve</div>
              <div class="calendar-booking-week">Sa</div>
              <div class="calendar-booking-week">Di</div>
            </div>
            <div class="calendar-booking-month-fixed">Mars 2023</div>
          </div>
          <div class="calendar-booking-months">
            <div class="calendar-booking-month" data-index="0">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mars</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="1" data-month="2" data-year="2023" disabled="">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="2" data-month="2" data-year="2023" disabled="">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="3" data-month="2" data-year="2023" disabled="">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="4" data-month="2" data-year="2023" disabled="">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="5" data-month="2" data-year="2023" disabled="">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="6" data-month="2" data-year="2023" disabled="">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="7" data-month="2" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="8" data-month="2" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month" data-index="1">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Avril</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="2">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mai</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="3">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juin</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="4">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juillet</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="5">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Août</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="6">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Septembre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="8" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="7">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Octobre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="9" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="8">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Novembre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="10" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="10" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="9">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Décembre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="10">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Janvier</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="11">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Février</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="1" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="12">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mars</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="13">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Avril</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="14">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mai</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="15">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juin</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="16">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juillet</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="17">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Août</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="calendar-booking-footer">
            <div class="calendar-booking-info">1 nuit choisie</div>
            <button class="btn btn-primary js-calendar-booking-button" type="button"> Accepter </button>
          </div>
        </div>
      </div>
    </div>
    <div class="m-occupancy" id="m-occupancy-sb">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="optionRooms"> Occupation </label>
        <input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name=" " id="optionRooms" required="" readonly="" data-required-error="Champ obligatoire" data-info="1 chambre, 2 adultes ">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-user-line"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
      <div class="m-occupancy-wrapper">
        <div class="occupancy-content"
          data-labels="{&quot;rooms&quot;:&quot;chambres&quot;,&quot;room&quot;:&quot;chambre&quot;,&quot;adults&quot;:&quot;adultes&quot;,&quot;adult&quot;:&quot;adulte&quot;,&quot;children&quot;:&quot;enfants&quot;,&quot;child&quot;:&quot;enfant&quot;,&quot;babies&quot;:&quot;bébés&quot;,&quot;baby&quot;:&quot;bébé&quot;}">
          <div class="option-values"></div>
          <div class="option-header">
            <h3 class="title">Chambres sélectionnées</h3>
            <title-icon class="nh-ic-close room-close"></title-icon>
          </div>
          <div class="option-list">
            <!-- option 1-->
            <div class="option option-1">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room hidden" type="button" title="Supprimer chambre" data-close="0" disabled="">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 1 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 2-->
            <div class="option option-2 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="1">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 2 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 3-->
            <div class="option option-3 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="2">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 3 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 4-->
            <div class="option option-4 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="3">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 4 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 5-->
            <div class="option option-5 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="4">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 5 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 6-->
            <div class="option option-6 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="5">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 6 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 7-->
            <div class="option option-7 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="6">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 7 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 8-->
            <div class="option option-8 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="7">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 8 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 9-->
            <div class="option option-9 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="8">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 9 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div id="endRooms"></div>
          </div>
          <div class="occupancy-footer">
            <div class="add-room">
              <button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Ajouter chambre </button>
            </div>
            <div class="room-resume">1 chambre, 2 adultes </div>
            <button class="btn btn-primary room-apply" type="button"> Accepter </button>
          </div>
        </div>
      </div>
    </div>
    <div class="voucher-code">
      <div class="form-group labelup">
        <label class="labelup-control" for="voucherCode-sb" style="padding-right: 10px; top: 10px;"> Code promotionnel </label>
        <input class="form-control text-ellipsis" type="text" name="voucherCode" id="voucherCode-sb" maxlength="30">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-perc"></span></div>
      </div>
    </div>
    <div class="search-btn">
      <button id="btn-search" class="btn-block btn btn-primary btn-loader js-track-new-search js-submitFormGA4" type="submit">
        <span class="btn-text">Réserver</span>
        <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
      </button>
    </div>
  </div>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.GRVIA" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Gran Vía" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.GRVIA" data-citykey="Madrid" data-countrykey="Spain" data-num="0" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.EUROB" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Eurobuilding" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.EUROB" data-citykey="Madrid" data-countrykey="Spain" data-num="1" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.CIBEL" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Suecia" data-preciototal="TOTAL" data-stars="stars5" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.CIBEL" data-citykey="Madrid" data-countrykey="Spain" data-num="2" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.TEPA" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Palacio de Tepa" data-preciototal="TOTAL" data-stars="stars5" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.TEPA" data-citykey="Madrid" data-countrykey="Spain" data-num="3" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.SANVY" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Colón" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.SANVY" data-citykey="Madrid" data-countrykey="Spain" data-num="4" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.NACIO" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Nacional" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.NACIO" data-citykey="Madrid" data-countrykey="Spain" data-num="5" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.PRADO" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Paseo del Prado" data-preciototal="TOTAL" data-stars="stars5" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.PRADO" data-citykey="Madrid" data-countrykey="Spain" data-num="6" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.ABASC" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Madrid Abascal" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.ABASC" data-citykey="Madrid" data-countrykey="Spain" data-num="7" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.ZURBA" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Zurbano" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.ZURBA" data-citykey="Madrid" data-countrykey="Spain" data-num="8" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.EMBAJ" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Alonso Martínez" data-preciototal="TOTAL" data-stars="stars3" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.EMBAJ" data-citykey="Madrid" data-countrykey="Spain" data-num="9" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.SUR" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Atocha" data-preciototal="TOTAL" data-stars="stars3" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.SUR" data-citykey="Madrid" data-countrykey="Spain" data-num="10" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.LAGAS" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Lagasca" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.LAGAS" data-citykey="Madrid" data-countrykey="Spain" data-num="11" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.RIBER" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Ribera del Manzanares" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.RIBER" data-citykey="Madrid" data-countrykey="Spain" data-num="12" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.PRIVE" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Príncipe de Vergara" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.PRIVE" data-citykey="Madrid" data-countrykey="Spain" data-num="13" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.BALBO" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Balboa" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.BALBO" data-citykey="Madrid" data-countrykey="Spain" data-num="14" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.BRETO" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Chamberí" data-preciototal="TOTAL" data-stars="stars3" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.BRETO" data-citykey="Madrid" data-countrykey="Spain" data-num="15" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.HABAN" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Paseo de la Habana" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.HABAN" data-citykey="Madrid" data-countrykey="Spain" data-num="16" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.PARAV" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Ventas" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.PARAV" data-citykey="Madrid" data-countrykey="Spain" data-num="17" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.TABLA" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Las Tablas" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.TABLA" data-citykey="Madrid" data-countrykey="Spain" data-num="0" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.BARAJ" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Madrid Barajas Airport" data-preciototal="TOTAL" data-stars="stars3" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.BARAJ" data-citykey="Madrid" data-countrykey="Spain" data-num="1" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.PAZ" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Palacio de Aranjuez" data-preciototal="TOTAL" data-stars="stars4" data-locality="Aranjuez, Aranjuez , Spain"
    data-brand="NH Collection" data-hotelcode="ESMD.PAZ" data-citykey="Aranjuez" data-countrykey="Spain" data-num="2" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.ALCOR" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Alcorcón" data-preciototal="TOTAL" data-stars="stars4" data-locality="Madrid, Madrid , Spain" data-brand="NH Hotels"
    data-hotelcode="ESMD.ALCOR" data-citykey="Madrid" data-countrykey="Spain" data-num="3" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.IMAGE" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Pozuelo Ciudad de la Imagen" data-preciototal="TOTAL" data-stars="stars3" data-locality="Madrid, Madrid , Spain"
    data-brand="NH Hotels" data-hotelcode="ESMD.IMAGE" data-citykey="Madrid" data-countrykey="Spain" data-num="4" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span
          class="js-price-total totalPrice"></span> <span class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ESMD.LEGAN" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Leganés" data-preciototal="TOTAL" data-stars="stars3" data-locality="Madrid, Madrid , Spain" data-brand="NH Hotels"
    data-hotelcode="ESMD.LEGAN" data-citykey="Madrid" data-countrykey="Spain" data-num="5" type="submit"><span class="btn-text">Voir chambres à partir de <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST /

<form id="searchModifyFormModal" action="/" method="POST" autocomplete="off" accept-charset="utf-8" novalidate="true" data-type="">
  <input class="js-input-currency" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="code" data-target="code">
  <input type="hidden" data-id="tipoBuscador" name="tipoBuscador" value="Home">
  <input type="hidden" data-id="type" data-target="typeSearch" value="">
  <input type="hidden" data-id="locationTCM" data-target="tcm" name="destinationTcm" value="">
  <input type="hidden" data-id="virtualHotel" name="virtualHotel" data-target="vh" value="">
  <input type="hidden" data-id="urlHotel" name="urlHotel" data-target="url" value="">
  <input type="hidden" data-id="locationLcv" name="destinationValue" data-target="lcv">
  <input type="hidden" id="brandModal" data-id="brandModal" data-target="brand">
  <input type="hidden" id="locationNameModal" data-id="locationNameModal" data-target="locationName">
  <input type="hidden" id="countryKeyModal" data-id="countryKeyModal" data-target="countryKey">
  <input type="hidden" id="cityKeyModal" data-id="cityKeyModal" data-target="cityKey">
  <!--//search-bar-content-->
  <div class="search-bar-content">
    <!-- // LOCATION -->
    <div class="location">
      <div class="form-group labelup ico-right input-group has-feedback">
        <label class="labelup-control" for="location2"> Destination </label>
        <input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2" required="" data-source="/content-api/rest/auto/autocompleteHome?filterGha=true"
          data-hotel-label="[&quot;hotel&quot;,&quot;hoteles&quot;]" data-error="" data-id="location2" data-required-error="Champ obligatoire">
        <div class="autocomplete-results" style="display: none;"></div>
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-poi"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
    </div>
    <!-- // FIN LOCATION -->
    <!-- // CALENDAR -->
    <div class="m-calendar-booking"
      data-translate-months="[&quot;Janvier&quot;, &quot;Février&quot;, &quot;Mars&quot;, &quot;Avril&quot;, &quot;Mai&quot;, &quot;Juin&quot;, &quot;Juillet&quot;, &quot;Août&quot;, &quot;Septembre&quot;, &quot;Octobre&quot;, &quot;Novembre&quot;, &quot;Décembre&quot;]"
      data-translate-days="[&quot;Lun&quot;,&quot;Mar&quot;,&quot;Mer&quot;,&quot;Jeu&quot;,&quot;Ven&quot;,&quot;Sam&quot;,&quot;Dim&quot;]" data-checkin-date="05/03/2023" data-checkout-date="06/03/2023" data-msg-checkin="Choisissez votre date d"
      arrivée'="" data-msg-checkout="Choisissez votre date de départ" data-msg-novalid="Dates invalides" data-msg-night="nuit choisie" data-msg-nights="nuits choisies" data-msg-maxmonths="Désolé, vous ne pouvez pas réserver plus de 18&nbsp;mois à l"
      avance'="" data-first-weekly-day="" data-first-valid-date="" data-last-valid-date="" data-max-nights="30" data-min-nights="">
      <div class="calendar-booking">
        <div class="js-calendar-booking-input calendar-booking-input">
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkin-sb">Arrivée </label>
            <input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkout-sb">Départ </label>
            <input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
        </div>
        <div class="help-block with-errors side">
          <ul class="list-unstyled">
            <li>Éventail invalide</li>
          </ul>
        </div>
        <div class="js-calendar-booking-dropdown calendar-booking-dropdown">
          <div class="calendar-booking-header">
            <div class="calendar-booking-title"><span class="title-name">Dates sélectionnées</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
            <div class="calendar-booking-selected">
              <div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
              <div class="calendar-booking-checkin"><span>Arrivée</span>
                <p class="js-selected-checkin">ma, 07 mars 23</p>
              </div>
              <div class="calendar-booking-checkout"><span>Départ</span>
                <p class="js-selected-checkout">me, 08 mars 23</p>
              </div>
              <div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
            </div>
            <div class="calendar-booking-weeks">
              <div class="calendar-booking-week">Lu</div>
              <div class="calendar-booking-week">Ma</div>
              <div class="calendar-booking-week">Me</div>
              <div class="calendar-booking-week">Je</div>
              <div class="calendar-booking-week">Ve</div>
              <div class="calendar-booking-week">Sa</div>
              <div class="calendar-booking-week">Di</div>
            </div>
            <div class="calendar-booking-month-fixed">Mars 2023</div>
          </div>
          <div class="calendar-booking-months">
            <div class="calendar-booking-month" data-index="0">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mars</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="1" data-month="2" data-year="2023" disabled="">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="2" data-month="2" data-year="2023" disabled="">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="3" data-month="2" data-year="2023" disabled="">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="4" data-month="2" data-year="2023" disabled="">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="5" data-month="2" data-year="2023" disabled="">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="6" data-month="2" data-year="2023" disabled="">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="7" data-month="2" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="8" data-month="2" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month" data-index="1">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Avril</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="2">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mai</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="3">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juin</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="4">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juillet</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="5">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Août</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="6">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Septembre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="8" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="7">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Octobre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="9" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="8">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Novembre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="10" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="10" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="9">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Décembre</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="10">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Janvier</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="11">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Février</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="1" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="12">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mars</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="13">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Avril</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="14">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Mai</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="15">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juin</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="16">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Juillet</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="17">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">Lu</div>
                <div class="calendar-booking-week">Ma</div>
                <div class="calendar-booking-week">Me</div>
                <div class="calendar-booking-week">Je</div>
                <div class="calendar-booking-week">Ve</div>
                <div class="calendar-booking-week">Sa</div>
                <div class="calendar-booking-week">Di</div>
              </div>
              <div class="month-header">
                <span class="month-name">Août</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="calendar-booking-footer">
            <div class="calendar-booking-info">1 nuit choisie</div>
            <button class="btn btn-primary js-calendar-booking-button" type="button">Accepter</button>
          </div>
        </div>
      </div>
    </div>
    <!-- // FIN CALENDAR -->
    <!-- //OCUPPANCY -->
    <div class="m-occupancy field">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="optionRooms">Occupation </label>
        <input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name="occupancy" id="optionRooms" required="" readonly="" data-required-error="Champ obligatoire" data-info="1 chambre, 2 adultes ">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-user-line"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
      <div class="m-occupancy-wrapper">
        <div class="occupancy-content"
          data-labels="{&quot;rooms&quot;:&quot;chambres&quot;,&quot;room&quot;:&quot;chambre&quot;,&quot;adults&quot;:&quot;adultes&quot;,&quot;adult&quot;:&quot;adulte&quot;,&quot;children&quot;:&quot;enfants&quot;,&quot;child&quot;:&quot;enfant&quot;,&quot;babies&quot;:&quot;bébés&quot;,&quot;baby&quot;:&quot;bébé&quot;}">
          <div class="option-values"></div>
          <div class="option-header">
            <h3 class="title">Chambres sélectionnées</h3>
            <title-icon class="nh-ic-close room-close"></title-icon>
          </div>
          <div class="option-list">
            <!-- option 1-->
            <div class="option option-1">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room hidden" type="button" title="Supprimer chambre" data-close="0" disabled="">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 1 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 2-->
            <div class="option option-2 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="1">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 2 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 3-->
            <div class="option option-3 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="2">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 3 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 4-->
            <div class="option option-4 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="3">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 4 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 5-->
            <div class="option option-5 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="4">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 5 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 6-->
            <div class="option option-6 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="5">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 6 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 7-->
            <div class="option option-7 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="6">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 7 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 8-->
            <div class="option option-8 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="7">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 8 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 9-->
            <div class="option option-9 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Supprimer chambre" data-close="8">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Supprimer chambre</span>
                </button>
                <span class="h5"> chambre 9 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adultes </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Enfants <span> (de 2 à 11&nbsp; ans) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Bébés <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Supprimer"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Ajouter"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div id="endRooms"></div>
          </div>
          <div class="occupancy-footer">
            <div class="add-room">
              <button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Ajouter chambre </button>
            </div>
            <div class="room-resume">1 chambre, 2 adultes </div>
            <button class="btn btn-primary room-apply" type="button">Apply </button>
          </div>
        </div>
      </div>
    </div>
    <!-- //FIN OCUPPANCY -->
    <!-- // PROMO CODE AND BOOK NOW BUTTON -->
    <div class="voucher-code">
      <div class="m-occupancy field">
        <a class="js-checked-show2">Code promotionnel</a>
        <input class="form-control text-ellipsis hide" type="text" id="voucherCode" name="voucherCode" placeholder="Code promotionnel">
      </div>
    </div>
    <!-- // FIN PROMO CODE AND BOOK NOW BUTTON -->
    <div class="search-btn">
      <button class="btn-block btn btn-primary btn-loader js-track-search-hp js-submitFormGA4" type="submit"><span class="btn-text">Réserver</span>
        <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
      </button>
    </div>
  </div>
  <!--//fin search-bar-content-->
</form>

Text Content

 * Agences
 * Voyage d’affaires
 * Réunions
 * Réservations
 * Lettre d’information
 * Aide
 * Nos hôtels
 * Offres
 * Cartes cadeaux
 * NH PRO
 * NH DISCOVERY
 * Français
   * English
   * Español
   * Deutsch
   * Nederlands
   * Italiano
   * Português
   * Español (CO)
   * Español (MX)
   * Español (AR)
 * * € Euro
   * £ Livre sterling
   * ₪ Nouveau shekel israëlien
   * AR$ Peso argentin
   * AUD Dollar australien
   * CAD Dollar canadien
   * CHF Franc suisse
   * CL$ Peso chilien
   * COP Peso colombien
   * DKK Couronne danoise
   * HUF Forint hongrois
   * Kč Couronne tchèque
   * lei Nouveau leu roumain
   * MXN Peso mexicain
   * NOK Couronne norvégienne
   * R$ Réal brésilien
   * Rs. Roupie indienne
   * RUB Rouble russe
   * S/ Sol péruvien
   * SEK Couronne suédoise
   * US$ Dollar américain
   * UYU Peso uruguayen
   * zł Zloty polonais
   € Euro
 * Relation client : +34 91 6008146 (ES)
   * +54 11 68419937 (AR)
   * +43 12 67 59 72 (AT)
   * +32 258 80 062 (BE)
   * +55 1139588450 (BR)
   * +41 31 5208011 (CH)
   * +56 2 2760 9024 (CL)
   * +57 13819596 (CO)
   * +42 0 2 28 880 714 (CZ)
   * +49 30 22388599 (DE)
   * +45 32443059 (DK)
   * +33 176 54 1942 (FR)
   * +44 203 4998 271 (GB)
   * +36 18154346 (HU)
   * +353 (0) 1 233 2014 (IE)
   * +39 02 87368144 (IT)
   * +352 27772097 (LU)
   * +52 55 95968237 (MX)
   * +31 (0)20 70 18 042 (NL)
   * +48 222441252 (PL)
   * +351 210 020 848 (PT)
   * +40 317801218 (RO)
   * +42 1233456575 (SK)
   * +66 (0) 2 365 9109 (TH)
   * +1 212 219 7607 (US)
   * +59 8 29160001 (UY)
   * +34 91 398 46 61 (Accès global)
 * ID

CONNEXION AU PROGRAMME NH DISCOVERY
Le nom d'utilisateur et le mot de passe que vous avez saisis ne sont pas
corrects.
Vous avez oublié votre mot de passe ?

Mémoriser mes données
ENTRÉE

Erreur du serveur

Pour des raisons de sécurité, veuillez réinitialiser votre mot de passe.

Inscrivez-vous maintenant !

Inscrivez-vous
 * Relation client : +34 91 6008146 (ES)
   * +54 11 68419937 (AR)
   * +43 12 67 59 72 (AT)
   * +32 258 80 062 (BE)
   * +55 1139588450 (BR)
   * +41 31 5208011 (CH)
   * +56 2 2760 9024 (CL)
   * +57 13819596 (CO)
   * +42 0 2 28 880 714 (CZ)
   * +49 30 22388599 (DE)
   * +45 32443059 (DK)
   * +33 176 54 1942 (FR)
   * +44 203 4998 271 (GB)
   * +36 18154346 (HU)
   * +353 (0) 1 233 2014 (IE)
   * +39 02 87368144 (IT)
   * +352 27772097 (LU)
   * +52 55 95968237 (MX)
   * +31 (0)20 70 18 042 (NL)
   * +48 222441252 (PL)
   * +351 210 020 848 (PT)
   * +40 317801218 (RO)
   * +42 1233456575 (SK)
   * +66 (0) 2 365 9109 (TH)
   * +1 212 219 7607 (US)
   * +59 8 29160001 (UY)
   * +34 91 398 46 61 (Accès global)
   
   
 * Agences
 * Voyage d’affaires
 * Réunions
 * Réservations
 * Lettre d’information
 * Aide
   
   
 * Français
   * English
   * Español
   * Deutsch
   * Nederlands
   * Italiano
   * Português
   * Español (CO)
   * Español (MX)
   * Español (AR)
   

MENU

 * Nos hôtels
 * Offres
 * Cartes cadeaux
 * 
 * NH DISCOVERY



Inscrivez-vous à NH DISCOVERY !

5 % de réduction garantis sur toutes vos réservations

D$ 5 supplémentaires en réservant par le biais du site Web NH ou de
l'application

Offres et expériences uniques réservées aux membres

... et bien plus! Inscrivez-vous

Inscrivez-vous à NH DISCOVERY

Nom d’utilisateur / E-mail

Mot de passe


Mémoriser mes données


Identification Vous avez oublié votre mot de passe ?

Si vous avez un compte professionnel, veuillez accéder via notre site Web NH PRO

Erreur du serveur

Pour des raisons de sécurité, veuillez réinitialiser votre mot de passe.

Inscrivez-vous
 * Nos hôtels
 * Offres
 * Cartes cadeaux
 * NH PRO
 * NH DISCOVERY
 * Agences
 * Voyage d’affaires
 * Réunions
 * Réservations
 * Lettre d’information
 * Langue
   Français English Español Deutsch Nederlands Italiano Português Español (CO)
   Español (MX) Español (AR)
 * Changer la devise
   € Euro£ Livre sterling₪ Nouveau shekel israëlienAR$ Peso argentinAUD Dollar
   australienCAD Dollar canadienCHF Franc suisseCL$ Peso chilienCOP Peso
   colombienDKK Couronne danoiseHUF Forint hongroisKč Couronne tchèquelei
   Nouveau leu roumainMXN Peso mexicainNOK Couronne norvégienneR$ Réal
   brésilienRs. Roupie indienneRUB Rouble russeS/ Sol péruvienSEK Couronne
   suédoiseUS$ Dollar américainUYU Peso uruguayenzł Zloty polonais
 * Aide


NOUS CONTACTER

Espagne
+34 91 6008146 Central +34 91 398 46 61 Voir tous les numéros de téléphone

¿Nos visitas desde España ? Te recordamos que también puedes realizar tu reserva
desde nuestra edición españolaIr a nh-hoteles.es
 1. NH Hotels
 2. Espagne
 3. Madrid
 4. 
    Madrid

Madrid

07/03/202308/03/20231 Nuit

1 chambre, 2 adultes



Modifier votre recherche

Destination



Arrivée
Départ
 * Éventail invalide

Dates sélectionnées
Arrivée

ma, 07 mars 23

Départ

me, 08 mars 23


Lu
Ma
Me
Je
Ve
Sa
Di
Mars 2023
Lu
Ma
Me
Je
Ve
Sa
Di
Mars 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Avril 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Mai 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Juin 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Juillet 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Août 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Septembre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Octobre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Novembre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Décembre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Janvier 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Février 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Lu
Ma
Me
Je
Ve
Sa
Di
Mars 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Avril 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Mai 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Juin 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Juillet 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Août 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1 nuit choisie
Accepter
Occupation




CHAMBRES SÉLECTIONNÉES

Supprimer chambre chambre 1
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 2
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 3
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 4
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 5
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 6
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 7
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 8
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 9
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)


+ Ajouter chambre
1 chambre, 2 adultes
Accepter
Code promotionnel

Réserver



24 HÔTEL(S) TROUVÉS À MADRID, ESPAGNE

Filtre Carte

Filtre
Ordonner par
NH recommande  
 * NH recommande
 * Prix (ordre croissant)
 * Prix (ordre décroissant)
 * Nom (A-Z)
 * Nom (Z-A)
 * Étoiles (ordre croissant)
 * Étoiles (ordre décroissant)
 * Le plus près du point d’intérêt
 * Le plus éloigné du point d’intérêt
 * Le plus proche du centre-ville
 * Le plus éloigné du centre-ville
 * Près de moi

NH recommande Prix (ordre croissant) Prix (ordre décroissant) Nom (A-Z) Nom
(Z-A) Étoiles (ordre croissant) Étoiles (ordre décroissant) Le plus près du
point d’intérêt Le plus éloigné du point d’intérêt Le plus proche du
centre-ville Le plus éloigné du centre-ville Près de moi

Prix

Séléctionnez un prix maximum


Services
 * 
   Accessibilité
 * 
   Animaux
 * 
   Baby-sitter
 * 
   Centre sportif
 * 
   Navette
 * 
   Parking
 * 
   Piscine
 * 
   Spa

Proche de
Sélectionner une option 
 * Sélectionner une option
 * Gran Vía
 * Musée El Prado
 * Círculo de Bellas Artes
 * Cibeles
 * Chueca
 * Gare Chamartin
 * Gare Atocha
 * Avenida de America
 * Cathédrale Almudena
 * Aéroport Adolfo Suárez Madrid-Barajas
 * The Las Letras quarter
 * Arène Las Ventas
 * National Library of Spain
 * Palacio de Congresos
 * Plaza Mayor
 * Puerta de Alcalá
 * El Rastro
 * Musée national Reina Sofía
 * Retiro
 * Palais Royal de Madrid
 * Stade Santiago Bernabéu
 * Sol
 * Théâtre Royal
 * Stade Wanda Metropolitano
 * CaixaForum Madrid (jardin vertical)
 * Musée Cerralbo
 * Place Colomb
 * Temple de Debod
 * Parc El Capricho
 * Parc Juan Carlos Ier
 * La Casa Encendida
 * La Latina
 * Musée Lazaro Galdiano
 * Malasaña
 * Matadero Madrid
 * Musée archéologique national de Madrid
 * Musée National des Arts Décoratif
 * Musée National des Sciences Naturelles
 * Musée Naval de Madrid
 * Musée du Romantisme
 * Le Roi Lion
 * Parc La colline de l'oncle Pie
 * IFEMA
 * Royal Site of San Lorenzo de El Escorial
 * Casa de Campo
 * Chamberí
 * La Castellana
 * Les jardins Botanique Royal
 * The Salamanca Quarter
 * The Magic Box
 * Palais Aranjuez
 * Musée Faluas
 * Accueil du Labrador
 * Jardin Principe
 * Arène d´Aranjuez

Sélectionner une optionGran VíaMusée El PradoCírculo de Bellas
ArtesCibelesChuecaGare ChamartinGare AtochaAvenida de AmericaCathédrale
AlmudenaAéroport Adolfo Suárez Madrid-BarajasThe Las Letras quarterArène Las
VentasNational Library of SpainPalacio de CongresosPlaza MayorPuerta de AlcaláEl
RastroMusée national Reina SofíaRetiroPalais Royal de MadridStade Santiago
BernabéuSolThéâtre RoyalStade Wanda MetropolitanoCaixaForum Madrid (jardin
vertical)Musée CerralboPlace ColombTemple de DebodParc El CaprichoParc Juan
Carlos IerLa Casa EncendidaLa LatinaMusée Lazaro GaldianoMalasañaMatadero
MadridMusée archéologique national de MadridMusée National des Arts
DécoratifMusée National des Sciences NaturellesMusée Naval de MadridMusée du
RomantismeLe Roi LionParc La colline de l'oncle PieIFEMARoyal Site of San
Lorenzo de El EscorialCasa de CampoChamberíLa CastellanaLes jardins Botanique
RoyalThe Salamanca QuarterThe Magic BoxPalais AranjuezMusée FaluasAccueil du
LabradorJardin PrincipeArène d´Aranjuez

64 km

Évaluations

Voir les résultats
Ordonner par
NH recommande  
 * NH recommande
 * Prix (ordre croissant)
 * Prix (ordre décroissant)
 * Nom (A-Z)
 * Nom (Z-A)
 * Étoiles (ordre croissant)
 * Étoiles (ordre décroissant)
 * Le plus près du point d’intérêt
 * Le plus éloigné du point d’intérêt
 * Le plus proche du centre-ville
 * Le plus éloigné du centre-ville
 * Près de moi

NH recommande Prix (ordre croissant) Prix (ordre décroissant) Nom (A-Z) Nom
(Z-A) Étoiles (ordre croissant) Étoiles (ordre décroissant) Le plus près du
point d’intérêt Le plus éloigné du point d’intérêt Le plus proche du
centre-ville Le plus éloigné du centre-ville Près de moi

Devise
€ Euro  
 * € Euro
 * £ Livre sterling
 * ₪ Nouveau shekel israëlien
 * AR$ Peso argentin
 * AUD Dollar australien
 * CAD Dollar canadien
 * CHF Franc suisse
 * CL$ Peso chilien
 * COP Peso colombien
 * DKK Couronne danoise
 * HUF Forint hongrois
 * Kč Couronne tchèque
 * lei Nouveau leu roumain
 * MXN Peso mexicain
 * NOK Couronne norvégienne
 * R$ Réal brésilien
 * Rs. Roupie indienne
 * RUB Rouble russe
 * S/ Sol péruvien
 * SEK Couronne suédoise
 * US$ Dollar américain
 * UYU Peso uruguayen
 * zł Zloty polonais

€ Euro £ Livre sterling ₪ Nouveau shekel israëlien AR$ Peso argentin AUD Dollar
australien CAD Dollar canadien CHF Franc suisse CL$ Peso chilien COP Peso
colombien DKK Couronne danoise HUF Forint hongrois Kč Couronne tchèque lei
Nouveau leu roumain MXN Peso mexicain NOK Couronne norvégienne R$ Réal brésilien
Rs. Roupie indienne RUB Rouble russe S/ Sol péruvien SEK Couronne suédoise US$
Dollar américain UYU Peso uruguayen zł Zloty polonais

Filtre Carte
Prix

Séléctionnez un prix maximum


Services
 * 
   Accessibilité
 * 
   Animaux
 * 
   Baby-sitter
 * 
   Centre sportif
 * 
   Navette
 * 
   Parking
 * 
   Piscine
 * 
   Spa

Proche de
Sélectionner une option 
 * Sélectionner une option
 * Gran Vía
 * Musée El Prado
 * Círculo de Bellas Artes
 * Cibeles
 * Chueca
 * Gare Chamartin
 * Gare Atocha
 * Avenida de America
 * Cathédrale Almudena
 * Aéroport Adolfo Suárez Madrid-Barajas
 * The Las Letras quarter
 * Arène Las Ventas
 * National Library of Spain
 * Palacio de Congresos
 * Plaza Mayor
 * Puerta de Alcalá
 * El Rastro
 * Musée national Reina Sofía
 * Retiro
 * Palais Royal de Madrid
 * Stade Santiago Bernabéu
 * Sol
 * Théâtre Royal
 * Stade Wanda Metropolitano
 * CaixaForum Madrid (jardin vertical)
 * Musée Cerralbo
 * Place Colomb
 * Temple de Debod
 * Parc El Capricho
 * Parc Juan Carlos Ier
 * La Casa Encendida
 * La Latina
 * Musée Lazaro Galdiano
 * Malasaña
 * Matadero Madrid
 * Musée archéologique national de Madrid
 * Musée National des Arts Décoratif
 * Musée National des Sciences Naturelles
 * Musée Naval de Madrid
 * Musée du Romantisme
 * Le Roi Lion
 * Parc La colline de l'oncle Pie
 * IFEMA
 * Royal Site of San Lorenzo de El Escorial
 * Casa de Campo
 * Chamberí
 * La Castellana
 * Les jardins Botanique Royal
 * The Salamanca Quarter
 * The Magic Box
 * Palais Aranjuez
 * Musée Faluas
 * Accueil du Labrador
 * Jardin Principe
 * Arène d´Aranjuez

Sélectionner une optionGran VíaMusée El PradoCírculo de Bellas
ArtesCibelesChuecaGare ChamartinGare AtochaAvenida de AmericaCathédrale
AlmudenaAéroport Adolfo Suárez Madrid-BarajasThe Las Letras quarterArène Las
VentasNational Library of SpainPalacio de CongresosPlaza MayorPuerta de AlcaláEl
RastroMusée national Reina SofíaRetiroPalais Royal de MadridStade Santiago
BernabéuSolThéâtre RoyalStade Wanda MetropolitanoCaixaForum Madrid (jardin
vertical)Musée CerralboPlace ColombTemple de DebodParc El CaprichoParc Juan
Carlos IerLa Casa EncendidaLa LatinaMusée Lazaro GaldianoMalasañaMatadero
MadridMusée archéologique national de MadridMusée National des Arts
DécoratifMusée National des Sciences NaturellesMusée Naval de MadridMusée du
RomantismeLe Roi LionParc La colline de l'oncle PieIFEMARoyal Site of San
Lorenzo de El EscorialCasa de CampoChamberíLa CastellanaLes jardins Botanique
RoyalThe Salamanca QuarterThe Magic BoxPalais AranjuezMusée FaluasAccueil du
LabradorJardin PrincipeArène d´Aranjuez

64 km

Évaluations





AUCUN HÔTEL NE CORRESPOND AUX FILTRES SÉLECTIONNÉS

Modifier les filtres pour voir plus d'hôtels




HÔTELS INCLUS DANS LA PROMOTION AVEC DES DISPONIBILITÉS POUR LES DATES
SÉLECTIONNÉES


HÔTELS À PROXIMITÉ INCLUS DANS LA PROMOTION AVEC DES DISPONIBILITÉS POUR LES
DATES SÉLECTIONNÉES


NH COLLECTION MADRID GRAN VÍA



Gran Via, 21, 28013, Madrid - Espagne

0.08 km Gran Vía



Aucune disponibilité selon vos critères de recherche.


450 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * 94 Chambres

L'hôtel NH Collection Madrid Gran Vía, qui a récemment ouvert ses portes,
bénéficie d'un emplacement central dans l'une des rues les plus connues de
Madrid. Profitez des boutiques, des restaurants et des cafés de la Gran Vía,
tout en restant à proximité des principales attractions de Madrid.


NH COLLECTION MADRID EUROBUILDING



Padre Damián, 23, 28036, Madrid - Espagne

0.58 km Stade Santiago Bernabéu



Aucune disponibilité selon vos critères de recherche.


2666 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * Spa

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 412 Chambres

L'hôtel NH Collection Madrid Eurobuilding est un lieu de refuge élégant au cœur
du quartier financier. Depuis sa réouverture en septembre 2014, il est considéré
comme l'un des meilleurs hôtels en Europe pour les affaires ou les vacances. Il
abrite également le seul restaurant trois étoiles au guide Michelin de Madrid,
le DiverXO.


NH COLLECTION MADRID SUECIA



Calle del Marqués de Casa Riera 4, 28014, Madrid - Espagne

0.56 km Sol



Aucune disponibilité selon vos critères de recherche.


1028 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Centre sportif

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 123 Chambres

L’hôtel NH Collection Madrid Suecia, anciennement dénommé NH Madrid Suecia, se
trouve au cœur du centre historique de la ville. Cet hôtel chic situé sur la
Gran Vía, équivalent madrilène de Broadway, est idéal pour faire les magasins
comme pour aller voir une comédie musicale. Rénové en 2016, l'hôtel a été ouvert
à l'origine en 1956 et a servi de résidence madrilène à Ernest Hemingway ainsi
qu'au révolutionnaire Che Guevara.


NH COLLECTION MADRID PALACIO DE TEPA



San Sebastian, 2 28012, Madrid - Espagne

0.35 km Sol



Aucune disponibilité selon vos critères de recherche.


1557 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Accessibilité

 * Baby-sitter

 * Occasions spéciales

 * Réunions

 * 83 Chambres

 * Spa

L'hôtel NH Collection Madrid Palacio de Tepa est situé dans un magnifique palais
du XIXe siècle conçu par l'architecte de la Plaza Mayor. Idéal pour les clients
en quête d'un hôtel-boutique de charme, l'hôtel se trouve dans le « Barrio de
las Letras », le cœur historique de la scène littéraire madrilène. Cette oasis
d'élégance se situe à quelques pas seulement de certains des monuments les plus
célèbres d'Espagne, tels que la Plaza Mayor, le Palais Royal, la Puerta del Sol
et le Madrid de los Austrias.


NH COLLECTION MADRID COLÓN



Calle Marqués de Zurgena, 4, 28001, Madrid - Espagne

0.51 km Puerta de Alcalá



Aucune disponibilité selon vos critères de recherche.


1131 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * Piscine

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Occasions spéciales

 * Réunions

 * 146 Chambres

L'hôtel NH Collection Madrid Colón bénéficie de l'un des meilleurs emplacements
de Madrid, au cœur du quartier huppé de Salamanca. À quelques pas des
restaurants et magasins du « Mille d'or » et des meilleurs musées et galeries de
la ville.


NH MADRID NACIONAL



Paseo del Prado, 48, 28014, Madrid - Espagne

0.19 km Musée national Reina Sofía



Aucune disponibilité selon vos critères de recherche.


1328 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Occasions spéciales

 * Réunions

 * 206 Chambres

L'hôtel NH Madrid Nacional occupe un emplacement central sur l'une des avenues
les plus prestigieuses de Madrid, le Paseo del Prado. Il se trouve dans le
triangle des arts, où se nichent trois musées d'art célèbres dans le monde
entier. Notre bâtiment des années 1920 est lui aussi superbe et a été conçu par
l'architecte Modesto López Otero.


NH COLLECTION MADRID PASEO DEL PRADO



Plaza Cánovas del Castillo, 4, 28014, Madrid - Espagne

1.01 km Sol



Aucune disponibilité selon vos critères de recherche.


1980 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Accessibilité

 * Baby-sitter

 * Occasions spéciales

 * Réunions

 * 113 Chambres

L’hôtel néo-baroque NH Collection Madrid Paseo del Prado, à Madrid, est un petit
palais conçu par l’architecte Antonio Palacios. ce dernier a également marqué de
son empreinte le Palacio de Cibeles, qui abrite actuellement les bureaux du
maire. L’hôtel occupe un emplacement de choix juste en face du musée du Prado et
du musée Thyssen-Bornemisza. Le Museo Nacional Centro de Arte Reina Sofía se
trouve également à seulement 10 minutes à pied.


NH COLLECTION MADRID ABASCAL



C/José Abascal 47, 28003, Madrid - Espagne

0.88 km Chamberí



Aucune disponibilité selon vos critères de recherche.


1928 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * 100%

 * Animaux

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Accessibilité

 * Baby-sitter

 * Occasions spéciales

 * Réunions

 * 183 Chambres

L’hôtel NH Collection Madrid Abascal, entièrement rénové en 2014, se trouve en
plein cœur du quartier commercial de Madrid. L’avenue animée Paseo de la
Castellana et le quartier de Salamanca, situés à proximité, abritent de nombreux
magasins de luxe et restaurants. 2 stations de métro, situées à quelques minutes
à pied, vous permettent de rejoindre les sites les plus connus de la ville.


NH MADRID ZURBANO



Calle Zurbano, 79-81, 28003, Madrid - Espagne

1.13 km Chamberí



Aucune disponibilité selon vos critères de recherche.


1112 Avis
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Occasions spéciales

 * Réunions

 * 257 Chambres

L’hôtel NH Zurbano Madrid, rénové en 2015, se trouve à seulement quatre minutes
à pied de la rue Paseo de la Castellana et à proximité du quartier financier de
Nuevos Ministerios. Réparti sur deux bâtiments indépendants, l'hôtel se situe
dans une rue calme du quartier de Chamberí et à quelques minutes du centre
d'affaires Azca.


NH MADRID ALONSO MARTÍNEZ



Santa Engracia, 5, 28010, Madrid - Espagne

0.53 km Chueca



Aucune disponibilité selon vos critères de recherche.


1279 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Réunions

 * 101 Chambres

Récemment rénové, l’hôtel NH Madrid Alonso Martínez se trouve à quelques minutes
du centre-ville, de ses curiosités, bars et restaurants.Encore plus près, vous
pourrez découvrir les principales rues commerçantes de Madrid. L'immeuble en
lui-même est un petit joyau architectural de 1919.


NH MADRID ATOCHA



Paseo Infanta Isabel, 9, 28014, Madrid - Espagne

0.24 km Gare Atocha



Aucune disponibilité selon vos critères de recherche.


845 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Réunions

 * 68 Chambres

L'hôtel NH Madrid Atocha, anciennement NH Sur, est parfaitement placé pour se
rendre au « Triangle de l'art » de Madrid : les musées du Prado, Reina Sofia et
Thyssen Bornemisza se trouvent à seulement 15 minutes de marche. Il en va de
même pour un grand nombre de boutiques, de bars à tapas et de sites
touristiques.


NH MADRID LAGASCA



Lagasca, 64, 28001, Madrid - Espagne

0.59 km Place Colomb



Aucune disponibilité selon vos critères de recherche.


794 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * 100 Chambres

L’hôtel NH Madrid Lagasca se trouve dans le quartier de Salamanca, également
appelé « Mille d’or », connu pour ses boutiques de luxe et de créateurs. Si vous
avez envie de faire une pause après une séance de shopping, le parc Retiro n’est
pas très loin à pied et il est facile de se rendre au centre-ville.


NH MADRID RIBERA DEL MANZANARES



Paseo Virgen del Puerto, 57, 28005 , Madrid - Espagne

1.4 km Parque Madrid Río



Aucune disponibilité selon vos critères de recherche.


1767 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Piscine

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 224 Chambres

L’hôtel NH Madrid Ribera del Manzanares offre un excellent point de chute pour
partir à la découverte de Madrid. Il se trouve juste à côté des jardins du
fleuve Manzanares. Le palais royal et la cathédrale de l’Almudena sont aussi à
proximité.


NH MADRID PRÍNCIPE DE VERGARA



Príncipe de Vergara, 92, 28006, Madrid - Espagne

0.81 km Serrano Street



Aucune disponibilité selon vos critères de recherche.


1834 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * Baby-sitter

 * Navette

 * Occasions spéciales

 * Réunions

 * 155 Chambres

L'hôtel NH Madrid Príncipe de Vergara profite d'un emplacement privilégié dans
l'un des meilleurs quartiers commerçants de Madrid. L'hôtel ayant subi une
transformation totale en 2010, vous y trouverez une décoration élégante et
moderne ainsi que des chambres spacieuses et baignées de lumière.


NH MADRID BALBOA



Núñez de Balboa, 112, 28006, Madrid - Espagne

0.94 km The Salamanca Quarter



Aucune disponibilité selon vos critères de recherche.


260 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * 111 Chambres

L’hôtel 4 étoiles NH Madrid Balboa est situé au cœur du quartier de Salamanca,
l'un des lieux les plus prisés pour sortir à Madrid. Des boutiques de créateurs,
des restaurants de première classe et des bars chics se trouvent au pied de
l’hôtel, tout comme le temple de la musique classique de la ville, l'Auditorium
national de musique. En outre, les institutions financières du Paseo de la
Castellana se trouvent à quelques pas seulement.


NH MADRID CHAMBERÍ



Bretón de los Herreros, 29, 28003, Madrid - Espagne

0.54 km Chamberí



Aucune disponibilité selon vos critères de recherche.


591 Avis
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * 100%

 * Climatisation - Contrôle de la climatisation

 * 54 Chambres

Niché dans le paisible district de Chamberí, l'hôtel NH Madrid Chamberí,
anciennement dénommé NH Bretón, est à seulement 20 minutes du centre de Madrid
en métro. Mais Chamberí est en soi un quartier très plaisant, avec une myriade
de boutiques charmantes, de bars à tapas traditionnels et un joli parc. En
outre, les plus grandes entreprises et institutions financières de la ville se
trouvent à moins de cinq minutes à pied, sur le Paseo de la Castellana.


NH MADRID PASEO DE LA HABANA



Paseo de la Habana, 73, 28036, Madrid - Espagne

0.76 km Stade Santiago Bernabéu



Aucune disponibilité selon vos critères de recherche.


1016 Avis
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * Baby-sitter

 * Occasions spéciales

 * Réunions

 * 155 Chambres

L'hôtel NH Madrid Paseo de la Habana se trouve dans un quartier paisible de
Madrid à proximité de l'une des plus célèbres avenues de la ville, le Paseo de
la Castellana, et du stade Santiago Bernabeú. De nombreux bars et restaurants se
trouvent à nos portes, et le centre-ville est facilement accessible en
15 minutes de métro.


NH MADRID VENTAS



Biarritz, 2, 28028, Madrid - Espagne

0.33 km Arène Las Ventas



Aucune disponibilité selon vos critères de recherche.


1370 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * Piscine

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 199 Chambres

L'hôtel NH Madrid Ventas, anciennement NH Parque Avenidas, se trouve à
10 minutes du centre de Madrid en métro et à 5 minutes à pied des célèbres
arènes de Las Ventas.


HÔTELS À PROXIMITÉ


NH MADRID LAS TABLAS



Avenida de Burgos, 131, 28050, Madrid - Espagne

2.98 km Gare Chamartin



Aucune disponibilité selon vos critères de recherche.


1073 Avis
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 149 Chambres

L'hôtel NH Madrid Las Tablas est un bâtiment moderne et remarquable dans l'un
des quartiers les plus prestigieux de Madrid. L'hôtel se trouve à 14 kilomètres
au nord du centre-ville et est idéalement situé pour accéder aux zones
d'activités à proximité. Sa situation vous permet également d'accéder facilement
aux sites les plus célèbres de Madrid, comme le Prado.


NH MADRID BARAJAS AIRPORT



Catamarán, 1, 28042, Barajas Madrid - Espagne

4.16 km Aéroport Adolfo Suárez Madrid-Barajas



Aucune disponibilité selon vos critères de recherche.


659 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * Navette

 * 173 Chambres

L'hôtel NH Madrid Barajas Airport, autrefois appelé NH Barajas, est situé dans
un quartier paisible, à la périphérie de Madrid, à 2 minutes à pied du parc
historique El Capricho et à 10 minutes à pied de l'IFEMA, le plus grand centre
des expositions de la ville. La ligne de métro à proximité vous permettra
d'accéder directement au centre-ville de Madrid en quelques minutes.


NH COLLECTION PALACIO DE ARANJUEZ



C/ San Antonio, 22, 28300, Aranjuez - Espagne

0.18 km Palais Aranjuez



Aucune disponibilité selon vos critères de recherche.


1440 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * Climatisation - Contrôle de la climatisation

 * Eco-friendly

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 86 Chambres

L’hôtel NH Collection Palacio de Aranjuez jouit d’un emplacement incomparable
dans le cœur historique du centre-ville, juste en face du Palais Royal
d’Aranjuez. L’immeuble qui date des XVIIIe et XIXe siècles est un trésor
architectural.


NH ALCORCÓN



Avda. Europa nº2 Edificio A, 28922, Alcorcón Madrid - Espagne

33.34 km Aéroport Adolfo Suárez Madrid-Barajas



Aucune disponibilité selon vos critères de recherche.


592 Avis
Certificat d'excellence 2023
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Centre sportif

 * 100%

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * Accessibilité

 * Occasions spéciales

 * Réunions

 * 102 Chambres

L'hôtel NH Alcorcón offre un accès aisé à certains des principaux pôles
d'affaires de la région de Madrid. Il se trouve à seulement 5 minutes de route
du centre historique d'Alcorcón et à 30 minutes de métro du centre-ville de
Madrid. De plus, une partie du campus de l'université Roi Juan Carlos 1er est à
seulement cinq minutes à pied.


NH POZUELO CIUDAD DE LA IMAGEN



Calle Luis Buñuel, nº 1, 28223, Pozuelo de Alarcón Madrid - Espagne

26.02 km Aéroport Adolfo Suárez Madrid-Barajas



Aucune disponibilité selon vos critères de recherche.


531 Avis
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * 76 Chambres

L'hôtel NH Pozuelo Ciudad de la Imagen se trouve dans le quartier des affaires,
à 15 minutes en voiture du centre-ville de Madrid. Il est situé à seulement
5 minutes de marche de Kinepolis, un complexe de cinémas et de loisirs qui est
souvent utilisé comme centre de conférence. Le parc d'attractions de Madrid, le
Zoo Aquarium de Madrid et le centre de conférence Casa de Campo sont tous à
proximité.


NH LEGANÉS



Esteban Terradas, 13, 28914, Leganés Madrid - Espagne

23.94 km Aéroport Adolfo Suárez Madrid-Barajas



Aucune disponibilité selon vos critères de recherche.


514 Avis
 * 
 * 
 * 

Montrer l'information
PRIX / NUIT

TTC
Voir chambres à partir de

Vérifier la disponibilité

 * Wi-Fi gratuit

 * Parking

 * Climatisation - Contrôle de la climatisation

 * Animaux

 * 78 Chambres

L'élégant hôtel NH Leganés à Madrid bénéficie d'un emplacement de premier choix
dans le parc d'activité Nuestra Señora de Butarque. Il se situe à quelques
minutes des principaux centres d'affaires de la ville et des campus jumeaux de
l'Université Carlos III. Les hôtes trouveront le centre commercial Parquesur
juste à côté, qui se trouve à seulement 20 minutes en voiture du centre Xanadú
et de ses trépidantes pistes de ski couvertes.


HÔTELS INDISPONIBLES AUX DATES SÉLECTIONNÉES


IL N'EXISTE AUCUNE DISPONIBILITÉ POUR LES DATES SÉLECTIONNÉES DANS LES HÔTELS
ALENTOUR


MADRID


RÉSERVEZ AVEC NH HOTELS À MADRID

Madrid est la ville idéale à visiter à tout moment de l'année. La capitale
espagnole offre pratiquement toutes les activités que l’on puisse imaginer,
depuis certains des plus beaux musées du monde aux promenades le long d’avenues
parmi les plus belles d’Europe, sans oublier les expériences culinaires dans de
magnifiques restaurants.

NH Hotels à Madrid offre les meilleurs emplacements pour votre séjour, faciles
d'accès depuis l'aéroport ou depuis les gares de la ville.


POURQUOI SÉJOURNER AVEC NH HOTEL GROUP À MADRID ?

NH Hotel Group possède de nombreux hôtels à Madrid, ce qui vous permet de
choisir l'endroit le mieux adapté à vos besoins, pour votre séjour d'affaires ou
de loisirs. Nous avons des hôtels situés dans le centre historique de Madrid et
près des principaux quartiers des commerces et des affaires, comme Nuevos
Ministerios et le Paseo de la Castellana.

Si vous séjournez au NH Collection Madrid Palacio de Tepa, vous serez à quelques
pas seulement de sites culturels comme le Triangle d’or de l’art formé par le
musée du Prado, le musée Thyssen-Bornemisza et le musée Reina Sofía, qui
constitue un emplacement idéal pour profiter d’une vue magnifique sur la ville.
Citons également la Puerta del Sol et la rue animée de la Gran Via avec ses
théâtres, ses boutiques et lieux de divertissement.

Si vous visitez Madrid et que vous êtes passionné de football, le NH Collection
Madrid Eurobuilding est un excellent choix, tout proche du stade Santiago
Bernabéu, tout comme le NH Madrid Paseo de La Habana.

Si vous aimez le sport et la nature, choisissez le NH Madrid Ribera de
Manzanares, situé tout près du parc de Madrid Río et du fleuve Manzanares.

Pour les voyageurs d’affaires, le NH Madrid Ventas est la meilleure option. Le
NH Madrid Las Tablas, quant à lui, est très pratique pour assister aux salons ou
conférences à l'IFEMA (où se déroule la foire internationale du tourisme FITUR),
tout comme nombre de nos autres établissements 4 étoiles à Madrid. Nos hôtels
dans la ville offrent tous un excellent accès aux transports publics, notamment
à de nombreuses stations de métro, à la gare d'Atocha, et à l'AVE (à côté du
NH Madrid Nacional et du NH Madrid Atocha).

Le NH Collection Madrid Gran Vía, lui, convient tout à fait si vous cherchez un
séjour au cœur de la ville. Si vous souhaitez séjourner dans un hôtel à
l’emplacement exclusif pour visiter la Puerta del Sol ou le Musée Thyssen, le NH
Collection Madrid Suecia est ce qu’il vous faut.

Pour les voyageurs internationaux, le NH Madrid Barajas Airport est idéalement
situé près de l'aéroport Adolfo Suárez Madrid-Barajas, qui constitue une porte
d'accès à certaines des principales destinations dans le monde. Tous nos hôtels
à Madrid proposent les services les plus importants, la climatisation et une
connexion Wi-Fi gratuite.


QUEL TEMPS FAIT-IL À MADRID ?

Madrid est une ville idéale à visiter à tout moment de l'année. Bien que la
ville affiche des étés chauds et secs et des hivers froids, les températures
n’atteignent généralement pas des extrêmes inconfortables.

Les mois les plus chauds de l’année à Madrid sont généralement juillet et août,
avec des températures moyennes de 32 °C et 31 °C respectivement, et quasiment
sans pluie. Décembre et janvier sont quant à eux les mois les plus froids dans
la capitale, avec des températures moyennes de 10 °C.


QUE VOIR À MADRID ?

La Plaza Mayor, la grande place de Madrid, fait partie des sites à voir
absolument. Datant du XVe siècle, elle a longtemps été l’un des plus importants
points de rencontre en Espagne et elle expose son riche patrimoine historique à
travers ses magnifiques statues et son architecture. De nos jours, la Plaza
Mayor reste une superbe place et un lieu de promenade très agréable avec tous
les bars et cafés qui l’entourent.

Le charmant parc du Retiro est l’un des plus grands parcs de Madrid et un
endroit agréable pour une simple promenade, un pique-nique ou pour prendre part
à l’une des nombreuses activités de loisirs qui y sont proposées, comme l’aviron
sur le lac. Le parc du Retiro regorge de magnifiques jardins, statues, monuments
et de sites qui accueillent des événements culturels.

La Gran Vía, l’avenue la plus célèbre de Madrid, abrite une multitude de
boutiques, restaurants et bars et elle affiche de nombreux édifices remarquables
de différents styles architecturaux. Que vous souhaitiez faire du shopping,
aller dîner ou juste vous imprégner de l’ambiance de l’une des rues les plus
animées de Madrid, la Gran Vía est ce qu’il vous faut.

Le Triangle d’or de l’art est un incontournable pour tout amateur d’art qui
visite Madrid. Il correspond à une zone du centre de Madrid où trois des plus
remarquables musées du monde sont regroupés : le musée du Prado, le musée Reina
Sofía, et le musée Thyssen-Bornemisza.

Le Palais Royal de Madrid est l’un des monuments historiques et architecturaux
de la ville parmi les plus remarquables. Avec plus de 135 000 mètres carrés,
c'est l'un des plus grands palais d’Europe. Il affiche un superbe style
architectural baroque et il est ouvert au public, vous pouvez donc aller admirer
ses tableaux et son mobilier d’époque.

Si vous êtes fan de football, vous voudrez visiter le stade Santiago Bernabéu du
Real Madrid, un des plus grands clubs du football européen. Que vous assistiez à
un match du Real ou que vous optiez pour une visite guidée, voir ce stade
spectaculaire est une expérience inoubliable pour tous les fans de sport.

La Puerta del Sol, une des places de Madrid les plus célèbres et les plus
animées, possède de nombreux monuments emblématiques. La Casa de Correos, qui
arbore la pendule qui marque le début de la nouvelle année dans les émissions de
télévision, et la statue de l’Ours et de l’Arbousier, symbole de longue date de
Madrid, s’y trouvent tous les deux.


QUE MANGER À MADRID ?

Madrid est bien connue pour sa gastronomie extrêmement variée et pour certains
des restaurants les plus prestigieux du monde. On pourra tout de même citer
quelques plats typiquement madrilènes et qui se trouvent presque partout dans la
ville.

Le bocadillo de calamares, par exemple, est le sandwich le plus représentatif de
la ville. Dans sa forme la plus basique, il est composé de pain croustillant
garni d’anneaux de calamars cuits dans une pâte à frire. Que du bonheur !

Si vous venez à Madrid pendant les mois d’hiver, essayez le cocido madrileño. Ce
copieux ragoût traditionnel espagnol contient des pois chiches, des légumes, du
chorizo et de la morcilla (saucisse) entre autres ingrédients. Les Croquetas,
des croquettes traditionnelles, et les churros, à déguster avec du chocolat
chaud, se trouvent également partout à Madrid.

L’extraordinaire culture gastronomique de la ville est aussi présente dans nos
hôtels à Madrid. NH Hotel Group a le privilège d’avoir le restaurant Paco
Roncero, avec ses deux étoiles au Michelin, dans le Casino de Madrid, tout
proche du NH Collection Madrid Suecia et du NH Collection Madrid Paseo del
Prado, ainsi que la cuisine innovative, créative et plusieurs fois récompensée
de David Muñoz du DiverXO au NH Collection Madrid Eurobuilding.


COMMENT SE RENDRE À MADRID ?

Grâce à l’aéroport Adolfo Suárez Madrid-Barajas, Madrid est reliée aux
principales destinations internationales. Les moyens de transport public,
notamment le métro, le réseau des bus et le train local Cercanías, rendent le
centre ville aisément accessible depuis l’aéroport. L’aéroport Adolfo Suárez
Madrid-Barajas est également accessible en voiture par plusieurs routes depuis
la capitale et il possède 10 000 places de parking.

Vous pouvez également vous rendre à Madrid en train si vous venez depuis
l’Espagne, le Portugal ou la France. Les deux principales gares de la ville sont
Atocha etChamartín. Vous pouvez également venir à Madrid en car, avec plusieurs
compagnies qui proposent ce service depuis de nombreuses villes européennes.


COMMENT SE DÉPLACER À MADRID ?

Madrid affiche un important système de transports publics et le Pass Touriste
vous donnera accès à toutes les options de transports en commun. Celles-ci
incluent notamment le métro (le moyen le plus pratique et le plus efficace pour
se déplacer dans Madrid), les lignes de bus (qui vous permettent d’admirer le
paysage quand vous vous déplacez), et les trains Cercanías(très pratiques pour
des excursions d’une journée aux abords de la ville).

Vous pouvez également vous déplacer en voiture pendant votre séjour à Madrid.
Plusieurs agences de location de voitures sont disponibles et il est possible de
se garer dans les parkings publics et dans des garages privés. N’oubliez pas que
vous devez afficher le disque environnement de votre voiture quand vous
conduisez à Madrid. Vérifiez à l’avance si votre véhicule appartient aux
catégories autorisées dans Madrid.

Madrid est également une ville très agréable pour y circuler à pied et en vélo,
surtout à la belle saison. Il existe plusieurs possibilités pour louer des vélos
et vous pouvez même faire une visite guidée de la ville en vélo.

NH Hotel Group vous propose des hôtels à Madrid au meilleur prix et disposant
des meilleurs emplacements, à proximité du centre-ville. Réservez votre chambre
dans l'un de nos hôtels dès maintenant et profitez des meilleurs sites
touristiques que la capitale espagnole a à offrir. Qu'attendez-vous ?


À MADRID, VOUS POURRIEZ AUSSI ÊTRE INTÉRESSÉ PAR :

 * Hôtels dans le centre de Madrid
 * Hôtels de charme Madrid
 * Hôtels pas cher Madrid
 * Salles de réunion à Madrid
 * Guide de voyage Madrid


HÔTELS À MADRID

   
 * NH Collection Madrid Gran Vía
 * NH Collection Madrid Eurobuilding
 * NH Collection Madrid Suecia
 * NH Collection Madrid Palacio de Tepa
 * NH Collection Madrid Colón
 * NH Madrid Nacional
 * NH Collection Madrid Paseo del Prado
 * NH Madrid Zurbano
 * NH Madrid Alonso Martínez
 * NH Madrid Atocha
 * NH Madrid Lagasca
 * NH Madrid Ribera del Manzanares
 * NH Madrid Príncipe de Vergara
 * NH Madrid Balboa
 * NH Collection Madrid Abascal
 * NH Madrid Chamberí
 * NH Madrid Paseo de la Habana
 * NH Madrid Ventas
 * NH Madrid Barajas Airport
 * NH Collection Palacio de Aranjuez
 * NH Pozuelo Ciudad de la Imagen
 * NH Alcorcón
 * NH Leganés
 * NH Madrid Las Tablas


QUE FAIRE À MADRID


APPELEZ-NOUS

+34 91 6008146

Appelez-nous
Rechercher
Destination



Arrivée
Départ
 * Éventail invalide

Dates sélectionnées
Arrivée

ma, 07 mars 23

Départ

me, 08 mars 23


Lu
Ma
Me
Je
Ve
Sa
Di
Mars 2023
Lu
Ma
Me
Je
Ve
Sa
Di
Mars 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Avril 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Mai 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Juin 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Juillet 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Août 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Septembre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Octobre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Novembre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Décembre 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Janvier 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Février 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Lu
Ma
Me
Je
Ve
Sa
Di
Mars 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Avril 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Mai 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Juin 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Lu
Ma
Me
Je
Ve
Sa
Di
Juillet 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Lu
Ma
Me
Je
Ve
Sa
Di
Août 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1 nuit choisie
Accepter
Occupation




CHAMBRES SÉLECTIONNÉES

Supprimer chambre chambre 1
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 2
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 3
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 4
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 5
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 6
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 7
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 8
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)

Supprimer chambre chambre 9
Adultes

Enfants (de 2 à 11  ans)

Bébés (0-1)


+ Ajouter chambre
1 chambre, 2 adultes
Apply
Code promotionnel
Réserver

Ce jour n'est pas disponible

Ce jour n'est pas disponible pour cette offre. Veuillez choisir une autre date
afin de poursuivre la réservation

Vous avez choisi un large éventail de dates

Pour les réservations de plus de 30 nuits, veuillez contacter notre équipe
réservations

par téléphone+34 91 6008146

Modifier Voir les autres numéros de contact
Vous avez choisi un large éventail de dates

Pour les réservations de 9 chambres ou plus, veuillez contacter notre équipe
réservations

Voir les autres numéros de contact

No matches found

Accepter

Nous ne sommes pas en mesure de vous localiser. Activez le service de
localisation sur votre appareil ou saisissez un lieu.

Accepter
Changer la devise

L'information donnée sur la devise sélectionnée est purement informative. Les
frais seront toujours réglés dans la devise locale.

Ne pas changer la devise Changer la devise

REJOIGNEZ NH DISCOVERY ET PROFITEZ DE 5 % DE RÉDUCTION SUR TOUTES VOS
RÉSERVATIONS

Chargement des résultats



Ce jour n'est pas disponible

Ce jour n'est pas disponible pour cette offre. Veuillez choisir une autre date
afin de poursuivre la réservation

Vous avez choisi un large éventail de dates

Pour les réservations de plus de 30 nuits, veuillez contacter notre équipe
réservations

par téléphone+34 91 6008146

Modifier Voir les autres numéros de contact
Vous avez choisi un large éventail de dates

Pour les réservations de 9 chambres ou plus, veuillez contacter notre équipe
réservations

Voir les autres numéros de contact

No matches found

Accepter

Nous ne sommes pas en mesure de vous localiser. Activez le service de
localisation sur votre appareil ou saisissez un lieu.

Accepter
Changer la devise

L'information donnée sur la devise sélectionnée est purement informative. Les
frais seront toujours réglés dans la devise locale.

Ne pas changer la devise Changer la devise



   
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

--------------------------------------------------------------------------------


INFORMATIONS SUR L’ENTREPRISE

 * À propos de NH Hotel Group
 * Enterprises de NH Hotel Group
 * Actionnaires et investisseurs
 * RSE et durabilité
 * Emploi
 * Salle de presse
 * Achats


GÉREZ VOS RÉSERVATIONS

 * Service clientèle NH
 * Gérez vos réservations
 * Conditions générales
 * Lettre d’information
 * Fastpass
 * Questions fréquentes (FAQ)


NH DISCOVERY

 * NH DISCOVERY
 * S'inscrire
 * Avantages
 * Contact
 * NH DISCOVERY Termes et conditions
 * FAQs NH DISCOVERY


PROFESSIONELS

 * Voyage d’affaires
 * Agences
 * Meeting Planners
 * NH Pro Blog
 * Contact: Réunions
 * Contact: Entreprises
 * Contact: Agences


HÔTELS ET DESTINATIONS

 * Tous nos hôtels
 * Guides de voyage
 * Voyager par mois
 * Expérience
 * Hôtels familiaux
 * Hotels a Theme
 * Découvrez NH
 * Hôtels écologiques développement durable
 * Points forts
 * Paques Hotel


PARTNERS AND PROGRAMS

 * Programme d’affiliation
 * Programme de fidélité
 * Réseaux sociaux

--------------------------------------------------------------------------------

 * Mentions légales
 * Politique relative aux cookies
 * Politique de confidentialité



© 2000-2022 NH Hotel Group Santa Engracia 120. 28003 Madrid, Espagne

Avis de voyageurs sur les hôtels désormais disponibles avec
Site sécurisé



SUIVEZ-NOUS


 * Mentions légales
 * Politique relative aux cookies
 * Politique de confidentialité


© 2000-2022 NH Hotel Group Santa Engracia 120. 28003 Madrid, Espagne


Désolé, cela ne fonctionne pas. Veuillez contacter l'administrateur


✕


COOKIE CONSENT

This site uses its own cookies and those of third parties to support browsing,
improve the user experience, personalise the content, display ads relating to
your preferences and conduct statistical analysis on browsing habits. You can
change your Configuration or obtain more information in our Cookie policy.

Yes, I accept

Do you accept these cookies and the processing of personal data that this
involves?