diff --git a/public/css/spreadsheet-style.css b/public/css/spreadsheet-style.css
index 15a43b7ddfa68a9b9b8495f732740b5671d484e7..261629e6a5c405fb3cec8ad5178de4ad82eeb2b7 100644
--- a/public/css/spreadsheet-style.css
+++ b/public/css/spreadsheet-style.css
@@ -20,4 +20,52 @@
tr:nth-child(odd) td {
background-color: #f9f9f9;
}
-
\ No newline at end of file
+
+ .navbar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ background-color: #081229;
+ color: white;
+}
+
+.navbar_ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ background-color: #081229;
+}
+
+.navbar li {
+ float: left;
+ text-align: center;
+ padding: 20px 16px;
+}
+
+.navbar li a {
+ display: block;
+ color: white;
+ text-decoration: none;
+}
+
+.navbar li a:hover {
+ background-color: #111;
+}
+
+.navbar button{
+ float : right;
+ background: #0b3595;
+ border: 0;
+ outline : none;
+ border-radius: 30px;
+ color: white;
+}
+
+footer {
+ text-align: center;
+ padding: 5px;
+ background-color: #081229;
+ color: #FFF;
+}
diff --git a/public/res/construction.png b/public/res/construction.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcd3f1032950c9839b9d2bc74fc1b39e7f51d72b
Binary files /dev/null and b/public/res/construction.png differ
diff --git a/views/mydocuments.ejs b/views/mydocuments.ejs
new file mode 100644
index 0000000000000000000000000000000000000000..9d3c92108286575312f43d5af3e978eb7d08a89c
--- /dev/null
+++ b/views/mydocuments.ejs
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Construction en cours</title>
+ <style>
+ body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ font-family: Arial, sans-serif;
+ background-color: #f1f1f1;
+ }
+
+ .container {
+ text-align: center;
+ }
+
+ .message {
+ font-size: 24px;
+ font-weight: bold;
+ color: #333;
+ margin-bottom: 20px;
+ }
+
+ .image {
+ width: 200px;
+ height: 200px;
+ margin-bottom: 20px;
+ }
+ </style>
+</head>
+<body>
+ <div class="container">
+ <h1 class="message">Construction en cours</h1>
+ <img class="image" src="res/construction.png" alt="Construction en cours">
+ <p>Veuillez revenir ultérieurement.</p>
+ </div>
+</body>
+</html>