{% if (groupedArticle|length) > 0 %}

	<div class="article-overview">
		{% set typelabel = '' %}
		{% for typemArticle in typeArticle %}
			<div class="container">
				<div class="article-group">
					<h3 class="title h1">
						{{ typemArticle.type }}
					</h3>
					{% for page in groupedArticle[typemArticle.type] %}
						{% set stateimg = changeLink(page['lien_image'], page['image_http_serveur']) %}
						<div class="alt {{ typemArticle.emplacement_image }} ">
							{% if (page['sous_titre']|length) != 0 %}
								<h4 class="subtitle">{{ page['sous_titre']|raw }}</h4>
							{% endif %}
							<h3 class="title">{{ page['titre']|raw }}</h3>
							{% if stateimg %}
								<img src="{{ asset(stateimg|raw) }}" alt="{{ page['titre']|striptags }}" loading="lazy" onerror="imgNotFound(this)"/>
							{% endif %}
							{% if (page['description']|length) > 0 %}
								<div class="p-wrap">
									<p>{{ page['description']|raw }}</p>
								</div>
							{% endif %}
							<a class="btn btn-primary" href="{{ path('article_link', { id: page['id'], slug: page['titre']|removeVar|striptags|urlHandler }) }}"> En savoir plus </a>
						</div>
					{% endfor %}
				</div>
			</div>
		{% endfor %}
	</div>

{% endif %}