various fixes

components/About/Chronologie.vue

@@ -238,6 +238,7 @@ const slides: Array<ChronologyItem> = [
   .description-container {
     height: 300px;
     width: 300px;
+    max-width: 100%;
   }
 
   .image-container {

components/About/FAQ.vue

@@ -11,7 +11,7 @@
         </v-col>
 
         <v-col cols="12" md="6">
-          <div>
+          <div class="d-flex flex-column">
             <h4>
               Chez Opentalent, nous avons à coeur de répondre à vos interrogations
               et de vous apporter la solution faite pour vous.
@@ -47,9 +47,10 @@ h4 {
   font-weight: 400;
   font-size: 2rem;
   line-height: 34px;
-  width: 40rem;
-  margin: 3rem auto 2rem 62px;
+  width: 60%;
+  margin: 3rem auto 2rem auto;
   color: var(--on-primary-color);
+  text-align: justify;
 
   @media (max-width: 600px) {
     width: 80%;
@@ -65,7 +66,8 @@ h4 {
   color: var(--on-secondary-color);
   padding: 19px 28px;
   gap: 9px;
-  margin-left: 84px;
+  margin-right: auto;
+  margin-left: auto;
 
   @media (max-width: 1240px) {
     width: 40%;

components/About/Logiciels.vue

@@ -40,26 +40,28 @@
           :key="index"
           :class="item.class"
         >
-          <v-img
-            :src="item.imageUrl"
-            cover
-            class="container-image"
-          >
-            <footer>
-              <v-img
-                :src="item.logoUrl"
-                :alt="item.logoAlt"
-                class="logo"
-              />
-
-              <v-btn
-                :to="item.link"
-                class="plus-button"
-              >
-                <v-icon>fas fa-plus</v-icon>
-              </v-btn>
-            </footer>
-          </v-img>
+          <nuxt-link :to="item.link" class="software-link">
+            <v-img
+              :src="item.imageUrl"
+              cover
+              class="container-image"
+            >
+              <footer>
+                <v-img
+                  :src="item.logoUrl"
+                  :alt="item.logoAlt"
+                  class="logo"
+                />
+
+                <v-btn
+
+                  class="plus-button"
+                >
+                  <v-icon>fas fa-plus</v-icon>
+                </v-btn>
+              </footer>
+            </v-img>
+          </nuxt-link>
         </v-col>
       </v-row>
     </LayoutContainer>
@@ -137,6 +139,12 @@ li:before {
   border-radius: 50%;
 }
 
+.software-link {
+  >.container-image:hover {
+    transform: scale(1.05);
+  }
+}
+
 .container-image {
   position: relative;
   background-repeat: no-repeat;
@@ -145,6 +153,7 @@ li:before {
   width: 100%;
   height: 370px;
   z-index: 0;
+  border-radius: 12px;
 
   footer {
     position: absolute;
@@ -178,11 +187,6 @@ li:before {
       font-size: 2rem;
     }
   }
-
-  :hover .plus-button {
-    transform: scale(1.2);
-    transition: all 0.3s ease-in-out;
-  }
 }
 
 .artist .plus-button {

components/About/Presentation.vue

@@ -2,13 +2,15 @@
   <AnchoredSection id="about">
     <LayoutContainer>
       <v-row class="my-12 center-90">
-        <v-col cols="12" lg="4">
+        <v-col cols="12">
           <LayoutUISubTitle>
             Qui sommes-nous ?
           </LayoutUISubTitle>
         </v-col>
+      </v-row>
 
-        <v-col cols="12" lg="8">
+      <v-row class="my-12 center-90">
+        <v-col cols="12">
           <div class="italic-title">
             “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
@@ -82,9 +84,7 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
   line-height: 40px;
   color: var(--primary-color);
   width: 80%;
-  margin-left: auto;
-  margin-bottom: auto;
-  margin-right: 32px;
+  margin: auto;
 
   @media (max-width: 1240px) {
     width: 90%;

components/About/Valeurs.vue

@@ -61,15 +61,15 @@ import type { SocietyValue } from "~/types/interface";
 const values: Array<Array<SocietyValue>> = [
   [
     {
-      img: "/images/pages/qui-sommes-nous/valeurs/Management_social_la_base_de_management_Opentalent.jpg",
-      alt: "Plusieurs mains jointes",
+      img: "",
+      alt: "",
       title: "Management social",
       description:
         "Guillaume et Michel sont sur la même longueur d’onde et donnent le « La » à un management social et solidaire où plus que de mettre en avant l'entreprise, ils privilégient la mise en avant des hommes et femmes qui la composent. Toux ceux qui participent jour après jour à l’écriture de la partition sont valorisés. Le partage, l’échange et le dialogue en lieu et place des liens de subordination.",
     },
     {
-      img: "/images/pages/qui-sommes-nous/valeurs/Satisfaction_client_au_coeur_de_l_entreprise_Opentalent.jpg",
-      alt: "Smiley peint au sol",
+      img: "",
+      alt: "",
       title: "Satisfaction client",
       description:
         "Opentalent met un point d’honneur à satisfaire ses clients en leur proposant des solutions de qualité, un projet global dans lequel ils se retrouvent. L’intention de base est bel et bien de proposer un équilibre entre les solutions informatiques et la volonté personnelle en lien avec la production et les publics concernés.",
@@ -77,15 +77,15 @@ const values: Array<Array<SocietyValue>> = [
   ],
   [
     {
-      img: "/images/pages/qui-sommes-nous/valeurs/Opentalent_une_entreprise_ecologique.jpg",
-      alt: "Mains tenant une plante",
+      img: "",
+      alt: "",
       title: "Écologie",
       description:
         "Proche des entreprises de l’Économie Sociale et Solidaire, Opentalent accorde une grande importance aux démarches liées à l’écologie et au développement durable. Le code des outils est par exemple optimisé pour limiter les ressources nécessaires des serveurs, réduisant ainsi leur empreinte carbone et améliorant le confort des utilisateurs au quotidien.",
     },
     {
-      img: "/images/pages/qui-sommes-nous/valeurs/Opentalent_entreprise_Open_Source.jpg",
-      alt: "Panneau lumineux 'open' suspendu et entouré",
+      img: "",
+      alt: "",
       title: "Open source",
       description:
         "Opentalent est une entreprise qui croit profondément aux vertus des logiciels Open Source et qui par son action contribue à leur développement.",

components/Common/Card/Benefit.vue

@@ -14,7 +14,7 @@ Carte "Avantage" de la section Avantages d'une page Logiciel
         </span>
       </div>
 
-      <v-divider thickness="2"/>
+      <v-divider thickness="1"/>
 
       <div class="description">
         <p class="mr-4">
@@ -40,6 +40,7 @@ const props = defineProps({
     required: true
   }
 });
+
 </script>
 
 <style scoped lang="scss">

components/Common/Presentation.vue

@@ -238,6 +238,7 @@ const props = defineProps({
     margin-top: -3rem;
     text-align: center;
     width: 60%;
+    height: 100px;
     margin-right: auto;
     margin-left: auto;
   }

components/Common/ReviewSection.vue

@@ -92,7 +92,7 @@ const goNext = () => {
 
 <style scoped lang="scss">
 .v-container {
-  padding: 0 !important;
+  padding: 0 0 48px 0!important;
 }
 
 .controls-section {
@@ -143,15 +143,18 @@ const goNext = () => {
     left: -36px;
   }
 
+  .v-container {
+    height: 100%;
+  }
+
   .v-card {
     display: flex;
     flex-direction: column;
     padding: 0 0.5rem;
     border-radius: 1rem;
-    min-height: 300px;
-    max-height: 300px;
     margin-top: 2rem;
     margin-bottom: 0.6rem;
+    height: 100%;
 
     @media (max-width: 1240px) {
       max-width: 70%;
@@ -213,13 +216,6 @@ const goNext = () => {
     margin-bottom: 1rem;
   }
 
-  @media (min-width:2100px) {
-    .v-card-text {
-      min-height: 150px !important;
-      max-height: 150px !important;
-    }
-  }
-
   @media (max-width: 1240px) {
   }
 }
@@ -227,11 +223,6 @@ const goNext = () => {
 .card {
   margin-left: 0.5rem;
   border-radius: 1rem;
-
-  @media (max-width:1240px) {
-    //margin-left: 15%;
-    //max-width: 70%;
-  }
 }
 
 .v-card-item {
@@ -239,22 +230,6 @@ const goNext = () => {
   padding-top: 16px;
 }
 
-@media (min-width:1300px) and (max-width: 2100px) {
-  .v-card {
-    min-height: 400px !important;
-    max-height: 400px !important;
-  }
-}
-
-@media (min-width:2100px) {
-  .v-card {
-    min-height: 360px !important;
-    max-height: 360px !important;
-  }
-}
-
-
-
 @media (max-width:600px) {
   :deep(.v-carousel__controls) {
     color: var(--on-neutral-color);

components/Contact/Banner.vue

@@ -1,24 +0,0 @@
-<template>
-  <LayoutContainer>
-    <v-row>
-      <v-col cols="12" class="position-relative">
-        <v-img
-          src="/images/pages/contact/banner/Contactez_nous-visuel_Opentalent.jpg"
-          alt="Icône téléphone, enveloppe, arobase, bulles de discussion et homme sur son smartphone et son ordinateur portable"
-          cover
-          class="banner"
-        />
-      </v-col>
-    </v-row>
-  </LayoutContainer>
-</template>
-
-<style scoped lang="scss">
-.banner {
-  width: 100%;
-  height: 15rem;
-  object-position: center 30%;
-  margin: 0 auto;
-  transform: scaleX(-1);
-}
-</style>

components/Contact/Form.vue

@@ -2,6 +2,10 @@
   <LayoutContainer>
     <div id="anchor" />
 
+    <h4>
+      <span class="line" /> Veuillez remplir le formulaire ci-dessous
+    </h4>
+
     <v-form
       v-if="!contactRequestSent"
       ref="form"
@@ -9,10 +13,6 @@
       @submit.prevent="submit"
     >
       <v-container>
-        <h4>
-          <span class="line" /> Veuillez remplir le formulaire ci-dessous
-        </h4>
-
         <i>Les champs dont le nom est suivi d'un astérisque (*) sont obligatoires</i>
 
         <h6>
@@ -158,7 +158,7 @@
         <v-checkbox
           v-model="contactRequest.privacyPolicyAccepted"
           :rules="[(v: boolean) => v || 'Vous devez accepter la politique de confidentialité']"
-          label="J'ai pris connaissance de la politique de confidentialité et j'accepte le traitement de mes données personnelles par Opentalent."
+          label="J'ai pris connaissance de la politique de confidentialité et j'accepte le traitement de mes données personnelles par Opentalent. *"
         />
 
         <v-checkbox
@@ -314,34 +314,34 @@ const submit = async (): Promise<void> => {
 
 <style scoped lang="scss">
 
+h4 {
+  display: flex;
+  flex-direction: row;
+  font-size: 40px;
+  line-height: 95px;
+  margin-bottom: 1rem;
+  align-items: center;
+  font-weight: 100;
+
+  @media (max-width: 600px) {
+    font-size: 24px;
+    line-height: 48px;
+  }
+
+  .line {
+    display: block;
+    height: 1px;
+    width: 64px;
+    min-width: 64px;
+    border-top: solid 1px var(--on-neutral-color);
+    margin-right: 18px;
+  }
+}
+
 .v-form {
   max-width: 1400px;
   margin: 0 auto;
 
-  h4 {
-    display: flex;
-    flex-direction: row;
-    font-size: 40px;
-    line-height: 95px;
-    margin-bottom: 1rem;
-    align-items: center;
-    font-weight: 100;
-
-    @media (max-width: 600px) {
-      font-size: 24px;
-      line-height: 48px;
-    }
-
-    .line {
-      display: block;
-      height: 1px;
-      width: 64px;
-      min-width: 64px;
-      border-top: solid 1px var(--on-neutral-color);
-      margin-right: 18px;
-    }
-  }
-
   h6 {
     margin-top: 32px;
     font-size: 16px;

components/Formation/OPCA.vue

@@ -58,10 +58,9 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
 
 <style scoped lang="scss">
 .opca-img {
-  height: 400px;
-  width: 450px;
+  width: 80%;
   border-radius: 10%;
-  margin: 0 auto;
+  margin: 16px 20% 16px 0;
 }
 
 h3 {

components/Home/Caroussel.vue

@@ -11,7 +11,7 @@ Carrousel de la page d'accueil
       :show-delimiters="false"
       :touch="true"
       :height="lgAndUp ? 500 : 800"
-      :interval="6000"
+      :interval="10000"
       :cycle="true"
     >
       <v-carousel-item
@@ -277,7 +277,7 @@ const onIntersect = (isIntersecting: boolean) => {
 .col.illustration {
   .card {
     position: relative;
-    left: 10%;
+    left: 5%;
     height: 100%;
     width: 27%;
     border-radius: 1rem;

components/Home/Promotion.vue

@@ -66,7 +66,7 @@
           <v-col cols="12" lg="6">
             <v-row>
               <v-col cols="3">
-                <img src="/images/pages/home/promotion/network.svg" alt="Icône nuage cloud" />
+                <img src="/images/pages/home/promotion/Logiciel_en_ligne_SaaS.svg" alt="Icône nuage cloud" />
               </v-col>
               <v-col cols="9">
                 <p>
@@ -77,7 +77,7 @@
 
             <v-row>
               <v-col cols="3">
-                <img src="/images/pages/home/promotion/website.svg" alt="Icône site internet" />
+                <img src="/images/pages/home/promotion/Site_internet_intégré.svg" alt="Icône site internet" />
               </v-col>
               <v-col cols="9">
                 <p>
@@ -90,7 +90,7 @@
           <v-col cols="12" lg="6">
             <v-row>
               <v-col cols="3">
-                <img src="/images/pages/home/promotion/visibility.svg" alt="Icône avion en papier" />
+                <img src="/images/pages/home/promotion/Visibilite_augmente_avec_l_agenda_culturel_Opentalent.svg" alt="Icône avion en papier" />
               </v-col>
               <v-col cols="9">
                 <p>
@@ -101,7 +101,7 @@
 
             <v-row>
               <v-col cols="3">
-                <img src="/images/pages/home/promotion/communication.svg" alt="Icône de deux enveloppes" />
+                <img src="/images/pages/home/promotion/Icone_communication_en_reseau.svg" alt="Icône de deux enveloppes" />
               </v-col>
               <v-col cols="9">
                 <p>

components/Home/Solution.vue

@@ -9,7 +9,7 @@ Section "Solutions" de la page d'accueil
     </LayoutUISectionTitle>
 
     <h4 class="text-center" >
-      Trouvez la solution faites pour vous
+      Trouvez la solution faite pour vous
     </h4>
 
     <v-row class="solutions center-90">

components/JoinUs/Missions.vue

@@ -59,7 +59,7 @@
     <v-row class="mb-6">
       <v-col cols="12">
         <p class="apply-now">
-          Nous sommes toujours à la recherche de nouveaux talents.
+          Nous sommes toujours à la recherche de nouveaux talents.<br/>
           N'hésitez pas à déposer votre candidature ci-dessous :
         </p>
       </v-col>

components/Layout/Footer/Footer.vue

@@ -6,7 +6,7 @@
         <v-row>
           <!-- Première section : Logo Opentalent -->
           <v-col cols="12" lg="3" class="logo">
-            <nuxt-link :to="{ path: '', hash: '#top'}">
+            <nuxt-link :to="{ path: '/', hash: '#top' }">
               <v-img
                 src="/images/logos/opentalent/Logo_Opentalent-blanc.png"
                 alt="Logo Opentalent - Agenda et Logiciels culturels"

components/Layout/Navigation/Topbar.vue

@@ -37,7 +37,7 @@ import AgendaLink from "~/components/Common/AgendaLink.vue";
   .v-btn {
     margin: 4px 8px;
     border-radius: 6px;
-    height: 44px;
+    height: 36px;
   }
 }
 

components/Logiciels/Artist/Abonnement/ToSubscribe.vue

@@ -26,12 +26,7 @@
         Téléchargez et complétez le formulaire
       </li>
       <li>
-        Joignez le règlement par chèque ou par virement avec le formulaire à <br />
-        <p class="pa-3">
-          2iOPENService <br />
-          217 rue Raoul Follereau <br />
-          74300 CLUSES
-        </p>
+        Joignez le règlement par chèque ou par virement avec le formulaire à l'ordre de "2iOpenService"<br />
       </li>
       <li>
         Après réception de votre formulaire d'adhésion et de votre règlement,

components/Logiciels/Artist/Formations.vue

@@ -67,7 +67,6 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
     background-position: center;
     background-size: cover;
     border-radius: 10%;
-    margin-left: 22px;
 
     @media (max-width: 1240px) {
       margin: 0 auto;

components/Logiciels/Artist/Presentation.vue

@@ -29,19 +29,19 @@ const features = [
 
 const pictos: Array<FeaturePicto> = [
   {
-    src: "/images/components/presentation/Logiciel_multi-support.png",
+    src: "/images/pages/opentalent_artist/presentation/Logiciel_multi-support.png",
     text: "Logiciel de gestion et communication full web",
   },
   {
-    src: "/images/components/presentation/Site_internet_integre.png",
+    src: "/images/pages/opentalent_artist/presentation/Site_internet_integre.png",
     text: "Site web intégré & simple d'usage",
   },
   {
-    src: "/images/components/presentation/Boostez_votre_visibilite_et_communication.png",
+    src: "/images/pages/opentalent_artist/presentation/Boostez_votre_visibilite_et_communication.png",
     text: "Boostez votre visibilité & communication",
   },
   {
-    src: "/images/components/presentation/Communication_en_reseau.png",
+    src: "/images/pages/opentalent_artist/presentation/Communication_en_reseau.png",
     text: "Communiquez en réseau"
   },
 ];

components/Logiciels/Manager/Avantages.vue

@@ -18,8 +18,7 @@ const benefits: Array<Benefit> = [
     title: "Sur-mesure",
     number: "01",
     description:
-      "S'adapte à tous les réseaux de type pyramidal, quelque soit le nombre de niveaux :",
-    list: ["Fédérations", "Institutions publiques"],
+      "S'adapte à tous les réseaux de type pyramidal, quelque soit le nombre de niveaux : fédérations, institutions publiques...",
     image: "/images/pages/opentalent_manager/avantages/Un_logiciel_sur-mesure.jpg",
     alt: "Mètre ruban de couture"
   },
@@ -27,8 +26,7 @@ const benefits: Array<Benefit> = [
     title: "Adapté",
     number: "02",
     description:
-      "Chaque structure du réseau dispose de sa propre solution indépendante et connectée au réseau :",
-    list: ["Opentalent manager", "Opentalent school", "Opentalent artist"],
+      "Chaque structure du réseau dispose de sa propre solution indépendante et connectée au réseau : Opentalent manager, Opentalent school, Opentalent artist",
     image: "/images/pages/opentalent_manager/avantages/Un_logiciel_adapte_a_chaque_reseau.jpg",
     alt: "Réseaux structurés différemment ayant un lien part un atome commun"
   },

components/Logiciels/Manager/Formation.vue

@@ -3,12 +3,12 @@
     <LayoutContainer>
       <div class="alt-theme pt-6 mt-12">
         <v-row>
-          <LayoutUISubTitle class="mb-6 mt-6">
+          <LayoutUISubTitle class="center-90">
             Nos accompagnements pour aller plus loin
           </LayoutUISubTitle>
         </v-row>
 
-        <v-row class="formation pb-6 align-center">
+        <v-row class="formation pb-6 align-center center-90">
           <v-col
             md="6"
             v-for="(formation, index) in formations"
@@ -114,7 +114,7 @@ const formations: Array<Formation> = [
     font-weight: 500;
     font-size: 1.4rem;
     line-height: 26px;
-    color: var(--on-primary-color-alt) !important;
+    color: #caf5f4 !important;
     margin-bottom: 1.5rem;
   }
 

components/Webinaire/Catalogue.vue

@@ -10,7 +10,7 @@
       <v-row class="center-90">
         <v-col cols="12" class="section-title">
           <h3>
-            Simplifiez la gestion et la communication de votre structure culturelle
+            Simplifiez la gestion et la communication de votre structure
           </h3>
 
           <div class="strong-label">

components/Webinaire/FAQ.vue

@@ -158,6 +158,6 @@ function isOpen(index: number) {
   padding: 0.5rem 1rem;
   border: none;
   border-radius: 0 0 4px 4px;
-  box-shadow: -1px 2px 6px 1px var(--on-neutral-color-light);
+  box-shadow: -1px 2px 6px 3px var(--on-neutral-color-extra-light);
 }
 </style>

pages/nous-contacter.vue

@@ -9,7 +9,10 @@
     <template #subtitle>Notre équipe est là pour vous. Contactez-nous sans plus attendre</template>
   </LayoutUITitlePage>
 
-  <ContactBanner />
+  <CommonBanner
+    imageSrc="/images/pages/contact/banner/Contactez_nous-visuel_Opentalent.jpg"
+    imageAlt="Icône téléphone, enveloppe, arobase, bulles de discussion et homme sur son smartphone et son ordinateur portable"
+  />
 
   <ContactForm id="form" />
 

pages/opentalent_artist.vue

@@ -73,7 +73,7 @@ const stickyMenuActions: Array<ActionMenuItem> = [
   {
     type: ActionMenuItemType.FOLLOW_LINK,
     color: "primary",
-    icon: "fas fa-circle-info",
+    icon: "fa-brands fa-readme icon",
     text: "Brochure",
     url: "/files/Depliant_Opentalent_Artist.png",
   }

pages/opentalent_school.vue

@@ -15,7 +15,7 @@
       image-src="/images/pages/opentalent_school/banner/Opentalent_School_pour_les_etablissements_d_enseignement_artistique.JPG"
       image-alt="Deux jeunes filles jouant du violon, l'une est au premier plan et l’autre floutée"
       square-text="École de musique, d'art, de danse, de cirque, conservatoires et MJC"
-      logo-src="/images/logos/opentalent/Logo_Opentalent_School-blanc.png"
+      logo-src="/images/logos/opentalent/Logo_Opentalent_Manager-blanc-col.png"
       logo-alt="Logo Opentalent School - logiciel de gestion et de communication pour les établissements d’enseignement artistique"
       :logo-alt-theme="true"
     />

pages/qui-sommes-nous.vue

@@ -10,7 +10,7 @@
 
   <LayoutUITitlePage class="mb-12">
     Qui sommes-nous ?
-    <template #subtitle>L’entreprise Opentalent, historique, valeurs et équipe, découvrez-nous</template>
+    <template #subtitle>Découvrez qui nous sommes et ce qui nous anime</template>
   </LayoutUITitlePage>
 
   <CommonBanner

types/interface.d.ts

@@ -65,7 +65,6 @@ interface Benefit {
   description: string
   image: string
   alt: string
-  list?: string[]
   isMemberCMF?: boolean
 }