diff --git a/html/base.html b/html/base.html
index 0bccb28..cb6d134 100644
--- a/html/base.html
+++ b/html/base.html
@@ -57,6 +57,9 @@
             $(".navbar-burger").toggleClass("is-active");
             $(".navbar-menu").toggleClass("is-active");
         });
+        $(".button").click(function() {
+            $(this).addClass("is-loading");
+        });
         // Redirige vers la page tapé dans la barre de recherche | recheche brut, possible d'amélioration avec 
         // auto-complétion, créer une page web "page n'existe pas", recherche par motsclés, page avec une liste des 
         // pages web possibles en fonction de ce que entre l'utilisateur
diff --git a/html/export_yaml_to_html.py b/html/export_yaml_to_html.py
index e8e5b10..8398c58 100644
--- a/html/export_yaml_to_html.py
+++ b/html/export_yaml_to_html.py
@@ -91,30 +91,26 @@ template = env.from_string("""
     {% extends "base.html" %}
     {% block title %}{{data.code}} - {{data.nom}}{{data.titre}}{% endblock %}
     {% block content %}
-            <nav class="level">
+            <nav class="level is-mobile">
                 <div class="level-left">
-                {% if precedent %}
                     <div class="level-item">
-                        <a class="button" href="{{precedent}}">
+                        <a class="button is-primary is-outlined{% if not precedent %} is-static"{% else %}" href="{{precedent}}"{% endif %}>
                             <span class="icon is-small">
                                 <i class="fas fa-arrow-left"></i>
                             </span>
                             <span>Précédent</span>
                         </a>
                     </div>
-                {% endif %}
                 </div>
                 <div class="level-right">
-                {% if suivant %}
                     <div class="level-item">
-                        <a class="button" href="{{suivant}}">
+                        <a class="button is-primary is-outlined{% if not suivant %} is-static"{% else %}" href="{{suivant}}"{% endif %}>
                             <span>Suivant</span>
                             <span class="icon is-small">
                                 <i class="fas fa-arrow-right"></i>
                             </span>
                         </a>
-                    </div>
-                {% endif %}    
+                    </div>   
                 </div>
             </nav>
             <table class="table is-bordered is-hoverable is-fullwidth">
@@ -148,30 +144,26 @@ template = env.from_string("""
                     {% endfor %}
                 </tbody>
             </table>
-            <nav class="level">
+            <nav class="level is-mobile">
                 <div class="level-left">
-                {% if precedent %}
                     <div class="level-item">
-                        <a class="button" href="{{precedent}}">
+                        <a class="button is-primary is-outlined{% if not precedent %} is-static"{% else %}" href="{{precedent}}"{% endif %}>
                             <span class="icon is-small">
                                 <i class="fas fa-arrow-left"></i>
                             </span>
                             <span>Précédent</span>
                         </a>
                     </div>
-                {% endif %}
                 </div>
                 <div class="level-right">
-                {% if suivant %}
                     <div class="level-item">
-                        <a class="button" href="{{suivant}}">
+                        <a class="button is-primary is-outlined{% if not suivant %} is-static"{% else %}" href="{{suivant}}"{% endif %}>
                             <span>Suivant</span>
                             <span class="icon is-small">
                                 <i class="fas fa-arrow-right"></i>
                             </span>
                         </a>
-                    </div>
-                {% endif %}    
+                    </div>   
                 </div>
             </nav>
     {% endblock %}