correction v3

components/Formation/Catalogue.vue

@@ -2,15 +2,18 @@
   <div id="Catalogue">
     <LayoutContainer>
       <div class="grey-container">
-        <LayoutUISubTitle
+        <v-row class="custom-row">
+          <LayoutUISubTitle
           :iconSize="6"
           :iconClasses="iconClasses"
           :titleText="'Découvrez notre catalogue de formation'"
         />
 
         <LayoutUITitle title="Catalogue" />
+        </v-row>
+ 
 
-        <v-row  style="  padding: 2rem; max-width: 90%; margin-left: auto; margin-right: auto;">
+        <v-row  class="custom-row" style="  padding: 2rem; max-width: 90%; margin-left: auto; margin-right: auto;">
           <v-col v-for="(course, index) in courses" :key="index" cols="4">
             <v-card class="mb-4">
               <v-card-text>
@@ -173,6 +176,14 @@ const courses = [
 
 <style scoped>
 
+*{
+  text-align: justify;
+}
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
 .v-card {
   border: none !important;
   box-shadow: none !important;

components/Formation/Certification.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="Certification">
     <LayoutContainer>
-      <v-row>
+      <v-row class="custom-row">
         <v-col cols="5">
           <LayoutUISubTitle
             :iconSize="6"
@@ -42,6 +42,12 @@
 <script setup></script>
 
 <style scoped>
+
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
 .qualiopi-img {
   background-image: url("/images/formation/qualiopi.jpg");
   width: 600px;

components/Formation/OPCA.vue

@@ -1,13 +1,17 @@
 <template>
   <div id="Financement">
     <LayoutContainer>
-      <LayoutUISubTitle
+      <v-row class="custom-row">
+      >
+        <LayoutUISubTitle
           :iconSize="6"
           :iconClasses="iconClasses"
           :titleText="'Découvrez notre catalogue de formation'"
           :title-color="'#ffffff'"
         />
 
+      </v-row>
+
         <v-container>
           <v-row >
         <v-col cols="6">
@@ -50,6 +54,12 @@
 
 <style scoped>
 
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .details-opca{
   text-align: justify;
 }

components/Formation/Participation.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="Inscription">
     <LayoutContainer>
-      <v-row>
+      <v-row class="custom-row">
         <v-col cols="12">
           <LayoutUISubTitle
             :iconSize="6"
@@ -27,10 +27,10 @@
         </v-col>
       </v-row>
 
-      <v-row class="mb-12">
+      <v-row class="mb-12 custom-row" >
         <v-col cols="12">
           <div class="details-participations">
-            <p class="mb-6" >
+            <p  class="mb-6" >
             Nous vous répondons sous 48h (hors week-ends). Délais d'accès: Après
             accord, nous mettons tout en oeuvre pour vous mettre à disposition
             un formateur sous 1 mois."
@@ -62,6 +62,11 @@
 </template>
 
 <style scoped>
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
 .subtitle {
   display: flex;
   justify-content: center;

components/Formation/Presentation.vue

@@ -1,12 +1,15 @@
 <template>
   <div id="Présentation">
     <LayoutContainer>
-      <LayoutUISubTitle
+      <v-row class="custom-row mt-6">
+        <LayoutUISubTitle
           :iconSize="6"
           :iconClasses="iconClasses"
           :titleText="'Présentation de nos formations'"
         />
-      <v-row class="container-programme">
+      </v-row>
+
+      <v-row class="container-programme custom-row">
         <v-col cols="6">
           <img class="programme-img1" src="/images/formation/programme2.jpg" />
         </v-col>
@@ -34,7 +37,7 @@
         </v-col>
       </v-row>
 
-      <v-row>
+      <v-row class="custom-row">
         <v-col cols="6">
           <h3 class="title-programme ml-16">
             Des formations à la demande et sur-mesure
@@ -57,6 +60,11 @@
 <script setup></script>
 
 <style scoped>
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
 .school {
   color: #64afb7;
 }
@@ -108,10 +116,9 @@
   line-height: 20px;
   color: #091d20;
   width: 35rem;
-  text-align: justify; 
+  text-align: justify;
 }
 
-
 .title-programme {
   font-family: "Barlow";
   font-style: normal;

components/Home/Reviews.vue

@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer :overflow="false">
+  <LayoutContainer>
     <div :class="smAndDown ? '' : 'container-color'">
       <div class="d-flex justify-center align-center flex-column">
         <v-icon size="6" class="fa-solid fa-circle icon-title" />
@@ -224,7 +224,7 @@ const items = ref([
 
 .container-green {
   background-color: #0e2d32;
-  height: 60rem;
+  height: 64rem;
 }
 
 .status {

components/JoinUs/Missions.vue

@@ -77,6 +77,11 @@ const jobs = ref([
 </script>
 
 <style scoped>
+
+.location{
+  font-size: 1.3rem !important;
+  color: #0e2d32;
+}
 .announcement-title {
   background: #0e2d32;
   color: white;
@@ -117,6 +122,7 @@ const jobs = ref([
 }
 
 .icon-location {
+  font-size: 1rem !important;
   color: #0e2d32;
 }
 

components/Layout/Carousel/TrustCompanie.vue

@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer :overflow="false">
+  <LayoutContainer>
     <v-row justify="center">
       <h2 class="title text-center" :style="{ color: titleColor }">
         Plus de&nbsp;

components/Webinaire/Catalogue.vue

@@ -2,15 +2,21 @@
   <div id="Catalogue">
     <LayoutContainer>
       <div class="grey-container">
-        <LayoutUISubTitle
-          :iconSize="6"
-          :iconClasses="iconClasses"
-          :titleText="'Des webinaires pour tous'"
-        />
-        <LayoutUITitlePage
-          title="SIMPLIFIEZ LA GESTION ET LA COMMUNICATION DE VOTRE STRUCTURE CULTURELLE"
-          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 : "
-        />
+        <v-row class="custom-row">
+          <LayoutUISubTitle
+            :iconSize="6"
+            :iconClasses="iconClasses"
+            :titleText="'Des webinaires pour tous'"
+          />
+        </v-row>
+
+        <v-row class="custom-row">
+          <LayoutUITitlePage
+            title="SIMPLIFIEZ LA GESTION ET LA COMMUNICATION DE VOTRE STRUCTURE CULTURELLE"
+            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 : "
+          />
+        </v-row>
+
         <v-row
           style="
             padding: 2rem;
@@ -18,15 +24,13 @@
             margin-left: auto;
             margin-right: auto;
           "
+          class="custom-row"
         >
           <v-col v-for="(course, index) in courses" :key="index" cols="4">
             <v-card class="mb-4">
               <v-card-text>
                 <div class="title-card-container d-flex align-center">
-                  <v-img
-                    class="logo-img mr-2"
-                    :src="course.imageUrl"
-                  ></v-img>
+                  <v-img class="logo-img mr-2" :src="course.imageUrl"></v-img>
                   <h4 class="card-title">{{ course.title }}</h4>
                 </div>
                 <p class="details-card">{{ course.description }}</p>
@@ -237,6 +241,12 @@ const courses = [
 ];
 </script>
 <style scoped>
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .v-card {
   border: none !important;
   box-shadow: none !important;
@@ -333,7 +343,7 @@ const courses = [
 .card-title {
   font-weight: 600;
   font-size: 1.2rem;
-  margin-bottom: .8rem;
+  margin-bottom: 0.8rem;
 }
 
 .logo-img {
@@ -344,14 +354,15 @@ const courses = [
   height: 50px;
 }
 
-
-
 :deep().subtitle {
   font-size: 1.5rem;
   font-weight: normal !important;
   line-height: 2rem;
   letter-spacing: 0.1rem;
   margin-bottom: 1rem;
+  width: 80%;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 :deep().title {

components/Webinaire/FAQ.vue

@@ -1,10 +1,13 @@
 <template>
   <LayoutContainer>
-    <LayoutUISubTitle
+    <v-row class="custom-row">
+      <LayoutUISubTitle
         :iconSize="6"
         :iconClasses="iconClasses"
         :titleText="'Des questions ?'"
       />
+    </v-row>
+
     <LayoutUITitlePage title="Tout savoir sur nos webinaire en lignes" subtitle="Les questions les plus fréquentes" />
     <div class="faq-container">
       <div v-for="(item, index) in faqItems" :key="index" class="faq-item">
@@ -67,8 +70,17 @@ function isActive(index) {
 
 
 <style scoped>
+
+.custom-row {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
 .faq-container {
   padding: 1rem;
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .faq-item {

pages/nous-rejoindre.vue

@@ -28,22 +28,6 @@ const squaresData = [
     text: "Nous contacter",
     url: "/nous-contacter",
   },
-  {
-    id: 2,
-    bgColor: "green-square",
-    iconClass: "fa-solid fa-circle-info icon",
-    text: "Demander une demo",
-    url: "/nous-contacter",
-
-  },
-  {
-    id: 3,
-    bgColor: "green-square",
-    iconClass: "fa-brands fa-readme icon",
-    text: "Brochure",
-    url: "https://www.opentalent.fr/fileadmin/stockage/commercial/plaquettes_commerciales/De%CC%81pliant-school_23.pdf",
-
-  },
   {
     id: 4,
     bgColor: "darkblue-square",

pages/qui-sommes-nous.vue

@@ -30,20 +30,6 @@ const squaresData = [
     text: "Nous contacter",
     url: "/nous-contacter",
   },
-  {
-    id: 2,
-    bgColor: "green-square",
-    iconClass: "fa-solid fa-circle-info icon",
-    text: "Demander une demo",
-    url: "/nous-contacter",
-  },
-  {
-    id: 3,
-    bgColor: "green-square",
-    iconClass: "fa-brands fa-readme icon",
-    text: "Brochure",
-    url: "https://www.opentalent.fr/fileadmin/stockage/commercial/plaquettes_commerciales/De%CC%81pliant-school_23.pdf",
-  },
   {
     id: 4,
     bgColor: "darkblue-square",