{% if bloc.activite_principal is defined and bloc.activite_principal is not empty %}
<section id="bloc-{{bloc.id}}" class="bg-section-ref">
<div class="container-fluid mt-3">
<div class="row gx-5 py-2">
<div class="col-sm-12 text-center">
<h2 class="sub-title wow">{{bloc.parametreRef.titrehomeblocactivite|default('')}}</h2>
</div>
<div class="col-sm-12">
<div class="list_blocs pos1">
<div class="blocs">
<section class="results dynam-affichage affichage{{bloc.type_affichage}} type_affiche3 ">
{% for item in bloc.activite_principal %}
{% set duree = 0.1 %}
{% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ bloc.parametre.imagevide %}
<div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
<span class="article-image" >
<img src="{{image_item}}" alt="{{item.titre}}"/>
</span>
<span class="article-cnt">
<a class="article-titre" href="{{path('page',{slug:item.libelleurl})}}" title="{{item.titre}}" >{{item.titreactivite}}</a>
<span class="article-txt">
{{cutTextAffichage(item.textactiviteprincipalfinal,'affichage'~ bloc.type_affichage,false)|raw}}
</span>
<span class="article-bts">
<button class="article-plus btn-fade" onclick="window.open('{{path('page',{slug:item.libelleurl})}}', '_self');" title="{{item.titre}}">En savoir plus</button>
</span>
</span>
</div>
{% set duree = duree + 0.2 %}
{% endfor %}
</section>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}