minor fixes

components/Common/ActionMenu.vue

@@ -45,7 +45,7 @@ import { useLayoutStore } from "~/stores/layoutStore";
 import { ActionMenuItemType } from "~/types/enum/layout";
 import type { ActionMenuItem } from "~/types/interface";
 
-const { mdAndDown, lgAndUp } = useDisplay();
+const { lgAndUp } = useDisplay();
 const router = useRouter();
 const layoutStore = useLayoutStore()
 const { isMobileDevice } = useClientDevice()

components/Logiciels/School/SomeNumbers.vue

@@ -76,6 +76,10 @@ const items: Array<{ src: string }> = [
 </script>
 
 <style scoped lang="scss">
+.v-container {
+  --on-primary-color-alt: var(--secondary-color);
+}
+
 .custom-row {
   width: 90%;
   margin-right: auto;

pages/CGV.vue

@@ -1,15 +1,15 @@
 <template>
-  <LayoutNavigation />
-  <LayoutUITitlePage
-    title="Conditions générales de vente"
-    style="margin-top: 5rem"
-  />
+  <LayoutUITitlePage>
+    Conditions générales de vente
+  </LayoutUITitlePage>
+
   <CommonBanner
-    :imageSrc="'/images/Bannieres_Mentions_legales-CGV-Cookies.png'"
-    imageAlt="'line'"
+    imageSrc="/images/Bannieres_Mentions_legales-CGV-Cookies.png"
+    imageAlt="banner"
   />
+
   <v-container>
-    <v-row>
+    <v-row class="center-90">
       <v-col cols="12">
         <h2>DÉFINITIONS</h2>
 
@@ -137,7 +137,7 @@
           soit, tenue pour responsable de difficultés liées, en tout ou partie :
         </p>
         <br />
-        <ul class="liste">
+        <ul>
           <li>
             1&rpar; à la force majeure, et notamment, outre les événements
             habituellement retenus par la jurisprudence des juridictions
@@ -313,7 +313,7 @@
 
           Le CLIENT s’engage par ailleurs à ne pas :
         </p>
-        <ul class="liste">
+        <ul>
           <li>
             1&rpar; effectuer ou faire effectuer de copie, de modification, de
             traduction, de transcription, d’adaptation, d’arrangement ou de
@@ -411,7 +411,7 @@
           confidentialité et de sécurité :
         </p>
         <br />
-        <ul class="liste">
+        <ul>
           <li>1&rpar; indépendance ;</li>
           <li>
             2&rpar; établissement et fourniture à première demande de la
@@ -764,34 +764,14 @@
   <LayoutFooter />
 </template>
 
-<style scoped>
-:deep().logiciel {
-  font-family: "Barlow";
-  font-style: normal;
-  font-size: 3rem;
-  line-height: 85px;
-  text-align: center;
-  color: #000000;
-  width: 100%;
-}
-
-:deep().text-left,
-:deep().text-right,
-:deep().description-square,
-:deep().black-square,
-:deep().blue-square {
-  display: none;
-}
-:deep().text-right {
-  display: none;
-}
+<style scoped lang="scss">
 h2 {
   font-size: 1.5rem !important;
   font-weight: 500;
   line-height: 2.5rem;
   letter-spacing: 0.1rem;
   text-transform: uppercase;
-  color: #000000;
+  color: var(--on-neutral-color);
   margin-top: 1rem;
 }
 
@@ -800,20 +780,18 @@ h3 {
   font-size: 1rem !important;
 }
 
-h2,
-h3,
-p,
-ul,
-li {
+.v-container {
   text-align: justify;
 }
-.liste {
+
+ul {
   list-style-type: none;
   padding-left: 0;
 }
 
 a {
-  color: blue;
   text-decoration: none !important;
 }
 </style>
+<script setup lang="ts">
+</script>

pages/mentions-legales.vue

@@ -1,12 +1,15 @@
 <template>
-  <LayoutUITitlePage title="Mentions légales" style="margin-top: 5rem" />
+  <LayoutUITitlePage>
+    Mentions légales
+  </LayoutUITitlePage>
 
   <CommonBanner
-    :imageSrc="'/images/Bannieres_Mentions_legales-CGV-Cookies.png'"
-    imageAlt="'line'"
+    imageSrc="/images/Bannieres_Mentions_legales-CGV-Cookies.png"
+    imageAlt="banner"
   />
+
   <v-container>
-    <v-row>
+    <v-row class="center-90">
       <v-col cols="12">
         <p>
           En vertu des dispositions légales en vigueur, nous vous informons des
@@ -141,26 +144,8 @@
   </v-container>
 </template>
 
-<style scoped>
-:deep(.logiciel) {
-  font-size: 3rem;
-  line-height: 85px;
-  text-align: center;
-  color: #000000;
-  width: 100%;
-}
-
-:deep().text-left,
-:deep().text-right,
-:deep().description-square,
-:deep().black-square,
-:deep().blue-square {
-  display: none;
-}
-:deep().text-right {
-  display: none;
-}
-* {
+<style scoped lang="scss">
+.v-container {
   text-align: justify;
 }
 
@@ -170,7 +155,9 @@ h3 {
   line-height: 2.5rem;
   letter-spacing: 0.1rem;
   text-transform: uppercase;
-  color: #000000;
+  color: var(--on-neutral-color);
   margin-top: 1rem;
 }
 </style>
+<script setup lang="ts">
+</script>

pages/politique-de-confidentialite-et-protection-des-donnees-personnelles.vue

@@ -1,14 +1,15 @@
 <template>
-  <LayoutUITitlePage
-    title="Conditions générales de vente"
-    style="margin-top: 5rem"
-  />
+  <LayoutUITitlePage>
+    POLITIQUE DE CONFIDENTIALITÉ
+  </LayoutUITitlePage>
+
   <CommonBanner
-    :imageSrc="'/images/Bannieres_Mentions_legales-CGV-Cookies.png'"
-    imageAlt="'line'"
+    imageSrc="/images/Bannieres_Mentions_legales-CGV-Cookies.png"
+    imageAlt="banner"
   />
+
   <v-container>
-    <v-row>
+    <v-row class="center-90">
       <v-col cols="12">
         <h2>
           POLITIQUE DE CONFIDENTIALITÉ ET PROTECTION DES DONNÉES PERSONNELLES
@@ -138,7 +139,7 @@
           CLIENTS, à :
         </p>
         <div class="ml-12 mb-4">
-          <ul class="liste">
+          <ul>
             <li>
               1.traiter les données
               <strong> uniquement pour la ou les seule(s) finalité(s)</strong>
@@ -497,7 +498,7 @@
         </h3>
         <p>Le responsable de traitement s’engage à :</p>
         <div class="ml-12 mb-4">
-          <ul class="liste">
+          <ul>
             <li>
               1.fournir à 2IOPENSERVICE les données visées au II des présentes
               clauses
@@ -591,55 +592,31 @@
     </v-row>
   </v-container>
 </template>
-<style scoped>
-:deep().logiciel {
-  font-family: "Barlow";
-  font-style: normal;
-  font-size: 3rem;
-  line-height: 85px;
-  text-align: center;
-  color: #000000;
-  width: 100%;
+<style scoped lang="scss">
+h2, h3 {
+  text-transform: uppercase;
+  font-weight: 500;
+  color: var(--on-neutral-color);
+  margin-top: 1rem;
 }
 
-:deep().text-left,
-:deep().text-right,
-:deep().description-square,
-:deep().black-square,
-:deep().blue-square {
-  display: none;
-}
-:deep().text-right {
-  display: none;
-}
 h2 {
   font-size: 1.5rem !important;
-  font-weight: 500;
   line-height: 2.5rem;
   letter-spacing: 0.1rem;
-  text-transform: uppercase;
-  color: #000000;
   margin-bottom: 1rem;
-  margin-top: 1rem;
 }
 
 h3 {
   font-size: 1rem !important;
-  font-weight: 500;
   line-height: 2rem;
-  text-transform: uppercase;
-  color: #000000;
-  margin-top: 1rem;
 }
 
-h2,
-h3,
-p,
-ul,
-li {
+.v-container {
   text-align: justify;
 }
-.liste {
+
+ul {
   list-style-type: none;
   padding-left: 0;
 }