fix(DevWeb): Import static files

S2/DevWeb/Projet/src/main/webapp/static/css/dashboard.css

@@ -0,0 +1,27 @@
+html, body {
+    width: 100%;
+    height: 100%;
+}
+
+#main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+#Title {
+    text-align: center;
+    justify-self: center;
+    font-size: xxx-large;
+}
+
+.main-button {
+    display: flex;
+    flex-direction: column;
+    width: 180px;
+}
+
+input {
+    font-size: x-large;
+    margin: 10px 0;
+}

S2/DevWeb/Projet/src/main/webapp/static/css/login.css

@@ -0,0 +1,80 @@
+html {
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+
+body {
+    width: 100%;
+}
+
+main {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+/*Common */
+
+hr {
+    width: 100%;
+}
+
+.border-left {
+    border-left: ridge;
+    padding-left: 6%;
+}
+
+/*Section titre*/
+#title {
+    width:60%;
+    text-align: center;
+    font-size: xxx-large;
+}
+
+/*Section login / register*/
+#form {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+}
+
+h1 {
+    justify-self: center;
+}
+
+.flex-column {
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+}
+
+.login-gap {
+    gap: 20px;
+}
+
+.register-gap {
+    gap: 75px;
+}
+
+
+#login-form, #register-form {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-gap: 8% 2%;
+}
+
+#login-submit {
+    grid-column: 2/2;
+    grid-row: 3/3;
+    justify-self: right;
+}
+
+#register-submit {
+    grid-column: 2/2;
+    grid-row: 7/7;
+    justify-self: right;
+
+}

S2/DevWeb/Projet/src/main/webapp/static/css/modal.css

@@ -0,0 +1,72 @@
+body {
+    font-family: sans-serif;
+    padding: 30px;
+}
+
+.demo-description {
+    max-width: 460px;
+    margin: 0 auto;
+    line-height: 1.5;
+}
+
+.modal-toggle {
+    cursor: pointer;
+    color: #268bd2;
+}
+
+.modal-wrapper {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    background: rgba(0, 0, 0, 0.8);
+    display: none;
+
+    -webkit-transition: opacity 0.2s ease-in;
+    -moz-transition: opacity 0.2s ease-in;
+    transition: opacity 0.2s ease-in;
+
+    pointer-events: auto;
+}
+
+.modal-wrapper > div {
+    width: 460px;
+    height: 40%;
+    position: absolute;
+
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+
+    margin: auto;
+
+    vertical-align: middle;
+    padding: 20px;
+    border-radius: 6px;
+    background: #fff;
+
+    display: none;
+}
+
+.close {
+    background: #606061;
+    color: #ffffff;
+    line-height: 25px;
+    position: absolute;
+    right: -12px;
+    text-align: center;
+    top: -10px;
+    width: 24px;
+    text-decoration: none;
+    font-weight: bold;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    border-radius: 12px;
+}
+
+.close:hover {
+    background: #00d9ff;
+}

S2/DevWeb/Projet/src/main/webapp/static/css/navbar.css

@@ -0,0 +1,5 @@
+nav {
+    display: flex;
+    justify-content: right;
+    padding: 10px;
+}