<nav class="contextual-menu wrapper">
<ul class="distributed">
<li class="{% if sectionName = "Home" %}active{% endif %}"><a href="{% url 'home' %}">
- <span class="icon-home"></span>
+ <span class="nav-icon icon-home"></span>
<span class="iconLabel">{% trans 'Home' %}</span>
</a></li>
<li class="{% if sectionName = "News" %}active{% endif %}"><a title="Actualité des émissions et programmes" href="{% url 'news' %}">
- <span class="icon-bullhorn" ></span>
+ <span class="nav-icon icon-bullhorn" ></span>
<span class="iconLabel">{% trans 'News' %}</span>
</a></li>
<li class="{% if sectionName = "Listen" %}active{% endif %}"><a title="Derniers contenus écoutables publiés" href="{% url 'listen' %}">
- <span class="icon-headphones" ></span>
+ <span class="nav-icon icon-headphones" ></span>
<span class="iconLabel">{% trans 'Listen' %}</span>
</a></li>
<li class="{% if sectionName = "Emissions" %}active{% endif %}"><a title="Les émissions, le programme de la semaine, la grille" href="{% url 'grid' %}">
- <span class="icon-calendar" ></span>
+ <span class="nav-icon icon-calendar" ></span>
<span class="iconLabel">{% trans 'Program' %}</span>
</a></li>
<li class="{% if sectionName = "About" %}active{% endif %}"><a title="Qui sommes nous, la charte,..." href="/la-radio/">
- <span class="icon-info-sign" ></span>
+ <span class="nav-icon icon-info-sign" ></span>
<span class="iconLabel">{% trans 'About' %}</span>
</a></li>
<li class="{% if sectionName = "Search" %}active{% endif %}"><a href="{% url 'search' %}">
- <span class="icon-search" ></span>
+ <span class="nav-icon icon-search" ></span>
<span class="iconLabel">{% trans 'Search' %}</span>
</a></li>
</ul>