<div id="search-popin">
<span id="search-popin-exit"><img src="/resources/img/exit-icon.svg" alt="Cliquez ici pour fermer la fenêtre" width="31" height="31"></span>
<div class="search-popin-container dflex fdc aic">
<div class="search-popin-title">Rechercher</div>
<form action="{{ path('pqna.search') }}" method="POST" class="dflex fdc aic usnone">
<input type="text" name="q" placeholder="Que recherchez-vous ?" class="fs16 lh24">
<div class="search-selects-container dflex jcc fwwrap">
<div>
<select class="br6 dblock fs16">
<option value="" disabled selected>Thématiques</option>
</select>
<ul class="ul-dropdown br6">
{% for category in sulu_categories(app.request.locale, 'thematiques') %}
<li class="thematiques lh24 dflex aic">
<label for={{ category.key|trim }} class="fw400 fs16 aic">
<input id="{{ category.key|trim }}" type="checkbox" value="{{ category.id }}" data-title="{{ category.name|trim }}" name="t[]">
<span class="label">{{ category.name|trim }}</span>
<span class="checkmark"></span>
</label>
</li>
{% endfor %}
</ul>
</div>
<div>
<select class="br6 dblock fs16">
<option value="" disabled selected>Typologie de ressources</option>
</select>
<ul class="ul-dropdown br6">
<li class="lh24 dflex aic">
<label for="articles" class="fw400 fs16 aic">
<input id="articles" type="checkbox" value="articles" name="r[]" data-title="Articles">
<span class="label">Articles</span>
<span class="checkmark"></span>
</label>
</li>
<li class="lh24 dflex aic">
<label for="analyses" class="fw400 fs16 aic">
<input id="analyses" type="checkbox" value="analyses" name="r[]" data-title="Analyses">
<span class="label">Analyses</span>
<span class="checkmark"></span>
</label>
</li>
<li class="lh24 dflex aic">
<label for="guideoutils" class="fw400 fs16 aic">
<input id="guideoutils" type="checkbox" value="guides_outils" name="r[]" data-title="Guides et outils">
<span class="label">Guides et outils</span>
<span class="checkmark"></span>
</label>
</li>
<li class="lh24 dflex aic">
<label for="ficheexp" class="fw400 fs16 aic">
<input id="ficheexp" type="checkbox" value="experiences" name="r[]" data-title="Fiches expériences">
<span class="label">Fiches expériences</span>
<span class="checkmark"></span>
</label>
</li>
<li class="lh24 dflex aic">
<label for="ficheterr" class="fw400 fs16 aic">
<input id="ficheterr" type="checkbox" value="fiches_territoires" name="r[]" data-title="Fiches territoires">
<span class="label">Fiches territoires</span>
<span class="checkmark"></span>
</label>
</li>
</ul>
</div>
</div>
<button class="CTA search-button lh28">Lancer la recherche<img src="/resources/img/left-arrow-icon.svg" alt="Icone fleche gauche pour lancer la recherche" class="search-button-arrow-icon" width="16" height="10"></button>
</form>
</div>
</div>
<div class="popin-background"></div>