{% if block.title is defined and block.title is not empty %}
<section class="preview-thematique mt-80px mb-80px apercu-bloc">
<div class="preview-thematique-header prelative br8 p-{% if block.title_position is defined and block.title_position is not empty %}{{ block.title_position }}{% endif %}">
<div class="magic-margin"></div>
<div class="preview-thematique-title shadow-standard w100 cwhite br8" {% if block.bg_color %} style="background: {{ block.bg_color }}" {% endif %}>
{% if block.icon is defined and block.icon is not empty %}
<svg class="{{ block.icon[0] }}" aria-hidden="true" focusable="false">
<use xlink:href='#{{ block.icon[0] }}'/>
</svg>
{% endif %}
<h2>{{ block.title }}</h2>
{% if block.chapo is defined and block.chapo is not empty %}
<p class="lh24">{{ block.chapo }}</p>
{% endif %}
</div>
<div class="preview-thematique-image shadow-standard w100">
{% if block.image is defined and block.image is not empty %}
<img src="{{ block.image.formats['600x.webp'] }}" srcset="{{ block.image.formats['300x.webp'] }} 300w, {{ block.image.formats['600x.webp'] }} 600w, {{ block.image.formats['1000x.webp'] }} 1000w" sizes="646px" alt="{{ block.image | copyright_or_description_or_title }}" class="br8" loading="lazy" width="{{ block.image.fileVersion.properties.width }}" height="{{ block.image.fileVersion.properties.height }}">
{% endif %}
</div>
</div>
{% if block.articles is defined and block.articles is not empty and block.articles|length > 0 %}
{% include "blocks/preview-content-logic.html.twig" with {articles: block.articles} %}
{% endif %}
{% if block.categories is defined and block.categories is not empty %}
{% include "blocks/preview-thematiques-logic.html.twig" with {categories: block.categories} %}
{% endif %}
{% if block.link is defined and block.link is not empty %}
<div class="tac">
<a href="{{ block.link }}" class="CTA diblock nodeco lh28 mt-40px ma w100"><img src="/resources/img/plus-icon.svg" alt="Lien" class="mr-8px" loading="lazy" width="15" height="14">{{ block.link_text }}</a>
</div>
{% endif %}
<hr class="bold">
</section>
{% endif %}