<section data-bs-version="5.1" class="blocDocument {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
id="document">
<div class="container p-2 {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}">
<div class="row m-5 justify-content-center">
<div class="col-md-12 col-lg-11 d-flex align-items-center flex-column">
{% if bloc.bloc_titre or bloc.bloc_sstitre %}
<div class="section-head">
{% if bloc.bloc_titre %}
<h3 class="mbr-section-title mbr-fonts-style display-2 text-center">
<strong>{{ bloc.bloc_titre }}</strong>
</h3>
{% endif %}
{% if bloc.bloc_sstitre %}
<h4 class="flechebash4 mbr-section-subtitle mbr-fonts-style display-5 text-center">
{{ bloc.bloc_sstitre }}
</h4>
{% endif %}
</div>
{% endif %}
<div class="d-flex flex-column flex-lg-row justify-content-center align-items-center divDocu">
{% for doc in medias %}
<a class="btn btn-primary" href="{{ asset('medias_front/pages/'~doc.media_fichier) }}"
onclick="ga('send', 'event', 'Downloads', 'Pages', '{$doc.media_fichier}');" target="_blank"
rel="noreferrer">
<span>{{ doc.media_alt|default(doc.media_fichier) }}</span>
</a>
{% endfor %}
</div>
</div>
</div>
</div>
</section>