{% extends "sco_page.j2" %}

{% block styles %}
{{super()}}

<style>
div.apo_compare_csv_form_but {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.apo_compare_csv_form_submit input {
  margin-top: 2ex;
  margin-left: 5em;
  font-size: 120%;
}

.apo_compare_csv div.section .tit {
  margin-top: 10px;
  font-size: 120%;
  font-weight: bold;
}

.apo_compare_csv div.section .key {
  font-size: 110%;
}

.apo_compare_csv div.section .val_ok {
  font-size: 110%;
  color: green;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
}

.apo_compare_csv div.section .val_dif {
  font-size: 110%;
  color: red;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
}

.apo_compare_csv div.section .p_ok {
  font-size: 100%;
  font-style: italic;
  color: green;
  margin-left: 4em;
}

.apo_compare_csv div.section .s_ok {
  font-size: 100%;
  font-style: italic;
  color: green;
}

.apo_compare_csv div.sec_table {
  margin-bottom: 10px;
  margin-top: 20px;
}

.apo_compare_csv div.sec_table .gt_table {
  font-size: 100%;
}

.apo_compare_csv div.sec_table .gt_table td.val_A,
.apo_compare_csv div.sec_table .gt_table td.val_B {
  color: red;
  font-weight: bold;
  text-align: center;
}

.apo_compare_csv div.sec_table .gt_table td.type_res {
  text-align: center;
}

</style>
{% endblock %}

{% block app_content %}
<h1>Comparaison de fichiers Apogée</h1>

<div class="help">
    <p>Outil de comparaison de fichiers (maquettes CSV) Apogée.
    </p>
    <p>Cet outil compare deux fichiers fournis.
    Aucune donnée stockée dans ScoDoc n'est utilisée ni modifiée.
    </p>
</div>

{% endblock %}