diff --git a/ruty/todo.php b/ruty/todo.php
index f8f5be7..7927a90 100644
--- a/ruty/todo.php
+++ b/ruty/todo.php
@@ -2,7 +2,55 @@
     <head>
         <title>Ruty - ToDo List</title>
         <link rel="stylesheet" href="styles/styletodo.css">
-        <link rel="icon" href="img/logo.png">        
+        <link rel="icon" href="img/logo.png">   
+        
+<style>
+        /* 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;
+        }
+</style>
     </head>
     <body>
         <header id="header">
