update qualiopi logo and add btn to download the certificate

components/Formation/Certification.vue

@@ -1,7 +1,7 @@
 <template>
   <AnchoredSection id="certification">
     <LayoutContainer>
-      <v-row class="center-90">
+      <v-row class="center-90 mb-4">
         <v-col cols="12" md="5">
           <LayoutUISubTitle> DES FORMATIONS CERTIFIÉES </LayoutUISubTitle>
 
@@ -37,6 +37,17 @@
             src="/images/logos/qualiopi/Logo-Qualiopi_Processus_Certifié-Republique_Française.png"
             alt="Deux personnes en train d’échanger sur un projet devant deux ordinateurs dans un open space"
           />
+
+          <v-btn
+            max-width="510px"
+            :href="
+              runtimeConfig.public.fileStorageBaseUrl +
+              '/Certificat_de_Conformite_QUALIOPI.pdf'
+            "
+            target="_blank"
+          >
+            Visualiser notre certificat Qualiopi
+          </v-btn>
         </v-col>
       </v-row>
     </LayoutContainer>
@@ -45,6 +56,8 @@
 
 <script setup lang="ts">
 import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
+
+const runtimeConfig = useRuntimeConfig()
 </script>
 
 <style scoped lang="scss">
@@ -73,12 +86,22 @@ ul {
 .image-container {
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: space-around;
+  align-items: center;
 
   .v-img {
     width: 80%;
     max-width: 500px;
     margin: auto;
   }
+
+  .v-btn {
+    background: var(--secondary-color);
+    color: var(--on-secondary-color);
+
+    @media (max-width: 1024px) {
+      margin-top: 24px;
+    }
+  }
 }
 </style>