From 5c884850049db088d2e0751b178878162dfd2e4c Mon Sep 17 00:00:00 2001
From: Zao Soula <contact@zaosoula.fr>
Date: Mon, 20 Jan 2025 17:13:26 +0100
Subject: [PATCH] style

---
 components/rfa/Header.vue         |  2 +-
 components/rfa/PrestationList.vue |  4 ++--
 pages/index.vue                   | 20 +++++++++-----------
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/components/rfa/Header.vue b/components/rfa/Header.vue
index bd2704c..96c5f12 100644
--- a/components/rfa/Header.vue
+++ b/components/rfa/Header.vue
@@ -18,7 +18,7 @@
     <div class="container d-flex justify-content-center">
       <div class="content align-self-center fw-bold d-flex flex-column justify-content-center align-items-center w-75">
         <iconLogo class="w-100 m-auto mb-md-5" height="160px" />
-        <h2 class="text-center text-primary">Conseil et Courtage</h2>
+        <h1 class="text-center text-primary">Conseil et Courtage</h1>
         <h3 class="text-center mb-4">en location et entretien de vêtements de travail, linge plat et équipements
           sanitaires</h3>
         <icon-dots class="dots mb-4 mx-auto w-100" />
diff --git a/components/rfa/PrestationList.vue b/components/rfa/PrestationList.vue
index e70f105..47887fa 100644
--- a/components/rfa/PrestationList.vue
+++ b/components/rfa/PrestationList.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <rfa-title :color="color" type="subtitle" v-if="title" class="text-center text-lg-start">{{title}}</rfa-title>
-    <div class="d-flex justify-content-center">
+    <div class="d-flex justify-content-center flex-column align-items-center">
+      <rfa-title :color="color" type="subtitle" v-if="title" class="text-center">{{title}}</rfa-title>
       <rfa-title tag="h5" :color="color" type="subtitle" v-if="subtitle" class="text-center">{{subtitle}}</rfa-title>
     </div>
 
diff --git a/pages/index.vue b/pages/index.vue
index 3a2517f..91669dd 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -38,14 +38,13 @@
                 <br><br>
                 Après plus de 20 ans d’expérience chez les loueurs de linge, l’expertise et le réseau de RFA CONSEIL,
                 <b>créée en 2015</b>, permet aux clients industrie, hôtellerie, restauration, santé, de :</p>
-                <ul class="ms-2">
+            <ul class="ms-2 mb-4">
               <li>Optimiser leurs besoins,</li>
               <li>Gagner du temps,</li>
               <li>Assurer l’obtention d’une baisse des coûts significative.</li>
             </ul>
-            <p class="text">La rémunération perçue est conditionnée aux économies générées par son intervention.</p>
-            <p class="text">Un principe simple qui vous protège et nous engage :</p>
-            <p><span class="text-primary fw-bold">Pas d’économie, pas d’honoraires</span> = un principe simple qui vous protège et nous engage.</p>
+            <p class="text">La rémunération perçue est conditionnée aux économies générées par son intervention.<br/>Un principe simple qui vous protège et nous engage :</p>
+            <p><span class="text-primary fw-bold">Pas d’économie, pas d’honoraires :</span> un principe simple qui vous protège et nous engage.</p>
             </div>
             <div class="col align-self-center text-center order-0 order-md-1 mb-md-0">
               <iconLogo class="w-50 mb-3" />
@@ -81,11 +80,10 @@
                 </li>
                 <li>
                   Vous recevez des conseils sur mesures en adéquation avec votre réalité et vos contraintes.
-
                 </li>
               </ul>
 
-              <rfa-prestation-list title="VÊTEMENTS DE TRAVAIL" subtitle="Standard" class="mb-5" color="#105391"
+              <rfa-prestation-list title="VÊTEMENTS DE TRAVAIL" subtitle="Standard" class="mb-5 mt-5" color="#105391"
                 :data="prestations.standard" />
               <rfa-prestation-list subtitle="EPI" class="mb-5" color="#105391" :data="prestations.epi" />
               <rfa-prestation-list title="ARMOIRES VESTIAIRES" class="mb-5" color="#727676"
@@ -114,14 +112,14 @@
 
               <p >Nous examinons vos contrats actuels et nous optimisons les clauses de vos futurs contrats.</p>
 
-              <ul>
+              <ul class="mb-4">
                 <li>Soit avec votre prestataire actuel,</li>
                 <li>Soit avec la concurrence.</li>
               </ul>
 
               <p class="mb-4 text-primary fw-bold">C’est l’assurance pour vous d’avoir une protection maximale et d’obtenir des conditions avantageuses.              </p>
 
-              <div class="row d-flex justify-content-center gx-5">
+              <div class="row d-flex justify-content-center gx-5 w-75 mb-4" style="margin-left: auto; margin-right: auto;">
                 <div class="col-md-4 img-sizer me-md-5 mb-3">
                   <nuxt-img src="/images/prestations/contrat/signature.jpg" alt="signature" class="img-fluid" />
                 </div>
@@ -143,11 +141,11 @@
                 <li>Soit par la mise en concurrence de celui-ci.</li>
               </ul>
 
-              <div class="row d-flex justify-content-center align-items-center mt-5 mb-3 gx-5">
-                <div class="col-md-4 img-sizer me-md-5 mb-3">
+              <div class="row d-flex justify-content-center align-items-center mt-5 gx-5 w-75" style="margin-left: auto; margin-right: auto;">
+                <div class="col-md-4 img-sizer me-md-5">
                   <nuxt-img src="/images/prestations/nego/rfa-1.jpg" alt="tableau" class="img-fluid" />
                 </div>
-                <div class="col-md-4 img-sizer mb-3">
+                <div class="col-md-4 img-sizer">
                   <nuxt-img src="/images/prestations/nego/presentation.jpg" alt="presentation" class="img-fluid" />
                 </div>
               </div>