diff --git a/sass/button.scss b/sass/button.scss
index 1d8c946..1fd0e5d 100644
--- a/sass/button.scss
+++ b/sass/button.scss
@@ -54,7 +54,7 @@
     &.is-link {
         background-color: transparent;
         border-color: $nord9;
-        color: $nord9;
+        color: var(--button-link-text-color);
 
         &:hover {
             border-color: darken($nord9, $hoverAmount);
diff --git a/sass/colors.scss b/sass/colors.scss
index bd46fcb..441062c 100644
--- a/sass/colors.scss
+++ b/sass/colors.scss
@@ -29,7 +29,7 @@ $danger-color-hl: darken($danger-color, $hoverAmount);
 $warning-color-hl: darken($warning-color, $hoverAmount);
 $success-color-hl: darken($success-color, $hoverAmount);
 
-$button-font-color: $nord1;
+$button-font-color: #2C364A;
 $button-alternate-color: #01103C;
 
 $pagination-border-color: $nord3;
@@ -54,6 +54,8 @@ $pagination-hover-color: rgb(115, 151, 186);
 
     --border-color: #{$nord4};
 
+    --button-link-text-color: #2C364A;
+
     --nord0: #{$nord0};
     --nord1: #{$nord1};
     --nord2: #{$nord2};
@@ -90,4 +92,6 @@ $pagination-hover-color: rgb(115, 151, 186);
     --box-shadow-color: #{rgba($nord4, 0.2)};
 
     --border-color: #{$nord1};
+
+    --button-link-text-color: #{$white};
 }
\ No newline at end of file
diff --git a/views/pages/composants.ejs b/views/pages/composants.ejs
index bcf5c68..79b8ee6 100644
--- a/views/pages/composants.ejs
+++ b/views/pages/composants.ejs
@@ -121,13 +121,13 @@
 
     <h2 id="formulaires">Les formulaires</h2>
     <div class="field">
-        <label for="email">Adresse e-mail</label>
-        <input type="email" name="email" id="email" placeholder="ex : damien@darkou.fr">
+        <label for="demo-email">Adresse e-mail</label>
+        <input type="email" name="email" id="demo-email" placeholder="ex : damien@darkou.fr">
     </div>
     <pre>
 &lt;div class="field"&gt;
-    &lt;label for="email"&gt;Adresse e-mail&lt;/label&gt;
-    &lt;input type="email" name="email" id="email" placeholder="ex : damien@darkou.fr"&gt;
+    &lt;label for="demo-email"&gt;Adresse e-mail&lt;/label&gt;
+    &lt;input type="email" name="email" id="demo-email" placeholder="ex : damien@darkou.fr"&gt;
 &lt;/div&gt;
     </pre>
     <div class="field">
@@ -168,16 +168,24 @@
 &lt;/select&gt;
 &lt;/div&gt;
     </pre>
-    <div class="field">
+    <form>
+    <fieldset>
+    <div class="field inline">
         <label for="choix1">choix 1</label>
         <input type="radio" id="choix1" name="choix" value="choix1" checked>
+    </div>
+    <div class="field inline">
         <label for="choix2">choix 2</label>
         <input type="radio" id="choix2" name="choix" value="choix2">
     </div>
+    </fieldset>
+</form>
     <pre>
-&lt;div class="field"&gt;
+&lt;div class="field inline"&gt;
     &lt;label for="choix1"&gt;choix 1&lt;/label&gt;
     &lt;input type="radio" id="choix1" name="choix" value="choix1" checked&gt;
+&lt;/div&gt;
+&lt;div class="field inline"&gt;
     &lt;label for="choix2"&gt;choix 2&lt;/label&gt;
     &lt;input type="radio" id="choix2" name="choix" value="choix2"&gt;
 &lt;/div&gt;