tickets.jardinmajorelle.com Open in urlscan Pro
2606:4700:20::ac43:4ad4  Public Scan

Submitted URL: https://tickets.jardinmajorelle.com/
Effective URL: https://tickets.jardinmajorelle.com/Visite
Submission Tags: @phish_report
Submission: On May 28 via api from FI — Scanned from FI

Form analysis 5 forms found in the DOM

POST https://tickets.jardinmajorelle.com/Auth/forgot_password

<form action="https://tickets.jardinmajorelle.com/Auth/forgot_password" method="post" accept-charset="utf-8">
  <input type="hidden" name="csrf_name" value="828a7b90961037dc223a16e14a241ff1">
  <div class="modal-body pt-4 pb-4">
    <p class="reiniparag">Please provide your e-mail address so that we can send you a link to reset your password</p>
    <strong> <label for="login">Insert your e-mail</label> </strong>
    <div>
      <input type="text" name="login" value="" id="login" maxlength="80" size="30">
      <input type="hidden" name="uri" value="Visite">
      <span class="messerr">
      </span>
    </div>
  </div>
  <div class="modal-footer">
    <button type="submit mx-auto"> Restore <img class="pl-2" src="/assets/img/arrow-login.png" alt="arrow image for login">
    </button>
  </div>
</form>

POST https://tickets.jardinmajorelle.com/User_Auth/login

<form action="https://tickets.jardinmajorelle.com/User_Auth/login" method="post" accept-charset="utf-8">
  <input type="hidden" name="csrf_name" value="828a7b90961037dc223a16e14a241ff1">
  <div class="row">
    <div class="col-12 p-0 pt-4"> Create an account to buy tickets on our site, benefit from personalised offers, follow your ticket order and get the latest news. </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="logEmail">E-mail address *</label>
      </div>
      <div class="col-8 float-left">
        <input type="Email" id="logEmail" name="logEmail" value="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="logPassword"> Password *</label>
      </div>
      <div class="col-8 float-left">
        <input type="password" id="logPassword" name="logPassword" value="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4 text-center">
      <button type="submit"> Connection <img class="pl-2" src="/assets/img/arrow-login.png" alt="arrow image for login">
      </button>
    </div>
    <div class="col-12 p-0 pt-4">
      <a href="" class="mdpoublielien" data-toggle="modal" data-target="#mdpoublie">Forgotten your password ?</a>
    </div>
  </div>
</form>

POST https://tickets.jardinmajorelle.com/User_Auth/register

<form action="https://tickets.jardinmajorelle.com/User_Auth/register" method="post" accept-charset="utf-8">
  <input type="hidden" name="csrf_name" value="828a7b90961037dc223a16e14a241ff1">
  <div class="row pt-4">
    <div class="col-12">
      <div class="custom-control custom-radio custom-control-inline my-3">
        <input type="radio" name="r_pp" onclick="show()" class="custom-control-input" value="3" id="kl_professionnel">
        <label class="custom-control-label" for="kl_professionnel">Business</label>
      </div>
      <div class="custom-control custom-radio custom-control-inline my-3">
        <input type="radio" name="r_pp" onclick="hide()" class="custom-control-input" value="1" id="kl_particulier" checked="">
        <label class="custom-control-label" for="kl_particulier">Private individual</label>
      </div>
    </div>
    <span class=" text-danger "></span> <!-- <div class="col-12 p-0 pt-4" id="containerOrganisme"  style="display: none;">
                                          <div class="col-4 pr-0 float-left">
                                             <label for="r_organisme">Organization *</label>
                                          </div>
                                          <div class="col-8 float-left">
                                             <input type="text" id="r_organisme" name="r_organisme">
                                             <span class=" text-danger "></span>                                          </div>
                                       </div> -->
    <div class="col-12 p-0 pt-4" id="containerRaisonSociale" style="display: none;">
      <div class="col-4 pr-0 float-left">
        <label for="r_RaisonSociale">Company name *</label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_RaisonSociale" name="r_RaisonSociale">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4" id="containerAdresse" style="display: none;">
      <div class="col-4 pr-0 float-left">
        <label for="r_adresse">Address *</label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_adresse" name="r_adresse">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4" id="containerICE" style="display: none;">
      <div class="col-4 pr-0 float-left">
        <label for="r_ICE">Company registration number *</label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_ICE" name="r_ICE">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4" id="containerNatureEntreprise" style="display: none;">
      <div class="col-4 pr-0 float-left">
        <label for="r_NatureEntreprise">Type of business *</label>
      </div>
      <div class="col-8 float-left">
        <select class="select" onchange="onChangeSelectNatureEntreprise(this);" id="r_NatureEntreprise" name="r_NatureEntreprise">
          <option value="Hôtel">Hotel</option>
          <option value="Agence de voyage">Travel Agent</option>
          <option value="Guide">Tourist Guide</option>
          <option value="Autre">Other</option>
        </select>
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4" id="autreDiv" style="display: none;">
      <div class="col-4 pr-0 float-left">
        <label for="r_Autre">Other *</label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_Autre" name="r_Autre" placeholder="Exemple :">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4" id="guideDiv" style="display: none;">
      <div class="col-4 pr-0 float-left">
        <label for="r_CarteProfessionnelle">Professional card or affiliation *</label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_CarteProfessionnelle" name="r_CarteProfessionnelle">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="r_lastname">Surname * </label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_lastname" name="r_lastname" title="" required="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="r_firstname">First name *</label>
      </div>
      <div class="col-8 float-left">
        <input type="text" id="r_firstname" name="r_firstname" required="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="r_email"> E-mail address *</label>
      </div>
      <div class="col-8 float-left">
        <input type="Email" id="r_email" name="r_email" required="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="r_password">Password *</label>
      </div>
      <div class="col-8 float-left">
        <input type="password" id="r_password" name="r_password" required="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="r_confirm_password">Confirm your password *</label>
      </div>
      <div class="col-8 float-left">
        <input type="password" id="r_confirm_password" name="r_confirm_password" required="">
        <span class=" text-danger "></span>
      </div>
    </div>
    <div class="col-12 p-0 pt-4">
      <div class="col-4 pr-0 float-left">
        <label for="r_phone">Telephone</label>
      </div>
      <div class="col-8 float-left">
        <input type="tel" id="r_phone" name="r_phone">
      </div>
    </div>
    <div class="col-12 p-0 pt-4 text-center">
      <button> Sign up <img class="pl-2" src="/assets/img/arrow-login.png" alt="Arrow image login">
      </button>
    </div>
  </div>
</form>

POST https://tickets.jardinmajorelle.com/User_Auth/has_paid

<form action="https://tickets.jardinmajorelle.com/User_Auth/has_paid" id="form" class="mt-4 pt-2" method="post" accept-charset="utf-8">
  <input type="hidden" name="csrf_name" value="828a7b90961037dc223a16e14a241ff1">
  <div class="tab-content bg-light" id="pills-tabContent">
    <div class="tab-pane fade show active p-3" id="pills-step1" role="tabpanel" aria-labelledby="pills-step1-tab">
      <h5 class="border-bottom-title" id="typeUser">Are you a private individual or a business?</h5><span class="label"></span>
      <div class="col-sm-9 part_prof">
        <div class="custom-control custom-radio custom-control-inline my-3 mr-3 ">
          <input type="radio" name="r_p" class="custom-control-input" value="1" id="r_particulier" checked="">
          <label class="custom-control-label" for="r_particulier">Private individual</label>
        </div>
        <div class="custom-control custom-radio part_radio custom-control-inline my-3 mr-0 ">
          <input type="radio" name="r_p" class="custom-control-input" value="3" id="r_professionnel">
          <label class="custom-control-label" for="r_professionnel">Business</label>
        </div>
      </div>
      <div class="text-danger has-errors">
        <p class="error err-compte  pl-4" style="display: none;">Êtes-vous un particulier ou un professionnel ?</p>
      </div>
      <h5 class="border-bottom-title" id="musees">Choose which site(s) to visit</h5>
      <div class="py-3 musee_visite">
        <div class="custom-control custom-checkbox custom-control-inline">
          <input type="radio" name="TypeT" class="custom-control-input" data-label="Jardin Majorelle" value="1" id="JardinMajorelle" checked="">
          <label class="custom-control-label" for="JardinMajorelle">Jardin Majorelle</label>
          <a href="https://jardinmajorelle.com/lejardin/" target="_blank"><i class="fas fa-question-circle"></i></a>
        </div>
        <div class="custom-control custom-checkbox custom-control-inline">
          <input type="radio" name="TypeT" class="custom-control-input" data-label="Musée YVES SAINT LAURENT Marrakech" value="3" id="MuséeYvesSaintLaurent">
          <label class="custom-control-label" for="MuséeYvesSaintLaurent">Musée YVES SAINT LAURENT Marrakech <!-- <span class="musee">Closed every Wednesday</span> -->
            <a href="https://www.museeyslmarrakech.com/le-musee" target="_blank"><i class="fas fa-question-circle"></i></a>
          </label>
        </div>
        <div class="custom-control custom-checkbox custom-control-inline">
          <input type="radio" name="TypeT" class="custom-control-input" data-label="JM + MB" value="1,2" id="jb">
          <label class="custom-control-label" for="jb">Jardin Majorelle + Pierre Bergé Museum of Berber Arts<span class="musee d-inline">*</span>
            <i data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Combined ticket for the Jardin Majorelle and the Pierre Bergé Museum of Berber Arts">
                              <i class="fas fa-info-circle"></i>
            </i>
            <!-- <span class="musee musee_berber">Pierre Bergé Museum of Berber Arts Closed every Wednesday</span> -->
            <a href="https://www.jardinmajorelle.com/musee-pierre-berge-des-arts-berberes/" target="_blank"><i class="fas fa-question-circle"></i></a>
          </label>
        </div>
        <div class="custom-control custom-checkbox custom-control-inline">
          <input type="radio" name="TypeT" class="custom-control-input" data-label="Combined ticket" value="1,2,3" id="cm">
          <label class="custom-control-label" for="cm">Combined ticket</label>
          <i data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Combined ticket for the Jardin Majorelle, Pierre Bergé Museum of Berber Arts and The Musée Yves Saint Laurent Marrakech">
                           <i class="fas fa-info-circle"></i>
          </i>
        </div>
        <span class="musee fermuture_mYSLm text-danger mb-3" style="display: none;font-family: inherit;font-weight: normal;">* The Yves Saint Laurent Museum Marrakech will be closed from Monday 30 January to Friday 3 March 2023, inclusively,<br> to
          allow new exhibitions to be prepared. It will reopen to the public at 10 a.m. on Saturday 4 March 2023.</span>
        <span class="musee fermuture_mYSLm_ii text-danger mb-3" style="display: none;font-family: inherit;font-weight: normal;"></span>
      </div>
      <div class="text-danger has-errors">
        <p class="error err-musee  pl-4" style="display: none;">Please choose the museums to visit</p>
      </div>
      <h5 class="border-bottom-title mt-3" id="nationalites">Select your nationality</h5>
      <div class="p-3 block-nationality">
        <div class="content-nationality d-inline">
          <select name="nationalite" class=" form-control form-control-sm col-3 d-inline-block nationality">
            <option value="" selected="selected">Nationality</option>
            <optgroup label="">
              <option value="MA">Morocco</option>
              <option value="FR">French</option>
              <option value="GB">United Kingdom</option>
              <option value="IT">Italy</option>
              <option value="ES">Spain</option>
              <option value="DE">Germany</option>
              <option value="CN">China</option>
              <option value="US">USA</option>
            </optgroup>
            <optgroup label="__________">
              <option value="AF"> Afghanistan </option>
              <option value="AX"> Åland Islands </option>
              <option value="AL"> Albania </option>
              <option value="DZ"> Algeria </option>
              <option value="AS"> American Samoa </option>
              <option value="AD"> Andorra </option>
              <option value="AO"> Angola </option>
              <option value="AI"> Anguilla </option>
              <option value="AQ"> Antarctica </option>
              <option value="AG"> Antigua and Barbuda </option>
              <option value="AR"> Argentina </option>
              <option value="AM"> Armenia </option>
              <option value="AW"> Aruba </option>
              <option value="AU"> Australia </option>
              <option value="AT"> Austria </option>
              <option value="AZ"> Azerbaijan </option>
              <option value="BS"> Bahamas </option>
              <option value="BH"> Bahrain </option>
              <option value="BD"> Bangladesh </option>
              <option value="BB"> Barbados </option>
              <option value="BY"> Belarus </option>
              <option value="BE"> Belgium </option>
              <option value="BZ"> Belize </option>
              <option value="BJ"> Benin </option>
              <option value="BM"> Bermuda </option>
              <option value="BT"> Bhutan </option>
              <option value="BO"> Bolivia (Plurinational State of) </option>
              <option value="BQ"> Bonaire, Sint Eustatius and Saba </option>
              <option value="BA"> Bosnia and Herzegovina </option>
              <option value="BW"> Botswana </option>
              <option value="BV"> Bouvet Island </option>
              <option value="BR"> Brazil </option>
              <option value="IO"> British Indian Ocean Territory </option>
              <option value="BN"> Brunei Darussalam </option>
              <option value="BG"> Bulgaria </option>
              <option value="BF"> Burkina Faso </option>
              <option value="BI"> Burundi </option>
              <option value="CV"> Cabo Verde </option>
              <option value="KH"> Cambodia </option>
              <option value="CM"> Cameroon </option>
              <option value="CA"> Canada </option>
              <option value="KY"> Cayman Islands </option>
              <option value="CF"> Central African Republic </option>
              <option value="TD"> Chad </option>
              <option value="CL"> Chile </option>
              <option value="CN"> China </option>
              <option value="CX"> Christmas Island </option>
              <option value="CC"> Cocos (Keeling) Islands </option>
              <option value="CO"> Colombia </option>
              <option value="KM"> Comoros </option>
              <option value="CD"> Congo (Democratic Republic of the) </option>
              <option value="CG"> Congo (Republic of the) </option>
              <option value="CK"> Cook Islands </option>
              <option value="CR"> Costa Rica </option>
              <option value="CI"> Côte d'Ivoire </option>
              <option value="HR"> Croatia </option>
              <option value="CU"> Cuba </option>
              <option value="CW"> Curaçao </option>
              <option value="CY"> Cyprus </option>
              <option value="CZ"> Czech Republic </option>
              <option value="DK"> Denmark </option>
              <option value="DJ"> Djibouti </option>
              <option value="DM"> Dominica </option>
              <option value="DO"> Dominican Republic </option>
              <option value="EC"> Ecuador </option>
              <option value="EG"> Egypt </option>
              <option value="SV"> El Salvador </option>
              <option value="GQ"> Equatorial Guinea </option>
              <option value="ER"> Eritrea </option>
              <option value="EE"> Estonia </option>
              <option value="ET"> Ethiopia </option>
              <option value="FK"> Falkland Islands (Malvinas) </option>
              <option value="FO"> Faroe Islands </option>
              <option value="FJ"> Fiji </option>
              <option value="FI"> Finland </option>
              <option value="FR"> France </option>
              <option value="GF"> French Guiana </option>
              <option value="PF"> French Polynesia </option>
              <option value="TF"> French Southern Territories </option>
              <option value="GA"> Gabon </option>
              <option value="GM"> Gambia </option>
              <option value="GE"> Georgia </option>
              <option value="DE"> Germany </option>
              <option value="GH"> Ghana </option>
              <option value="GI"> Gibraltar </option>
              <option value="GR"> Greece </option>
              <option value="GL"> Greenland </option>
              <option value="GD"> Grenada </option>
              <option value="GP"> Guadeloupe </option>
              <option value="GU"> Guam </option>
              <option value="GT"> Guatemala </option>
              <option value="GG"> Guernsey </option>
              <option value="GN"> Guinea </option>
              <option value="GW"> Guinea-Bissau </option>
              <option value="GY"> Guyana </option>
              <option value="HT"> Haiti </option>
              <option value="HM"> Heard Island and McDonald Islands </option>
              <option value="HN"> Honduras </option>
              <option value="HK"> Hong Kong </option>
              <option value="HU"> Hungary </option>
              <option value="IS"> Iceland </option>
              <option value="IN"> India </option>
              <option value="ID"> Indonesia </option>
              <option value="IR"> Iran </option>
              <option value="IQ"> Iraq </option>
              <option value="IE"> Ireland </option>
              <option value="IM"> Isle of Man </option>
              <option value="IL"> Israel </option>
              <option value="IT"> Italy </option>
              <option value="JM"> Jamaica </option>
              <option value="JP"> Japan </option>
              <option value="JE"> Jersey </option>
              <option value="JO"> Jordan </option>
              <option value="KZ"> Kazakhstan </option>
              <option value="KE"> Kenya </option>
              <option value="KI"> Kiribati </option>
              <option value="KP"> Korea (Democratic People's Republic of) </option>
              <option value="KR"> Korea (Republic of) </option>
              <option value="KW"> Kuwait </option>
              <option value="KG"> Kyrgyzstan </option>
              <option value="LA"> Lao People's Democratic Republic </option>
              <option value="LV"> Latvia </option>
              <option value="LB"> Lebanon </option>
              <option value="LS"> Lesotho </option>
              <option value="LR"> Liberia </option>
              <option value="LY"> Libya </option>
              <option value="LI"> Liechtenstein </option>
              <option value="LT"> Lithuania </option>
              <option value="LU"> Luxembourg </option>
              <option value="MO"> Macao </option>
              <option value="MK"> Macedonia (the former Yugoslav Republic of) </option>
              <option value="MG"> Madagascar </option>
              <option value="MW"> Malawi </option>
              <option value="MY"> Malaysia </option>
              <option value="MV"> Maldives </option>
              <option value="ML"> Mali </option>
              <option value="MT"> Malta </option>
              <option value="MH"> Marshall Islands </option>
              <option value="MQ"> Martinique </option>
              <option value="MR"> Mauritania </option>
              <option value="MU"> Mauritius </option>
              <option value="YT"> Mayotte </option>
              <option value="MX"> Mexico </option>
              <option value="FM"> Micronesia (Federated States of) </option>
              <option value="MD"> Moldova (Republic of) </option>
              <option value="MC"> Monaco </option>
              <option value="MN"> Mongolia </option>
              <option value="ME"> Montenegro </option>
              <option value="MS"> Montserrat </option>
              <option value="MA"> Morocco </option>
              <option value="MZ"> Mozambique </option>
              <option value="MM"> Myanmar </option>
              <option value="NA"> Namibia </option>
              <option value="NR"> Nauru </option>
              <option value="NP"> Nepal </option>
              <option value="NL"> Netherlands </option>
              <option value="NC"> New Caledonia </option>
              <option value="NZ"> New Zealand </option>
              <option value="NI"> Nicaragua </option>
              <option value="NE"> Niger </option>
              <option value="NG"> Nigeria </option>
              <option value="NU"> Niue </option>
              <option value="NF"> Norfolk Island </option>
              <option value="MP"> Northern Mariana Islands </option>
              <option value="NO"> Norway </option>
              <option value="OM"> Oman </option>
              <option value="PK"> Pakistan </option>
              <option value="PW"> Palau </option>
              <option value="PS"> Palestine, State of </option>
              <option value="PA"> Panama </option>
              <option value="PG"> Papua New Guinea </option>
              <option value="PY"> Paraguay </option>
              <option value="PE"> Peru </option>
              <option value="PH"> Philippines </option>
              <option value="PN"> Pitcairn </option>
              <option value="PL"> Poland </option>
              <option value="PT"> Portugal </option>
              <option value="PR"> Puerto Rico </option>
              <option value="QA"> Qatar </option>
              <option value="RE"> Réunion </option>
              <option value="RO"> Romania </option>
              <option value="RU"> Russian Federation </option>
              <option value="RW"> Rwanda </option>
              <option value="BL"> Saint Barthélemy </option>
              <option value="SH"> Saint Helena, Ascension and Tristan da Cunha </option>
              <option value="KN"> Saint Kitts and Nevis </option>
              <option value="LC"> Saint Lucia </option>
              <option value="MF"> Saint Martin (French part) </option>
              <option value="PM"> Saint Pierre and Miquelon </option>
              <option value="VC"> Saint Vincent and the Grenadines </option>
              <option value="WS"> Samoa </option>
              <option value="SM"> San Marino </option>
              <option value="ST"> Sao Tome and Principe </option>
              <option value="SA"> Saudi Arabia </option>
              <option value="SN"> Senegal </option>
              <option value="RS"> Serbia </option>
              <option value="SC"> Seychelles </option>
              <option value="SL"> Sierra Leone </option>
              <option value="SG"> Singapore </option>
              <option value="SX"> Sint Maarten (Dutch part) </option>
              <option value="SK"> Slovakia </option>
              <option value="SI"> Slovenia </option>
              <option value="SB"> Solomon Islands </option>
              <option value="SO"> Somalia </option>
              <option value="ZA"> South Africa </option>
              <option value="GS"> South Georgia and the South Sandwich Islands </option>
              <option value="SS"> South Sudan </option>
              <option value="ES"> Spain </option>
              <option value="LK"> Sri Lanka </option>
              <option value="SD"> Sudan </option>
              <option value="SR"> Suriname </option>
              <option value="SJ"> Svalbard and Jan Mayen </option>
              <option value="SZ"> Swaziland </option>
              <option value="SE"> Sweden </option>
              <option value="CH"> Switzerland </option>
              <option value="SY"> Syrian Arab Republic </option>
              <option value="TW"> Taiwan, Province of China </option>
              <option value="TJ"> Tajikistan </option>
              <option value="TZ"> Tanzania, United Republic of </option>
              <option value="TH"> Thailand </option>
              <option value="TL"> Timor-Leste </option>
              <option value="TG"> Togo </option>
              <option value="TK"> Tokelau </option>
              <option value="TO"> Tonga </option>
              <option value="TT"> Trinidad and Tobago </option>
              <option value="TN"> Tunisia </option>
              <option value="TR"> Turkey </option>
              <option value="TM"> Turkmenistan </option>
              <option value="TC"> Turks and Caicos Islands </option>
              <option value="TV"> Tuvalu </option>
              <option value="UG"> Uganda </option>
              <option value="UA"> Ukraine </option>
              <option value="AE"> United Arab Emirates </option>
              <option value="GB"> United Kingdom of Great Britain and Northern Ireland </option>
              <option value="UM"> United States Minor Outlying Islands </option>
              <option value="US"> United States of America </option>
              <option value="UY"> Uruguay </option>
              <option value="UZ"> Uzbekistan </option>
              <option value="VU"> Vanuatu </option>
              <option value="VA"> Vatican City State </option>
              <option value="VE"> Venezuela (Bolivarian Republic of) </option>
              <option value="VN"> Vietnam </option>
              <option value="VG"> Virgin Islands (British) </option>
              <option value="VI"> Virgin Islands (U.S.) </option>
              <option value="WF"> Wallis and Futuna </option>
              <option value="YE"> Yemen </option>
              <option value="ZM"> Zambia </option>
              <option value="ZW"> Zimbabwe </option>
            </optgroup>
          </select>
        </div>
      </div>
      <div class="text-danger has-errors">
        <p class="error err-nationalite  pl-4" style="display: none;">Select your nationality</p>
      </div>
      <div class="block-tarifs" id="NTicket">
        <p class="text-center spinner"><i class="fas fa-spinner  fa-spin" id="spin-tarif" style="display: none;"></i></p>
        <h5 class="border-bottom-title mt-3" id="detailsBillets">Select your tickets </h5>
        <div class="text-danger has-errors">
          <p class="error max-billets  pl-4" style="display: none;">You have reached the maximum of places available</p>
          <p class="error max-billets1  pl-4" style="display: none;">Please select the maximum number of places available</p>
          <p class="error err-billets  pl-4" style="display: none;">Please select the details of your tickets</p>
          <p class="error err-total  pl-4" style="display: none;">You can't choose only the Beneficiaries of the free</p>
          <p class="error err-par-max  pl-4" style="display: none;">Reservations for individuals must not exceed 15 people</p>
          <p class="error err-pro-max  pl-4" style="display: none;">Reservations for professionals must not exceed 50 people</p>
          <p class="error err-group  pl-4" style="display: none;">How many people are in your group?</p>
        </div>
        <div id="tarif" class="tarif p-3 pt-0">
          <div class="row row-tarif tarif_0">
            <div class="col-7 align-self-center post-title">Admission Fee<span class="float-right">&nbsp;DH</span><span class="float-right tarif">165</span></div>
            <div class="col-5 align-self-center">
              <div class="opt-quontity p-3">
                <button class="quont-minus btn"></button>
                <input type="number" name="Tarifpublic" min="0" value="0">
                <button class="quont-plus btn"></button>
              </div>
              <div class="Total-right font-weight-bold">
                <span class="tarif-paid">0</span> DH
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_1" style="display: none;">
            <div class="col-7 align-self-center post-title">Moroccan citizens and foreign residents in Morocco<span class="float-right">&nbsp;DH</span><span class="float-right tarif">75</span></div>
            <div class="col-5 align-self-center">
              <div class="opt-quontity p-3">
                <button class="quont-minus btn"></button>
                <input type="number" name="CitoyensmarocainsetrésidentsétrangersauMaroc" min="0" value="0">
                <button class="quont-plus btn"></button>
              </div>
              <div class="Total-right font-weight-bold">
                <span class="tarif-paid">0</span> DH
              </div>
            </div>
          </div>
          <div class="accordion row-tarif tarif_1" id="accordionTarif2" style="display: none;">
            <div class="" id="headingOne2">
              <div class="row">
                <div class="col-7 align-self-center post-title">
                  <span data-toggle="collapse" data-target="#collapseT2" aria-expanded="false" aria-controls="collapseT2" class="collapsed"> National students* / Children from 10 years old </span>
                  <span class="float-right">&nbsp;DH</span>
                  <span class="float-right tarif">40</span>
                </div>
                <div class="col-5  align-self-center">
                  <div class="opt-quontity p-3">
                    <button class="quont-minus btn"></button>
                    <input type="number" name="Étudiantsmarocains" min="0" value="0">
                    <button class="quont-plus btn"></button>
                  </div>
                  <div class="Total-right font-weight-bold">
                    <span class="tarif-paid">0</span> DH
                  </div>
                </div>
              </div>
            </div>
            <div id="collapseT2" class="collapse" aria-labelledby="headingOne2" data-parent="#accordionTarif2">
              <div class="card-body text-muted">
                <br><small class="text-danger">*On presentation of a valid student card</small>
              </div>
            </div>
          </div>
          <div class="accordion row-tarif tarif_0" id="accordionTarif3">
            <div class="" id="headingOne3">
              <div class="row">
                <div class="col-7 align-self-center post-title">
                  <span data-toggle="collapse" data-target="#collapseT3" aria-expanded="false" aria-controls="collapseT3" class="collapsed"> International students* / Children from 10 years old </span>
                  <span class="float-right">&nbsp;DH</span>
                  <span class="float-right tarif">90</span>
                </div>
                <div class="col-5  align-self-center">
                  <div class="opt-quontity p-3">
                    <button class="quont-minus btn"></button>
                    <input type="number" name="Étudiantsinternationaux" min="0" value="0">
                    <button class="quont-plus btn"></button>
                  </div>
                  <div class="Total-right font-weight-bold">
                    <span class="tarif-paid">0</span> DH
                  </div>
                </div>
              </div>
            </div>
            <div id="collapseT3" class="collapse" aria-labelledby="headingOne3" data-parent="#accordionTarif3">
              <div class="card-body text-muted">
                <br><small class="text-danger">*On presentation of a valid student card</small>
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_4">
            <div class="col-7 align-self-center post-title">Children under 10 years old (accompanied by an adult)<span class="float-right"></span><span class="float-right tarif d-none">0</span></div>
            <div class="col-5 align-self-center">
              <div class="opt-quontity p-3">
                <button class="quont-minus btn"></button>
                <input type="number" name="enfants-accompagnes-de-moins-de-12-ans" min="0" value="0">
                <button class="quont-plus btn"></button>
              </div>
              <div class="Total-right font-weight-bold">
                <span class="tarif-paid">0</span> DH
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_5">
            <div class="col-7 align-self-center post-title">Persons with disabilities : Complimentary admission upon presentation of a card attesting to a disability<span class="float-right"></span><span class="float-right tarif d-none">0</span>
            </div>
            <div class="col-5 align-self-center">
              <div class="opt-quontity p-3">
                <button class="quont-minus btn"></button>
                <input type="number" name="personne-mobilite-reduite" min="0" value="0">
                <button class="quont-plus btn"></button>
              </div>
              <div class="Total-right font-weight-bold">
                <span class="tarif-paid">0</span> DH
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_6">
            <div class="col-7 align-self-center post-title">Travel agents – official guides: Complimentary admission upon presentation of a valid card<span class="float-right"></span><span class="float-right tarif d-none">0</span></div>
            <div class="col-5 align-self-center">
              <div class="opt-quontity p-3">
                <button class="quont-minus btn"></button>
                <input type="number" name="agents-de-voyage-guides-touristiques" min="0" value="0">
                <button class="quont-plus btn"></button>
              </div>
              <div class="Total-right font-weight-bold">
                <span class="tarif-paid">0</span> DH
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_7">
            <div class="col-7 align-self-center post-title">ICOM members : Complimentary admission upon presentation of a valid ICOM card<span class="float-right"></span><span class="float-right tarif d-none">0</span></div>
            <div class="col-5 align-self-center">
              <div class="opt-quontity p-3">
                <button class="quont-minus btn"></button>
                <input type="number" name="icom" min="0" value="0">
                <button class="quont-plus btn"></button>
              </div>
              <div class="Total-right font-weight-bold">
                <span class="tarif-paid">0</span> DH
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_8">
            <div class="col-7 align-self-center post-title">School groups : complimentary admission upon written request at least 1 month prior to the visit<span class="float-right"></span><span class="float-right tarif d-none">0</span></div>
            <div class="col-5 align-self-center">
              <div>
                <a class="NB-text" href="mailto:info@jardinmajorelle.com">
                                                                <i class="far fa-envelope fa-2x ml-5 pl-3"></i>
                                                            </a>
              </div>
            </div>
          </div>
          <div class="row row-tarif tarif_9">
            <div class="col-7 align-self-center post-title">Press (holder of a professional press card) : complimentary admission upon written request at least 72h prior to the visit <span class="text-danger"> (weekend excluded)</span><span
                class="float-right"></span><span class="float-right tarif d-none">0</span></div>
            <div class="col-5 align-self-center">
              <div>
                <a class="NB-text" href="#" data-toggle="modal" data-target="#request_accreditation">
                                                                <i class="far fa-envelope fa-2x ml-5 pl-3"></i>
                                                            </a>
              </div>
            </div>
          </div>
          <div class="row font-weight-bold T-commande">
            <div class="col-7 align-self-center ">Your order</div>
            <div class="col-5  align-self-center">
              <div class="nb-billets p-3"> 0 ticket </div>
              <div class="Total-right total-paid font-weight-bold">
                <span>0</span> DH
              </div>
            </div>
          </div>
        </div>
        <input type="hidden" name="total" id="total">
      </div>
      <!-- <h5 class="border-bottom-title mt-3" id="NTicket">Number of tickets</h5> -->
      <!-- <div class="opt-quontity p-3" id="__p">
                     <span class="quont-minus btn moins"></span> -->
      <input type="hidden" name="NTicket" value="0">
      <!-- <span class="quont-plus btn"></span>
                  </div> -->
      <!-- .opt-quontity -->
      <h5 class="border-bottom-title mt-3" id="dateVisite">Date of visit</h5>
      <div class="p-3 datecolapse-button">
        <input type="button" value="YYYY-MM-DD" datavalue="YYYY-MM-DD" class="form-control datecolapse mb-1" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
      </div>
      <div class="collapse collapse-datepicker" id="collapseExample">
        <div class="card card-body p-0">
          <div class="block-date m-auto">
            <div id="datepicker" class="hasDatepicker">
              <div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi" style="width: 34em; display: block;">
                <div class="ui-datepicker-group ui-datepicker-group-first">
                  <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left"><a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
                    <div class="ui-datepicker-title"><span class="ui-datepicker-year">2024</span>&nbsp;<span class="ui-datepicker-month">May</span></div>
                  </div>
                  <table class="ui-datepicker-calendar">
                    <thead>
                      <tr>
                        <th scope="col"><span title="Monday">Mo</span></th>
                        <th scope="col"><span title="Tuesday">Tu</span></th>
                        <th scope="col"><span title="Wednesday">We</span></th>
                        <th scope="col"><span title="Thursday">Th</span></th>
                        <th scope="col"><span title="Friday">Fr</span></th>
                        <th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
                        <th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
                      </tr>
                      <tr>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
                      </tr>
                      <tr>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">16</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">17</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">18</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">19</span></td>
                      </tr>
                      <tr>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">20</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">21</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">22</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">23</span></td>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">24</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">25</span></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">26</span></td>
                      </tr>
                      <tr>
                        <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">27</span></td>
                        <td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="4" data-year="2024">
                          <a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">28</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="4" data-year="2024"><a class="ui-state-default" href="#">29</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="4" data-year="2024"><a class="ui-state-default" href="#">30</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="4" data-year="2024"><a class="ui-state-default" href="#">31</a></td>
                        <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="ui-datepicker-group ui-datepicker-group-last">
                  <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
                    <a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
                    <div class="ui-datepicker-title"><span class="ui-datepicker-year">2024</span>&nbsp;<span class="ui-datepicker-month">June</span></div>
                  </div>
                  <table class="ui-datepicker-calendar">
                    <thead>
                      <tr>
                        <th scope="col"><span title="Monday">Mo</span></th>
                        <th scope="col"><span title="Tuesday">Tu</span></th>
                        <th scope="col"><span title="Wednesday">We</span></th>
                        <th scope="col"><span title="Thursday">Th</span></th>
                        <th scope="col"><span title="Friday">Fr</span></th>
                        <th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
                        <th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">1</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">2</a></td>
                      </tr>
                      <tr>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">3</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">4</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">5</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">6</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">7</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">8</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">9</a></td>
                      </tr>
                      <tr>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">10</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">11</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">12</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">13</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">14</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">15</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">16</a></td>
                      </tr>
                      <tr>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">17</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">18</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">19</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">20</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">21</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">22</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">23</a></td>
                      </tr>
                      <tr>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">24</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">25</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">26</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">27</a></td>
                        <td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">28</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">29</a></td>
                        <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2024"><a class="ui-state-default" href="#">30</a></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="ui-datepicker-row-break"></div>
              </div>
            </div>
            <ul class="guid-calendar" id="guidcalednar">
              <li class="Aujourduit"><i class="far fa-circle"></i>Today</li>
              <li class="indisponible"><i class="fas fa-circle"></i>Unavailable</li>
              <li class="votreSelect"><i class="fas fa-circle"></i>Your selection</li>
            </ul>
          </div>
        </div>
      </div>
      <div class=" text-danger has-errors">
        <p class="error err-date pl-4" style="display: none;">Please select the date of your visit</p>
        <!-- <p class="error err-free  pl-4" style="display: none;">This date is not available</p> -->
      </div>
      <div class="time-selection">
        <h5 class="border-bottom-title mt-3" id="times">Time of visit</h5>
        <div class="p-3 timecolapse-button">
          <input type="button" value="HH:MM" class="form-control timecolapse" data-toggle="collapse" data-target="#collapseTime" aria-expanded="false" aria-controls="collapseTime">
        </div>
        <div class="collapse collapse-collapseTime p-0" id="collapseTime">
          <div class="card card-body p-0">
            <div class="card card-body block-time pt-0">
              <div id="datee" class="table-time row"></div>
            </div>
            <ul class="guid-calendar" id="guidcalednar">
              <li class="Aujourduit"><i class="far fa-circle"></i>Today</li>
              <li class="indisponible"><i class="fas fa-circle"></i>Unavailable</li>
              <li class="votreSelect"><i class="fas fa-circle"></i>Your selection</li>
            </ul>
          </div>
        </div>
        <input type="hidden" name="time" id="time">
        <div class="text-danger has-errors">
          <p class="error err-heure  pl-4" style="display: none;">At what time do you want to organize your visit?</p>
        </div>
      </div>
      <input type="hidden" name="T-tickets" id="T-tickets">
      <input type="hidden" name="N-tickets" id="N-tickets">
      <input type="hidden" name="date" id="date">
      <div class=" text-danger has-errors">
        <!-- <p class="error err-date pl-4" style="display: none;">Please select the date of your visit</p> -->
        <p class="error err-free  pl-4" style="display: none;">This date is not available</p>
      </div>
      <hr>
      <p class="text-center spinner"><i class="fas fa-spinner  fa-spin" id="spin2" style="display:none;"></i></p>
      <div class="row p-3 nav-next-button">
        <h4 data-next="#pills-step2" class="btn btnNext m-auto firstnext">
          <span class="part1">next step</span>
          <span class="part2">Information and connection <!-- <img class="pl-2" src="/assets/img/arrow-login.png" alt="arrow login"> -->
            <i class="fas first fa-chevron-right pl-2"></i>
          </span>
        </h4>
      </div>
      <!-- <br> -->
    </div>
    <!--**** End step1 ****-->
    <!-- <div class="tab-pane fade p-3" id="pills-step2" role="tabpanel" aria-labelledby="pills-step2-tab">

                  <div class="row p-3 nav-next-button">
                     <h4 data-next="#pills-step1" class="btn twopart btnPrev m-auto">
                        <span class="part1 Etape">Previous step</span>
                        <span class="part1 partmob prev" style="display: none">previous                           <i class="fas fa-chevron-left pl-2"></i>
                        </span>
                        <span class="part2">Plan your visit                           <i class="fas fa-chevron-left pl-2"></i></span>
                     </h4>
                     <h4 data-next="#pills-step3" class="btn twopart infoBtn btnNext m-auto">
                        <span class="part1 Etape">next step</span>
                        <span class="part1 partmob next" style="display: none">next                           <i class="fas fa-chevron-right pl-2"></i>
                        </span>
                        <span class="part2">Information and connection                           <i class="fas fa-chevron-right pl-2"></i></span>
                     </h4>
                  </div>
               </div> -->
    <!--**** End step2 ****-->
    <div class="tab-pane fade" id="pills-step2" role="tabpanel" aria-labelledby="pills-step2-tab">
      <div class="row">
        <div class="col-12 m-auto form-login post--info p-0" id="form-login">
          <!-- <h4 class="pt-4 block-title">
                           Fill your information.                        </h4>
                        <hr> -->
          <ul class="nav nav-tabs p-0 m-0" id="myTab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="signup-tab" data-toggle="tab" href="#signup" role="tab" aria-controls="signup" aria-selected="false">Create your account</a>
            </li>
            <li class="nav-item">
              <a class="nav-link " id="login-tab" data-toggle="tab" href="#login1" role="tab" aria-controls="login1" aria-selected="true">Sign in</a>
            </li>
          </ul>
          <div class="tab-content p-3" id="myTabContent1">
            <div class="tab-pane fade  " id="login1" role="tabpanel" aria-labelledby="login-tab">
              <!--********** Login Form **********-->
              <h1 class="block-title"> Sign in to your account </h1>
              <hr>
              <div class="logform col-xs-12 was-validated m-form">
                <p class="error-message text-danger"></p>
                <div class="form-group row mt-1">
                  <label for="email" class="col-md-4 col-lg-4 col-form-label loglbl d-none d-md-block">E-mail address *</label>
                  <div class="col-md-8 col-lg-8 loginput form-input">
                    <input type="email" class="form-control" id="email" placeholder="E-mail address *">
                    <!-- <div class="invalid-feedback">
                                                                                 </div> -->
                    <div class="text-danger" id="Lstatus"></div>
                    <small class="error-email text-danger"></small>
                  </div>
                </div>
                <div class="form-group row mt-1">
                  <label for="password" class="col-md-4 col-lg-4 col-form-label loglbl d-none d-md-block">Password *</label>
                  <div class="col-md-8 col-lg-8 loginput form-input">
                    <input type="password" class="form-control" id="password" placeholder="Password *" pattern="\s*(\S\s*){4,}">
                    <!-- <div class="invalid-feedback">
                                                                                 </div> -->
                    <small class="error-password text-danger"></small>
                  </div>
                </div>
                <div class="col-12 p-0 pt-2" style="max-width: 388px;">
                  <a href="" class="mdpoublielien float-right" data-toggle="modal" data-target="#mdpoublie">Forgotten your password ?</a>
                </div>
                <!-- <a href="#" id="MotDePasseOublie" class="oublie">Mot de passe oublié ?</a> -->
              </div>
              <!-- <h4 class="pt-4 block-title connectez m-form">
                                 Connect via your social networks.                              </h4>
                              <hr> -->
              <!-- F-connecte & G-connecte -->
              <!-- Connexion  -->
              <div class="row p-3 nav-next-button borderTop">
                <h4 data-next="#pills-step1" class="btn twopart btnPrev m-auto">
                  <span class="part1 Etape">Previous step</span>
                  <span class="part1 partmob prev" style="display: none">previous <i class="fas fa-chevron-left pl-2"></i>
                  </span>
                  <span class="part2">Information and connection <i class="fas fa-chevron-left pl-2"></i></span>
                </h4>
                <h4 id="formlogin" data-next="#pills-step2" class="btn twopart btnNext m-auto">
                  <span class="part1 Etape">next step</span>
                  <span class="part1 partmob next" style="display: none">next <!-- <img class="pl-2" src="/assets/img/arrow-login.png" alt="arrow login"></span> -->
                    <i class="fas fa-chevron-right pl-2"></i>
                  </span>
                  <span class="part2">Connection and payment <!-- <img class="pl-2" src="/assets/img/arrow-login.png" alt="arrow login"> -->
                    <i class="fas fa-chevron-right arrow"></i>
                    <i class="fas fa-spinner fa-spin" style="display: none;"></i>
                  </span>
                </h4>
              </div>
            </div>
            <!-- End Login Form -->
            <div class="tab-pane fade show active pt-0" id="signup" role="tabpanel" aria-labelledby="signup-tab">
              <!--*********  Register Form  *********-->
              <h4 class="pt-0 block-title connectez">Sign up to create your account</h4>
              <hr>
              <div class="signup was-validated">
                <div class="m-form">
                  <!-- <div class="form-group row mt-1" id="form-organisme">
                                       <label for="organisme" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Organization *</label>
                                       <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                                          <input type="text" class="form-control" id="organisme" placeholder="Organization *">
                                          <small class="err-organisme text-danger"></small>
                                       </div>
                                    </div> -->
                  <div class="form-group row mt-1" id="form-raisonsoiale">
                    <label for="form_RaisonSociale" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Company name *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="form_RaisonSociale" placeholder="Company name *">
                      <small class="err-RaisonSociale text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1" id="form-adresse">
                    <label for="form_adresse" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Address *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="form_adresse" placeholder="Address *">
                      <small class="err-adresse text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1" id="form-ice">
                    <label for="form_ICE" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Company registration number *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="form_ICE" placeholder="Company registration number *">
                      <small class="err-ICE text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1" id="form-natureEntreprise">
                    <label for="form_NatureEntreprise" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Type of business *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <select class="select" id="form_NatureEntreprise" name="form_NatureEntreprise">
                        <option value="Hôtel">Hotel</option>
                        <option value="Agence de voyage">Travel Agent</option>
                        <option value="Guide">Tourist Guide</option>
                        <option value="Autre">Other</option>
                      </select>
                      <small class="err-NatureEntreprise text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1" id="form-autre" style="display: none;">
                    <label for="form_Autre" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Other *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="form_Autre" placeholder="Other *">
                      <small class="err-Autre text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1" id="form-guide" style="display: none;">
                    <label for="form_CarteProfessionnelle" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Professional card or affiliation *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="form_CarteProfessionnelle" placeholder="Professional card or affiliation *">
                      <small class="err-CarteProfessionnelle text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1">
                    <label for="nom" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Surname *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="nom" placeholder="Surname *">
                      <!-- <div class="invalid-feedback">
                                                                                </div> -->
                      <small class="err-nom text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1">
                    <label for="prenom" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">First name *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="prenom" placeholder="First name *">
                      <!-- <div class="invalid-feedback">
                                                                                 </div> -->
                      <small class="err-prenom text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1">
                    <label for="r-email" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">E-mail address *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="email" class="form-control" id="r-email" placeholder="E-mail address *">
                      <!-- <div class="invalid-feedback">
                                                                                 </div> -->
                      <div class="text-danger" id="Lstatus"></div>
                      <small class="err-r-email text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1">
                    <label for="motdepasse" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Password *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="password" class="form-control" id="motdepasse" placeholder="Password *">
                      <!-- <div class="invalid-feedback">
                                                                                 </div> -->
                      <small class="err-motdepasse text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1">
                    <label for="confirm" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Confirm your password *</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="password" class="form-control" id="confirm" placeholder="Confirm your password *">
                      <!-- <div class="invalid-feedback">
                                                                                 </div> -->
                      <small class="err-confirm text-danger"></small>
                    </div>
                  </div>
                  <div class="form-group row mt-1">
                    <label for="telephone" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Telephone</label>
                    <div class="col-md-8 col-lg-8 col-xl-8 form-input">
                      <input type="text" class="form-control" id="telephone" placeholder="Telephone">
                    </div>
                  </div>
                </div>
                <!-- <br> -->
                <!-- <h4 id="formsignup" class="btn btn-primary inscription d-block text-center">
                                    <span class="part1"></span>
                                    <span class="part2">&  -->
                <!-- <img class="pl-2 arrow" src="/assets/img/arrow-login.png" alt="arrow inscription"> -->
                <!-- <i class="fas fa-chevron-right arrow"></i>
                                       <i class="fas fa-spinner fa-spin" style="display: none;"></i>
                                    </span>
                                 </h4> -->
                <!-- <h4 class="pt-4 block-title connectez">Register via your social networks.</h4>
                                 <hr> -->
                <!-- <br> -->
              </div>
              <!-- Inscription -->
              <div class="row p-3 nav-next-button borderTop">
                <h4 data-next="#pills-step1" class="btn twopart btnPrev m-auto">
                  <span class="part1 Etape">Previous step</span>
                  <span class="part1 partmob prev" style="display: none">previous <i class="fas fa-chevron-left pl-2"></i>
                  </span>
                  <span class="part2">Plan your visit <i class="fas fa-chevron-left pl-2"></i></span>
                </h4>
                <h4 id="formsignup" class="btn twopart btnNext m-auto ">
                  <span class="part1 Etape">next step</span>
                  <span class="part1 partmob next" style="display: none">next <i class="fas fa-chevron-right pl-2"></i>
                  </span>
                  <span class="part2">Registration and payment <i class="fas fa-chevron-right arrow"></i>
                    <i class="fas fa-spinner fa-spin" style="display: none;"></i>
                  </span>
                </h4>
              </div>
            </div>
            <!-- End register -->
          </div>
          <!--  -->
        </div>
      </div>
      <div class="p-3" id="loggedin" style="display:none;">
        <h5 class="border-bottom-title mt-3"> Check your visit </h5>
        <div class="recap my-3">
          <h1 class="title-e3">
            <span class="label">Type of account : </span>
            <span id="recap-role"></span>
          </h1>
          <h1 class="title-e3">
            <span class="label">Chosen site : </span>
            <span id="recap-musee"></span>
          </h1>
          <h1 class="title-e3">
            <span class="label">Date : </span>
            <span id="recap-date" class="pr-2"></span>
            <span class="label">Time : </span>
            <span id="recap-heure"></span>
          </h1>
          <h1 class="title-e3">
            <span class="label">Nationality : </span>
            <span id="recap-nat">Nationality</span>
          </h1>
          <h1 class="title-e3">
            <span class="label">Number of visitors : </span>
            <span id="recap-pers"></span>
          </h1>
          <h1 class="title-e3">
            <span class="label">Total price : </span>
            <span id="recap-prix"></span> DH
          </h1>
        </div>
        <div class="choix_cnx_account">
          <h5 class="border-bottom-title mt-3">Choose your login account</h5>
          <h1 class="title-e3 my-3 text-center text-sm-left">Continue with : <span id="displayedName"> </span>
            <span class="title-ou d-sm-inline d-block my-2">OR</span>
            <a href="#" onclick="changeAcount()">Use another account</a>
          </h1>
        </div>
        <hr>
        <div class="custom-control custom-checkbox custom-control-inline my-2 mb-3">
          <input type="checkbox" name="cgv" class="custom-control-input" value="1" id="cgv">
          <label class="custom-control-label cgv" for="cgv">I have read and accept <a href="/CGU" target="_blank">the conditions of sale </a> </label>
        </div>
        <p class="text-danger" id="invalid-cgv" style="display:none;">Check the terms and conditions associated with this booking and check the box to accept them.</p>
        <div class="custom-control custom-checkbox custom-control-inline my-2 mb-3">
          <input type="checkbox" name="accept_newsletter" class="custom-control-input" value="1" id="accept_newsletter">
          <label class="custom-control-label accept_newsletter" for="accept_newsletter">I agree to receive newsletters and I have read the privacy policy.</label>
        </div>
        <div class="card-type ">
          <div class="custom-control custom-checkbox custom-control-inline my-2 mb-3">
            <input type="radio" name="provider" class="custom-control-input" value="card" id="card" checked="">
            <label class="custom-control-label cgv" for="card">
              <img class="img-carte" src="/assets/img/visa.png">
            </label>
          </div>
          <div class="custom-control custom-checkbox custom-control-inline my-2 mb-3">
            <input type="radio" name="provider" class="custom-control-input" value="amex" id="amex">
            <label class="custom-control-label cgv" for="amex">
              <img class="img-carte" src="/assets/img/amexx.png" style="height: 25px;">
            </label>
          </div>
        </div>
        <div class="row p-3 nav-next-button " id="paiement">
          <h4 data-next="#pills-step1" class="btn twopart Paiement btnPrev m-auto">
            <span class="part1 Etape">Previous step</span>
            <span class="part1 partmob prev" style="display: none">previous <i class="fas fa-chevron-left pl-2"></i>
            </span>
            <span class="part2">Visitors and tickets <i class="fas fa-chevron-left pl-2"></i></span>
          </h4>
          <button type="submit" class="m-auto btn-mob" style="background: transparent;border: none;">
            <h4 data-next="" class="btn twopart btnNext m-auto  pr-1 pb-2">
              <span class="part1" id="txtpaiment">Payment</span>
              <span class="part1" id="txtreserver">Book</span>
            </h4>
            <!-- <img class="pl-2" src="/assets/img/arrow-login.png"> -->
            <i class="fas fa-chevron-right pl-2 btnNext"></i>
          </button>
        </div>
      </div>
      <!-- <div id="status"></div> -->
    </div>
    <!--******* End step3 *******-->
    <div class="tab-pane fade p-3" id="pills-step3" role="tabpanel" aria-labelledby="pills-step3-tab">
      <div class="row p-3 " id="paiementt">
      </div>
    </div>
    <!--******* End step4 *******-->
  </div>
  <!-- End #pills-tabContent -->
</form>

<form>
  <div class="modal-header">
    <h5 class="modal-title" id="staticBackdropLabel">Press accreditation request form</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  </div>
  <div class="modal-body">
    <div class="row">
      <div class="col-12">
        <h5 class="border-bottom-title">Choose which site(s) to visit</h5>
        <div class="row">
          <div class="col">
            <div class="py-3">
              <div class="custom-control custom-checkbox custom-control-inline"><input name="sitetovisit" type="radio" class="custom-control-input" id="JardinMajorelle_" value="jm"><label class="custom-control-label" for="JardinMajorelle_">Jardin
                  Majorelle </label><a href="http://jardinmajorelle.com/lejardin/" target="_blank"><i class="fas fa-question-circle text-muted ml-1"></i></a></div>
              <div class="custom-control custom-checkbox custom-control-inline"><input name="sitetovisit" type="radio" class="custom-control-input" data-label="Musée YVES SAINT LAURENT Marrakech" id="MuseeYvesSaintLaurent_" value="myslm"><label
                  class="custom-control-label" for="MuseeYvesSaintLaurent_">Musée YVES SAINT LAURENT Marrakech <a href="https://www.museeyslmarrakech.com/le-musee" target="_blank"><i class="fas fa-question-circle text-muted ml-1"></i></a></label>
              </div>
              <div class="custom-control custom-checkbox custom-control-inline"><input name="sitetovisit" type="radio" class="custom-control-input" data-label="JM + MB" id="jb_" value="jm_mb"><label class="custom-control-label" for="jb_">Jardin
                  Majorelle + Pierre Bergé Museum of Berber Arts<span class="musee d-inline">*</span>
                  <i data-toggle="tooltip" id="jm_mb" data-placement="bottom" title="" data-original-title="Combined ticket for the Jardin Majorelle and the Pierre Bergé Museum of Berber Arts"><i class="fas fa-info-circle"></i></i><a href="https://www.jardinmajorelle.com/the-musee-pierre-berge-des-arts-berberes" target="_blank"><i class="fas fa-question-circle text-muted ml-1"></i></a></label>
              </div>
              <div class="custom-control custom-checkbox custom-control-inline"><input type="radio" name="sitetovisit" class="custom-control-input" data-label="Combined ticket" id="cm_" value="combined"><label class="custom-control-label"
                  for="cm_">Combined
                  ticket</label><i data-toggle="tooltip" id="combined" data-placement="bottom" title="" data-original-title="Combined ticket for the Jardin Majorelle, Pierre Bergé Museum of Berber Arts and The Musée Yves Saint Laurent Marrakech"><i class="fas fa-info-circle text-muted ml-1"></i></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <h5 class="border-bottom-title">Purpose of the visit</h5>
        <div class="row">
          <div class="col">
            <div class="py-3">
              <div class="custom-control custom-checkbox custom-control-inline"><input type="radio" name="purposeofvisit" class="custom-control-input" id="personalvisit" value="personalvisit"><label class="custom-control-label"
                  for="personalvisit">Personal visit</label></div>
              <div class="custom-control custom-checkbox custom-control-inline"><input type="radio" name="purposeofvisit" class="custom-control-input" id="photoshooting" value="photoshooting"><label class="custom-control-label"
                  for="photoshooting">Photo shooting</label></div>
              <div class="custom-control custom-checkbox custom-control-inline"><input type="radio" name="purposeofvisit" class="custom-control-input" id="filmingdocumentary" value="filmingdocumentary"><label class="custom-control-label"
                  for="filmingdocumentary">Filming / documentary </label></div>
              <div class="custom-control custom-checkbox custom-control-inline"><input type="radio" name="purposeofvisit" class="custom-control-input" id="other" value="other"><label class="custom-control-label" for="other">Other </label></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-3">
      <div class="col-12">
        <h5 class="border-bottom-title">Date of visit</h5>
        <div class="py-3">
          <div class="row">
            <div class="col"><input type="date" min="2024-05-28" class="form-control" required=""></div>
            <div class="col"><select class="form-control" required="">
                <option>08.30</option>
                <option>09.00</option>
                <option>09.30</option>
                <option>10.00</option>
                <option>10.30</option>
                <option>11.00</option>
                <option>11.30</option>
                <option>12.00</option>
                <option>12.30</option>
                <option>13.00</option>
                <option>13.30</option>
                <option>14.00</option>
                <option>14.30</option>
                <option>15.00</option>
                <option>15.30</option>
                <option>16.00</option>
                <option>16.30</option>
              </select></div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <h5 class="border-bottom-title"> Information </h5>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <div class=""><!---->
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">First name </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="First name " required=""><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Surname </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="Surname " required=""><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Country </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="Country " required=""><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Media name </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="Media name "><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Job title </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="Job title "><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Website </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="Website " required=""><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Email address </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="email" class="form-control" placeholder="Email address " required=""><small class="text-danger"></small></div>
          </div>
          <div class="form-group row mt-1"><label for="" class="col-sm-4 col-md-4 col-lg-4 col-form-label d-none d-md-block">Phone number </label>
            <div class="col-md-8 col-lg-8 col-xl-8 form-input"><input type="text" class="form-control" placeholder="Phone number "><small class="text-danger"></small></div>
          </div>
          <hr>
        </div>
      </div>
    </div>
    <div class="row mb-3">
      <div class="col-12">
        <h5 class="block-title btn"><i class="fa fa-plus"></i> Add additional member </h5>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <h5 class="block-title mt-3"> Attachments :</h5>
        <p class="mb-0 ml-2"><strong>Personal visit</strong> : Upload recto/verso of press card for each member. </p>
        <p class="mb-0 ml-2"><strong> Photo shooting / filming / documentary </strong> : Upload professional card, authorization of shooting and equipment list. </p>
        <div class="py-3">
          <div class="row">
            <div class="col"><input type="file" class="form-control"></div>
          </div>
          <div class="row mt-2">
            <div class="col"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-3">
      <div class="col-12">
        <h5 class="block-title mt-3"> Editorial project :</h5>
        <div class="py-3">
          <div class="row">
            <div class="col"><textarea placeholder="Editorial project" class="form-control" id="" rows="6"></textarea></div>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-3">
      <div class="col-12">
        <h5 class="block-title mt-3">Essential conditions for obtaining press accreditation</h5>
        <div class="py-3">
          <div class="row">
            <div class="col NB-text py-3">
              <p> Email us your request at least 72 hours in advance (working days) by mentioning the preference for the day and a specific time slot. </p>
              <p> A confirmation email and e-ticket from Jardin Majorelle will be sent to your email address. You will need to present the e-ticket upon your arrival at the entrance at the day and time of your scheduled visit. </p>
              <i> Please note that accreditation is only possible for journalists and cannot be extended to family members and friends. </i>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-3">
      <div class="col-12"><small>* The Jardin Majorelle reserves the right to refuse press accreditation. </small>
        <div class="py-3">
          <div class="row">
            <div class="col">
              <div class="custom-control custom-checkbox custom-control-inline my-2 mb-3"><input type="checkbox" name="cgv_press" class="custom-control-input" id="cgv_press" required="" value="1"><label class="custom-control-label cgv"
                  for="cgv_press">I have read and accept <a href="/CGU" target="_blank">the conditions of sale </a></label></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col"><!----></div>
    </div>
  </div>
  <div class="p-3 text-center"><button class="btn btn-primary print" type="submit" title="Publish">Submit</button></div>
</form>

Text Content

WE HAVE SENT YOU A LINK

×
Check your inbox and click on the link to reset your password
Close

FORGOTTEN YOUR PASSWORD ?

×

Please provide your e-mail address so that we can send you a link to reset your
password

Insert your e-mail

Restore

English
French
My account
 * Create your account
 * Sign in

SIGN IN TO YOUR ACCOUNT

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

Create an account to buy tickets on our site, benefit from personalised offers,
follow your ticket order and get the latest news.
E-mail address *

Password *

Connection
Forgotten your password ?

SIGN UP TO CREATE YOUR ACCOUNT

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

Business
Private individual
Company name *

Address *

Company registration number *

Type of business *
Hotel Travel Agent Tourist Guide Other
Other *

Professional card or affiliation *

Surname *

First name *

E-mail address *

Password *

Confirm your password *

Telephone

Sign up


WELCOME TO THE OFFICIAL TICKET OFFICE OF THE


JARDIN MAJORELLE

Welcome to the official ticket office of the Jardin Majorelle

The Jardin Majorelle is open every day of the week,
from 8 a.m. to 6.30 p.m. The last entry is at 6 p.m.
----
The Pierre Bergé Museum of Berber Arts is open every day of the week,
from 8.30 a.m. to 6 p.m. The last entry is at 5.30 p.m.

The Musée Yves Saint Laurent Marrakech is open everyday, except Wednesdays,
from 10.00 a.m. to 6.30 p.m. The last entry is at 6 p.m.

Musée Pierre Bergé des arts berbèresㅤ

Musée Yves Saint Laurent Marrakechㅤ

Jardin Majorelleㅤ

Musée Pierre Bergé des arts berbèresㅤ

Musée Yves Saint Laurent Marrakechㅤ

Jardin Majorelleㅤ

Musée Pierre Bergé des arts berbèresㅤ

‹›

 * 1 Plan your visit
   
 * 2 Information and connection
 * 3 Finalise your order

ARE YOU A PRIVATE INDIVIDUAL OR A BUSINESS?

Private individual
Business

Êtes-vous un particulier ou un professionnel ?

CHOOSE WHICH SITE(S) TO VISIT

Jardin Majorelle
Musée YVES SAINT LAURENT Marrakech
Jardin Majorelle + Pierre Bergé Museum of Berber Arts*
Combined ticket
* The Yves Saint Laurent Museum Marrakech will be closed from Monday 30 January
to Friday 3 March 2023, inclusively,
to allow new exhibitions to be prepared. It will reopen to the public at 10 a.m.
on Saturday 4 March 2023.

Please choose the museums to visit

SELECT YOUR NATIONALITY

Nationality Morocco French United Kingdom Italy Spain Germany China USA
Afghanistan Åland Islands Albania Algeria American Samoa Andorra Angola Anguilla
Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Austria
Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin
Bermuda Bhutan Bolivia (Plurinational State of) Bonaire, Sint Eustatius and Saba
Bosnia and Herzegovina Botswana Bouvet Island Brazil British Indian Ocean
Territory Brunei Darussalam Bulgaria Burkina Faso Burundi Cabo Verde Cambodia
Cameroon Canada Cayman Islands Central African Republic Chad Chile China
Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo (Democratic
Republic of the) Congo (Republic of the) Cook Islands Costa Rica Côte d'Ivoire
Croatia Cuba Curaçao Cyprus Czech Republic Denmark Djibouti Dominica Dominican
Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia
Falkland Islands (Malvinas) Faroe Islands Fiji Finland France French Guiana
French Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana
Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea
Guinea-Bissau Guyana Haiti Heard Island and McDonald Islands Honduras Hong Kong
Hungary Iceland India Indonesia Iran Iraq Ireland Isle of Man Israel Italy
Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Korea (Democratic People's
Republic of) Korea (Republic of) Kuwait Kyrgyzstan Lao People's Democratic
Republic Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg
Macao Macedonia (the former Yugoslav Republic of) Madagascar Malawi Malaysia
Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte
Mexico Micronesia (Federated States of) Moldova (Republic of) Monaco Mongolia
Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal Netherlands
New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island Northern
Mariana Islands Norway Oman Pakistan Palau Palestine, State of Panama Papua New
Guinea Paraguay Peru Philippines Pitcairn Poland Portugal Puerto Rico Qatar
Réunion Romania Russian Federation Rwanda Saint Barthélemy Saint Helena,
Ascension and Tristan da Cunha Saint Kitts and Nevis Saint Lucia Saint Martin
(French part) Saint Pierre and Miquelon Saint Vincent and the Grenadines Samoa
San Marino Sao Tome and Principe Saudi Arabia Senegal Serbia Seychelles Sierra
Leone Singapore Sint Maarten (Dutch part) Slovakia Slovenia Solomon Islands
Somalia South Africa South Georgia and the South Sandwich Islands South Sudan
Spain Sri Lanka Sudan Suriname Svalbard and Jan Mayen Swaziland Sweden
Switzerland Syrian Arab Republic Taiwan, Province of China Tajikistan Tanzania,
United Republic of Thailand Timor-Leste Togo Tokelau Tonga Trinidad and Tobago
Tunisia Turkey Turkmenistan Turks and Caicos Islands Tuvalu Uganda Ukraine
United Arab Emirates United Kingdom of Great Britain and Northern Ireland United
States Minor Outlying Islands United States of America Uruguay Uzbekistan
Vanuatu Vatican City State Venezuela (Bolivarian Republic of) Vietnam Virgin
Islands (British) Virgin Islands (U.S.) Wallis and Futuna Yemen Zambia Zimbabwe

Select your nationality

SELECT YOUR TICKETS

You have reached the maximum of places available

Please select the maximum number of places available

Please select the details of your tickets

You can't choose only the Beneficiaries of the free

Reservations for individuals must not exceed 15 people

Reservations for professionals must not exceed 50 people

How many people are in your group?

Admission Fee DH165
0 DH
Moroccan citizens and foreign residents in Morocco DH75
0 DH
National students* / Children from 10 years old  DH 40
0 DH

*On presentation of a valid student card
International students* / Children from 10 years old  DH 90
0 DH

*On presentation of a valid student card
Children under 10 years old (accompanied by an adult)0
0 DH
Persons with disabilities : Complimentary admission upon presentation of a card
attesting to a disability0
0 DH
Travel agents – official guides: Complimentary admission upon presentation of a
valid card0
0 DH
ICOM members : Complimentary admission upon presentation of a valid ICOM card0
0 DH
School groups : complimentary admission upon written request at least 1 month
prior to the visit0

Press (holder of a professional press card) : complimentary admission upon
written request at least 72h prior to the visit (weekend excluded)0

Your order
0 ticket
0 DH

DATE OF VISIT


Prev
2024 May

MoTuWeThFrSaSu  12345678910111213141516171819202122232425262728293031  

Next
2024 June

MoTuWeThFrSaSu     123456789101112131415161718192021222324252627282930


 * Today
 * Unavailable
 * Your selection

Please select the date of your visit

TIME OF VISIT


 * Today
 * Unavailable
 * Your selection

At what time do you want to organize your visit?

This date is not available

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



NEXT STEP INFORMATION AND CONNECTION

 * Create your account
 * Sign in


SIGN IN TO YOUR ACCOUNT

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

E-mail address *

Password *

Forgotten your password ?

PREVIOUS STEP PREVIOUS INFORMATION AND CONNECTION

NEXT STEP NEXT CONNECTION AND PAYMENT

SIGN UP TO CREATE YOUR ACCOUNT

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

Company name *

Address *

Company registration number *

Type of business *
Hotel Travel Agent Tourist Guide Other
Other *

Professional card or affiliation *

Surname *

First name *

E-mail address *

Password *

Confirm your password *

Telephone


PREVIOUS STEP PREVIOUS PLAN YOUR VISIT

NEXT STEP NEXT REGISTRATION AND PAYMENT

CHECK YOUR VISIT


TYPE OF ACCOUNT :


CHOSEN SITE :


DATE : TIME :


NATIONALITY : NATIONALITY


NUMBER OF VISITORS :


TOTAL PRICE : DH

CHOOSE YOUR LOGIN ACCOUNT


CONTINUE WITH : OR USE ANOTHER ACCOUNT

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

I have read and accept the conditions of sale

Check the terms and conditions associated with this booking and check the box to
accept them.

I agree to receive newsletters and I have read the privacy policy.


PREVIOUS STEP PREVIOUS VISITORS AND TICKETS

PAYMENT BOOK




PAYMENT METHODS

All payment methods are in real time and are secured.



Contact Presse
©Fondation Jardin Majorelle. Legal notices and terms of use.

PRESS ACCREDITATION REQUEST FORM

×

CHOOSE WHICH SITE(S) TO VISIT

Jardin Majorelle
Musée YVES SAINT LAURENT Marrakech
Jardin Majorelle + Pierre Bergé Museum of Berber Arts*
Combined ticket

PURPOSE OF THE VISIT

Personal visit
Photo shooting
Filming / documentary
Other

DATE OF VISIT

08.3009.0009.3010.0010.3011.0011.3012.0012.3013.0013.3014.0014.3015.0015.3016.0016.30

INFORMATION

First name

Surname

Country

Media name

Job title

Website

Email address

Phone number


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

ADD ADDITIONAL MEMBER

ATTACHMENTS :

Personal visit : Upload recto/verso of press card for each member.

Photo shooting / filming / documentary : Upload professional card, authorization
of shooting and equipment list.



EDITORIAL PROJECT :



ESSENTIAL CONDITIONS FOR OBTAINING PRESS ACCREDITATION

Email us your request at least 72 hours in advance (working days) by mentioning
the preference for the day and a specific time slot.

A confirmation email and e-ticket from Jardin Majorelle will be sent to your
email address. You will need to present the e-ticket upon your arrival at the
entrance at the day and time of your scheduled visit.

Please note that accreditation is only possible for journalists and cannot be
extended to family members and friends.
* The Jardin Majorelle reserves the right to refuse press accreditation.
I have read and accept the conditions of sale

Submit