maj

css/style.css

@@ -182,7 +182,7 @@ body::before {
 }
 
 .hiddenTable {
-  max-height: 65vh;
+  max-height: 50vh;
   overflow-y: hidden;
 }
 
@@ -197,14 +197,17 @@ footer {
   bottom: 0;
   width: 100%;
   background-color: #1e1e1e;
-  padding: 1.5vh;
+  padding: 1vh;
   border-top: 1px solid #333;
   color: #e0e0e0;
+  font-size: 2vh;
 }
 
 #metric_viewer {
-  margin-left: 14px;
-  background-color: rgb(227, 216, 216);
+  margin-left: 3vw;
+  background-color: #444;
+  font-size: bold;
+  opacity: 0.79;
 }
 
 .default-access-button {

css/style_menu.css

@@ -85,7 +85,7 @@
   cursor: pointer;
   background-color: transparent;
   font-size: 20vh;
-  color: white;
+  color: rgb(57, 89, 217);
   border: none;
   bottom: 25vh;
   transition: transform 0.3s, box-shadow 0.3s;

css/style_projet.css

@@ -2,12 +2,16 @@
   float: left;
   display: inline;
   width: 49%;
-  margin-bottom: 10vh;
 }
 
 .picture_placeHolder {
   width: 15.5vw;
   height: 15.5vh;
+  display: block!important;
+}
+.picture_placeHolder img {
+  width: 100%;
+  height: 100%;
 }
 
 .video {
@@ -62,7 +66,7 @@
   cursor: pointer;
   padding-top: 1em; 
   border-radius: 4px;
-  bottom: 45px; /* Adjust as needed to position below the table */
+  bottom: 6vh; /* Adjust as needed to position below the table */
   left: 72%;
   transform: translateX(-50%);
   display: flex;
@@ -104,7 +108,7 @@
 
 .left-bar:after, .right-bar:after {
   content: "";
-  background-color: white;
+  background-color: rgb(231, 65, 65);
   width: 40px;
   height: 10px;
   display: block;