#CACHE{0}
<div>
	<ul class="list-unstyled">
		<li class="menu-entree item dropdown-header hidden-xs">
		<span class="texte_libre">Rechercher</span>
			</li>
	</ul>
	
	<div class="recherche-block visible-xs">
	<span class="recherche-titre">Votre recherche</span>
	<div class="formulaire_spip formulaire_recherche[ (#ENV{class})]">
<form  role="search" action="[(#ENV{action})]" method="get"><div>
	[(#ENV{action}|form_hidden)]
	<div class="input-group">
	   <div class="input-group-btn filtre-secteur hidden-xs">
	       <select id="recherche-select" name="rubrique" class="form-control recherche-select" data-live-search="true" title="Selectionnez une catégorie de recherche">
		       <option value="">Tout  </option>	
		       <optgroup label="Actualités">       
			       <option value="actualites">Actualités </option>
			       <option value="agenda">Agenda </option>
		       </optgroup>
		      <optgroup label="Métiers">      
			       <option value="metiers">Métiers </option>
			        <option value="videos">Vidéos métiers</option>
			       <option value="cqp">Certification (CQP)</option>
		       </optgroup>
		       <optgroup label="Étudier/Se former"> 	
			       <option value="formations">Offres de formation </option>
			         <option value="etablissements">Établissements</option>
				 </optgroup>
		         </select>
	   </div><!-- /btn-group -->
	   <input   type="text" class="form-control recherche-input" placeholder="Votre recherche" aria-label="Recherchez dans le site"
	   name="recherche" value="#ENV{recherche}" />
	    [<input type="hidden" name="rubrique" value="(#ENV{rubrique})" />]
	     <input type="hidden" name="page" value="recherche" />
	   <div class="input-group-btn">
	       <button class="btn btn-recherche form-control" type="submit">
	           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
	           <span class="sr-only">Lancez la recherche </span>
	       </button>
	   </div>
	</div><!-- /input-group -->
 
</div></form>
</div>

</div>




  <!-- Nav tabs -->
  <ul class="nav nav-pills hidden-xs" role="tablist">
	   <li role="presentation" class="   [(#ENV{rubrique}|non)active][(#ENV{rubrique}|=={formations}|oui)active] btn btn-menu-recherche  btn-strong"><a href="#c1" aria-controls="home" role="tab" data-toggle="tab">Offres de formation</a></li>
     <li role="presentation" class="  [(#ENV{rubrique}|=={metiers}|oui)active] btn btn-menu-recherche btn-strong"><a href="#c2" aria-controls="profile" role="tab" data-toggle="tab">Métiers</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content nav-justified">
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|non)active] [(#ENV{rubrique}|=={formations}|oui)active] " id="c1"> <p class="texte_libre">Rechercher une offre de formation</p>
					  <form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
								<select id="recherche-select" name="facette-region" class="form-control recherche-select" data-live-search="true" title="Selectionnez une région" style="width: 30%;">
		       <option value="">Votre région  </option>	
			   		<option value="">Toutes les régions</option>
			       <option value="Auvergne Rhône-Alpes">Auvergne Rhône-Alpes</option>
			       <option value="Bourgogne Franche-Comté">Bourgogne Franche-Comté</option>
			       <option value="Bretagne">Bretagne</option>
			       <option value="Centre - Val de loire">Centre - Val de loire</option>
			       <option value="Corse">Corse</option>
			       <option value="Grand-Est">Grand-Est </option>
			       <option value="Guadeloupe">Guadeloupe</option>
			       <option value="Guyane ">Guyane </option>
			       <option value="Hauts-de-France">Hauts-de-France </option>
			       <option value="Île-de-France">Île-de-France </option>
			       <option value="Martinique">Martinique</option>
			       <option value="Mayotte">Mayotte</option>
			       <option value="Normandie">Normandie</option>
			       <option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
			       <option value="Occitanie">Occitanie</option>
			       <option value="Pays de la Loire">Pays de la Loire </option>
			       <option value="Provence Alpes Côte d'Azur">Provence Alpes Côte d'Azur </option>
		   		</select>

								
							   <input  style="width: 70%;" type="text" class="form-control recherche-input" placeholder="Quelle formation ?" aria-label="Rechercher une offre de formation"
							   name="recherche" value="#ENV{recherche}" />
							    <input type="hidden" name="rubrique" value="formations" />
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    </div>
    <div role="tabpanel" class="tab-pane fade in   [(#ENV{rubrique}|=={metiers}|oui)active] hidden-xs" id="c2"><p class="texte_libre">Métiers</p>
    							  <form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
							   <input   type="text" class="form-control recherche-input" placeholder="Quel métier ?" aria-label="Rechercher une fiche métier"
							   name="recherche" value="#ENV{recherche}" />
							   <input type="hidden" name="rubrique" value="metiers" />
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>   
    </div>
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|=={actualites}|oui)active]" id="c3"><p class="texte_libre"> Actualités</p>
    					  <form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
								
								<select id="recherche-select" name="facette-region" class="form-control recherche-select" data-live-search="true" title="Selectionnez une région" style="width: 30%;">
		       <option value="">Votre région  </option>	
			   		<option value="">Toutes les régions</option>
			       <option value="Auvergne Rhône-Alpes">Auvergne Rhône-Alpes</option>
			       <option value="Bourgogne Franche-Comté">Bourgogne Franche-Comté</option>
			       <option value="Bretagne">Bretagne</option>
			       <option value="Centre - Val de loire">Centre - Val de loire</option>
			       <option value="Corse">Corse</option>
			       <option value="Grand-Est ">Grand-Est </option>
			       <option value="Guadeloupe">Guadeloupe</option>
			       <option value="Guyane">Guyane </option>
			       <option value="Hauts-de-France">Hauts-de-France </option>
			       <option value="Île-de-France">Île-de-France </option>
			       <option value="Martinique">Martinique</option>
			       <option value="Mayotte">Mayotte</option>
			       <option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
			       <option value="Occitanie">Occitanie</option>
			       <option value="Pays de la Loire">Pays de la Loire </option>
			       <option value="Provence Alpes Côte d'Azur">Provence Alpes Côte d'Azur </option>
		   		</select>

								
							   <input   style="width: 70%;" type="text" class="form-control recherche-input" placeholder="Quelle actualité ?" aria-label="Rechercher une actualité"
							   name="recherche" value="#ENV{recherche}" />
							   <input type="hidden" name="rubrique" value="actualites" />  
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    </div>
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|=={agenda}|oui)active]" id="c4"> <p class="texte_libre">Agenda</p>
    				<form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
							<select id="recherche-select" name="facette-region" class="form-control recherche-select" data-live-search="true" title="Selectionnez une région" style="width: 30%;">
		       <option value="">Votre région  </option>	
			   		<option value="">Toutes les régions</option>
			       <option value="Auvergne Rhône-Alpes">Auvergne Rhône-Alpes</option>
			       <option value="Bourgogne Franche-Comté">Bourgogne Franche-Comté</option>
			       <option value="Bretagne">Bretagne</option>
			       <option value="Centre - Val de loire">Centre - Val de loire</option>
			       <option value="Corse">Corse</option>
			       <option value="Grand-Est">Grand-Est </option>
			       <option value="Guadeloupe">Guadeloupe</option>
			       <option value="Guyane ">Guyane </option>
			       <option value="Hauts-de-France">Hauts-de-France </option>
			       <option value="Île-de-France ">Île-de-France </option>
			       <option value="Martinique">Martinique</option>
			       <option value="Mayotte">Mayotte</option>
			       <option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
			       <option value="Occitanie">Occitanie</option>
			       <option value="Pays de la Loire ">Pays de la Loire </option>
			       <option value="Provence Alpes Côte d'Azur">Provence Alpes Côte d'Azur </option>
		   		</select>
		   		
							   <input   style="width: 70%;" type="text" class="form-control recherche-input" placeholder="Quel agenda ?" aria-label="Rechercher un agenda"
							   name="recherche" value="#ENV{recherche}" />
							     <input type="hidden" name="rubrique" value="agenda" />  
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    </div>
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|=={videos}|oui)active]" id="c5"><p class="texte_libre">Vidéos métiers</p>
        				<form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
							   <input   type="text" class="form-control recherche-input" placeholder="Quel vidéo métier ?" aria-label="Rechercher une vidéo métiers"
							   name="recherche" value="#ENV{recherche}" />
							   <input type="hidden" name="rubrique" value="videos" />  
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    </div>
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|=={cqp}|oui)active] " id="c6"><p class="texte_libre"> Certification (CQP)</p>
        				<form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
							   <input   type="text" class="form-control recherche-input" placeholder="Quel certicat de qualification professionnelle ?" aria-label="Rechercher un certicat de qualification professionnelle"
							   name="recherche" value="#ENV{recherche}" />
							   <input type="hidden" name="rubrique" value="cqp" />  
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    
    </div>
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|=={etablissements}|oui)active] " id="c7"><p class="texte_libre"> Établissements</p>
        				<form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
								
								<select id="recherche-select" name="facette-region" class="form-control recherche-select" data-live-search="true" title="Selectionnez une région" style="width: 30%;">
		       <option value="">Votre région  </option>	
			   		<option value="">Toutes les régions</option>
			       <option value="Auvergne Rhône-Alpes">Auvergne Rhône-Alpes</option>
			       <option value="Bourgogne Franche-Comté">Bourgogne Franche-Comté</option>
			       <option value="Bretagne">Bretagne</option>
			       <option value="Centre - Val de loire">Centre - Val de loire</option>
			       <option value="Corse">Corse</option>
			       <option value="Grand-Est">Grand-Est </option>
			       <option value="Guadeloupe">Guadeloupe</option>
			       <option value="Guyane ">Guyane </option>
			       <option value="Hauts-de-France ">Hauts-de-France </option>
			       <option value="Île-de-France">Île-de-France </option>
			       <option value="Martinique">Martinique</option>
			       <option value="Mayotte">Mayotte</option>
			       <option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
			       <option value="Occitanie">Occitanie</option>
			       <option value="Pays de la Loire">Pays de la Loire </option>
			       <option value="Provence Alpes Côte d'Azur">Provence Alpes Côte d'Azur </option>
		   		</select>

								
							   <input  style="width: 70%;" type="text" class="form-control recherche-input" placeholder="Quel établissement ? Quel prestataire de formation ?" aria-label="Rechercher un établissement"
							   name="recherche" value="#ENV{recherche}" />
							   <input type="hidden" name="rubrique" value="etablissements" />  
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    </div>
    <div role="tabpanel" class="tab-pane fade in [(#ENV{rubrique}|=={lieux}|oui)active]" id="c8"><p class="texte_libre"> Adresses utiles</p>
        				<form  role="search" action="[(#ENV{action})]" method="get"><div>
							[(#ENV{action}|form_hidden)]
							<div class="input-group">
								
																<select id="recherche-select" name="facette-region" class="form-control recherche-select" data-live-search="true" title="Selectionnez une région" style="width: 30%;">
		       <option value="">Votre région  </option>	
			   		<option value="">Toutes les régions</option>
			       <option value="Auvergne Rhône-Alpes">Auvergne Rhône-Alpes</option>
			       <option value="Bourgogne Franche-Comté">Bourgogne Franche-Comté</option>
			       <option value="Bretagne">Bretagne</option>
			       <option value="Centre - Val de loire">Centre - Val de loire</option>
			       <option value="Corse">Corse</option>
			       <option value="Grand-Est">Grand-Est </option>
			       <option value="Guadeloupe">Guadeloupe</option>
			       <option value="Guyane ">Guyane </option>
			       <option value="Hauts-de-France">Hauts-de-France </option>
			       <option value="Île-de-France">Île-de-France </option>
			       <option value="Martinique">Martinique</option>
			       <option value="Mayotte">Mayotte</option>
			       <option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
			       <option value="Occitanie">Occitanie</option>
			       <option value="Pays de la Loire ">Pays de la Loire </option>
			       <option value="Provence Alpes Côte d'Azur">Provence Alpes Côte d'Azur </option>
		   		</select>
								
							   <input   style="width: 70%;"  type="text" class="form-control recherche-input" placeholder="Quelle adresse ? Quel lieu d'orientation ? " aria-label="Rechercher une adresses utile"
							   name="recherche" value="#ENV{recherche}" />
							   <input type="hidden" name="rubrique" value="lieux" />  
							   <div class="input-group-btn">
							       <button class="btn btn-recherche form-control" type="submit">
							           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
							           <span class="sr-only">Lancez la recherche </span>
							       </button>
							   </div>
							</div><!-- /input-group -->
						</div>
					</form>
    
    </div>
  </div>

</div>