various styling fixes

assets/style/theme.scss

@@ -30,7 +30,7 @@ body {
   --action-menu-on-secondary-color: #262626;
 
   --artist-color-light: #fef3ce;
-  --school-color-light: #9edbdd;
+  --school-color-light: #a5d4e5;
   --manager-color-light: #f7cdce;
 }
 

components/Home/Caroussel.vue

@@ -10,7 +10,7 @@ Carrousel de la page d'accueil
     :show-delimiters="false"
     :touch="true"
     :height="lgAndUp ? 500 : 800"
-    :interval="5000"
+    :interval="10000"
     :cycle="true"
   >
     <v-carousel-item
@@ -30,15 +30,13 @@ Carrousel de la page d'accueil
 
           <p class="description" v-html="mdAndUp ? item.description : item.descriptionSm" />
 
-          <v-row class="align-start pl-4">
-            <v-btn
-              :to="item.link"
-              append-icon="fas fa-arrow-right"
-              :class="['learn-more-btn', item.buttonClass]"
-            >
-              En savoir plus
-            </v-btn>
-          </v-row>
+          <v-btn
+            :to="item.link"
+            append-icon="fas fa-arrow-right"
+            :class="['mt-3 learn-more-btn', item.buttonClass]"
+          >
+            En savoir plus
+          </v-btn>
         </v-col>
 
         <!-- Partie Illustration -->
@@ -201,10 +199,11 @@ const carouselItems: Ref<Array<CarouselItem>> = ref([
 
 /* ============= Colonne gauche - Description ===============  */
 .col.presentation {
+  padding-left: 7rem;
+
   .logo {
     width: 20rem;
     margin-top: 10px;
-    margin-left: 6rem;
 
     @media (max-width: 600px) {
       width: 15rem;
@@ -214,7 +213,6 @@ const carouselItems: Ref<Array<CarouselItem>> = ref([
 
   .description {
     margin-top: 8px;
-    margin-left: 7rem;
     width: 25vw;
     margin-bottom: 1rem;
   }
@@ -231,7 +229,6 @@ const carouselItems: Ref<Array<CarouselItem>> = ref([
     line-height: 15px;
     width: 10rem;
     height: 2.5rem;
-    margin-left: 7rem;
 
     @media (max-width: 600px) {
       width: 80%;

components/Home/EventAgenda.vue

@@ -51,7 +51,7 @@ const { lgAndUp } = useDisplay();
 <style scoped>
 
 .container {
-  height: 35rem;
+  height: 30rem;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
   linear-gradient(
     180deg,

components/Home/Help.vue

@@ -4,7 +4,7 @@ Section "Besoin d'aide" de la page d'accueil
 
 <template>
   <LayoutContainer>
-    <v-row >
+    <v-row class="center-90">
       <v-col cols="12" lg="6" class="col">
         <v-img
           src="/images/Home_logiciel/Opentalent_a_votre_service.png"

components/Home/Promotion.vue

@@ -161,8 +161,8 @@ const { mdAndUp } = useDisplay()
   }
 
   .v-img {
-    height: auto;
-    width: 7rem;
+    height: 75px;
+    width: 115px;
     max-width: 100%;
     border-radius: 5rem;
   }

components/Home/Reviews.vue

@@ -344,11 +344,15 @@ const items: Ref<Array<{ src: string, alt: string }>> = ref([
           letter-spacing: 0.18em;
           text-transform: uppercase;
           margin-bottom: 2rem;
+          width: 300px;
+          right: 18px;
         }
 
         .structure {
           font-size: 0.8rem;
           margin-bottom: 1rem;
+          width: 300px;
+          right: 18px;
         }
       }
     }

components/Layout/UI/SectionTitle.vue

@@ -30,9 +30,10 @@ h3 {
 }
 
 .fa-circle {
+  font-size: 16px;
   margin-top: 1rem;
   margin-right: 1rem;
-  color: var(--on-neutral-color-light) !important;
+  color: var(--secondary-color) !important;
 }
 
 .alt-theme .fa-circle {