$

src/components/global/localisationpath/loc.riot

@@ -0,0 +1,3 @@
+<loc>
+    <p>BUT - PRODUCTION - Informatique</p>
+</loc>

src/components/global/path/path.riot

@@ -1,3 +0,0 @@
-<path>
-    <p>Salut</p>
-</path>

src/components/includes/loader/loader.riot

@@ -4,7 +4,7 @@
       <g fill="none" fill-rule="evenodd">
           <g transform="translate(1 1)" stroke-width="2">
               <circle stroke-opacity=".5" cx="18" cy="18" r="18"/>
-              <path d="M36 18c0-9.94-8.06-18-18-18">
+              <localisationpath d="M36 18c0-9.94-8.06-18-18-18">
                   <animateTransform
                       attributeName="transform"
                       type="rotate"
@@ -12,7 +12,7 @@
                       to="360 18 18"
                       dur="1s"
                       repeatCount="indefinite"/>
-              </path>
+              </localisationpath>
           </g>
       </g>
   </svg>

src/pages/home.riot

@@ -27,11 +27,21 @@
 			border-radius: 10px;
 
 		}
+
+		#main-container
+		#top
+		loc {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 200px;
+			height: 10px;
+		}
 	</style>
 
 	<div id="main-container">
 		<div id="top">
-			<path />
+			<loc />
 		</div>
 
 		<div id="right">