<nav class="ctn main-menu">
<ul class="left" id="children-root">
{% for category in categories %}
<li class="universe{% if category.children|length %} has-children{% endif %} {% if customerMgr.isExpert() and category.id == 242 %}hidden{% endif %}" data-cid="{{ category.id }}">
<a href="{{ path('universe',{id:category.id,url:category.url}) }}" >{{ category.name }} {% if category.children %}<span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.79 14.02" class="bt-next slick-arrow" style=""><path fill="#000000" d="M6.09,7,.17,13a.61.61,0,0,0-.17.43.59.59,0,0,0,.17.42A.6.6,0,0,0,.6,14,.56.56,0,0,0,1,13.84L7.79,7,1,.18A.56.56,0,0,0,.6,0,.6.6,0,0,0,.17.18.59.59,0,0,0,0,.6.61.61,0,0,0,.17,1Z"></path></svg></span>{% endif %}</a>
{% if category.children|length %}
<div class="submenu">
<ul class="categories" id="children-{{ category.id }}">
{% for child in category.children %}
{% if child.menuPrefix %}
<li class="prefix">{{ child.menuPrefix }}</li>
{% endif %}
<li class="{% if child.menuSpacer %}spacer{% endif %}{% if child.children|length %} has-children{% endif %}" data-cid="{{ child.id }}">
<a href="{{ path('category',{id:child.id,url:child.url}) }}">
{{ child.name }}
{% if child.children %}<span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.79 14.02"><path fill="#000000" d="M6.09,7,.17,13a.61.61,0,0,0-.17.43.59.59,0,0,0,.17.42A.6.6,0,0,0,.6,14,.56.56,0,0,0,1,13.84L7.79,7,1,.18A.56.56,0,0,0,.6,0,.6.6,0,0,0,.17.18.59.59,0,0,0,0,.6.61.61,0,0,0,.17,1Z"></path></svg></span>{% endif %}
</a>
{% if child.children %}
<ul id="children-{{ child.id }}">
{% for subchild in child.children %}
{% if subchild.menuPrefix %}
<li class="prefix">{{ subchild.menuPrefix }} : </li>
{% endif %}
<li class="{% if subchild.menuSpacer %}spacer{% endif %}{% if subchild.children|length %} has-children{% endif %}" data-cid="{{ subchild.id }}"><a href="{{ path('category',{id:subchild.id,url:subchild.url}) }}">{{ subchild.name }}</a></li>
{% endfor %}
<li class="all"><a href="{{ path('category',{id:child.id, url:child.url}) }}">{% trans %}Voir tout{% endtrans %}</a></li>
</ul>
{% endif %}
</li>
{% endfor %}
<li class="all"><a href="{{ path('universe',{id:category.id, url:category.url}) }}">{% trans %}Tous les articles{% endtrans %} {{ category.name }}</a></li>
</ul>
<div class="subcategories"></div>
<div class="banners">
{% if category.menuBanner %}
{{ category.menuBanner | raw }}
{% endif %}
</div>
</div>
{% endif %}
</li>
{% if not loop.last %}
<li class="sep {% if customerMgr.isExpert() and category.id == 1332 %}hidden{% endif %}">•</li>
{% endif %}
{% endfor %}
</ul>
<ul class="right">
{# <li><a href="{{ path('page',{id:1,url:'le-magazine'}) }}">Le Magazine</a></li>
<li class="sep">•</li>
<li><a href="{{ path('page',{id:1,url:'je-cree-mon-salon'}) }}">Je crée mon salon</a></li>
<li class="sep">•</li>#}
<li {% if customerMgr.isExpert() %}class="hidden"{% endif %}><a href="{{ path('page',{id:124,url:'les-services-vivog'|trans}) }}">{% trans %}Nos Services{% endtrans %}</a></li>
<li class="hidden"><a href="https://www.martinsellier.com/catalogues/2023/fr/" target="blank">Consulter le catalogue en ligne</a></li>
<li class="hidden"><a href="phone:02 47 73 38 38">{% trans %}Nous contacter{% endtrans %} +33 2 47 73 38 38</a></li>
</ul>
</nav>