diff --git a/resources/css/app.css b/resources/css/app.css
index fa8abb7..81fb13e 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -30,6 +30,7 @@
 @import './components/thematiques-faq-filters.css';
 @import './components/checkboxes.css';
 @import './components/search-results.css';
+@import './components/accordeons.css';
 
 @import '../../template-components/cards/card-news.css';
 @import '../../template-components/cards/card-frequent_question.css';
diff --git a/resources/css/components/accordeons.css b/resources/css/components/accordeons.css
new file mode 100644
index 0000000..c4a5045
--- /dev/null
+++ b/resources/css/components/accordeons.css
@@ -0,0 +1,12 @@
+.homegrade-dynamic-accordeon {
+  &__content-wrapper {
+    @apply overflow-hidden;
+    transition: height 0.3s ease-in-out;
+  }
+  &__content {
+    @apply pt-8;
+    *:first-child {
+      @apply !mt-0;
+    }
+  }
+}