{% load staticfiles %}
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Transparency!</title>
  <meta name="description"
        content="Détail des coûts des services">
  <meta name="author" content="Jocelyn Delalande">


  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/reset.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/site.css" %}" >

  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/breadcrumb.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/button.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/container.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/divider.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/grid.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/header.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/icon.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/message.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/table.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/grid.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/segment.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/label.css" %}" >
  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/rail.css" %}" >
</head>

<body>
  <div class="ui container">
    <div class="ui container">
        <h1 class="ui row">{% block title %}FAImaison − Coûts de revient{% endblock %}</h1>
        <div class="ui row">&nbsp;</div>
        <div class="ui row">&nbsp;</div>

        <nav class="ui row huge breadcrumb">
{% for title, url in breadcrumbs %}
  {% if url %}<a class="section{% if forloop.last %} active {% endif %}" href="{{ url }}" >{% endif %}
      {{ title }}
  {% if url %}</a>{% endif %}
  {% if not forloop.last %}
      <i class="right chevron icon divider"></i>
  {% endif %}
{% endfor %}
        </nav>
        <div class="ui row">&nbsp;</div>
    </div>

    <div class="row ui container">

      <article class="ui grid">
        <div class="twelve wide column text container">
{% block content %}


{% endblock %}
        </div>

        <aside class="ui four wide column">
        {% block rail %}{% endblock %}
        </aside>

      </article>
    </div>
  </div>
</body>
</html>
