<div class="header-sticky px-0">
<div id="header" class="px-2 px-xl-0 ">
<div class="row align-items-center justify-content-center flex-lg-nowrap ml-0">
<div class="menu-mobile-bloc"><a href="#" class="toggle-menu" title="MENU"><img src="{{ asset('/assets/images/ico_menu_m.svg')}}" alt="MENU" class=""></a></div>
<div class="d-block d-lg-none ctc-mobile"><a href="tel:04 51 58 08 05" class="ctc-phone py-2">04 51 58 08 05</a></div>
<div class="col-lg-auto col-12 left-logo">
<div class="logo-site">
<a href="{{ sulu_content_root_path() }}" title="Coworking Lyon">
<img src="{{ asset('/assets/images/logo.svg')}}" alt="" class=""/>
</a>
</div>
</div>
<div class="col px-md-0">
<nav class="navigation-site " id="">
<span class="span-menu-mob">Menu</span>
<a href="#" class="close-menu-mob bg-gradient-orange"><img src="{{ asset('/assets/images/closemenu.png')}}" class="d-block"></a>
<div class="container p-lg-0 scroll-me-mobile_" style="position:static;">
<div class="menu">
<ul class="onglets d-lg-flex justify-content-end align-items-center">
<li class="navItem"><a href="./" title="Accueil" class="navLink"><span>Accueil</span></a></li>
{% for item in sulu_navigation_root_flat('main', 1, true) %}
{% set itemUrl = sulu_content_path(item.url) %}
<li class="navItem {{ app.request.uri starts with itemUrl ? ' active' : '' }}">
<a href="{{ itemUrl }}" title="{{ item.title }}"
{% if item.nodeType == 4 %}target="_blank" rel="noopener"{% endif %}
class="navLink navbar__item{{ app.request.uri starts with itemUrl ? ' navbar__item--active' : '' }}">
{# fallback to content title when excerpt title not set #}
<span>{{ item.excerpt.title|default(item.title) }}</span>
</a>
</li>
{% endfor %}
<li class="navItem item-btn-connect pr-2">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
{#<a href="{{ path('client_espace') }}" title="Mon compte" target="_blank" class="navbar__item mon_compte">
<span class="icon_wrapper">
<img src="{{ asset('assets/images/imgEC/ico_compte.svg') }}" alt="Icône Mon compte">
</span>
<span>
Bonjour,
<strong>{{ app.user.civ|capitalize }} {{ app.user.prenom|capitalize }}</strong>
</span>
</a>#}
<a href="{{ path('client_espace') }}" class="btn-connect minw-sm btn-link2 is-connected">
<span>
Bonjour<br>
<strong>{{ app.user.civ|capitalize }} {{ app.user.prenom|capitalize }}</strong>
</span>
</a>
{% else %}
<a href="{{ path('login') }}" class="btn-connect minw-sm btn-link2 to-upper">Se connecter</a>
<!--a href="" title="Se connecter" target="_blank" class="navbar__item mon_compte">
<span class="icon_wrapper">
{# <img src="{{ asset('assets/images/imgEC/ico_compte.svg') }}" alt="Icône Se connecter"> #}
</span>
<span>Se connecter</span>
</a-->
{% endif %}
</li>
<li class="navItem ">
<a href="/details" target="_blank" title="Réserver" class="btn btn-link transition-bgcolor bg-green-s minw-sm"><span>Réserver</span></a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="col-auto d-none d-lg-block padding-fixed-ctc">
<div class="mr-lg-3">
<div class="fixed-contact">
<div class="letter-spacing">Vous souhaitez réserver ?</div>
<div class="font-pro-bold font-19 text-uppercase letter-spacing">Contactez-nous</div>
<a href="tel:04 51 58 08 05" class="ctc-phone opacity-hover">04 51 58 08 05</a>
</div>
</div>
</div>
</div>
</div>
</div>