<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-1.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">Bonjour, je suis Sandra votre assistante virtuelle ! En quelques questions je vais trouver l’offre d’Assurance Voyage adaptée à vos besoins, pour commencer sélectionnez votre profil :</p>
        </div>
  </div>

<!-- contenu formulaire -->
  <div class="row mt-6  align-self-center">
    <div class="row">
        [select type-personne "Etudiants" "Professionnels" "Particuliers / Tourisme"]
     </div>
    </div>
    <div class="row">
        [submit id:nextBtn class:nextBtn class:ml-5 class:w-50 class:btn-radius "Next"]
    </div>
   </div>
</div>

</div>
</div>