<header id="masthead" class="header position-relative zindex-1 ttm-header-style-classic" style="z-index: 20;">
<!-- ttm-header-wrap -->
<div class="ttm-header-wrap">
<!-- ttm-stickable-header-w -->
<div id="ttm-stickable-header-w" class="ttm-stickable-header-w clearfix">
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner ttm-stickable-header">
<div class="container position-relative clearfix">
<div class="w-100 d-xl-flex justify-content-between align-items-center ">
<!-- site-branding -->
<div class="site-branding">
<a class="home-link" href="javascript:void(0)" title="Fondex" rel="home">
<img id="logo-img" class="img-center" src="{{ asset('resources/front/images/dream/logo.png') }}" alt="DPE La Bassée 59480" width="150">
</a>
</div>
<!--site-navigation -->
<div id="site-navigation" class="site-navigation">
<!-- site-branding end -->
{% if app.user and app.request.attributes.get('_route') != "riasec_invitation_quiz_external" and app.request.attributes.get('_route') != "riasec_invitation_quiz_done" %}
<div class="ttm-menu-toggle">
<input type="checkbox" id="menu-toggle-form" />
<label for="menu-toggle-form" class="ttm-menu-toggle-block active-none">
<span class="toggle-block toggle-blocks-1"></span>
<span class="toggle-block toggle-blocks-2"></span>
<span class="toggle-block toggle-blocks-3"></span>
</label>
</div>
{% include 'secure/mobile_menu.html.twig' %}
{% endif %}
<!-- site-navigation end-->
{% if is_granted('IS_IMPERSONATOR') %}
<div class="alert alert-danger" style="position: fixed;z-index: 999;left: 50%;top: 20px;transform: translateX(-50%);">
{{ 'title.connected_as' | trans({'%fullname%': app.user.fullname}, 'general') }}
<a href="{{ path('home_secure', {
'_switch_user': '_exit'
}) }}"><i class="fa fa-power-off"></i></a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ttm-stickable-header-w end-->
</div>
<!--ttm-header-wrap end -->
</header>