- <div class="row col-lg-12 col-md-12 col-sm-12 col-12 no-padding">
-     <div class="modal-blanche">
-         <div class="row tableau-dispo-tronçons">
-             <div class="col-lg-11 col-md-11 col-sm-11 col-1">
-                 <div class="row">
-                     <div class="col-lg-6 col-md-6 col-sm-6 col-6 align-center no-padding">
-                         <h3>Sections</h3>
-                     </div>
-                     <div class="col-lg-6 col-md-6 col-sm-6 col-6 align-center">
-                         <h3>Disponibilité</h3>
-                     </div>
-                 </div>
-                 {% for item in pistesForBase|slice(0, 5) %}
-                     <div class="row">
-                         <div class="col-lg-6 col-md-6 col-sm-6 col-6 align-center no-padding">
-                             <a href="/sections/{{item.id}}&filters=all">
-                                 <p>{{item.name}}</p>
-                             </a>
-                         </div>
-                         <div class="col-lg-6 col-md-6 col-sm-6 col-6 align-center">
-                             {% if item.isOpen == true %}
-                                 <div class="pastille-verte"></div>
-                             {% else %}
-                                 <div class="pastille-rouge"></div>
-                             {% endif %}
-                         </div>
-                     </div>
-                 {% endfor %}
-             </div>
-             <div class="col-lg-1 col-md-1 col-sm-1 col-1">
-                 <img src="/assets/images/croix.svg" class="croix" onclick="hideTableauDispoTronçons()"/>
-             </div>
-         </div>
-     </div>
- </div>