diff --git a/frontend/public/medias/hutopy.png b/frontend/public/images/hutopy.png
similarity index 100%
rename from frontend/public/medias/hutopy.png
rename to frontend/public/images/hutopy.png
diff --git a/frontend/src/views/documentation/About.vue b/frontend/src/views/documentation/About.vue
index 2e8f861..dad17c8 100644
--- a/frontend/src/views/documentation/About.vue
+++ b/frontend/src/views/documentation/About.vue
@@ -49,74 +49,114 @@
     unique et une perspective fraîche à notre mission commune.
   </p>
 
-  <br>
-  <v-row justify="center">
-    <v-card max-width="250px" class="card-member" style="margin: 10px;">
-      <img class="member-profile-picture"
-           src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
-           alt="Marc-Olivier Hébert">
-      <div class="card-content">
-        <div class="member-name">Marc-Olivier</div>
-        <div class="member-name">Hébert</div>
-        <div class="member-title">Fondateur</div>
-        <p class="member-description">Avec une vision claire et un engagement sans faille, il a lancé Hutopy pour
-          changer la manière dont le contenu est créé et partagé.</p>
-      </div>
-    </v-card>
+  <div class="members">
 
-    <v-card max-width="250px" class="card-member" style="margin: 10px;">
-      <img class="member-profile-picture"
-           src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
-           alt="Dominic Villemure">
-      <div class="card-content">
-        <div class="member-name">Dominic</div>
-        <div class="member-name">Villemure</div>
+    <div class="card">
+
+      <div class="card-header">
+        <img class="member-profile-picture"
+             src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
+             alt="Marc-Olivier Hébert">
+      </div>
+
+      <div class="card-body">
+        <div class="member-name">Marc-Olivier Hébert</div>
+        <div class="member-title">CEO / Fondateur</div>
+        <div class="member-description">
+          <p>
+          Avec une vision claire et un engagement sans faille, il a lancé Hutopy pour changer la manière dont le
+          contenu est créé et partagé.
+          </p>
+        </div>
+      </div>
+
+    </div>
+
+    <div class="card">
+
+      <div class="card-header">
+        <img class="member-profile-picture"
+             src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
+             alt="Dominic Villemure">
+      </div>
+
+      <div class="card-body">
+        <div class="member-name">Dominic Villemure</div>
         <div class="member-title">Responsable Technique</div>
-        <p class="member-description">À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
-          pointe de la technologie.</p>
+        <div class="member-description">
+          <p>
+            À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
+            pointe de la technologie.
+          </p>
+        </div>
       </div>
-    </v-card>
 
-    <v-card max-width="250px" class="card-member" style="margin: 10px;">
-      <img class="member-profile-picture"
-           src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
-           alt="Pascal Marchesseault">
-      <div class="card-content">
-        <div class="member-name">Pascal</div>
-        <div class="member-name">Marchesseault</div>
+    </div>
+
+    <div class="card">
+
+      <div class="card-header">
+        <img class="member-profile-picture"
+             src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
+             alt="Pascal Marchesseault">
+      </div>
+
+      <div class="card-body">
+        <div class="member-name">Pascal Marchesseault</div>
         <div class="member-title">Gestionnaire de projet / UI</div>
-        <p class="member-description">A pour mission d'assurer le développement du projet tout en créant une interface
-          qui permettra au projet d'avoir une interaction positive et enrichissante avec Hutopy pour les
-          utilisateurs.</p>
+        <div class="member-description">
+          <p>
+            A pour mission d'assurer le développement du projet tout en créant une interface
+            qui permettra au projet d'avoir une interaction positive et enrichissante avec Hutopy pour les
+            utilisateurs.
+          </p>
+        </div>
       </div>
-    </v-card>
 
-    <v-card max-width="250px" class="card-member" style="margin: 10px;">
-      <img class="member-profile-picture"
-           src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
-           alt="Chloé Beaugrand">
-      <div class="card-content">
-        <div class="member-name">Chloé</div>
-        <div class="member-name">Beaugrand</div>
+    </div>
+
+    <div class="card">
+
+      <div class="card-header">
+        <img class="member-profile-picture"
+             src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
+             alt="Chloé Beaugrand">
+      </div>
+
+      <div class="card-body">
+        <div class="member-name">Chloé Beaugrand</div>
         <div class="member-title">Responsable Marketing</div>
-        <p class="member-description">Elle façonne l'image d’Hutopy et engage notre communauté à travers des campagnes
-          innovantes et impactantes.</p>
+        <div class="member-description">
+          <p>
+            Elle façonne l'image d’Hutopy et engage notre communauté à travers des campagnes
+            innovantes et impactantes.
+          </p>
+        </div>
       </div>
-    </v-card>
 
-    <v-card max-width="250px" class="card-member" style="margin: 10px;">
-      <img class="member-profile-picture"
-           src="/images/hutopymedia/tospage/membersPictures/Jonathan.png"
-           alt="Édouard Letarte">
-      <div class="card-content">
-        <div class="member-name">Jonathan</div>
-        <div class="member-name">Bourdon</div>
-        <div class="member-title">Programeur / Architecte</div>
-        <p class="member-description">Son expérience d'architecte senior nous permet de développer un logiciel avec
-          une durabilité qui nous permettra de nous développer pendant de longues années.</p>
+    </div>
+
+    <div class="card">
+
+      <div class="card-header">
+        <img class="member-profile-picture"
+             src="/images/hutopymedia/tospage/membersPictures/Jonathan.png"
+             alt="Édouard Letarte">
       </div>
-    </v-card>
-  </v-row>
+
+      <div class="card-body">
+        <div class="member-name">Jonathan Bourdon</div>
+        <div class="member-title">Programeur / Architecte</div>
+        <div class="member-description">
+          <p>
+            Son expérience d'architecte senior nous permet de développer un logiciel avec
+            une durabilité qui nous permettra de nous développer pendant de longues années.
+          </p>
+        </div>
+      </div>
+
+    </div>
+  </div>
 
   <p>
     Chez Hutopy, nous sommes plus qu'une plateforme ; nous sommes une famille dédiée à la
@@ -130,30 +170,41 @@
 <style scoped>
 @import '@/views/documentation/documentation.css';
 
-.card-member {
-  margin: 10px;
+.members {
+  @apply gap-6;
+  @apply grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3;
+  @apply mb-12;
 }
 
-.card-content {
-  margin: 10px;
+.card {
+  @apply flex flex-col gap-2;
+  @apply bg-hSurface rounded-2xl text-hOnSurface;
+  @apply font-sans text-base;
+}
+
+.card-header {
+  @apply rounded-xl;
+}
+
+.card-body {
+  @apply p-8;
+}
+
+.member-profile-picture {
+  @apply  rounded-t-xl;
 }
 
 .member-name {
-  font-size: 1.5rem;
-  font-weight: bold;
+  @apply font-bold text-2xl;
 }
 
 .member-title {
-  font-size: 1rem;
-  margin-bottom: 15px;
+  @apply font-semibold text-lg;
+  @apply mb-8;
 }
 
 .member-description {
-  hyphens: auto;
-  font-size: 0.8rem;
-  text-align: justify;
+  @apply font-sans text-lg text-justify;
 }
 
-</style>
-<script setup lang="ts">
-</script>
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/documentation/ContentPolicy.vue b/frontend/src/views/documentation/ContentPolicy.vue
index 5fe7874..cfb7299 100644
--- a/frontend/src/views/documentation/ContentPolicy.vue
+++ b/frontend/src/views/documentation/ContentPolicy.vue
@@ -4,6 +4,7 @@
     <h1>Politique de Contenu</h1>
 
     <h2>Introduction</h2>
+
     <p>
       Hutopy vise à offrir une plateforme sécurisée, inclusive et respectueuse où les créateurs peuvent partager leur
       travail et interagir avec une communauté engagée. Pour maintenir cet environnement, nous avons établi des lignes
@@ -15,44 +16,100 @@
     <h2>Contenu Autorisé</h2>
 
     <ul>
+
       <li>
-        Hutopy encourage la publication de contenu créatif, éducatif et inspirant dans divers formats, y compris :
+        <p>
+          Hutopy encourage la publication de contenu créatif, éducatif et inspirant dans divers formats, y compris :
+        </p>
       </li>
-      <li>Arts visuels et design : Illustrations, photographies, designs graphiques respectant le droit d'auteur.</li>
-      <li>Éducation et apprentissage : Tutoriels, cours en ligne, webinaires qui favorisent l'apprentissage et le
-        développement personnel.
+
+      <li>
+        <p>
+          <b>Arts visuels et design</b>
+          Illustrations, photographies, designs graphiques respectant le droit d'auteur.
+        </p>
       </li>
-      <li>Contenu écrit : Articles, blogs, poésies qui enrichissent les discussions et partagent des connaissances.</li>
-      <li>Multimédia : Vidéos, podcasts et musique originales qui respectent les droits d'auteur et encouragent
-        l'expression créative.
+
+      <li>
+        <p>
+          <b>Éducation et apprentissage</b>
+          Tutoriels, cours en ligne, webinaires qui favorisent l'apprentissage et le développement personnel.
+        </p>
       </li>
+
+      <li>
+        <p>
+          <b>Contenu écrit</b>
+          Articles, blogs, poésies qui enrichissent les discussions et partagent des connaissances.
+        </p>
+      </li>
+
+      <li>
+        <p>
+          <b>Multimédia</b>
+          Vidéos, podcasts et musique originales qui respectent les droits d'auteur et encouragent l'expression
+          créative.
+        </p>
+      </li>
+
     </ul>
 
     <h2>Contenu Interdit</h2>
+
     <ul>
-      <li>
+
+      <p>
         Pour protéger notre communauté, certains types de contenu ne sont pas autorisés sur Hutopy, incluant mais non
         limité à :
+      </p>
+
+      <li>
+        <p>
+          <b>Contenu illégal</b>
+          Tout contenu promouvant des activités illégales ou fournissant des instructions pour
+          commettre des actes illégaux.
+        </p>
       </li>
-      <li>Contenu illégal : Tout contenu promouvant des activités illégales ou fournissant des instructions pour
-        commettre
-        des actes illégaux.
+
+      <li>
+        <p>
+          <b>Harcèlement et discours de haine</b>
+          Contenu visant à harceler, menacer, ou promouvoir la haine contre des individus ou des groupes basés sur la
+          race, l'ethnie, la religion, le genre, l'orientation sexuelle, l'identité degenre ou tout autre caractère
+          distinctif.
+        </p>
       </li>
-      <li>Harcèlement et discours de haine : Contenu visant à harceler, menacer, ou promouvoir la haine contre des
-        individus ou des groupes basés sur la race, l'ethnie, la religion, le genre, l'orientation sexuelle, l'identité
-        de
-        genre ou tout autre caractère distinctif.
+
+      <li>
+        <p>
+          <b>Contenu pour adultes</b>
+          Matériel pornographique ou explicitement sexuel.
+        </p>
       </li>
-      <li>Contenu pour adultes : Matériel pornographique ou explicitement sexuel.</li>
-      <li>Violence et contenu graphique : Images ou descriptions de violence excessive, gore ou choquantes.</li>
-      <li>Publicité mensongère et spam : Contenu trompeur, frauduleux ou spammy.</li>
+
+      <li>
+        <p>
+          <b>Violence et contenu graphique</b>
+          Images ou descriptions de violence excessive, gore ou choquantes.
+        </p>
+      </li>
+
+      <li>
+        <p>
+          <b>Publicité mensongère et spam</b>
+          Contenu trompeur, frauduleux ou spammy.
+        </p>
+      </li>
+
     </ul>
 
     <h2>Droits d'Auteur et Propriété Intellectuelle</h2>
+
     <p>
       Respect des Droits : Vous devez posséder les droits sur le contenu que vous publiez sur Hutopy ou avoir
       l'autorisation expresse du détenteur des droits pour utiliser ce contenu.
     </p>
+
     <p>
       Attribution : Lorsque vous utilisez ou adaptez le contenu protégé par des droits d'auteur appartenant à autrui,
       une
@@ -60,78 +117,103 @@
     </p>
 
     <h2>Modération et Signalement</h2>
+
     <p>
-      Modération : Hutopy utilise à la fois des modérateurs humains et des outils automatisés pour surveiller et évaluer
-      le contenu publié, garantissant le respect de cette politique.
+      <b>Modération</b>
+      Hutopy utilise à la fois des modérateurs humains et des outils automatisés pour surveiller et évaluer le contenu
+      publié, garantissant le respect de cette politique.
     </p>
+
     <p>
-      Signalement : Les utilisateurs de Hutopy sont encouragés à signaler tout contenu qu'ils considèrent comme
-      enfreignant notre politique de contenu via les outils de signalement disponibles sur la plateforme.
+      <b>Signalement</b>
+      Les utilisateurs de Hutopy sont encouragés à signaler tout contenu qu'ils considèrent comme enfreignant notre
+      politique de contenu via les outils de signalement disponibles sur la plateforme.
     </p>
 
     <h2>Conséquences des Violations</h2>
+
     <p>
       La violation de notre politique de contenu peut entraîner des actions allant de l'avertissement à la suppression
-      du
-      contenu ou à la suspension, voire à la résiliation du compte utilisateur.
+      du contenu ou à la suspension, voire à la résiliation du compte utilisateur.
     </p>
 
     <h2>Révisions de la Politique</h2>
+
     <p>
       Hutopy se réserve le droit de modifier cette politique de contenu à tout moment pour refléter les changements dans
       nos pratiques ou pour se conformer à de nouvelles réglementations légales.
     </p>
 
-    <h2>Dans le cas d’une non conformité aux politiques de contenus :</h2>
-    <p>
-      1. Suspension des Fonds : Les montants accumulés sur le compte de l'utilisateur en question seront suspendus
-      temporairement le temps de l'évaluation.
-    </p>
-    <p>
-      2. Redistribution à des Œuvres de Charité : Si, après évaluation, le contenu est définitivement jugé non conforme
-      à
-      nos clauses de conformité, les fonds suspendus seront redistribués à des œuvres de charité choisies par Hutopy.
-      L'utilisateur concerné sera informé de cette décision et des raisons de la non-conformité de son contenu.
-    </p>
-    <p>
-      Cette mesure vise à renforcer la responsabilité des créateurs quant au type de contenu partagé sur Hutopy, tout en
-      soutenant des causes bénéfiques en cas de violation de nos directives.
-    </p>
+    <h2>Dans le cas d’une non conformité aux politiques de contenus</h2>
+
+    <ul>
+      <li>
+        <p>
+          <b>Suspension des Fonds</b>
+          Les montants accumulés sur le compte de l'utilisateur en question seront suspendus temporairement le temps de
+          l'évaluation.
+        </p>
+      </li>
+
+      <li>
+        <p>
+          <b>Redistribution à des Œuvres de Charité</b>
+          Si, après évaluation, le contenu est définitivement jugé non conforme à nos clauses de conformité, les fonds
+          suspendus seront redistribués à des œuvres de charité choisies par Hutopy. L'utilisateur concerné sera informé
+          de cette décision et des raisons de la non-conformité de son contenu.
+        </p>
+      </li>
+
+      <li>
+        <p>
+          Cette mesure vise à renforcer la responsabilité des créateurs quant au type de contenu partagé sur Hutopy,
+          tout
+          en soutenant des causes bénéfiques en cas de violation de nos directives.
+        </p>
+      </li>
+    </ul>
 
-    <h2>Section Anti-Exploitation d’Hutopy</h2>
     <h2>Engagement d’Hutopy</h2>
+
     <p>
-      Hutopy s'engage fermement à maintenir une plateforme sûre et respectueuse pour tous ses utilisateurs. Nous prenons
+      Hutopy s'engage fermement à maintenir une plateforme sûre et respectueuse pour tous ses utilisateurs. Nous
+      prenons
       une position intransigeante contre toute forme d'exploitation humaine et nous travaillons activement pour
-      prévenir,
-      identifier et combattre les comportements et contenus exploitants. Notre mission est de créer un environnement où
-      la
-      créativité et l'expression personnelle peuvent s'épanouir sans crainte d'exploitation ou d'abus.
+      prévenir, identifier et combattre les comportements et contenus exploitants. Notre mission est de créer un
+      environnement où la créativité et l'expression personnelle peuvent s'épanouir sans crainte d'exploitation ou
+      d'abus.
     </p>
 
     <h2>Politique de Tolérance Zéro</h2>
+
     <p>
       Nous appliquons une politique de tolérance zéro à l'égard de :
     </p>
+
     <ul>
-      <li>Exploitation sexuelle : Cela inclut, mais n'est pas limité à, la pornographie infantile, le trafic sexuel, et
-        le
-        harcèlement sexuel.
+      <li>Exploitation sexuelle : Cela inclut, mais n'est pas limité à, la pornographie infantile, le trafic sexuel,
+        et
+        le harcèlement sexuel.
       </li>
-      <li>Travail forcé : Nous nous opposons à toute forme de travail forcé ou de servitude, y compris le travail des
+      <li>
+        Travail forcé : Nous nous opposons à toute forme de travail forcé ou de servitude, y compris le travail des
         enfants.
       </li>
-      <li>Exploitation financière : Cela comprend les arnaques, la fraude et tout autre type d'exploitation financière.
+      <li>
+        Exploitation financière : Cela comprend les arnaques, la fraude et tout autre type d'exploitation financière.
       </li>
     </ul>
 
     <h2>Politique de Tolérance Zéro et Signalement/Actions</h2>
     <ul>
-      <li>Mécanismes de Signalement : Hutopy fournit des outils faciles à utiliser pour signaler rapidement tout contenu
-        ou comportement suspect d'exploitation. Nous encourageons vivement les utilisateurs à utiliser ces outils s'ils
+      <li>Mécanismes de Signalement : Hutopy fournit des outils faciles à utiliser pour signaler rapidement tout
+        contenu
+        ou comportement suspect d'exploitation. Nous encourageons vivement les utilisateurs à utiliser ces outils
+        s'ils
         rencontrent ou soupçonnent des cas d'exploitation.
       </li>
-      <li>Réponse Rapide : Notre équipe dédiée examine tous les signalements avec la plus grande attention et prend des
+      <li>Réponse Rapide : Notre équipe dédiée examine tous les signalements avec la plus grande attention et prend
+        des
         mesures immédiates pour adresser les problèmes signalés. Cela peut inclure la suppression de contenu, la
         suspension de comptes, et, si nécessaire, le signalement aux autorités compétentes.
       </li>
@@ -147,7 +229,8 @@
 
     <h2>Engagements des Utilisateurs</h2>
     <p>
-      En rejoignant Hutopy, les utilisateurs s'engagent à respecter nos principes anti-exploitation et à contribuer à la
+      En rejoignant Hutopy, les utilisateurs s'engagent à respecter nos principes anti-exploitation et à contribuer à
+      la
       création d'un espace sûr pour tous. Tout manquement à ces engagements entraînera des conséquences sérieuses,
       conformément à notre politique de tolérance zéro.
     </p>
@@ -171,7 +254,8 @@
 
     <h2>Révisions de la Politique</h2>
     <p>
-      Hutopy se réserve le droit de modifier cette politique de contenu à tout moment pour refléter les changements dans
+      Hutopy se réserve le droit de modifier cette politique de contenu à tout moment pour refléter les changements
+      dans
       nos pratiques ou pour se conformer à de nouvelles réglementations légales.
     </p>
 
@@ -186,4 +270,6 @@
 
 <style scoped>
 @import '@/views/documentation/documentation.css';
-</style>
\ No newline at end of file
+</style>
+<script setup lang="ts">
+</script>
\ No newline at end of file
diff --git a/frontend/src/views/documentation/CreatorGuide.vue b/frontend/src/views/documentation/CreatorGuide.vue
index 77113ff..ca901d7 100644
--- a/frontend/src/views/documentation/CreatorGuide.vue
+++ b/frontend/src/views/documentation/CreatorGuide.vue
@@ -5,62 +5,68 @@
   <h2>Bienvenue dans la Communauté de Créateurs d’Hutopy</h2>
 
   <p>
-    Félicitations pour avoir choisi Hutopy pour partager votre créativité et votre savoir ! Ce guide est conçu pour vous
-    aider à maximiser votre présence sur la plateforme, à engager votre audience et à tirer le meilleur parti des outils
-    à votre disposition.
+    Félicitations pour avoir choisi Hutopy pour partager votre créativité et votre savoir ! Ce guide est conçu pour
+    vous aider à maximiser votre présence sur la plateforme, à engager votre audience et à tirer le meilleur parti des
+    outils à votre disposition.
   </p>
 
   <h2>Création de Votre Profil de Créateur</h2>
 
   <p>
-    Personnalisez Votre Profil : Ajoutez une photo de profil, une bannière et une bio qui reflète votre personnalité et
+    <b>Personnalisez Votre Profil</b>
+    Ajoutez une photo de profil, une bannière et une bio qui reflète votre personnalité et
     votre marque de créateur.
   </p>
+
   <p>
-    Liens et Contacts : Intégrez des liens vers vos autres plateformes sociales.
+    <b>Liens et Contacts</b>
+    Intégrez des liens vers vos autres plateformes sociales.
   </p>
 
-  <h2>2. Publication de Contenu</h2>
+  <h2>Publication de Contenu</h2>
 
   <p>
-    Diversifiez Votre Contenu : Explorez différents formats – vidéos, articles,
-    podcasts – pour captiver divers segments d'audience.
-  </p>
-  <p>
-    Planification et Consistance : Publiez régulièrement pour garder votre audience
-    engagée. Utilisez l'outil de planification d’Hutopy pour organiser vos publications à l'avance.
+    <b>Diversifiez Votre Contenu</b>
+    Explorez différents formats – vidéos, articles, podcasts – pour captiver divers segments d'audience.
   </p>
 
-  <h2>3. Engagement avec Votre Audience</h2>
-
   <p>
-    Interagissez : Répondez aux commentaires, participez à des discussions et créez
-    des sondages pour encourager l'interaction.
-  </p>
-  <p>
-    Analysez Vos Performances : Utilisez les outils d'analyse d’Hutopy pour
-    comprendre ce qui résonne avec votre audience et ajustez votre stratégie en conséquence.
+    <b>Planification et Consistance</b>
+    Publiez régulièrement pour garder votre audience engagée. Utilisez l'outil de planification d’Hutopy pour organiser
+    vos publications à l'avance.
   </p>
 
-  <h2>4. Monétisation</h2>
+  <h2>Engagement avec Votre Audience</h2>
 
   <p>
-    Explorez les Options : Hutopy offre plusieurs voies de monétisation, y compris
-    les abonnements payants, les dons et le programme d'ambassadeur. Choisissez ce qui convient le mieux à votre
-    contenu et à votre audience.
+    <b>Interagissez</b>
+    Répondez aux commentaires, participez à des discussions et créez des sondages pour encourager l'interaction.
   </p>
 
-  <h2>5. Croissance et Développement</h2>
+  <p>
+    <b>Analysez Vos Performances</b>
+    Utilisez les outils d'analyse d’Hutopy pour comprendre ce qui résonne avec votre audience et ajustez votre
+    stratégie en conséquence.
+  </p>
+
+  <h2>Monétisation</h2>
 
   <p>
-    Continuez à Apprendre : Utilisez le Centre de Ressources Éducatives d’Hutopy pour
-    améliorer vos compétences et rester à jour sur les tendances du secteur. (À venir)
+    <b>Explorez les Options</b>
+    Hutopy offre plusieurs voies de monétisation, y compris les abonnements payants, les dons et le programme
+    d'ambassadeur. Choisissez ce qui convient le mieux à votre contenu et à votre audience.
+  </p>
+
+  <h2>Croissance et Développement</h2>
+
+  <p>
+    <b>Continuez à Apprendre</b>
+    Utilisez le Centre de Ressources Éducatives d’Hutopy pour améliorer vos compétences et rester à jour sur
+    les tendances du secteur. (À venir)
   </p>
 
 </template>
 
 <style scoped>
 @import '@/views/documentation/documentation.css';
-</style>
-<script setup lang="ts">
-</script>
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/documentation/DocumentationLayout.vue b/frontend/src/views/documentation/DocumentationLayout.vue
index b5676c3..0a99a1f 100644
--- a/frontend/src/views/documentation/DocumentationLayout.vue
+++ b/frontend/src/views/documentation/DocumentationLayout.vue
@@ -6,9 +6,12 @@ import Footer from "@/views/main/Footer.vue";
 
   <div class="flex flex-col min-h-screen max-w-[960px] mx-auto">
 
-    <img src="/images/hutopymedia/banners/hutopyul.png"
-         class="rounded-2xl"
-         alt="logo hutopy">
+<!--    <div class="flex justify-center">-->
+<!--      <img src="/images/hutopy.png"-->
+<!--           class="rounded-2xl"-->
+<!--           alt="logo hutopy"-->
+<!--           width="600">-->
+<!--    </div>-->
 
     <div class="p-4">
       <router-view></router-view>
diff --git a/frontend/src/views/documentation/FAQ.vue b/frontend/src/views/documentation/FAQ.vue
index 22d6376..f291cbb 100644
--- a/frontend/src/views/documentation/FAQ.vue
+++ b/frontend/src/views/documentation/FAQ.vue
@@ -11,15 +11,15 @@
     dernières fonctionnalités.
   </p>
 
-  <h2>1. Comment puis-je créer un compte sur Hutopy ?</h2>
+  <h2>Comment puis-je créer un compte sur Hutopy ?</h2>
 
   <p>
-    Créer un compte est simple ! Visitez notre page d'inscription, remplissez les informations requises, et suivez les
+    Créer un compte est simple! Visitez notre page d'inscription, remplissez les informations requises, et suivez les
     instructions pour confirmer votre adresse e-mail ou vous connecter via les partenaires de connexion. Vous pourrez
     commencer à explorer et à interagir avec la communauté Hutopy immédiatement après.
   </p>
 
-  <h2>2. Quels types de contenu puis-je publier sur Hutopy ?</h2>
+  <h2>Quels types de contenu puis-je publier sur Hutopy ?</h2>
 
   <p>
     Hutopy accueille une large variété de contenus créatifs, incluant mais non limité à des vidéos, articles,
@@ -27,35 +27,35 @@
     valeurs.
   </p>
 
-  <h2>3. Comment Hutopy rémunère-t-il les créateurs de contenu ?</h2>
+  <h2>Comment Hutopy rémunère-t-il les créateurs de contenu ?</h2>
 
   <p>
     Les créateurs peuvent monétiser leur contenu de plusieurs façons, notamment via des abonnements payants et des
     dons de la part des utilisateurs.
   </p>
 
-  <h2>4. Comment puis-je modifier mon profil ?</h2>
+  <h2>Comment puis-je modifier mon profil ?</h2>
 
   <p>
     Connectez-vous à votre compte, accédez à votre profil, puis cliquez sur "Éditer le profil" pour modifier vos
     informations, ajouter une bio, changer votre photo de profil, et plus encore.
   </p>
 
-  <h2>5. Est-il possible de supprimer mon compte ?</h2>
+  <h2>Est-il possible de supprimer mon compte ?</h2>
 
   <p>
     Oui, vous pouvez faire la suppression de votre compte sur votre profil dans la section plus. Notez que cette
     action est irréversible.
   </p>
 
-  <h2>6. Que faire si j'oublie mon mot de passe ?</h2>
+  <h2>Que faire si j'oublie mon mot de passe ?</h2>
 
   <p>
     Sur la page de connexion, cliquez sur "Mot de passe oublié ?" et suivez les instructions pour réinitialiser votre
     mot de passe via votre adresse courriel.
   </p>
 
-  <h2>7. Comment signaler un contenu inapproprié ?</h2>
+  <h2>Comment signaler un contenu inapproprié ?</h2>
 
   <p>
     Si vous rencontrez du contenu qui viole nos directives, cliquer sur les trois petits points en haut de la
@@ -63,7 +63,7 @@
     modération.
   </p>
 
-  <h2>8. Comment puis-je contacter le support Hutopy ?</h2>
+  <h2>Comment puis-je contacter le support Hutopy ?</h2>
 
   <p>
     Pour toute assistance, vous pouvez nous contacter via notre formulaire en ligne ou par e-mail à
@@ -71,7 +71,7 @@
     demandes.
   </p>
 
-  <h2>9. Quels sont les frais pour les créateurs sur Hutopy ?</h2>
+  <h2>Quels sont les frais pour les créateurs sur Hutopy ?</h2>
 
   <p>
     Hutopy prélève une commission de 12% + 0,30$ sur chaque transaction réalisée sur la plateforme, que ce soit pour
@@ -80,14 +80,14 @@
     Stripe et le développement continu pour améliorer votre expérience sur Hutopy.
   </p>
 
-  <h2>10. Y a-t-il des frais pour s'inscrire ou pour maintenir mon compte sur Hutopy ?</h2>
+  <h2>Y a-t-il des frais pour s'inscrire ou pour maintenir mon compte sur Hutopy ?</h2>
 
   <p>
     Non, l'inscription sur Hutopy est gratuite, et il n'y a pas de frais mensuels ou annuels pour maintenir votre
     compte. Vous pouvez commencer à utiliser Hutopy et à partager votre contenu sans aucun coût initial.
   </p>
 
-  <h2>11. Les utilisateurs doivent-ils payer pour accéder au contenu sur Hutopy ?</h2>
+  <h2>Les utilisateurs doivent-ils payer pour accéder au contenu sur Hutopy ?</h2>
 
   <p>
     Hutopy offre à la fois du contenu gratuit et du contenu premium. Les utilisateurs peuvent accéder gratuitement à
@@ -95,7 +95,7 @@
     accessible uniquement via un abonnement payant ou un achat unique pour soutenir leur travail.
   </p>
 
-  <h2>12. Existe-t-il des frais pour retirer mes gains de la plateforme ?</h2>
+  <h2>Existe-t-il des frais pour retirer mes gains de la plateforme ?</h2>
 
   <p>
     Les créateurs peuvent retirer leurs gains sans frais supplémentaires de la part d’Hutopy. Cependant, les
@@ -103,7 +103,7 @@
     standards imposés par ces services ou institutions financières, mais pas par Hutopy.
   </p>
 
-  <h2>13. Les frais Hutopy sont-ils les mêmes pour tous les types de contenu ?</h2>
+  <h2>Les frais Hutopy sont-ils les mêmes pour tous les types de contenu ?</h2>
 
   <p>
     Oui, les frais de commission d’Hutopy sont uniformément appliqués à tous les types de contenu et de transactions
diff --git a/frontend/src/views/documentation/Pricing.vue b/frontend/src/views/documentation/Pricing.vue
index a691a45..3e587ef 100644
--- a/frontend/src/views/documentation/Pricing.vue
+++ b/frontend/src/views/documentation/Pricing.vue
@@ -1,26 +1,39 @@
 <template>
-  <div>
-    <h1 class="h1-tos py-10  flex items-center justify-center uppercase">Frais</h1>
-  </div>
+  <h1>Frais</h1>
 
-    <p class="text-justify p-tos">
-      Découvrez Hutopy, l'endroit où la valorisation de votre travail atteint son apogée. Avec une commission réduite à seulement 9 %, notre engagement envers votre succès est palpable. Chaque pourcentage prélevé est réinvesti avec soin pour catalyser votre croissance afin de développer des fonctionnalités innovantes, maintenir une infrastructure technologique de pointe, et un support utilisateur de premier ordre. Notre objectif ? Amplifier votre expansion et garantir une expérience utilisateur sans précédent.
-    </p>
+  <p>
+    Découvrez Hutopy, l'endroit où la valorisation de votre travail atteint son apogée. Avec une commission réduite à
+    seulement 9 %, notre engagement envers votre succès est palpable. Chaque pourcentage prélevé est réinvesti avec soin
+    pour catalyser votre croissance afin de développer des fonctionnalités innovantes, maintenir une infrastructure
+    technologique de pointe, et un support utilisateur de premier ordre. Notre objectif ? Amplifier votre expansion et
+    garantir une expérience utilisateur sans précédent.
+  </p>
 
-    <p class="text-justify p-tos">
-      Pour chaque transaction, un frais minime assure la sécurité et la fiabilité des paiements, grâce à un partenaire de confiance mondialement reconnu. Ce dernier sécurise des milliards en transactions chaque année pour une diversité d'entreprises, à des entreprises en démarrage aux conglomérats établis. Ce gage de sécurité est disponible pour une somme de 2,9 % plus un 0,30 $ par transaction, une petite contribution pour la tranquillité d'esprit et la protection de vos revenus.
-    </p>
+  <p>
+    Pour chaque transaction, un frais minime assure la sécurité et la fiabilité des paiements, grâce à un partenaire de
+    confiance mondialement reconnu. Ce dernier sécurise des milliards en transactions chaque année pour une diversité
+    d'entreprises, à des entreprises en démarrage aux conglomérats établis. Ce gage de sécurité est disponible pour une
+    somme de 2,9 % plus un 0,30 $ par transaction, une petite contribution pour la tranquillité d'esprit et la
+    protection de vos revenus.
+  </p>
 
-    <p class="text-justify p-tos">
-      Notre modèle tarifaire, pensé pour la simplicité et la transparence, a pour ambition ultime d'optimiser vos gains. Chez Hutopy, la notion de partenariat prend tout son sens : votre épanouissement est au cœur de nos préoccupations. Bénéficiez d'une plateforme qui élargit votre horizon créatif et entrepreneurial, tout en vous assurant que vos intérêts et ceux de vos donnateurs sont précieusement gardés.
-    </p>
+  <p>
+    Notre modèle tarifaire, pensé pour la simplicité et la transparence, a pour ambition ultime d'optimiser vos gains.
+    Chez Hutopy, la notion de partenariat prend tout son sens : votre épanouissement est au cœur de nos préoccupations.
+    Bénéficiez d'une plateforme qui élargit votre horizon créatif et entrepreneurial, tout en vous assurant que vos
+    intérêts et ceux de vos donnateurs sont précieusement gardés.
+  </p>
 
-    <p class="text-justify p-tos">
-      Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation de la passion en profit devient réalité, grâce au soutien indéfectible d'une équipe dévouée à enrichir votre parcours. Nous vous invitons à nous rejoindre pour explorer ensemble les avenues de succès, tout en vous garantissant une part conséquente de vos revenus. Embarquez dans une aventure où votre présence en ligne ne connaît pas de limites, soutenue par Hutopy, votre allié dans la quête du succès.
-    </p>
+  <p>
+    Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation de la passion en profit devient
+    réalité, grâce au soutien indéfectible d'une équipe dévouée à enrichir votre parcours. Nous vous invitons à nous
+    rejoindre pour explorer ensemble les avenues de succès, tout en vous garantissant une part conséquente de vos
+    revenus. Embarquez dans une aventure où votre présence en ligne ne connaît pas de limites, soutenue par Hutopy,
+    votre allié dans la quête du succès.
+  </p>
 
 </template>
 
-<style>
+<style scoped>
 @import '@/views/documentation/documentation.css';
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/documentation/TermsAndConditions.vue b/frontend/src/views/documentation/TermsAndConditions.vue
index e5a2ad9..12c0c70 100644
--- a/frontend/src/views/documentation/TermsAndConditions.vue
+++ b/frontend/src/views/documentation/TermsAndConditions.vue
@@ -65,11 +65,13 @@
     Dans l'éventualité où le contenu d'un utilisateur est jugé inapproprié, offensant ou en violation avec nos
     Acceptation des Conditions
   </p>
+
   <p>
     Votre accès et votre utilisation continue de la plateforme Hutopy constituent votre acceptation des présentes
     conditions générales et de toutes les modifications futures. Il est de votre responsabilité de vous tenir informé
     des mises à jour de ces conditions.
   </p>
+
   <p>
     Nous vous encourageons à utiliser Hutopy de manière responsable et conforme à nos directives, afin de contribuer à
     une communauté positive et enrichissante pour tous.
diff --git a/frontend/src/views/documentation/documentation.css b/frontend/src/views/documentation/documentation.css
index 51a3450..66461c1 100644
--- a/frontend/src/views/documentation/documentation.css
+++ b/frontend/src/views/documentation/documentation.css
@@ -1,23 +1,20 @@
 h1 {
-    @apply bg-hSurface text-hOnSurface;
-    @apply py-5 flex items-center justify-center uppercase;
-    @apply font-sans font-semibold text-xl;
+    @apply text-hOnBackground;
+    @apply flex items-center justify-center uppercase;
+    @apply font-sans font-bold text-8xl;
     @apply tracking-widest;
-    @apply px-2;
+    @apply mb-12;
 }
 
 h2 {
-    @apply bg-hSurface text-hOnSurface;
-    @apply font-sans font-semibold text-lg;
-    @apply tracking-widest;
-    @apply py-2;
-    @apply px-2;
+    @apply text-hOnBackground;
+    @apply font-sans font-bold text-4xl;
+    @apply mb-6;
 }
 
-p, ul {
-    @apply bg-hSurface text-hOnSurface;
-    @apply font-mono font-normal text-base;
-    @apply tracking-wide;
-    @apply py-1;
-    @apply px-2;
-}
+p {
+    @apply text-hOnBackground;
+    @apply font-sans font-normal text-base;
+    @apply tracking-normal;
+    @apply mb-6;
+}
\ No newline at end of file