{% if bloc.secteurs is defined and bloc.secteurs is not empty %}
<section id="bloc-{{bloc.id}}">
<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.titrehomebloclocalite|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.secteurs %}
{% set duree = 0.1 %}
{% set image_item = 'uploads/images/place.png' %}
<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 lazyloaded" style="background-image: url({{image_item}}); background-size: contain; background-position: center center; background-repeat: no-repeat;"> </span>
<span class="article-cnt">
<a class="article-titre" href="{{path('page_details_localite',{slug:item.libelleurl})}}" title="{{item.titresecteur}}" >{{item.titresecteur}}</a>
<span class="article-txt">
{% if item.textgenerersecteurfinal is not empty %}
{{cutText(item.textgenerersecteurfinal)|raw}}
{% endif %}
</span>
<span class="article-bts">
<button class="article-plus btn-fade" onclick="window.open('{{path('page_details_localite',{slug:item.libelleurl})}}', '_self');" title="{{item.titresecteur}}">En savoir plus</button>
</span>
</span>
</div>
{% set duree = duree + 0.2 %}
{% endfor %}
</section>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}