<div class="container-fluid">
    <ul class="nav nav-pills nav-justified nav-fill" border-radius: 0px;>
        <li class="nav-item pill-1" style="border:1px solid #cecece;">
              <a class="nav-item nav-link active" href="#p1" data-toggle="tab">PARTICULIER</a></li>
<li class="nav-item pill-1" style="border:1px solid #cecece;">
              <a class="nav-item nav-link" href="#p2" data-toggle="tab">PROFESSIONNEL</a></li>
<li class="nav-item pill-1" style="border:1px solid #cecece;">
              <a class="nav-item nav-link" href="#p3" data-toggle="tab">ASSOCIATIF</a></li>
<li class="nav-item pill-1" style="border:1px solid #cecece;">
              <a class="nav-item nav-link" href="#p4" data-toggle="tab">RESIDENCE</a></li>
   </ul>
</nav>
</div>

<div class="tab-content">
<div id="p1" class="tab-pane fade show active" style="text-align: center;">
[contact-form-7 id="2154" title="Test1"]</div>
<div id="p2" class="tab-pane fade" style="text-align: center;">Panneau 2</div>
<div id="p3" class="tab-pane fade" style="text-align: center;">Panneau 3</div>
<div id="p4" class="tab-pane fade" style="text-align: center;">Panneau 4</div>
</div>