<hr class="mb-1">
<div class="mt-2 mt-sm-4 mb-5">
    <div class="row">
        <div class="col-lg-2 d-flex flex-column ">
            <div class="nav-scroller-item pr-3 d-flex flex-column flex-grow-1">
                <div class="d-flex flex-column justify-content-between px-0 py-2 text-left flex-grow-1" >
                    <div>
                        <h3 class="h4 mb-0">{{ typeActu }}</h3>
                        <small class="text-muted d-none d-md-block">{{ 'label.choose_actu_to_see_detail'|trans }} :</small>
                    </div>
                    <a href="{{ urlObjet }}" class="btn btn-sm btn-outline-secondary rounded-pill d-none d-lg-block">{{ 'label.all_actu'|trans }}</a>
                </div>
            </div>
        </div>
        <div class="col-lg-10 py-2 ">
            <div class="nav-scroller nav-scroller--expand nav-scroller--demo-expand px-0 ">
                <nav class="nav-scroller-nav">
                    <div class="nav-scroller-content">
                        {% for actu in actus %}
                            {% if  affichage.withImage == "true" %}
                                <a href="{{ actu.actuLink }}" class="nav-scroller-item pr-2" title='{{ actu.titre }}{% if affichage.withPhraseAccroche == "true" %} - {{ actu.message }}{% endif %}'><div class="img_actu_scroll" style="background-image: url(/photos/actus/{{ actu.Image }})"></div><span class="sr-only">{{ actu.titre }}</span></a>
                            {% endif %}
                        {% endfor %}
                    </div>
                </nav>
                <button class="nav-scroller-btn nav-scroller-btn--left" aria-label="Scroll left">
                <span class="picto-arrow-left"></span><span class="sr-only">{{ 'label.precedent'|trans }}</span>
                </button>
                <button class="nav-scroller-btn nav-scroller-btn--right" aria-label="Scroll right">
                <span class="picto-arrow-right"></span><span class="sr-only">{{ 'label.suivant'|trans }}</span>
                </button>
            </div>
            <a href="{{ urlObjet }}" class="mx-0 mt-3 btn btn-sm btn-outline-secondary rounded-pill d-block d-lg-none">{{ 'label.see_all_actu'|trans }}</a>
        </div>
    </div>
</div>
    <script nonce="{{ ContentSecurityPolicyNonceService.nonce }}" type="application/javascript">
    var preselect = "{{ preselect|default('undefined') }}";
    </script>