diff --git a/doc/Diagrammes/DiagrammeClasse.drawio b/doc/Diagrammes/DiagrammeClasse.drawio
new file mode 100644
index 0000000..21ab96b
--- /dev/null
+++ b/doc/Diagrammes/DiagrammeClasse.drawio
@@ -0,0 +1 @@
+<mxfile host="app.diagrams.net" modified="2022-11-18T08:49:01.889Z" agent="5.0 (X11)" etag="V0TgOB312a1JtrdcmcmG" version="20.4.0" type="device"><diagram id="C5RBs43oDa-KdzZeNtuy" name="Page-1">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</diagram></mxfile>
\ No newline at end of file
diff --git a/doc/Diagrammes/DiagrammeClasse.png b/doc/Diagrammes/DiagrammeClasse.png
new file mode 100644
index 0000000..5702441
Binary files /dev/null and b/doc/Diagrammes/DiagrammeClasse.png differ
diff --git a/src/Vue/css/inscription.css b/src/Vue/css/inscription.css
index 35d7376..fa85dc7 100644
--- a/src/Vue/css/inscription.css
+++ b/src/Vue/css/inscription.css
@@ -1,8 +1,20 @@
-
 body {
-  background: #33cc33;
+ background: linear-gradient(to right, #ffffff,#38B6FF);
   font-family: sans-serif;
 }
+
+.main-logo{
+  display: flex;
+  flex-direction: column;
+  margin-left: auto;
+  margin-right: auto;
+  align-items: center;
+}
+
+.main-logo img{
+  width: 50%;
+}
+
 body fieldset {
   box-shadow: 0 8px 10px #29a329;
 }
@@ -14,7 +26,7 @@ body.error fieldset {
   box-shadow: 0 8px 10px #bd3200;
 }
 
-h1, h2 {
+h2 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -24,9 +36,11 @@ h1, h2 {
 }
 
 h1 {
-  top: 24px;
   color: white;
-  font-size: 12px;
+  font-size: 100%;
+  /*transform: translateX(-50%);*/
+  font-family: sans-serif;
+  text-transform: uppercase;
 }
 
 h2 {
diff --git a/src/Vue/html/inscription.html b/src/Vue/html/inscription.html
index 70781e4..c36df33 100644
--- a/src/Vue/html/inscription.html
+++ b/src/Vue/html/inscription.html
@@ -16,8 +16,11 @@
     </head>
 
     <body>
-      
-          <h1>Inscription</h1>
+          <div class="main-logo">
+            <img src="../Images/Logo.png" alt="logo">
+            <h1>Inscription</h1>
+          </div>
+          
         
           <form>