diff --git a/lacommunaute/static/images/funnel.png b/lacommunaute/static/images/funnel.png
deleted file mode 100644
index 160811f51..000000000
Binary files a/lacommunaute/static/images/funnel.png and /dev/null differ
diff --git a/lacommunaute/static/stylesheets/itou_communaute.scss b/lacommunaute/static/stylesheets/itou_communaute.scss
index 434e094fe..17017c6af 100644
--- a/lacommunaute/static/stylesheets/itou_communaute.scss
+++ b/lacommunaute/static/stylesheets/itou_communaute.scss
@@ -74,59 +74,6 @@
   border-color: #b3b4c3 !important;
 }
 
-.funnel-container {
-  position: relative;
-}
-
-.number-overlay {
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 20px;
-  font-weight: bold;
-}
-
-.target {
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 12px;
-  font-weight: 300;
-  margin-top: 30px;
-}
-
-.number-overlay-top {
-  top: 15%;
-}
-
-.number-overlay-middle {
-  top: 45%;
-  color: #fff;
-}
-
-.number-overlay-bottom {
-  top: 80%;
-  color: #fff;
-}
-
-.text-overlay {
-  position: absolute;
-  font-size: 12px;
-  font-weight: 300;
-}
-
-.text-overlay-top {
-  top: 10%;
-}
-
-.text-overlay-middle {
-  top: 45%;
-}
-
-.text-overlay-bottom {
-  top: 75%;
-}
-
 .btn-poster {
   padding: 0 !important;
   background-color: transparent !important;
@@ -165,3 +112,79 @@ span.highlighted {
     border-bottom-right-radius: 50rem !important;
   }
 }
+
+.funnel {
+  position: relative;
+  overflow: hidden;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  color: #fff;
+
+  &:before,
+  &:after {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    height: 0;
+    width: 0;
+    border-left: 0;
+    border-right: 0;
+    border-bottom: 450px solid white;
+  }
+
+  &:before {
+    left: 0;
+    border-right: 50px solid transparent;
+
+    @media (min-width: 992px) {
+      border-right: 100px solid transparent;
+    }
+  }
+
+  &:after {
+    right: 0;
+    border-left: 50px solid transparent;
+
+    @media (min-width: 992px) {
+      border-left: 100px solid transparent;
+    }
+  }
+
+  > div {
+    padding: 16px 8px;
+    margin: 0;
+    margin-bottom: 8px;
+    min-height: 140px;
+
+    > span {
+      display: block;
+    }
+
+    &:nth-child(1) {
+      color: #000638;
+      background-color: #d8ede3;
+    }
+
+    &:nth-child(2) {
+      background-color: #60a47c;
+    }
+
+    &:nth-child(3) {
+      background-color: #3e7152;
+    }
+  }
+}
+
+.definition {
+  > div {
+    padding: 16px 8px 0 16px;
+    margin-bottom: 8px;
+
+    @media (min-width: 992px) {
+      min-height: 140px;
+    }
+  }
+}
diff --git a/lacommunaute/templates/pages/statistiques.html b/lacommunaute/templates/pages/statistiques.html
index 3158a82c6..a598386ce 100644
--- a/lacommunaute/templates/pages/statistiques.html
+++ b/lacommunaute/templates/pages/statistiques.html
@@ -21,63 +21,76 @@ <h1 class="s-title-01__title h1"><strong>Statistiques</strong></h1>
         <div class="s-section__container container">
             <div class="s-section__row row">
                 <div class="s-section__col col-12">
-                    <div class="card c-card mb-3 mb-md-5">
-                        <div class="card-header">
-                            <h2>Acquisition</h2>
-
-                        </div>
-                        <div class="card-body">
-                            <div class="row">
-                                <div class="col funnel-container">
-                                    <img src="{% static 'images/funnel.png' %}" alt="Entonnoir d'aquisition des utilisateurs">
-                                    <span class="number-overlay number-overlay-top">3192</span>
-                                    <span class="number-overlay number-overlay-top target">-16%/mois précédent</span>
-                                    <span class="number-overlay number-overlay-middle">3067</span>
-                                    <span class="number-overlay number-overlay-middle target">96% des Utilisateurs<br>+1,4%/mois précédent</span>
-                                    <span class="number-overlay number-overlay-bottom">1539</span>
-                                    <span class="number-overlay number-overlay-bottom target text-center">50.2% des Util. Actifs<br>+3%/mois préc.</span>
-                                </div>
-                                <div class="col ">
-                                    <span class="text-overlay text-overlay-top">
-                                        <h3 class="mb-1">Utilisateurs</h3>visiteurs uniques ayant au moins accédé à la page d'accueil
-                                    </span>
-                                    <span class="text-overlay text-overlay-middle"><h3 class="mb-1">Utilisateurs Actifs</h3>visiteurs uniques ayant au moins parcouru le fil d'actualités d'une communauté</span>
-                                    <span class="text-overlay text-overlay-bottom"><h3 class="mb-1">Utilisateurs Engagés</h3>visiteurs uniques ayant posé une question, cherché ou posté une réponse</span>
-                                </div>
+                    <div class="c-box mb-3 mb-md-5">
+                        <h2>Acquisition</h2>
+                        <div class="row">
+                            <div class="col-12 col-lg-6">
+                                <figure class="funnel">
+                                    <div>
+                                        <span class="display-3">Utilisateurs</span>
+                                        <span class="h2 mb-0">3192</span>
+                                        <span class="fs-sm">-16%/mois précédent</span>
+                                    </div>
+                                    <div>
+                                        <span class="display-3 text-white">Utilisateurs actifs</span>
+                                        <span class="h2 mb-0 text-white">3067</span>
+                                        <ul class="list-unstyled fs-sm mb-0">
+                                            <li>
+                                                96% des Utilisateurs
+                                            </li>
+                                            <li>
+                                                +1,4%/mois précédent
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div>
+                                        <span class="display-3 text-white">Utilisateurs engagés</span>
+                                        <span class="h2 mb-0 text-white">1539</span>
+                                        <ul class="list-unstyled fs-sm mb-0">
+                                            <li>
+                                                50.2% des Util. Actifs
+                                            </li>
+                                            <li>
+                                                +3%/mois préc.
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <figcaption class="fs-sm text-muted">
+                                        Période : Août 2023
+                                    </figcaption>
+                                </figure>
+                            </div>
+                            <div class="col-12 col-lg-6">
+                                <dl class="definition">
+                                    <div>
+                                        <dt class="h4 mb-0">Utilisateurs</dt>
+                                        <dd class="mb-0">
+                                            Visiteurs uniques ayant au moins accédé à la page d'accueil
+                                        </dd>
+                                    </div>
+                                    <div>
+                                        <dt class="h4 mb-0">Utilisateurs Actifs</dt>
+                                        <dd class="mb-0">
+                                            Visiteurs uniques ayant au moins parcouru le fil d'actualités d'une communauté
+                                        </dd>
+                                    </div>
+                                    <div>
+                                        <dt class="h4 mb-0">Utilisateurs Engagés</dt>
+                                        <dd class="mb-0">
+                                            Visiteurs uniques ayant posé une question, cherché ou posté une réponse
+                                        </dd>
+                                    </div>
+                                </dl>
                             </div>
-                        </div>
-                        <div class="card-footer">
-                            <small class="text-muted">
-                                Période : Août 2023
-                            </small>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </section>
-
-
-    <section class="s-section">
-        <div class="s-section__container container">
             <div class="s-section__row row">
                 <div class="s-section__col col-12">
-                    <div class="card c-card mb-3 mb-md-5">
-                        <div class="card-header">
-                            <h2>Vue quotidienne</h2>
-                        </div>
-                        <div class="card-body">
-                            <canvas id="statChart"></canvas>
-                        </div>
-                        <div class="card-footer">
-                            <small class="text-muted">
-                                <ul>
-                                    <li>Utilisateurs : visiteurs uniques ayant au moins accédé à la page d'accueil</li>
-                                    <li>Utilisateurs actifs : visiteurs uniques ayant au moins parcouru le fil d'actualités d'une communauté</li>
-                                    <li>Utilisateurs engagés : visiteurs uniques ayant posé une question, cherché ou posté une réponse</li>
-                                </ul>
-                            </small>
-                        </div>
+                    <div class="c-box mb-3 mb-md-5">
+                        <h2>Vue quotidienne</h2>
+                        <canvas id="statChart"></canvas>
                     </div>
                 </div>
             </div>