<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="https://www.mondialcare.eu/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="https://www.mondialcare.eu/wp-content/uploads/2019/12/vignette-mobile.gif">
                </div>
                <div class="col-10">
                    <p><strong>Sélectionnez vos Dates de Voyage !</strong></p>
                    <p>Date de Départ & Date de Retour dans le calendrier ci-dessous :</p>
                       
                </div>
            </div>

            <!-- contenu formulaire -->
            
            [hidden max_diff-hidden "365"] 
            <div class="row mt-4  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">
                   
                </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:jump-tarif class:ml-5 class:w-50 class:btn-radius "Suivant"]
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>