<div class="ressources">
  <div class="titre_nsb after-h1">

    <h1>Ressources</h1>


    <div class="souligne toright" >
      <svg width="100%" height="0.5rem">
       <rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
     </svg>
    </div>
    <!-- <div class="after-h1-finish">
      <svg width="50%" height="0.5rem">
       <rect width="100%" height="100%" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
     </svg>
    </div> -->

  </div>

    {{ content|raw }}

  <div class="features {{ page.header.class}}">

    <div class="feature-items">
        <div class="texte-cache">
          {% for rapport in page.header.rapports %}

              <div class="feature ">

                  {% if rapport.couverture and rapport.pdf %}
                  <a href="{{page.media[rapport.pdf].url|e }}" target="_blank" >
                    <img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
                    {% endif %}
                    {% if rapport.titre_du_rapport %}
                    <h4>{{ rapport.titre_du_rapport }}</h4>
                    {% endif %}
                    {% if rapport.texte_de_presentation %}
                    <p>{{ rapport.texte_de_presentation|markdown }}</p>
                    {% endif %}
                  </a>



              </div>
          {% endfor %}
        </div>
      </div>

  </div>

  <!-- <a href=""> -->

  <button class="bouton-ouverture">Voir plus</button>
  <!-- </a> -->
</div>