{% macro header(titre, soustitre, icon) %}
<div class="container-fluid">
    <div class="row-fluid">
        <div class="area-top clearfix">
            <div class="pull-left header">
                 <h3 class="title">
            <i class="icon-{{ icon }}"></i>
            {{ titre }}
          </h3>

                 <h5>
            {{ soustitre }}
          </h5>

            </div>
        </div>
    </div>
</div>
{% endmacro %}

{% macro boxfleche(numero, text, on) %}
<div class="box-fleche {% if on %} box-fleche-on {% endif %}">
    <p class="num">{{ numero }}</p>
    <p class="text">{{ text }}</p>
</div>
{% endmacro %}

{% macro ariane(tab) %}


<div class="container-fluid padded">
    <div class="row-fluid">

      <div id="breadcrumb">
          <ul>
      {% for key,item in tab %}
      
              {% if loop.first %}
                  <li class="first"><a href="{{ item.url }}">{{ key }}</a><span class="end">&nbsp;</span></li>
              {% elseif loop.last %}
                  <li><span>{{ key }}</span><span class="end">&nbsp;</span></li>
              {% else %}
                  <li><a href="{{ item.url }}">{{ key }}</a><span class="end">&nbsp;</span></li>
              {% endif %}
      
      {% endfor %}
         </ul>
      </div>


    </div>
  </div>


{% endmacro %}