diff --git a/app/templates/container.html b/app/templates/container.html
index 571e9bd..8d9f08a 100644
--- a/app/templates/container.html
+++ b/app/templates/container.html
@@ -114,6 +114,17 @@
     <script>window.jQuery || document.write('<script src="{{url_for('static', filename="js/bootstrap_js_assets/vendor/jquery-slim.min.js")}}"><\/script>')</script>
     <script src="{{url_for('static', filename='js/vendor/popper.min.js')}}"></script>
     <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js" integrity="sha512-J9QfbPuFlqGD2CYVCa6zn8/7PEgZnGpM5qtFOBZgwujjDnG5w5Fjx46YzqvIh/ORstcj7luStvvIHkisQi5SKw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script type="text/javascript" src="{{url_for('static', filename='js/footnotes_js/bigfoot.js')}}"></script>
+<script type="text/javascript">
+    var bigfoot = $.bigfoot(
+        {
+            deleteOnUnhover: false,
+            preventPageScroll: false,
+            hoverDelay: 250
+        }
+    );
+</script>
     <!-- Just to make our placeholder images work. Don't actually copy the next line! 
     <script src="../static/js/bootstrap_js_assets/vendor/holder.min.js"></script>-->
   </body>
diff --git a/app/templates/partials/app_css_links.html b/app/templates/partials/app_css_links.html
index d7c98eb..826f9c2 100644
--- a/app/templates/partials/app_css_links.html
+++ b/app/templates/partials/app_css_links.html
@@ -7,4 +7,7 @@
 
 
     <!-- Custom styles for Actes princiers project -->
-    <link href="{{url_for('static', filename='css/custom_style_main.css')}}" rel="stylesheet">
\ No newline at end of file
+    <link href="{{url_for('static', filename='css/custom_style_main.css')}}" rel="stylesheet">
+
+    <!-- Custom styles for footnotes -->
+    <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/footnotes_css/bigfoot-default.css">
\ No newline at end of file