[fix] tweak the ux

assets/programme.css

@@ -8,11 +8,11 @@
   line-height: 1.46em;
 }
 h1{
-font-size:36pt;
+  font-size:36pt;
 }
 h2{
-font-size:24pt;
+  font-size:24pt;
-margin-top:36pt;
+  margin-top:36pt;
 }
 
 a:link {color:#ff5555;}
@@ -20,8 +20,6 @@ a:visited {color:#ff5555;}
 a:hover {color:#999999;}
 a:active {color:#ff5555;}
 
-ul li {
-}
 body {
   font-family:sans-serif;
   background:#000;
@@ -29,11 +27,17 @@ body {
   width: auto;
   padding: 2% 5%;
 }
+
+table{
+  display:none;
+}
+
 table tr td {
   color: #ccc;
   padding: 10px;
   text-align: center;
 }
+
 td.links a {
   display: block;
   border-radius: 10px;
@@ -51,3 +55,7 @@ th {
 td.name {
   min-width: 250px;
 }
+span.info {
+  float: right;
+  color: #655;
+}

programme.html

@@ -25,6 +25,7 @@
   <h1>Festival HSF 2020 : Programme</h1>
 <h2>
 Stands permanents
+<span class="info">Cliquer pour afficher / masquer </span>
 </h2>
 
 <table>
@@ -180,6 +181,8 @@ Stands permanents
 
 <h2>
 Vendredi 7 février 2019
+<span class="info">Cliquer pour afficher / masquer </span>
+
 </h2>
 <table>
   <thead>
@@ -257,6 +260,8 @@ Vendredi 7 février 2019
 
 <h2>
 Samedi 8 février 2019
+<span class="info">Cliquer pour afficher / masquer </span>
+
 </h2>
 <table>
   <thead>
@@ -358,5 +363,15 @@ Samedi 8 février 2019
 
 </tbody>
 </table>
+<script>
+jQuery(function(){
+  jQuery("h2").live("click",function(e){
+    var el = jQuery(this);
+    el.next().toggle();
+    })
+
+
+  })
+</script>
 </body>
 </html>