<div id="menu">
    <div class="container-fluid menu-content">
        <div class="row-menu">
            <div class="row row-toggle">
                <div class="col-12">
                    <button class="toggle" type="button">
                        <img src="{{ 'assets/img/Croix-Menu.png' }}" alt="">
                    </button>
                </div>
            </div>
            <div class="row row-list">
                <nav class="col-12 col-sm-6">
                    <ul>
                        <li>
                            <span class="yellow-trait"></span>
                            <a href="{{ path('app_homepage') }}" title="Accueil">
                                Accueil
                            </a>
                        </li>
                        <li class="d-sm-block d-md-none">
                            <a class="participate" href="{{ path('app_contribuate') }}">
                                Participer
                            </a>
                        </li>
{#                        <li class="d-sm-none d-md-block">#}
                        <li>
                            <a href="{{ path('app_carto_interactive') }}" title="Cartographie rêvolutionnaire">
                                Cartographie rêvolutionnaire
                            </a>
                        </li>
{#                        <li class="d-sm-block d-md-none">#}
{#                            <a href="{{ path('app_carto_liste') }}" title="La liste rêvolutionnaire">#}
{#                                La liste rêvolutionnaire#}
{#                            </a>#}
{#                        </li>#}
                        <li>
                            <a href="{{ path('app_homepage') }}#planisphere" title="Planisphère des solutions">
                                Planisphère des solutions
                            </a>
                        </li>
                        <li>
                            <a href="{{ path('app_homepage') }}#ressourcerie" title="Ressourcerie">
                                Ressourcerie
                            </a>
                        </li>
                        <li>
                            <a href="{{ path('app_about') }}" title="A propos">
                                A propos
                            </a>
                        </li>
                        <li class="contact">
                            <a href="{{ path('app_contact') }}" title="Contacts">
                                CONTACTS
                            </a>
                        </li>
                    </ul>
                </nav>
                <div class="col-6 d-none d-sm-block col-logo">
                    <img class="logo" src="{{ 'assets/img/Logo-Aux-Actes-Citoyens.png' }}" alt="Logo AAC">
                </div>
            </div>
        </div>
    </div>
    <div class="fixed-top menu-fixed">
        <nav class="navbar">
            <a class="navbar-brand" href="{{ path('app_homepage') }}">
                <img src="{{ 'assets/img/Logo-AAC-Seul.png' }}"  alt="Logo AAC">
            </a>
            <a class="participate" href="{{ path('app_contribuate') }}">
                PARTICIPER
            </a>
            <a class="space-collab" href="{{ path('app_admin_dashboard') }}">
                <img src="{{ 'assets/img/Picto-Espace-Collaboratif.png' }}" alt="espace collaboratif">
                Espace collaboratif
            </a>
            <button class="toggle" type="button">
                <img src="{{ 'assets/img/Menu.png' }}" alt="">
            </button>
        </nav>
    </div>
</div>