<header id="tc-header">
<div class="row">
<div id="header_banner" class="tc-pub-hz tc-tablet-3_5"></div>
{% if page_accueil is not defined or (page_accueil is defined and not page_accueil) %}
{% set page_accueil = '/' %}
{% endif %}
<h1 class="tc-tablet-2_5 tc-logo-header">
<a href="{{ racine_site }}{{ page_accueil }}" title="Accueil de théâtre contemporain">
<img id="header-logo-thnet"
src="{{ racine_site }}/images/menu/logo/new_logo_thnet.svg" alt="theatre-contemporain.net"/>
</a>
<a href="https://www.artcena.fr" title="Accueil Artcena">
<img id="header-logo-artcena" class="logo-artcena"
src="{{ racine_site }}/images/menu/logo/artcena-logo-vector-black.svg" alt="artcena.fr" />
</a>
</h1>
</div>
<div data-sticky-container id="tc-anchor">
<div class="small-12 sticky" data-sticky data-sticky-on="large" data-margin-top="0" data-top-anchor="tc-anchor"
data-btm-anchor="tc-footer:top">
<nav id="main-nav" role="navigation">
<div class="title-bar" data-responsive-toggle="tc-block-main-nav" data-hide-for="xmedium">
<input class="tc-menu-btn" type="checkbox" id="tc-menu-btn"/>
<label class="tc-menu-icon" for="tc-menu-btn" data-toggle="tc-block-main-nav"><span
class="tc-navicon"></span></label>
<div data-responsive-toggle="tc-block-search" class="tc-block-search">
<input class="tc-menu-search" type="checkbox" id="tc-menu-search"/>
<label class="tc-menu-icon tc-btn-search" for="tc-menu-search"
data-toggle="tc-block-search"><span class="tc-icon-search"></span></label>
</div>
<a class="tc-logo-thnet" href="{{ racine_site }}{{ page_accueil }}"
title="Accueil de théâtre contemporain">
<img id="header-logo-thnet-mobile" alt="theatre-contemporain.net"
src="{{ racine_site }}/images/menu/logo/new_logo_thnet_white.svg"/>
</a>
<a href="https://www.artcena.fr" title="Accueil Artcena">
<img id="header-logo-artcena-mobile" class="logo-artcena"
src="{{ racine_site }}/images/menu/logo/artcena-logo-vector-white.svg" alt="artcena.fr" />
</a>
</div>
<div id="tc-block-search" data-hide-for="xmedium">
<div class="tc-select-search menu menu-search">
<form id="recherche-main" class="search-main" method="POST"
action="/spectacles/theatre/recherche">
<div>
<div class="tc-block-header">
<h3>Recherche</h3>
</div>
<div class="tc-block-body">
<select id="select-search-subnav" name="selectRubrique"
class="select-main-recherche">
<option value="/spectacles/theatre/recherche" data-name="title"
data-button="search">Spectacles
</option>
<option value="/biographies/?recherche=1" data-name="lastname"
data-button="search">Biographies
</option>
<option value="/textes/contemporain/recherche" data-name="title"
data-button="search">Textes
</option>
<option value="/contacts/" data-name="organisation"
data-button="search_contact">Structures
</option>
</select>
<input onclick="this.value=''" value="" placeholder="rechercher sur le site"
name="title" id="champ_recherche" class="champ_recherche_main" type="search">
<button type="submit" name="search" id="bouton_recherche_header_black"
class="tc-icon-search-1 bouton_recherche_mobile">OK
</button>
<input name="sitesearch" value="www.theatre-contemporain.net" type="hidden">
<input name="domains" value="www.theatre-contemporain.net;www.theatre-video.net"
type="hidden">
<input name="client" value="pub-1414152220322472" type="hidden">
<input name="forid" value="1" type="hidden">
<input name="ie" value="utf8" type="hidden">
<input name="oe" value="utf8" type="hidden">
<input name="cof"
value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:11"
type="hidden">
<input name="hl" value="fr" type="hidden">
</div>
</div>
</form>
</div>
</div>
<div id="tc-block-main-nav">
<ul class="vertical xmedium-horizontal menu accordion-menu"
data-responsive-menu="accordion xmedium-dropdown">
<li id="menu_thnet" class="tc-item-thnet tc-item-off tc-mega-menu">
<div class="row">
<div class="tc-phone-3_4">
{% if app.user.login is defined and app.user.login %}
<span class="tc-color-red"></span><a href="/montheatre/">{{ app.user.login }}</a> |
<a href="/logout" class="tc-logout">déconnexion</a> |
{% else %}
<a href="/montheatre/">Connexion</a> |
<a href="/montheatre/inscription">Inscrivez-vous</a> |
{% endif %}
<a href="/montheatre/maregion">ma région</a>
</div>
<div class="tc-social tc-phone-1_4">
<ul>
<li><a href="https://www.facebook.com/theatre.contemporain"
class="tc-ext-link tc-icon-facebook">Facebook</a></li>
<li><a href="https://www.twitter.com/thnet" class="tc-ext-link tc-icon-twitter">Twitter</a>
</li>
</ul>
</div>
</div>
</li>
{% for key,item in menu_principal %}
{% if v.disable_mega_menu is not defined or (v.disable_mega_menu is defined and not v.disable_mega_menu) %}
<li id="menu_{{ key }}" class="tc-item-{{ key }} tc-item-{{ item.active }} tc-mega-menu">
{% else %}
<li id="menu_{{ key }}" class="tc-item-{{ key }} tc-item-{{ item.active }}">
{% endif %}
<a href="{{ item.href }}" title="{{ item.title }}"><span>{{ item.label|raw }}</span></a>
{% if item.disable_mega_menu is not defined or (item.disable_mega_menu is defined and not item.disable_mega_menu) %}
<ul class="vertical menu first-sub submenu is-accordion-submenu" data-submenu=""
role="menu">
{% include "/includes/menu/menu-"~key~".inc.html" %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</nav>
</div>
</div>
</header>