<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>{% if ('acces_membre' | trans) != 'acces_membre' %}<li><a class="special btn btn-primary text-light" href="{{ 'acces_membre' | trans }}">Accès membre</a></li>{% endif %}</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>