<!--topline section visible only on small screens|-->
<section class="page_topline ds ms c-gutter-0 s-py-15 s-borderbottom d-xl-none">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-6 text-left">
<ul class="top-includes">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<li>
<a class="" href="{{ path('account', {}, relative = false) }}">
<i class="far fa-address-card"></i>
</a>
</li>
<li>
<a class="color-danger" href="{{ path('app_logout', {}, relative = false) }}">
<i class="fas fa-user-times color-danger"></i>
</a>
</li>
{% else %}
<li>
<a class="" href="{{ path('app_login', {}, relative = false) }}">
<i class="far fa-user"></i>
</a>
</li>
{% endif %}
<li>
<a class="" href="{{ path('contact', {}, relative = false) }}"><i
class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="col-6 text-right">
{% if is_granted('ROLE_WRITER') %}
<a href="{{ path('my_articles', {}, relative = false) }}"
class="btn btn-outline-maincolor">Mes Articles</a>
{% else %}
<a href="{{ path('home_tournois', {}, relative = false) }}"
class="btn btn-outline-maincolor">Jouer</a>
{% endif %}
</div>
</div>
</div>
</section>
<div class="header_absolute ">
<!-- header with two Bootstrap columns - left for logo and right for navigation -->
<header class="page_header ds ms bg-transparent justify-nav-center s-overlay s-py-10 ">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-3 col-md-7 col-8">
<a href="./" class="logo">
<img src="{{ absolute_url(asset('assets/images/cbrc/logo.jpg')) }}" alt="">
</a>
</div>
<div class="col-xl-10 col-lg-9 col-md-5 col-1">
<div class="nav-wrap">
<nav class="top-nav justify-nav-center">
<ul class="nav sf-menu">
<li class="">
<a href="{{ path('home', {}, relative = false) }}">Accueil</a>
</li>
<li>
<a href="#">Menu</a>
<div class="mega-menu">
<ul class="mega-menu-row">
<li class="mega-menu-col">
<a href="#">Le Club</a>
<ul>
<li>
<a href="{{ path('about', {}, relative = false) }}">Informations</a>
</li>
<li>
<a href="{{ path('home_tournois', {}, relative = false) }}">Tournois</a>
</li>
<li>
<a href="{{ path('home_cours', {}, relative = false) }}">Cours</a>
</li>
</ul>
</li>
<li class="mega-menu-col">
<a href="">Autre</a>
<ul>
<li>
<a href="{{ path('home_competitions', {}, relative = false) }}">Compétitions</a>
</li>
<li>
<a href="{{ path('home_utilitaires', {}, relative = false) }}">Utilitaires</a>
</li>
<li>
<a href="{{ path('home_partenaires', {}, relative = false) }}">Partenaires</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<a href="{{ path('home_festival', {}, relative = false) }}">Le Festival</a>
</li>
<li>
<a href="{{ path('contact', {}, relative = false) }}">Contact</a>
</li>
</ul>
</nav>
<span class=" text-left text-md-right d-none d-xl-block">
{% if is_granted('ROLE_WRITER') %}
<a href="{{ path('my_articles', {}, relative = false) }}"
class="btn btn-outline-maincolor">Mes Articles</a>
{% else %}
<a href="{{ path('home_tournois', {}, relative = false) }}"
class="btn btn-outline-maincolor">Jouer</a>
{% endif %}
</span>
<ul class="top-includes d-none d-xl-block text-right">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<li>
<a class="" href="{{ path('account', {}, relative = false) }}">
<i class="far fa-address-card"></i>
</a>
</li>
<li>
<a class="color-danger" href="{{ path('app_logout', {}, relative = false) }}">
<i class="fas fa-user-times color-danger"></i>
</a>
</li>
{% else %}
<li>
<a class="" href="{{ path('app_login', {}, relative = false) }}">
<i class="far fa-user"></i>
</a>
</li>
{% endif %}
<li>
<a class="" href="{{ path('contact', {}, relative = false) }}"><i
class="far fa-envelope"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- header toggler -->
<span class="toggle_menu"><span></span></span>
</header>
</div>