<div class="p-2">
<div class="row">
    <div class="col pl-2 pr-2">
        <p style="margin: 0px;"><h2>Informations du soucripteur</h2> (personne à rejoindre pour toute correspondance)</p>
    </div>
</div>
<div class="row">
    <div class="col-12 col-sm-8 pl-2 pr-2">
        <div class="row">
            <div class="col-12 col-sm-6 pl-2 pr-2">

            <label>NOM</label>
            [text* nom-payeur]

            </div>
            <div class="col-12 col-sm-6 pl-2 pr-2">

            <label>PRENOM</label>
            [text* prenom-payeur]

            </div>
        </div>
        <div class="row">
            <div class="col-12 col-sm-8 pl-2 pr-2">

            <label>ADRESSE DOMICILE</label>
            [text* adresse-payeur]

            </div>
            <div class="col-12 col-sm-4 pl-2 pr-2">

            <label>CODE POSTAL</label>
            [text* code-payeur]

            </div>
        </div>
        <div class="row">
            <div class="col-12 col-sm-6 pl-2 pr-2">

            <label>PAYS</label>
            [text* pays-payeur]

            </div>
            <div class="col-12 col-sm-6 pl-2 pr-2">

            <label>VILLE</label>
            [text* ville-payeur]

            </div>
        </div>
        <div class="row">
            <div class="col-12 pl-2 pr-2">

            <label>ADRESSE E-MAIL</label>
            [email* email-payeur]

            </div> 
        </div>
        <div class="row">
            <div class="col-12 col-sm-3 pl-2 pr-2">

            <label>INDICATIF</label>
            [text* ind_fix-payeur]

            </div>
            <div class="col-12 col-sm-9 pl-2 pr-2">

            <label>N°FIXE</label>
            [tel* telephone_fix-payeur]

            </div>
        </div>
        <div class="row">
            <div class="col-12 col-sm-3 pl-2 pr-2">

            <label>INDICATIF</label>
            [text* ind_mobile-payeur]

            </div>
            <div class="col-12 col-sm-9 pl-2 pr-2">

            <label>N°MOBILE</label>
            [tel* telephone_mobile-payeur]

            </div>
        </div>
    </div>
    <div class="col-12 col-sm-4 pl-2 pr-2 mt-4 d-flex flex-column justify-content-between">
      <div>
        [radio titre-payeur default:1 "Homme" "Femme"]
[submit id:nextBtn class:nextBtn class:w-100 class:btn-radius "Next"]
<input type="button" id="prevBtn" class="wpcf7-form-control button prevBtn btn-radius button-secondary mt-3 w-100" value="Previous"/></div>  
      <div class="row mb-5">
       <div class="col-12">
<img style="width: inherit;" src="https://img.generation-nt.com/logo-paypal_080002C401390492.jpg">
       </div>
       <div class="col-4">
<img style="width: inherit;" src="https://cdn.1min30.com/wp-content/uploads/2017/04/Symbole-Visa.png">
       </div>
       <div class="col-4">
<img style="width: inherit;" src="https://upload.wikimedia.org/wikipedia/commons/8/88/MasterCard_early_1990s_logo.svg">
       </div>
       <div class="col-4">
<img style="width: inherit;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRc6h1CjJ1Ob2UXXd2IzS7bcbdwev3RiCQphMuePIu3oEDehuwC-w&s">
       </div>
      </div>
</div>
  </div>
</div>