{% if actus|length > 0 %}
<div id="actualite" class="actualite center">
    <div class="actu">
        {% for actu in actus %}
            <div class="insideActu">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12" data-glightbox=".lightActu">
                        <a href="{{ asset(actualiteImg ~ actu.imageName) }}" class="lightActu">
                            <img src="{{ asset(actualiteImg ~ actu.imageName) }}" alt="{{ actu.translations[app.request.locale].name|default('') }}" loading="lazy">
                        </a>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 textActu">
                        <div class="somDesc">
                            <div class="titre">{% trans %}Actualités{% endtrans %}</div>
                            <div class="titreActu">{{ actu.translations[app.request.locale].name|default('') }}</div>
                            <div class="descActu">{{ actu.translations[app.request.locale].description|default('')|raw }}</div>
                            <div class="dateActu">{{ actu.date|date("Y/m/d") }}</div>
                            <div class="center">
                                <a href="{{ path('app_actualite') }}" class="bouton">{% trans %}Voir toute les actualités{% endtrans %}</a>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% endif %}