correction des marges

components/Common/Carousel/TrustCompanie.vue

@@ -78,6 +78,8 @@ const goPrevious = () => {
 const goNext = () => {
   carousel.value.next();
 };
+
+
 </script>
 
 <style scoped>

components/Common/Presentation.vue

@@ -1,8 +1,8 @@
 <template>
   <div id="Presentation">
     <LayoutContainer>
-      <v-row class="mt-12 custom-row" >
-        <v-col cols="4">
+      <v-row class="mt-12 custom-row">
+        <v-col cols="5">
           <LayoutUISubTitle
             :iconSize="5"
             :iconColor="iconColor"
@@ -15,7 +15,7 @@
             class="rectangle-4"
           >
             <div :style="{ backgroundColor: circleColor }" class="black-circle">
-              <div class="content-flex  ml-6">
+              <div class="content-flex ml-6">
                 <v-img :src="logoSrc" class="logo-manager" />
                 <div class="pricing-details">
                   <p class="pricing-small-text">{{ pricingFromText }}</p>
@@ -46,21 +46,21 @@
           <h2 class="mt-12 ml-6 presentation-caracteristique">
             {{ presentationText.characteristicsTitle }}
           </h2>
-            <div class="picto-container">
+          <div class="picto-container">
+            <div
+              class="picto-group"
+              v-for="picto in pictoImages"
+              :key="picto.text"
+            >
               <div
-                class="picto-group"
-                v-for="picto in pictoImages"
-                :key="picto.text"
-              >
-                <div
-                  :style="{ backgroundImage: 'url(' + picto.src + ')' }"
-                  class="picto-img"
-                ></div>
-                <p class="picto-text" :style="{ color: pictoColor }">
-                  {{ picto.text }}
-                </p>
-              </div>
+                :style="{ backgroundImage: 'url(' + picto.src + ')' }"
+                class="picto-img"
+              ></div>
+              <p class="picto-text" :style="{ color: pictoColor }">
+                {{ picto.text }}
+              </p>
             </div>
+          </div>
         </v-col>
       </v-row>
     </LayoutContainer>
@@ -78,7 +78,7 @@ const pricingAmount = computed(() => {
     return "14€";
   } else if (/^\/opentalent_school(\/|$)/.test(route.path)) {
     return "20€";
-  }else {
+  } else {
     return "Sur devis";
   }
 });
@@ -101,7 +101,7 @@ const titleText = computed(() => {
   } else if (/^\/opentalent_manager(\/|$)/.test(route.path)) {
     return "Présentation d'Opentalent Manager";
   } else {
-    return "Titre par défaut"; 
+    return "Titre par défaut";
   }
 });
 
@@ -113,19 +113,21 @@ const iconColor = computed(() => {
   } else if (/^\/opentalent_manager(\/|$)/.test(route.path)) {
     return "#d8050b";
   } else {
-    return "rgba(32, 147, 190, 0.6)"; 
+    return "rgba(32, 147, 190, 0.6)";
   }
 });
 
 // on affiche " à partir de" sur opentalent_school et artist
 const pricingFromText = computed(() => {
-  if (/^\/opentalent_artist(\/|$)/.test(route.path) || /^\/opentalent_school(\/|$)/.test(route.path)) {
+  if (
+    /^\/opentalent_artist(\/|$)/.test(route.path) ||
+    /^\/opentalent_school(\/|$)/.test(route.path)
+  ) {
     return "à partir de";
-  }else{
-    return ''
+  } else {
+    return "";
   }
-
-})
+});
 const props = defineProps({
   pictoImages: {
     type: Array,
@@ -148,7 +150,7 @@ const props = defineProps({
     default: "",
   },
   pricingFromText: {
-    type: String
+    type: String,
   },
   pricingAmount: {
     type: String,
@@ -169,12 +171,9 @@ const props = defineProps({
     default: "#091d20",
   },
 });
-
-
 </script>
 
 <style scoped>
-
 .custom-row {
   width: 90%;
   margin-left: auto;
@@ -230,13 +229,12 @@ const props = defineProps({
   height: 6rem;
 }
 
-
 .logo-manager {
   display: flex;
   align-items: center;
   justify-content: center;
-  top:1rem;
-  right: .5rem;
+  top: 1rem;
+  right: 0.5rem;
 }
 .rectangle-4 {
   width: 350px;
@@ -272,5 +270,6 @@ const props = defineProps({
 
 .screen-img {
   margin-top: 2rem;
+  width: 70%;
 }
 </style>

components/Home/Caroussel.vue

@@ -12,6 +12,8 @@
       :hide-delimiter-background="true"
       :show-delimiters="false"
       :touch="true"
+      :wrap-around="true"
+      :interval="5000"
     >
       <v-carousel-item v-for="(item, index) in carouselItems" :key="index">
         <v-row>

components/Home/Reviews.vue

@@ -11,13 +11,9 @@
 
     <div v-if="!smAndDown" class="container-green">
       <v-row justify="center">
-        <!-- v-card with client review -->
         <div class="col-review">
           <v-col cols="6">
             <v-card class="review-card left mx-auto">
-              <!-- <v-avatar size="80" class="profile-img">
-                <v-img src="/images/reviews/photo1.jpg" />
-              </v-avatar> -->
               <v-card-title>
                 <span class="review-name">Patrice CATHELIN</span>
               </v-card-title>
@@ -112,9 +108,6 @@
 
           <v-col cols="6">
             <v-card class="review-card right mx-auto">
-              <!-- <v-avatar size="80" class="profile-img">
-                <v-img src="/images/reviews/photo1.jpg" />
-              </v-avatar> -->
               <v-card-title>
                 <span class="review-name">Philippe BORY</span>
               </v-card-title>
@@ -224,38 +217,40 @@ const items = ref([
 
 .container-green {
   background-color: #0e2d32;
-  height: 64rem;
+  height: 57rem
 }
 
 .status {
+  position: absolute;
+  bottom:0;
+  right: 0;
   margin-top: 1rem;
   font-weight: 600;
   font-size: 0.7rem;
   line-height: 15px;
   width: 90%;
-  margin-left: auto;
-  margin-right: auto;
   display: flex;
   align-items: center;
   letter-spacing: 0.18em;
   text-transform: uppercase;
-
+  margin-bottom: 2rem;
   color: #071b1f;
 }
 
 .structure {
+  position: absolute;
+  bottom: 0;
+  right: 0;
   font-weight: 600;
   font-size: 0.8rem;
   width: 90%;
-  margin-left: auto;
-  margin-right: auto;
   display: flex;
   align-items: center;
-
   color: #071b1f;
   margin-bottom: 1rem;
 }
 .description-review {
+  text-align: justify !important;
   height: 10rem;
   font-size: 1rem;
   line-height: 1.5rem;
@@ -268,13 +263,13 @@ const items = ref([
 
 .container-color {
   background: #f8f8f8;
-  height: 25rem;
+  height: 22rem;
 }
 .review-card {
   width: 21rem;
-  min-height: 22rem;
-  max-height: 22rem;
-  margin-bottom: 2rem;
+  min-height: 20rem;
+  max-height: 23rem;
+  margin-bottom: .9rem;
 }
 .review-name {
   margin-left: 1rem;

components/Home/Solution.vue

@@ -128,8 +128,7 @@ const solutions = [
       "Communication",
       "Site internet intégré",
       "Statistiques",
-    ],
-    option: "*Optionnel",
+    ]
   },
   {
     name: "Manager",

components/Logiciels/School/Fonctionnalites.vue

@@ -59,7 +59,7 @@ const cards = [
     title: "PRÉINSCRIPTION EN LIGNE",
     list: [
       "Paramètrage personnalisé des formulaires & mails automatiques",
-      "Gestion des réinscriptions et des nouvelles inscription",
+      "Gestion des réinscriptions et des nouvelles inscriptions",
       "Gestion des quotas et du suivi des préinscriptions en ligne",
     ],
   },

components/Logiciels/School/Formations.vue

@@ -64,7 +64,7 @@
               backgroundColor="#c3e5e7"
             />
           </v-col>
-          <v-col cols="12" lg="3" class="d-flex justify-center align-center">
+          <v-col cols="12" lg="3" class="dCompagnie de Cirque-flex justify-center align-center">
             <CommonCardStat
               :chiffre="234"
               text="Clients"