Add CSS

ruty/styles/styletodo.css

@@ -170,4 +170,50 @@ li.nav2:hover {
 .todo-list {
     color: white;
     font-size: 30px;
-};
+};
+
+    /* Style pour le bouton "+" */
+    #add-task-button {
+        position: fixed;
+        bottom: 20px;
+        right: 20px;
+        width: 50px;
+        height: 50px;
+        background-color: #28a745;
+        color: white;
+        border-radius: 50%;
+        font-size: 30px;
+        text-align: center;
+        line-height: 50px;
+        cursor: pointer;
+    }
+
+    /* Style pour le menu latéral d'ajout de tâche */
+    #task-menu {
+        position: fixed;
+        top: 0;
+        right: -300px; /* Menu caché au départ */
+        width: 300px;
+        height: 100%;
+        background-color: #f4f4f4;
+        box-shadow: -2px 0 5px rgba(0,0,0,0.5);
+        padding: 20px;
+        transition: right 0.3s ease-in-out;
+    }
+
+    #task-menu.open {
+        right: 0; /* Quand le menu est ouvert, il se déplace */
+    }
+
+    #task-menu h2 {
+        margin-top: 0;
+    }
+
+    /* Bouton de fermeture */
+    #close-menu {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        font-size: 20px;
+        cursor: pointer;
+    }