diff --git a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleChiffresCles.vue b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleChiffresCles.vue
index 315d3c5..2a39713 100644
--- a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleChiffresCles.vue
+++ b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleChiffresCles.vue
@@ -1,8 +1,9 @@
 <template>
     <div class="chiffres-cles">
         <h3>
-            <div class="underline" :style="{ backgroundColor: couleur }"></div>
-            <p>Chiffres clés</p>
+            <p
+            :style="{ background: `linear-gradient(transparent 70%, ${couleur} 70%)` }"
+            >Chiffres clés</p>
         </h3>
         <div>
             <div v-for="chiffre in partie.chiffresCles">
diff --git a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleEntretien.vue b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleEntretien.vue
index ad859b2..9d44587 100644
--- a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleEntretien.vue
+++ b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleEntretien.vue
@@ -1,8 +1,9 @@
 <template>
     <div class="entretien">
         <h3>
-            <div class="underline" :style="{ backgroundColor: couleur }"></div>
-            <p>Entretien</p>
+            <p
+            :style="{ background: `linear-gradient(transparent 70%, ${couleur} 70%)` }"
+            >Entretien</p>
         </h3>
         <div class="personnes">
             <div v-for="personne in partie.entretien.personnes" class="personne">
diff --git a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleTitreTexte.vue b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleTitreTexte.vue
index a43ea17..d830b94 100644
--- a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleTitreTexte.vue
+++ b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleTitreTexte.vue
@@ -1,8 +1,10 @@
 <template>
     <div class="partie-title">
         <h3>
-        <div class="underline" :style="{ backgroundColor: couleur }"></div>
-        <p v-html="partie.titre"></p>
+        <p
+        v-html="partie.titre"
+        :style="{ background: `linear-gradient(transparent 70%, ${couleur} 70%)` }"
+        ></p>
         </h3>
     </div>
     <div 
diff --git a/web/themes/custom/caravane/assets/scss/main.scss b/web/themes/custom/caravane/assets/scss/main.scss
index 142bbab..8e0b2c8 100644
--- a/web/themes/custom/caravane/assets/scss/main.scss
+++ b/web/themes/custom/caravane/assets/scss/main.scss
@@ -709,7 +709,7 @@ body{
                     position: relative;
                     display: inline-block;
                     > p {
-                      display: inline-block;
+                      display: inline;
                       font-size: $l-font-size;
                       font-family: 'Joost', sans-serif;
                       margin: 0;
@@ -717,15 +717,6 @@ body{
                       position: relative;
                       padding: 0 0.5rem;
                     }
-                    > .underline {
-                      z-index: 0;
-                      left: 0;
-                      top: 1.4rem;
-                      position: absolute;
-                      width: 100%;
-                      display: inline-block;
-                      height: 0.8rem;
-                    }
                   }
                 }
                 > .chiffres-cles {