diff --git a/content/addition.html b/content/addition.html
index 35ce02f..062f7a4 100644
--- a/content/addition.html
+++ b/content/addition.html
@@ -3,8 +3,9 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Additionneur avec Bulma</title>
+  <title>Additionner</title>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
+  <script src="../static/js/script.js"></script>
 </head>
 <body>
   <section class="section">
@@ -28,7 +29,7 @@
 
         <div class="field is-grouped is-justify-content-center">
           <div class="control">
-            <button class="button is-primary" onclick="additionner()">Additionner</button>
+            <button class="button is-primary" id="additionner" >Additionner</button>
           </div>
         </div>
 
diff --git a/index.html b/index.html
index 4945e9b..e9426cb 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,7 @@
             <a class="navbar-item" href="./index.html"> Home </a>
             <a class="navbar-item" href="./content/contact.html"> Contact </a>
             <a class="navbar-item" href="./content/produits.html"> Produits </a>
+            <a class="navbar-item" href="./content/addition.html"> Addition </a>
             </div>
           </div>
       
diff --git a/static/css/style.css b/static/css/style.css
index 7cdbe3c..0c31853 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -18,6 +18,7 @@ h3 h1 {
   color: var(--primary-text-color) !important;
 }
 
+
 /* DARK MODE */
 :root {
     --bg-color: #fff;
@@ -72,12 +73,19 @@ body {
 
 /* TRICKY BOUTON */
 .button-area {
-    width: 100%;
+    width: 80%;
     height: 300px;
     position:relative;
     overflow: hidden;
     border: 1px solid #ccc;
+    margin: 0 auto;
   }
+
+.contour {
+  border: 1px solid #ccc;
+  width: 80%;
+  margin: 0 auto;
+}
   
 #trickyButton {
   position: absolute;
@@ -91,6 +99,7 @@ body {
 }
 
 #incrementer {
+  margin-top: 5px;
   padding: 10px 20px;
   background-color: #3f57c0 !important;
   color: white !important;
diff --git a/static/js/script.js b/static/js/script.js
index ab0d6b9..81e10cf 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -60,6 +60,7 @@ document.addEventListener("DOMContentLoaded", function () {
     } else {
       const somme = a + b;
       document.getElementById('resultat').textContent = somme;
+      document.getElementById('resultBox').style.display = "block";
     }
   });
 });
