correcton test1

components/Home/Reviews.vue

@@ -278,7 +278,7 @@ const items = ref([
   font-family: "Barlow";
   font-style: normal;
   font-size: 1.5rem;
-  color: #e34461;
+  color: #9edbdd;
 }
 
 .small-title {

components/Layout/Card/Stat.vue

@@ -39,8 +39,6 @@ const props = defineProps({
 }
 
 .chiffre {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 600;
   font-size: 60px;
   line-height: 68px;

components/Logiciels/Artist/Formations.vue

@@ -14,42 +14,44 @@
 
         <v-container>
           <v-row class="mt-12" no-gutters>
-          <v-col cols="12" lg="6" md="6" sm="6"
-          >
-            <div class="reunion-img"></div>
-          </v-col>
+            <v-col cols="12" lg="6" md="6" sm="6">
+              <div class="reunion-img"></div>
+            </v-col>
 
-          <v-col cols="12" lg="6" md="6" sm="6"
-          >
-            <h3 class="formation-title">
-              Webinaire de découverte - Nouveaux utilisateurs
-            </h3>
-            <p class="formation-details mb-6">
-              Rejoignez notre webinaire, spécialement conçu pour les
-              professionnels du secteur culturel, orchestres, chorales,
-              compagnies de danse, ainsi que les troupes de théâtre et de
-              cirque. Cette session interactive vous offre une occasion unique
-              de vous immerger dans les fonctionnalités de notre logiciel, de
-              comprendre ses avantages distinctifs et d'explorer les diverses
-              versions disponibles. Ne manquez pas cette chance de simplifiez
-              votre gestion et de faire évoluer votre pratique artistique avec
-              nos solutions technologiques innovantes !
-            </p>
-            <nuxt-link to="/webinaires">
-            <v-btn class="formation-btn mt-12">  S'inscrire à nos webinaires</v-btn>
-          </nuxt-link>
-          </v-col>
-        </v-row>
+            <v-col cols="12" lg="6" md="6" sm="6">
+              <h3 class="formation-title">
+                Webinaire de découverte - Nouveaux utilisateurs
+              </h3>
+              <p class="formation-details mb-6">
+                Rejoignez notre webinaire, spécialement conçu pour les
+                professionnels du secteur culturel, orchestres, chorales,
+                compagnies de danse, ainsi que les troupes de théâtre et de
+                cirque. Cette session interactive vous offre une occasion unique
+                de vous immerger dans les fonctionnalités de notre logiciel, de
+                comprendre ses avantages distinctifs et d'explorer les diverses
+                versions disponibles. Ne manquez pas cette chance de simplifiez
+                votre gestion et de faire évoluer votre pratique artistique avec
+                nos solutions technologiques innovantes !
+              </p>
+              <nuxt-link to="/webinaires">
+                <v-btn class="formation-btn mt-12">
+                  S'inscrire à nos webinaires</v-btn
+                >
+              </nuxt-link>
+            </v-col>
+          </v-row>
         </v-container>
-  
       </div>
       <v-row>
-            <LayoutUISubTitle
-              :iconSize="6"
-              :iconClasses="iconClasses"
-              :titleText="' Quelques chiffres'"
-            />
-          </v-row>
+        <LayoutUISubTitle
+          :iconSize="6"
+          :iconClasses="iconClasses"
+          :titleText="' Quelques chiffres'"
+        />
+      </v-row>
+      <v-container>
+
+     
       <v-row class="card-container mb-12">
         <v-col
           cols="3"
@@ -76,11 +78,15 @@
           />
         </v-col>
       </v-row>
-
+    </v-container>
       <v-row />
 
       <v-row />
-      <LayoutCarouselTrustCompanie  :items="items" :trustMessage="'nous ont déjà adoptées'" :structureCount="'3400 structures'"  />
+      <LayoutCarouselTrustCompanie
+        :items="items"
+        :trustMessage="'nous ont déjà adoptées'"
+        :structureCount="'3400 structures'"
+      />
     </LayoutContainer>
   </div>
 </template>
@@ -93,16 +99,13 @@ const items = ref([
   { src: "/images/reviews/artist/review4.jpg" },
   { src: "/images/reviews/artist/review5.png" },
   { src: "/images/reviews/artist/review6.jpeg" },
-
 ]);
 </script>
 
 <style scoped>
-
-.v-row{
+.v-row {
   max-width: 1600px;
   margin-right: auto;
-  margin-left: auto;
 }
 .carousel-button i {
   color: black;

components/Logiciels/Manager/Formation.vue

@@ -41,7 +41,9 @@
           class="mt-6"
         />
       </v-row>
-      <v-row class="card-container mt-6 mb-12">
+
+      <v-container>
+        <v-row no-gutters class="mb-6">
         <v-col
           cols="4"
           class="d-flex justify-center align-center small-padding"
@@ -67,6 +69,8 @@
           />
         </v-col>
       </v-row>
+      </v-container>
+
 
       <v-row>
         <v-col cols="12">
@@ -119,6 +123,11 @@ const items = ref([
 
 <style scoped>
 
+.v-row{
+  max-width: 1800px;
+  margin-right: auto;
+  margin-left: auto;
+}
 .cmf-img{
   width: 50rem;
   height: 20rem;

components/Logiciels/Manager/Reviews.vue

@@ -103,6 +103,7 @@ const cards = [
 ];
 </script>
 
+
 <style scoped>
 .carousel-button {
   display: flex;
@@ -150,12 +151,13 @@ const cards = [
 
 .review-description {
   text-align: left;
-  max-height: 200px;
+  min-height: 150px;
   overflow: auto;
   font-size: 0.9rem;
 }
 
 .card-footer {
+  min-height: 100px;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -183,10 +185,10 @@ const cards = [
 
 .v-card {
   border-radius: 1rem;
-  min-height: 25rem;
-  max-height: 25rem;
+  min-height: 350px;
+  max-height: 350px;
   margin-top: 2rem;
-  margin-bottom: 2rem;
+  margin-bottom: .6rem;
 }
 
 .card-container {

components/Logiciels/School/Projet.vue

@@ -1,6 +1,7 @@
 <template>
   <LayoutContainer id="contact">
-    <v-row no-gutters>
+    <v-container>
+      <v-row no-gutters>
       <v-col cols="6">
         <v-img class="help-img" src="/images/contact/contact.jpg" />
       </v-col>
@@ -23,8 +24,10 @@
         </div>
       </v-col>
     </v-row>
+    </v-container>
 
-    <v-row no-gutters>
+<v-container>
+  <v-row no-gutters>
       <v-col cols="6" class="mt-12">
         <LayoutUISubTitle :titleText="` Adhérents CMF `" />
         <LayoutUITitle :title="` Bénéficiez de conditions privilégiés ? `" />
@@ -47,12 +50,19 @@
         <div class="logo-cmf"></div>
       </v-col>
     </v-row>
+</v-container>
+
   </LayoutContainer>
 </template>
 <script setup></script>
 
 <style scoped>
 
+.v-row{
+  max-width: 1800px;
+  margin: 0 auto;
+
+}
 :deep().title{
   width: 100% !important;
 }

components/Logiciels/School/Reviews.vue

@@ -20,7 +20,8 @@
           <v-col cols="9">
             <Carousel ref="carousel" :items-to-show="3" :items-to-scroll="1">
               <Slide v-for="(card, index) in cards" :key="index" class="card">
-                <v-card>
+                <v-container>
+                  <v-card>
                   <v-card-item class="card-container">
                     <v-card-text class="review-description">
                       {{ card.description }}
@@ -40,6 +41,8 @@
                     </div>
                   </v-card-item>
                 </v-card>
+                </v-container>
+
               </Slide>
             </Carousel>
 
@@ -144,12 +147,14 @@ const cards = [
 
 .review-description {
   text-align: left;
-  max-height: 200px;
+  min-height: 200px;
   overflow: auto;
   font-size: 0.9rem;
 }
 
 .card-footer {
+  min-height: 100px;
+
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -177,10 +182,10 @@ const cards = [
 
 .v-card {
   border-radius: 1rem;
-  min-height: 25rem;
-  max-height: 25rem;
+  min-height: 450px;
+  max-height: 450px;
   margin-top: 2rem;
-  margin-bottom: 2rem;
+  margin-bottom: .6rem;
 }
 
 .card-container {