<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-3.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 class="didacticiel mustache"> OK, c'est noté ! Maintenant, j'ai besoin de savoir Combien de personnes sont concernés par ce Voyage de [resultatduree] à destination de [destination] ?</p>
        </div>
  </div>

<!-- contenu formulaire -->
  <div class="row mt-6  align-self-center">
   
<div class="col-xl-12">
  <fieldset>
      [radio categorie default:1 "Individuelle" "Plusieurs personnes (> à 2 pers.)" "Un groupe (> à 10 pers.)"]
    </fieldset>
</div>

    <div class="col-xl-6 col-lg-7 col-md-12 col-sm-12 col-12 pl-0 pl-lg-4 mt-4 mt-lg-0">
        <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 class="mustache">
<a class="nextBtn ml-5 w-50 btn-radius" href="http://18.130.128.74/calcul_devis?post=3994&date-depart=[date-depart]&date-arrive=[date-arrive]&resultatDuree=[resultatDuree]"> Form 1 </a>
</div>




   </div>
</div>

</div>
</div>