<header id="header" class=" submenu-light header-always-fixed" data-fullwidth="true" {% if transparent is defined and transparent %} data-transparent="true" {% endif %}>
{% set general = generalS.general %}
<div class="header-inner">
<div class="container-wide flex-row">
<div class="mobile-action d-xl-none z-index-top {{ general.hidePhoneOnMobile ? 'd-sm-none' : ''}}">
<a class="special btn btn-success text-light" style="z-index: 10;" href="{{ path('contact') }}">{{ 'menu.contact' | admintrans | raw }}</a>
<h4 class=" lh-0 pt-3" style="z-index: 10;" ><a style="color:#210e0e; font-size: 1em" href="tel:{{ general.telephone}}"> <span class="fa fa-mobile-alt"></span> {{ general.telephone | replace({' ' : '.'}) }} </a></h4>
</div>
<div id="logo">
<a href="{{ path('home') }}" class="sm-relative" style=" top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 65%">
<span class="logo-default"><img height="80" width="250" {{ responsive_src(asset('images/upload/logo-dark.png')) | raw }} alt="{{ general.nomEntreprise }}" style="object-fit: contain"></span>
<span class="logo-dark"><img height="80" width="250" {{ asset('images/upload/logo-light.png') | raw }} alt="{{ general.nomEntreprise }}" style="object-fit: contain"></span>
<span class="logo-responsive"><img height="80" width="250" {{ responsive_src(asset('images/upload/logo-petit.png')) | raw }} alt="{{ general.nomEntreprise }}" style="object-fit: contain"></span>
</a>
</div>
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<div id="mainMenu" class="menu-creative">
<div class="container">
<nav>
<ul>
{% if menuS.menu.parDefaut %}
<li><a href="{{ path('home') }}#presentation" class="scroll-to">{{ 'menu.entreprise' | admintrans | raw }}</a></li>
<li><a href="{{ path('realisations') }}">{{ 'menu.realisations' | admintrans | raw }}</a></li>
<li><a href="{{ path('blogs') }}#presentation" class="scroll-to">{{ 'menu.blogs' | admintrans | raw }}</a></li>
<li><a href="{{ path('actualites') }}">{{ 'menu.actualites' | admintrans | raw }}</a></li>
{% else %}
{% for menuElement in menuS.menu.elements %}
{% if menuElement == 'entreprise' %}
<li><a href="{{ path('home') }}#presentation" class="scroll-to">{{ ('menu.'~menuElement) | admintrans | raw }}</a></li>
{% elseif menuElement == 'services' %}
<li class="dropdown">
<a href="{{ path(menuElement) }}">{{ ('menu.'~menuElement) | admintrans | raw }}</a>
<ul class="dropdown-menu">
{% for service in menuS.services %}
<li>
<a href="{{ path('service',{'id' : service.id}) }}">{{ service.titre }}</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li><a href="{{ path(menuElement) }}">{{ ('menu.'~menuElement) | admintrans | raw }}</a></li>
{% endif %}
{% endfor %}
{% endif %}
{% if is_granted('ROLE_ADMIN') %}
<li><a href="{{ path('admin') }}">Back office</a></li>
<li><a href="{{ path('cc') }}"><i class="fa fa-refresh"></i></a></li>
{% endif %}
<li><a class="special btn btn-success text-light" href="{{ path('contact') }}">{{ 'menu.contact' | admintrans | raw }}</a></li>
</ul>
<div class="text-center telephone-button">
<h4 class=" lh-0">
<a style="color:#210e0e" href="tel:{{ general.telephone }}">
<span class="fa fa-mobile-alt"></span> {{ general.telephone }}
</a>
{% if general.fixe %}
|
<a style="color:#210e0e" href="tel:{{ general.fixe }}">
<span class="fa fa-phone"></span> {{ general.fixe }}
</a>
{% endif %}
</h4>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<div class="container-xl">
<div class="row justify-content-between">
{% for menuAction in menuS.menuActions %}
<div class="col-lg-3 col-sm-6">
<a class="btn w-100 mb-0 rounded-0" href="{{ menuAction.lien ?? "#" }}" style="background-color: {{ menuAction.couleur }}; border-color: {{ menuAction.couleur }}; color : {{ menuAction.couleurTexte }}">{{ menuAction.titre }}</a>
</div>
{% endfor %}
</div>
</div>