various fixes

components/About/Logiciels.vue

@@ -180,6 +180,7 @@ li:before {
     border-top-left-radius: 10% !important;
     margin-right: -10px;
     margin-bottom: -10px;
+    z-index: 2;
 
     .v-icon {
       color: var(--on-primary-color);
@@ -188,8 +189,12 @@ li:before {
   }
 }
 
+.plus-button:hover {
+  filter: brightness(90%);
+}
+
 .container-image::after {
-  content: "";
+  content: '';
   position: absolute;
   top: 0;
   bottom: 0;

components/Layout/Captcha.vue

@@ -2,6 +2,7 @@
   <div class="d-flex flex-column">
     <vue-hcaptcha
       :sitekey="siteKey"
+      challenge-container="captchaDialog"
       @verify="onVerify"
       @expired="onExpire"
       @challenge-expired="onChallengeExpire"

components/Layout/Navigation.vue

@@ -14,12 +14,6 @@ Menu Navigation
     </div>
   </div>
   <div v-else class="loading-screen">
-    <v-img
-      src="/images/logos/opentalent/Logo_Opentalent-gris.png"
-      alt="Logo Opentalent - Agenda et logiciels culturels"
-      class="logo ml-4"
-      width="200"
-    />
     <v-progress-circular indeterminate />
   </div>
 </template>
@@ -75,7 +69,7 @@ const onIntersect = (isIntersecting: boolean) => {
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: center;
   height: 120px;
   padding: 16px;
   margin: 0 10%;

components/Layout/Navigation/Lg.vue

@@ -23,6 +23,7 @@
               v-bind="props"
               class="menuItem first-level"
               :to="item.to"
+              role="link"
             >
               {{ item.label }}
             </nuxt-link>

components/Layout/Navigation/Topbar.vue

@@ -32,7 +32,7 @@ import AgendaLink from '~/components/Common/AgendaLink.vue'
   font-size: 0.7rem;
 
   .v-btn {
-    margin: 4px 8px;
+    margin: 4px 12px;
     border-radius: 6px;
     height: 36px;
   }