Cosmetic. Google Font.

app/templates/base.j2

@@ -10,9 +10,11 @@
     {%- endblock metas %}
 
     {%- block styles %}
+    <link rel="stylesheet"
+          href="https://fonts.googleapis.com/css?family=Domine">
     <style>
     body {
-        font-family: Arial, sans-serif;
+        font-family: "Domine",Georgia,Times,"Times New Roman",serif;
         font-size: 14pt;
         margin: 8px;
         padding: 0;

app/templates/index.j2

@@ -8,7 +8,7 @@ div.sem {
     margin-top: 8px;
     margin-bottom: 8px;
     border-radius: 8px;
-    padding: 8px;
+    padding: 12px;
     background-color: blanchedalmond;
 }
 
@@ -17,18 +17,25 @@ div.sem.ouvert {
 }
 
 .sem a, .sem a:visited {
-    text-decoration: none;
+    text-decoration: underline dotted;
     color: #025AA7;
 }
 .sem a:hover {
-    text-decoration: underline;
+    text-decoration: underline solid;
+    color: red;
 }
 .dates, .date-limite {
     color:darkolivegreen;
     font-size: 80%;
 }
 .date-limite {
-    color: red;
+    color: #bc76bf;
+    margin-left: 12px;
+}
+div.inscription {
+    margin-top: 8px;
+    margin-left: 16px;
+    font-size: 12pt;
 }
 </style>
 {% endblock %}
@@ -44,10 +51,6 @@ div.sem.ouvert {
         }}">{{sem.titre}}</a>
     <span class="dates">cours du {{sem.date_debut}} au {{sem.date_fin}}</span>
 
-    {% if sem.descr.date_fin_inscriptions is not none %}
-        <span class="date-limite">fermeture des inscriptions le {{sem.descr.date_fin_inscriptions|format_date}}</span>
-    {% endif %}
-
     {% if sem.autosco.inscription_autorisee %}
     <div class="inscription">
         {% if sem.autosco.nb_dispo is not none %}
@@ -56,6 +59,9 @@ div.sem.ouvert {
         <a href="{{url_for('autosco.formsemestre_inscription', formsemestre_id=sem.formsemestre_id )}}">
             s'inscrire
         </a>
+        {% if sem.descr.date_fin_inscriptions is not none %}
+        <span class="date-limite">fermeture des inscriptions le {{sem.descr.date_fin_inscriptions|format_date}}</span>
+    {% endif %}
     </div>
     {% endif %}