FEATURE Introducing styling

resources/css/components/content-area.css

@@ -0,0 +1,48 @@
+.content-area {
+  @apply max-w-screen-2xl mx-auto w-full;
+  .edito {
+    @apply border border-primary p-6 mb-12;
+    summary {
+      cursor: pointer;
+      @apply relative;
+      &::marker {
+        content: none;
+      }
+      &::after {
+        @apply absolute top-1/2 right-0 -translate-y-1/2;
+        transition: transform 0.3s ease-out;
+        background-image: url('../resources/img/elements/select-drop-button.svg');
+        /* background-image: url('../resources/img/icons/icon-activites.svg'); */
+
+        content: ' ';
+        @apply bg-contain;
+        /* @apply bg-red-500; */
+        @apply block w-12 h-12;
+        @apply rounded-full;
+        @apply mr-2;
+      }
+    }
+    &[open] {
+      summary::after {
+        transform: rotate(-180deg) translateY(50%);
+      }
+    }
+    &__title {
+      @apply text-3xl font-bold;
+    }
+    &__content {
+      @apply text-lg mt-6;
+    }
+    &__cta {
+      @apply my-4;
+    }
+  }
+  .table-matieres {
+    &__title {
+      @apply text-4xl font-bold mb-12;
+    }
+    .article-grid__list {
+      @apply grid grid-cols-1 gap-4;
+    }
+  }
+}