ajout de l'effet de hover sur les items de droite

css/style.css

@@ -47,7 +47,7 @@ header .right-pane {
     flex: 1;
     display: flex;
     flex-wrap: wrap;
-    overflow-y: auto; 
+    overflow-y: auto;
 }
 
 header .left-pane ul, header .right-pane ul {
@@ -75,7 +75,7 @@ header .left-pane a.active, header .right-pane li:hover, header .right-pane li.s
 
 header .right-pane .file-item {
     text-align: center;
-    width: 100px; 
+    width: 100px;
     height: 100px;
     display: flex;
     flex-direction: column;
@@ -83,16 +83,16 @@ header .right-pane .file-item {
     justify-content: center;
     margin: 5px;
     transition: background-color 0.3s ease;
+    cursor: pointer; /* Ajoutez le curseur pointeur sur la boîte entière */
 }
 
 header .right-pane .file-item img {
-    margin-bottom: -20px; 
     width: 60px;
     height: 50px;
 }
 
 header .right-pane .file-item a {
-    margin-top: 0; 
+    margin-top: 5px;
     width: 100%;
     text-align: center;
 }
@@ -102,11 +102,6 @@ header .right-pane .file-item:hover {
     border-radius: 5px;
 }
 
-header .right-pane .file-item:hover img,
-header .right-pane .file-item:hover a {
-    background: none; 
-}
-
 .cv-container {
     position: absolute;
     right: 50%;