{% if (magasin.StyleTetiere=='style4.css') %}
<div class="barre_recherche">
  <form action="/listeliv.php" method="get">
  <input type="text" id="mots_recherche" name="mots_recherche" placeholder="{{ traduction['placeholder'] }}" title="{{ traduction['placeholder'] }}" value="{{ mots_recherche }}" autocomplete="off" class="ui-autocomplete-input">   
  {% if combo_recherche|slice(1,1) == 'i' %}
    {{ combo_recherche }}
  {% else %}
    <span class="input-group-btn containerComboBase">{{ combo_recherche }}</span>
  {% endif %}
  <button type="submit"><i class="glyphicon glyphicon-search"></i></button>
  </form>
  <a class="lien_recherche_avancee hidden-sm hidden-xs" href="/recherche_avancee.php">{{ traduction['recherche_avancee'] }}</a>
</div>

{% else %}

<form action="/listeliv.php" method="get" role="search">
  <div class="barre_recherche col-md-6">
    <div class="input-group">
      <input type="text" id="mots_recherche" name="mots_recherche" class="form-control ui-autocomplete-input" placeholder="{{ traduction['placeholder'] }}" title="{{ traduction['placeholder'] }}" value="{{ mots_recherche }}" autocomplete="off">
      {% if combo_recherche|slice(1,1) == 'i' %}
        {{ combo_recherche }}
      {% else %}
        <span class="input-group-btn containerComboBase">{{ combo_recherche }}</span>
      {% endif %}
      <span class="input-group-btn containerBtnSearchSubmit"><button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button></span>
      <span class="input-group-btn containerRechercheAvancee hidden-xs hidden-sm">
        <a class="lien_recherche_avancee hidden-sm hidden-xs" href="/recherche_avancee.php">{{ traduction['recherche_avancee'] }}</a>
      </span>
    </div>
  </div>
</form>
{% endif %}