searchbox a11y, fix heading hierarchy

sass/_duniter.sass

@@ -26,25 +26,40 @@ footer
     color: white
 
 @font-face 
-    font-family: Ubuntu-Regular
+    font-family: Ubuntu
+    font-weight: normal
     src: url(/fonts/Ubuntu/Ubuntu-R.ttf)
     font-display: fallback
 
 @font-face 
-    font-family: Ubuntu-Bold
+    font-family: Ubuntu
+    font-weight: bold
     src: url(/fonts/Ubuntu/Ubuntu-B.ttf)
     font-display: fallback
 
 body
-    font-family: Ubuntu-Regular
+    font-family: Ubuntu
     font-size: 100%
 
 code
     // color: #c0c5ce
     color: #1d4284 // changement du thème du code (à tester)
 
-h1, h2, h3, h4, h5, h6
-    font-family: Ubuntu-Bold
+h1, h2, h3, h4, h5, h6,
+    font-family: Ubuntu
+    font-weight: bold
+
+.false_h1, .false_h2, .false_h3, .false_h4, .false_h5, .false_h6
+    font-family: Ubuntu
+    font-weight: bold
+    display: block
+    margin: 10px 0
+
+.false_h2
+    font-size: 30px
+
+.false_h3
+    font-size: 24px
 
 a
     color: #5096C8

sass/components/_numbercard.sass

@@ -7,10 +7,10 @@
         flex-basis: 25%
         min-width: 200px
         margin: 1em
-        > h2, h3
+        > .false_h2, .false_h3
             text-align: center
             margin: 0
-        > h2
+        > .false_h2
             font-size: 3em
-        > h3
+        > .false_h3
             font-size: 1.5em
\ No newline at end of file

templates/custom/accueil.html

@@ -80,15 +80,15 @@
         <h1 class="w3-center">Un projet taillé pour durer</h1>
         <div class="numbercards">
             <div class="numbercard">
-                <h2>11</h2><h3>ans</h3>
+                <span class="false_h2">11</span><span class="false_h3">ans</span>
                 <p>Onze années d'histoire entre l'écriture de la Théorie Relative de la Monnaie et aujourd'hui. De nombreuses rencontres et échanges humains.</p>
             </div>
             <div class="numbercard">
-                <h2>14</h2><h3>RML</h3>
+                <span class="false_h2">14</span><span class="false_h3">RML</span>
                 <p>Tous les 6 mois depuis juin 2013, sont organisées les Rencontres Monnaies Libres. Ces événements sont des expériences techniques et humaines très enrichissantes.</p>
             </div>
             <div class="numbercard">
-                <h2>22</h2><h3>développeurs</h3>
+                <span class="false_h2">22</span><span class="false_h3">développeurs</span>
                 <p>De nombreux développeurs se sont investis dans la partie technique du projet et des milliers d’utilisateurs participent à son essor par leurs diverses contributions.</p>
             </div>
         </div>

templates/footer.html

 <footer class="w3-cell-row">
-  <div class="w3-container w3-cell w3-mobile">
-      <h3>Rechercher un contenu</h3>
-      <input id="footersearch" type="text" class="search-query search_input" placeholder="Rechercher...">
+  <div class="w3-container w3-cell w3-mobile" role="search">
+      <span class="false_h3">Rechercher un contenu</span>
+      <input id="footersearch" type="search" class="search-query search_input" placeholder="Rechercher...">
       <script>
         /// CUSTOM DIRTY CODE TO GO TO SEARCH PAGE
         var $footerSearch = document.getElementById("footersearch");
@@ -17,8 +17,8 @@
   </div>
   
   <div class="w3-container w3-cell w3-mobile">
-      <h3>Vous voyez une erreur ?</h3>
-      <a class="w3-button" href="{{ get_url(path='@/wiki/about/contact.md') }}">Dites-le sur le forum !</a>
+      <span class="false_h3">Vous voyez une erreur&#8239;?</span>
+      <a class="w3-button" href="{{ get_url(path='@/wiki/about/contact.md') }}">Dites-le sur le forum&#8239;!</a>
   </div>
   
   <div class="w3-container w3-cell w3-mobile">
@@ -28,4 +28,4 @@
       </ul>
   </div>
   
-  </footer>
\ No newline at end of file
+</footer>
\ No newline at end of file