test.md

 ---
 title: _test_home
 ---
+
 <main class="wiki-home">
     <style>
         :root {
@@ -82,6 +83,35 @@ title: _test_home
             outline-offset: 2px;
         }
 
+/* bouton bleu */
+
+        .wiki-home .service-button-container {
+            text-align: center;
+            margin-top: 30px; /* Espace au-dessus du bouton */
+        }
+
+        .wiki-home .service-button {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: #6a6af4;
+            color: white;
+            text-decoration: none;
+            border-radius: 5px;
+            font-size: 16px;
+            font-weight: bold;
+            transition: background-color 0.3s ease, transform 0.2s ease;
+        }
+
+        .wiki-home .service-button:hover,
+        .wiki-home .service-button:focus {
+            background-color: #5858d0; /* Une teinte plus foncée pour l'effet hover */
+            transform: translateY(-2px);
+        }
+
+        .wiki-home .service-button:active {
+            transform: translateY(0);
+        }
+
 /* Responsive design */
         @media (min-width: 768px) {
             .wiki-home .grid-container {
@@ -96,6 +126,13 @@ title: _test_home
         }
     </style>
 
+ <!-- Bouton de service indépendant -->
+    <div class="service-button-container">
+        <a href="https://bnum.din.gouv.fr/" class="service-button" aria-label="Accédez au service">
+            Accédez au service
+        </a>
+    </div>
+
     <div class="grid-container">
         <!-- Tuile 1 -->
         <a href="/lien-vers-page1" class="tile" aria-label="En savoir plus sur Grist">