diff --git a/static/css/main.css b/static/css/main.css
index f06e7a8..1d3b422 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -75,7 +75,9 @@ body {
 }
 
 /* side menu */
-
+.side-menu .nav-item{
+  position: relative;
+}
 .side-menu .nav-link{
   color: black;
   padding: 0.725rem 1rem;
@@ -84,13 +86,18 @@ body {
   border-left: 0px solid #f28705;
   transition: all ease-in 0.25s;
 }
-.side-menu .nav-link.active{
+.side-menu .nav-link:active, .side-menu .nav-link.active{
   background-color: #f28705;
   font-weight: 700;
   pointer-events: none;
   cursor: default;
 }
-
+.side-menu .nav-link:not(.active):hover{
+  color: black;
+  background: #fdc314;
+  border-left: 6px solid #f28705;
+  transition: all ease-in 0.25s;
+}
 .side-menu .nav-link:focus{
   color: black;
   background-color: #fdc314;
@@ -161,7 +168,14 @@ body {
   padding: 1.5rem;
   transition: all ease-out 0.3s;
 }
-
+#tandem-meet .col:hover{
+  background-color: var(--accent-light);
+  border-radius: 0.5rem;
+  transition: all ease-out 0.3s;
+}
+#tandem-meet .col:hover .form-check-input{
+  --bs-border-color: var(--primary);
+}
 #tandem-meet .col img{
   margin-bottom: 1rem;
 }
@@ -259,6 +273,11 @@ article li:not(:first-of-type){
   padding: 0.5em 1.5em;
   border: none;
 }
+.btn-hero-primary:hover{
+  background-color: var(--primary);
+/*   border-color: var(--primary); */
+  color: white;
+}
 
 .btn-hero-secondary{
   border-color: var(--primary);
@@ -271,7 +290,11 @@ article li:not(:first-of-type){
   padding: 0.5em 1.5em;
 }
 
-
+.btn-cta:hover{
+  background-color: var(--accent-normal);
+  color: white;
+  border: 1px solid white;
+}
 .btn-cta, .btn-primary, .btn-secondary, .btn-outline-primary, .btn-outline-secondary{
   font-size: 1em;
 }
@@ -407,29 +430,4 @@ footer a img{
   .partners-logo-grid{
     grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
   }
-}
-@media (hover: hover) {
-  .btn-cta:hover{
-    background-color: var(--accent-normal);
-    color: white;
-    border: 1px solid white;
-  }
-  #tandem-meet .col:hover{
-    background-color: var(--accent-light);
-    border-radius: 0.5rem;
-    transition: all ease-out 0.3s;
-  }
-  #tandem-meet .col:hover .form-check-input{
-    --bs-border-color: var(--primary);
-  }
-  .btn-hero-primary:hover{
-    background-color: var(--primary);
-    color: white;
-  }
-  .side-menu .nav-link:not(.active):hover{
-    color: black;
-    background: #fdc314;
-    border-left: 6px solid #f28705;
-    transition: all ease-in 0.25s;
-  }
 }
\ No newline at end of file
diff --git a/tandem-list.html b/tandem-list.html
index 1b8b520..d614503 100644
--- a/tandem-list.html
+++ b/tandem-list.html
@@ -31,42 +31,27 @@
                             <nav class="side-menu" id="offSideMenu">
                                 <ul class="nav flex-column mb-auto">
                                     <li class="nav-item">
-                                        <a href="#"class="nav-link active" aria-current="page">Rechercher des TANDEMs</a>
+                                        <a href="#" role="menuitem" class="nav-link active" aria-current="page">Rechercher des TANDEMs</a>
                                     </li>
                                     <li>
-                                        <a href="#" class="nav-link">Mes TANDEMs</a>
+                                        <a href="#" role="menuitem" class="nav-link">Mes TANDEMs</a>
                                     </li>
                                     <li>
-                                        <a href="profile.html" class="nav-link">Modifier mon profil</a>
+                                        <a href="profile.html" role="menuitem" class="nav-link">Modifier mon profil</a>
                                     </li>
                                     <li>
-                                        <a href="#" class="nav-link">Demandes reçues <span class="badge text-bg-secondary rounded-pill">101</span></a>
+                                        <a href="#" role="menuitem" class="nav-link">Demandes reçues <span class="badge text-bg-secondary rounded-pill">101</span></a>
                                     </li>
                                     <li>
-                                        <a href="#" class="nav-link">Demandes envoyées</a>
+                                        <a href="#" role="menuitem" class="nav-link">Demandes envoyées</a>
                                     </li>
                                     <li>
-                                        <a href="#" class="nav-link">Statistiques</a>
+                                        <a href="#" role="menuitem" class="nav-link">Statistiques</a>
                                     </li>
                                     <li>
-                                        <a href="#" class="nav-link">Espace documentaire</a>
+                                        <a href="#" role="menuitem" class="nav-link">Espace documentaire</a>
                                     </li>
-                                </ul>
-                                <div class="menu-separator">Admin</div>
-                                <ul class="nav flex-column mb-auto">
-                                    <li class="nav-item">
-                                        <a href="#" class="nav-link">Comptes</a>
-                                    </li>
-                                    <li class="nav-item">
-                                        <a href="#" class="nav-link">Signalements</a>
-                                    </li>
-                                    <li class="nav-item">
-                                        <a href="#" class="nav-link">Langues</a>
-                                    </li>
-                                    <li class="nav-item">
-                                        <a href="#" class="nav-link">Dictionnaire</a>
-                                    </li>
-                                </ul>
+                                </ul>                
                             </nav>
                             <div class="d-flex align-items-center gap-2 ms-auto">
                                 <div class="col">
@@ -77,9 +62,9 @@
                                         <option>Italiano</option>
                                         <option>Rumantsch</option>
                                         <option>English</option>
-                                    </select>
+                                    </select>                                    
                                 </div> 
-                            </div>
+                            </div>                            
                         </div>
                     </div>
                 </div>