Ajout du changements d'informations sur le /profile. Début pour le /event. Modification du CSS.

Co-authored-by: Charpentier Juliette <juliette.charpentier1@etu.u-pec.fr>

styles/footer.css

@@ -13,6 +13,7 @@
   opacity: 0.97;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
   font-family: RobotoFlex;
+  margin-top: auto;
 }
 .site-footer hr {
   border-top-color: #bbb;

styles/header.css

@@ -12,9 +12,10 @@ body {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
-  background: #232323;
+  background: #26272b;
   color: #cdcdcd;
-  padding: 20px;
+  padding-inline: 20px;
+  height: 92px;
   z-index: 1;
   -webkit-user-select: none;
   user-select: none;
@@ -102,7 +103,8 @@ body {
 
 .menu li {
   margin-top: 1rem;
-  font-size: 21px;
+  font-size: 18px;
+  vertical-align: center;
 }
 
 /* mobile styles */
@@ -174,6 +176,7 @@ body {
   .menu ul {
     display: flex;
     padding: 0;
+    align-items: center;
   }
 
   .menu li {

styles/main.css

@@ -17,6 +17,9 @@ body {
   overflow-x: hidden;
   font-family: "RobotoFlex";
   margin: 0;
+  min-height: 100dvh;
+  display: flex;
+  flex-direction: column;
 }
 body::before {
   content: "";
@@ -29,7 +32,7 @@ body::before {
   z-index: -1;
 }
 .login-container {
-  background: #232323;
+  background: #26272b;
 
   align-items: center;
   opacity: 1;
@@ -170,3 +173,46 @@ p.text {
   padding-left: 2rem;
   font-family: "RobotoFlex";
 }
+
+.avatar {
+  width: 48px;
+  height: 48px;
+  display: block;
+}
+
+.searchbar {
+  display: flex;
+  justify-content: center;
+  margin-top: 1rem;
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.searchbar input {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #121216;
+  border-radius: 5px;
+  background-color: #34353a;
+  color: #fffe;
+  transition: all 0.3s ease;
+}
+.searchbar input:focus,
+.searchbar input:not(:placeholder-shown) {
+  border-color: #007bff;
+}
+.searchbar button {
+  padding: 0.5rem;
+  border: none;
+  background-color: #f4b400;
+  color: white;
+  font-size: 1rem;
+  font-weight: 700;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: all 0.3s ease;
+  width: 17rem;
+  margin-left: 0.25rem;
+}
+.searchbar button:hover {
+  background-color: #f4a400;
+}