barre menu en haut + ajustement style

front_end/src/components/style/SwitchThemeColor.css

@@ -1,11 +0,0 @@
-.ButtonTheme{
-    height: 35px;
-    width: 39px;
-    color: var(--text);
-    background-color: var(--tint3);
-    border-radius: 10px;
-    margin: 0px;
-    font-size: 20px;
-    display: inline;
-    border-color: var(--green-A-primary);
-}

front_end/src/components/style/edt.css

@@ -32,11 +32,10 @@
 }
 
 .edt_colonne {
-  display: grid;
   background-color: var(--tint3);
   border-radius: 20px;
-  container-type: inline-size;
   transition: all 0.3s ease;
+  height: 100%;
 }
 
 
@@ -49,6 +48,7 @@
   font-size: 1em;
   background: linear-gradient(135deg, var(--green-A-primary), var(--green-A-dark)); 
   font-weight: 600;
+  font-size: large;
 }
 
 .today{

front_end/src/components/style/objectList.css

@@ -52,7 +52,14 @@
 }
 
 .session_modal_activite_list{
+  display: grid;
   padding: 10px;
   background-color: var(--tint3);
   border-radius: 10px;
+  gap: 5px;
 }
+
+.activiteList{
+  display: flex;
+  gap: 10px;
+}

front_end/src/components/style/topBar.css

@@ -0,0 +1,69 @@
+.topBar{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding:15px;
+    background: var(--tint2);
+    border-radius: 30px;
+    height: 60px;
+    border: 3px solid var(--tint5);
+}
+
+.toBarLeft{
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+
+.topBarRight{
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 10px;
+}
+
+.loginContainer{
+    position: relative;
+}
+
+.login{
+    position:absolute;
+    right: 0;
+    top: 1;
+    display: grid;
+    gap:15px;
+    width: fit-content;
+    white-space: nowrap;
+    align-items: left;
+    background: var(--tint2) ;
+    padding: 10px;
+    border-radius: 15px;
+    border: 3px solid var(--tint5);
+}
+
+.loginButton{
+    width: 120px;
+    height: 30px;
+    border-radius: 15px;
+}
+
+
+.ButtonTheme{
+    height: 40px;
+    width: 40px;
+    color: var(--text);
+    background-color: var(--tint3);
+    border-radius: 15px;
+    font-size: 16px;
+    border-color: var(--tint5);
+}
+
+.ButtonTheme:hover{
+    border-color: var(--themeButtonColor);
+    color: var(--themeButtonColor);
+}
+
+.logo{
+    height: 30px;
+}