<div class="container-fluid px-4">
<div class="row">

<!-- barre latérale gauche: image assistant, ecran large --> 
<div class="col-xl-2 visible-lg">
  <img class="avatar" src="//193.70.73.91/wp-content/uploads/2019/12/assistante-2.png">
</div>

<!-- contenu -->
<div class="col-xl-10">
  <!-- assistant infobulle --> 
  <div class="row">
    <div class="hidden-lg col-2 align-self-center">
     <img class="avatar" src="//193.70.73.91/wp-content/uploads/2019/12/vignette-mobile.gif">
   </div>
    <div class="col-10">
          <p>Sélectionnez vos Dates de Voyage, Date de Départ & Date de Retour dans le calendrier ci-dessous : (ou cochez Assurance Voyage Annuel pour plus d'options) </p>
        </div>
  </div>

<!-- contenu formulaire -->
  <div class="row mt-6  align-self-center">
   <fieldset>
    <label class="text-uppercase" for="duration_date">Période de Voyage</label><div class="input-group daterange">[text date-depart id:duration_date class:form-control class:daterange-start readonly][text date-fin class:form-control class:daterange-end readonly]<span class="input-group-append" role="right-icon"><button class="btn-transparent" type="button"><i class="fa fa-calendar"></i></button></span></div>
</fieldset>
[diffdate resultatDuree date1:date-depart date2:date-fin get:d]
</div>

<div class="row mt-4"><div class="col"><small class="date-difference" style="opacity: 0.73;"></small></div></div>
<div class="row mt-4"><div class="col">[checkbox Annuel "Assurance Voyage Annuel"]
[group voyannuel]
Indiquez la date du début de Contrat Annuel
<input type="date" id="start" name="startann" />
Plusieurs Voyages de 3 mois max. consécutifs
Pour les plus longues périodes, découvrez
<a href="#">nos offres pour les expatriés du monde entier</a>
[/group]

</div></div>
<div class="row mt-4">
   <div class="col-12 mt-2 d-flex justify-content-start mb-3">
<input type="button" id="prevBtn" style="margin-rigth: 15px;" class="wpcf7-form-control wpcf7-submit button prevBtn btn-radius button-secondary" value="Retour"/>
[submit id:nextBtn class:nextBtn class:ml-5 class:w-50 class:btn-radius "Next"]
      </div>
  </div>
   </div>
</div>

</div>
</div>