finalize titles review

components/About/Chronologie.vue

@@ -47,9 +47,9 @@
 
                 <v-col cols="4">
                   <div class="description-container">
-                    <h3>
+                    <span class="year">
                       {{ slide.year }}
-                    </h3>
+                    </span>
 
                     <h4>
                       {{ slide.title }}
@@ -260,8 +260,9 @@ const slides: Array<ChronologyItem> = [
     border-top-right-radius: 20%;
     border-bottom-right-radius: 20%;
 
-    h3 {
+    .year {
       font-size: 1.8rem;
+      font-weight: 500;
     }
 
     h4 {

components/About/Presentation.vue

@@ -9,11 +9,11 @@
         </v-col>
 
         <v-col cols="8">
-          <h3 class="italic-title mr-8">
+          <div class="italic-title mr-8">
             “Imaginé par des musiciens pour des musiciens, Opentalent se veut être
             la référence pour la gestion et la promotion du spectacle vivant sur
             les territoires.”
-          </h3>
+          </div>
         </v-col>
       </v-row>
 
@@ -41,9 +41,9 @@
             pour en faire la promotion.
           </p>
 
-          <h4>
+          <h3>
             La Culture au service du développement territorial
-          </h4>
+          </h3>
 
           <p>
             Qui n'a jamais entendu que la culture coûtait trop cher ? On l'entend

components/Layout/Footer/Footer.vue

@@ -191,15 +191,15 @@
       <div class="footnotes">
         <v-row justify="center">
           <p class="mt-6">
-            <a href="/mentions-legales" target="_blank">
+            <a href="/mentions-legales">
               Mentions légales
             </a>
             -
-            <a href="/politique-de-confidentialite-et-protection-des-donnees-personnelles" target="_blank">
+            <a href="/politique-de-confidentialite-et-protection-des-donnees-personnelles">
               Politiques de cookies
             </a>
             -
-            <a href="/CGV" target="_blank">
+            <a href="/CGV">
               Conditions Générales de Ventes
             </a>
           </p>

components/Logiciels/Manager/Formation.vue

@@ -113,7 +113,7 @@ const formations = ref([
     color: var(--on-primary-color);
     margin-bottom: 3rem;
   }
-  
+
   h4 {
     font-weight: 500;
     font-size: 1.8rem;

components/News/Details.vue

@@ -40,9 +40,9 @@
             </v-col>
 
             <v-col cols="6">
-              <h4>
+              <h1>
                 {{ newsItem.title }}
-              </h4>
+              </h1>
             </v-col>
           </v-row>
 
@@ -116,7 +116,7 @@ const getImageUrl = (attachment: string): string | null => {
     margin-right: auto;
   }
 
-  h4 {
+  h1 {
     margin-top: 11rem;
     text-decoration: none;
     text-transform: uppercase;

components/Webinaire/Catalogue.vue

@@ -8,12 +8,16 @@
       </v-row>
 
       <v-row class="center-90">
-        <LayoutUITitlePage>
-          SIMPLIFIEZ LA GESTION ET LA COMMUNICATION DE VOTRE STRUCTURE CULTURELLE
-          <template #subtitle>
-            Votre orchestre, école de danse ou votre fédération mérite les outils les plus performants du marché pour briller en toute simplicité. Découvrez comment nos outils peuvent transformer votre quotidien :
-          </template>
-        </LayoutUITitlePage>
+        <v-col cols="12" class="section-title">
+          <h3>
+            SIMPLIFIEZ LA GESTION ET LA COMMUNICATION DE VOTRE STRUCTURE CULTURELLE
+          </h3>
+
+          <div class="strong-label">
+            Votre orchestre, école de danse ou votre fédération mérite les outils les plus performants du marché pour briller en toute simplicité.
+            Découvrez comment nos outils peuvent transformer votre quotidien :
+          </div>
+        </v-col>
       </v-row>
 
       <v-row class="center-90 catalog">
@@ -277,6 +281,31 @@ const closeModal = () => {
   background-color: transparent !important;
 }
 
+.section-title {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  h3 {
+    font-size: 2rem;
+    letter-spacing: .1rem;
+    line-height: 3.5rem;
+    margin-bottom: .5rem;
+    margin-top: 2rem;
+    text-transform: uppercase;
+  }
+
+  .strong-label {
+    font-size: 1.5rem;
+    font-weight: 400 !important;
+    letter-spacing: .1rem;
+    line-height: 2rem;
+    margin-bottom: 1rem;
+    text-align: center;
+    text-transform: uppercase;
+  }
+}
+
 .catalog {
   padding: 2rem;
 

components/Webinaire/FAQ.vue

@@ -9,10 +9,17 @@ Foire aux questions
       </LayoutUISubTitle>
     </v-row>
 
-    <LayoutUITitlePage>
-      Tout savoir sur nos webinaire en ligne
-      <template #subtitle>Les questions les plus fréquentes</template>
-    </LayoutUITitlePage>
+    <v-row class="center-90">
+      <v-col cols="12" class="section-title">
+        <h3>
+          Tout savoir sur nos webinaire en ligne
+        </h3>
+
+        <div class="strong-label">
+          Les questions les plus fréquentes
+        </div>
+      </v-col>
+    </v-row>
 
     <div class="faq">
       <div
@@ -85,6 +92,31 @@ function isOpen(index: number) {
 
 
 <style scoped lang="scss">
+.section-title {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  h3 {
+    font-size: 2rem;
+    letter-spacing: .1rem;
+    line-height: 3.5rem;
+    margin-bottom: .5rem;
+    margin-top: 2rem;
+    text-transform: uppercase;
+  }
+
+  .strong-label {
+    font-size: 1.5rem;
+    font-weight: 400 !important;
+    letter-spacing: .1rem;
+    line-height: 2rem;
+    margin-bottom: 1rem;
+    text-align: center;
+    text-transform: uppercase;
+  }
+}
+
 .faq {
   padding: 1rem;
   width: 90%;