diff --git a/src/views/StripePayment.vue b/src/views/StripePayment.vue
index 3c5d9f0..4d2c127 100644
--- a/src/views/StripePayment.vue
+++ b/src/views/StripePayment.vue
@@ -3,41 +3,42 @@
 
     <v-row>
       <v-text-field label="Message"
-        style="border-radius: 10px; margin-top: 10px; margin-bottom: 10px; color: #a30e79; background-color: #f4f4f4">
+        style=" margin-top: 10px; margin-bottom: 10px; color: #a30e79; background-color: #f4f4f4">
       </v-text-field>
     </v-row>
 
 
     <v-row>
-      <v-text-field label="Montant ($)" v-model="price"
-        style="border-radius: 10px; margin-bottom: 10px; color: #a30e79; background-color: #f4f4f4">
-      </v-text-field>
-    </v-row>
+      <v-col>
+        <v-text-field label="Montant ($)" v-model="price" style="color: rgb(0, 109, 119); background-color: #f4f4f4">
+        </v-text-field>
+      </v-col>
 
-    <v-row justify="center">
-      <v-btn @click="goPay()"
-        style="margin-bottom: 10px; width: 200px;  background-color: #6b0065; color: white; font-weight: bold;">
-        <v-icon left style="margin-right: 10px;">
-          mdi-gift
-        </v-icon>
-        Envoyez
-      </v-btn>
-    </v-row>
+      <v-row justify="center">
+        <v-btn @click="goPay()"
+          style="margin-bottom: 10px; width: 200px;  background-color: #6b0065; color: white; font-weight: bold;">
+          <v-icon left style="margin-right: 10px;">
+            mdi-gift
+          </v-icon>
+          Envoyez
+        </v-btn>
+        </v-col>
+      </v-row>
 
 
-    <v-dialog v-model="isPaymentDialogActive" max-width="720" persistent>
-      <template v-slot:default>
-        <v-card>
-          <div id="checkout">
-            <!-- Checkout will insert the payment form here -->
-          </div>
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn block class="ma-auto" style="width: 200px;" text="Annuler" @click="closeDialog()"></v-btn>
-          </v-card-actions>
-        </v-card>
-      </template>
-    </v-dialog>
+      <v-dialog v-model="isPaymentDialogActive" max-width="720" persistent>
+        <template v-slot:default>
+          <v-card>
+            <div id="checkout">
+              <!-- Checkout will insert the payment form here -->
+            </div>
+            <v-card-actions>
+              <v-spacer></v-spacer>
+              <v-btn block class="ma-auto" style="width: 200px;" text="Annuler" @click="closeDialog()"></v-btn>
+            </v-card-actions>
+          </v-card>
+        </template>
+      </v-dialog>
   </v-container>
 
 
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index 505386e..fce6a7f 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -2,15 +2,16 @@
   <div style="background-color: #f4f4f4;">
     <DefaultLayout></DefaultLayout>
 
-
-    <!-- "Mobile -->
-    <v-row class="fluid hidden-md-and-up social-mobile-container"
-      style="margin-top: -10px; position: relative; z-index: 0; " hidden-md-and-down>
+    <!-- Bannière -->
+    <v-row class="fluid" style="margin-top: -50px; position: relative; z-index: 0;">
       <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
         <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
           style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
       </v-col>
     </v-row>
+    <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
+
+    </v-row>
 
     <!-- "PurpleLine" -->
     <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
@@ -126,6 +127,7 @@
                 <!-- Tools -->
                 <v-col cols="12" class="px-0">
                   <v-list dense class="d-flex align-start align-center main-background">
+
                     <v-list-item-group>
                       <router-link v-for="(item, index) in tools" :key="index" :to="item.link">
                         <v-btn text class="btn-custom" elevation="0" outlined="false">
@@ -264,22 +266,26 @@
 
               <v-row>
                 <v-spacer></v-spacer>
-                <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
-                  <v-row>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
-                      <img class="socialicons invert-color" src="../../../images/facebookicon.png"
-                        alt="Description image 2">
-                    </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
-                      <img class="socialicons" src="../../../images/instaicon.png" alt="Description image 2">
-                    </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
-                      <img class="socialicons invert-color" src="../../../images/xicon.png" alt="Description image 2">
-                    </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
-                      <img class="socialicons invert-color" src="../../../images/tiktok.png" alt="Description image 2">
-                    </a>
-                  </v-row>
+                <v-col cols="10" style="margin-top: 1%; margin-bottom: -2%;">
+                  <v-col cols="11" style="margin-top: 1%; margin-bottom: -2%;">
+                    <v-row justify-center align="center">
+                      <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                        <img class="socialicons invert-color" src="../../../images/facebookicon.png"
+                          alt="Description image 2">
+                      </a>
+                      <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                        <img class="socialicons" src="../../../images/instaicon.png" alt="Description image 2">
+                      </a>
+                      <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                        <img class="socialicons invert-color" src="../../../images/xicon.png" alt="Description image 2">
+                      </a>
+                      <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                        <img class="socialicons invert-color" src="../../../images/tiktok.png"
+                          alt="Description image 2">
+                      </a>
+                    </v-row>
+                  </v-col>
+
                 </v-col>
                 <v-col background-color="primary"></v-col>
               </v-row>
@@ -410,32 +416,38 @@
       </v-col>
 
       <!-- "Large-Monitor-RightCol" Donation -->
-      <v-col cols="2" md="3" lg="3" xl="4" xxl="4" class="hidden-sm-and-down" hidden-sm-and-up>
-        <v-row>
-          <v-col>
-            <v-container class="sticky-bottom-label Je-soutien-container" style="max-width: 400px ;  bottom: 0;">
-              <!-- Donnation -->
-              <v-card style="border-radius: 20px;">
-                <v-container>
-                  <v-row class="mb-0"
-                    style="background-color: #6b0065; margin-left: -24px; margin-right: -24px; margin-top: -20px; justify-content: center;">
-                    <v-card-title class="text-soutiens" style="margin-top: 15px;">
-                      JE SOUTIENS!
-                    </v-card-title>
-                  </v-row>
-
-                  <StripePayment></StripePayment>
-                </v-container>
-              </v-card>
+      <v-col cols="2" md="3" lg="3" xl="3" xxl="3" class="hidden-md-and-down" hidden-md-and-up>
+        <v-container class="sticky-bottom-label" style="max-width: 400px ;  bottom: 0; z-index: 1000;">
+          <!-- Donnation -->
+          <v-card style="border-radius: 20px;">
+            <v-container>
+              <v-row class="mb-0"
+                style="background-color: #6b0065; margin-left: -24px; margin-right: -24px; margin-top: -20px; justify-content: center;">
+                <v-card-title class="text-soutiens" style="margin-top: 15px;">
+                  JE SOUTIENS!
+                </v-card-title>
+              </v-row>
+              <v-spacer style="height: 20px;"></v-spacer>
+              <v-textarea style="color: #a30e79;" label="Votre message" placeholder="Écrivez votre message ici" rows="3"
+                auto-grow></v-textarea>
+              <v-text-field style="color: #a30e79;" label="Montant ($)" placeholder="Écrivez votre message ici" rows="3"
+                auto-grow></v-text-field>
+              <v-btn block class="ma-auto" style="width: 200px;">
+                <v-icon left>
+                  mdi-gift
+                </v-icon>
+                Donnez
+              </v-btn>
             </v-container>
-            <v-container style="height: 1600px;">
-            </v-container>
-
-          </v-col>
-          <v-spacer>
-          </v-spacer>
-        </v-row>
+          </v-card>
+        </v-container>
       </v-col>
+
+
+
+
+
+
     </v-row>
 
     <!-- "Mobile" Donation -->
@@ -455,6 +467,8 @@
         <v-bottom-sheet v-model="drawerbottom" class="sticky-bottom-label" hide-overlay>
           <v-container style="background-color: #6b0065; color: white; padding: 20px; text-align: center;">
             <h1 class="text-soutiens">JE SOUTIENS</h1>
+            <v-textarea style="color: white;" label="Votre message" placeholder="Écrivez votre message ici" rows="2"
+              auto-grow></v-textarea>
             <StripePayment></StripePayment>
           </v-container>
         </v-bottom-sheet>
@@ -474,7 +488,6 @@
 <script setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
-import StripePayment from '../StripePayment.vue';
 </script>
 
 <script>
@@ -720,9 +733,11 @@ export default {
 .social-container2 {
   background-color: #0baab2;
   border-bottom-right-radius: 30px;
+  border-bottom-left-radius: 30px;
   font-size: 1.4rem;
   font-weight: 500;
   color: white;
+
 }
 
 .social-container-mobile {
@@ -869,16 +884,6 @@ export default {
     font-size: 1rem;
   }
 
-  .card-youtube {
-    min-height: 250px;
-  }
-
-
-  .name-info-mobile {
-    font-size: 1.6rem;
-  }
-
-
 }
 
 
@@ -911,13 +916,6 @@ export default {
     font-size: 1rem;
   }
 
-  .card-youtube {
-    min-height: 330px;
-  }
-
-
-
-
 }
 
 
@@ -955,72 +953,13 @@ export default {
 
 @media (min-width: 960px) and (max-width: 1280px) {
 
-  .middle-col {
-    margin-left: -30px;
-  }
 
-  .text-soutiens {
-    font-size: 1.2rem;
-    letter-spacing: 5px;
-
-  }
 
 
   .profile-container {
-    margin-top: -185px;
-    min-width: 480px
-  }
-
-  .card-youtube {
-    min-height: 270px;
-  }
-
-  .Je-soutien-container {
-    min-width: 325px;
-    margin-left: -35px;
+    margin-top: -16%;
 
   }
-
-
-  .mobile-profile-picture-creator {
-    transform: scale(1.3) translateY(25%) translateX(-50px);
-  }
-
-
-
-  .name-info {
-    font-size: 1.2rem;
-    margin-left: 20px;
-    margin-top: -6px
-  }
-
-  .occupation-info {
-
-    margin-left: 40px;
-    margin-top: -8px
-  }
-
-  .social-container {
-    margin-left: 80px;
-    min-width: 270px;
-    max-height: 40px
-  }
-
-
-  .social-container2 {
-
-    margin-left: 50px;
-    min-width: 250px;
-    max-height: 35px
-  }
-
-  .socialicons {
-    width: 34px;
-    max-width: 100px;
-    margin-top: 15px;
-    margin-left: 25px;
-  }
-
 }
 
 
@@ -1031,62 +970,14 @@ export default {
   }
 
   .mobile-profile-picture-creator {
-    transform: scale(1.3) translateY(25%) translateX(-50px);
+    transform: scale(1.2) translateY(25px) translateX(-8px);
   }
 
   .profile-container {
-    margin-top: -180px;
+    margin-top: -25%;
 
   }
 
-  .card-youtube {
-    min-height: 290px;
-  }
-
-  .menu-col {
-    margin-left: -4%;
-  }
-
-  .Je-soutien-container {
-    min-width: 350px;
-  }
-
-
-  .name-info {
-    font-size: 1.2rem;
-    margin-left: 20px;
-    margin-top: -6px
-  }
-
-  .social-container {
-    margin-left: 90px;
-    min-width: 350;
-    max-height: 40px
-  }
-
-
-  .occupation-info {
-
-    margin-left: 70px;
-    margin-top: -8px
-  }
-
-
-
-  .social-container2 {
-
-    margin-left: 40px;
-    min-width: 290px;
-    max-height: 35px
-  }
-
-  .socialicons {
-    width: 34px;
-    max-width: 100px;
-    margin-top: 15px;
-    margin-left: 25px;
-  }
-
 }
 
 
@@ -1097,52 +988,13 @@ export default {
   }
 
   .mobile-profile-picture-creator {
-    transform: scale(1.4) translateY(25%) translateX(-40px);
+    transform: scale(1.3) translateY(25px) translateX(-5px);
   }
 
   .profile-container {
-    margin-top: -171px;
+    margin-top: -20%;
 
   }
-
-  .card-youtube {
-    min-height: 355px;
-  }
-
-  .menu-col {
-    margin-left: -4%;
-  }
-
-  .Je-soutien-container {
-    min-width: 400px;
-  }
-
-  .name-info {
-    font-size: 1.5rem;
-    margin-top: -4px;
-    margin-left: 35px;
-
-
-  }
-
-  .occupation-info {
-    font-size: 1.3rem;
-    margin-left: 75px;
-    margin-top: -2px
-  }
-
-
-
-  .social-container2 {
-
-    margin-left: 70px;
-    min-width: 300px;
-
-
-
-  }
-
-
 }
 
 @media (min-width: 1920px) and (max-width: 2559px) {
@@ -1152,98 +1004,10 @@ export default {
   }
 
   .profile-container {
-    margin-top: -160px;
+    margin-top: -12%;
 
   }
-
-  .card-youtube {
-    min-height: 380px;
-  }
-
-  .Je-soutien-container {
-    min-width: 400px;
-  }
-
-  .mobile-profile-picture-creator {
-    transform: scale(1.4) translateY(25%) translateX(-40px);
-  }
-
-  .name-info {
-    font-size: 1.5rem;
-    margin-left: 35px;
-    margin-top: -4px;
-  }
-
-  .social-container {
-    margin-left: 100px;
-
-  }
-
-  .occupation-info {
-    font-size: 1.3rem;
-    margin-left: 110px;
-    margin-top: -4px
-  }
-
-
-
-  .social-container2 {
-
-    margin-left: 30px;
-    min-width: 360px;
-
-  }
-
-  .socialicons {
-    width: 38px;
-    max-width: 100px;
-    margin-top: 13px;
-    margin-left: 40px;
-  }
-
-
 }
 
-@media (min-width: 2560px) {
-  .mobile-profile-picture-creator {
-    transform: scale(1.5) translateY(25%) translateX(-20px);
-  }
-
-
-  .card-youtube {
-    min-height: 380px;
-  }
-
-  .text-soutiens {
-    font-size: 1.5rem;
-  }
-
-  .name-info {
-    font-size: 2rem;
-
-  }
-
-  .social-container {
-    margin-left: 140px;
-  }
-
-  .social-container2 {
-    margin-left: 130px;
-  }
-
-  .occupation-info {
-    font-size: 1.5rem;
-    margin-left: 65px;
-    margin-top: -6px
-  }
-
-  .socialicons {
-    width: 45px;
-    max-width: 100px;
-    margin-top: 15px;
-    margin-left: 40px;
-  }
-
-
-}
+@media (min-width: 2559px) {}
 </style>
\ No newline at end of file