introducing block offre emplois

resources/css/app.css

@@ -87,11 +87,13 @@
 @import './blocks/kit-presse.css';
 @import './blocks/press-photo-kit.css';
 @import './blocks/press-reviews.css';
+@import './blocks/offres-emplois.css';
 @import './blocks/icon.css';
 @import './blocks/tips-to-know.css';
 
 /* ########### PAGE ############ */
 @import './pages/demo-components.css';
+@import './pages/sitemap-progress.css';
 @import './pages/template-archive-publications.css';
 @import './pages/template-archive-conseils.css';
 @import './pages/template-archive-questions-(faq).css';

resources/css/blocks/offres-emplois.css

@@ -0,0 +1,58 @@
+.homegrade-blocks-offres-emplois {
+  .table_head {
+    @apply grid gap-x-8 gap-4 grid-cols-7 font-bold
+		bg-neutral-100 rounded-3xl py-8 px-8;
+
+    :nth-child(1) {
+      @apply col-span-4;
+    }
+
+    :nth-child(2) {
+      @apply col-span-1;
+    }
+    :nth-child(3) {
+      @apply col-span-2;
+    }
+  }
+  &__offres-grid-datas {
+    @apply pt-0 !mt-0;
+  }
+  &__offre {
+    @apply grid  gap-x-8 gap-y-2 !px-8 !py-6 list-none;
+    grid-template-columns: repeat(7, 1fr);
+    align-items: center;
+    &:before {
+      @apply !content-none !pl-0;
+    }
+  }
+  &__offre + &__offre {
+    border-top: 1px solid #e2e8f0;
+  }
+  &__ressource-icon {
+    @apply bg-white shadowed 
+		w-24 h-24
+		mx-auto
+		rounded-3xl
+		flex
+		items-center
+		justify-center;
+    /* @apply w-12 col-span-1; */
+    img {
+      max-width: 80%;
+      max-height: 50%;
+    }
+  }
+  &__offre-title {
+    @apply col-span-7 md:col-span-4 pr-4 !my-0;
+  }
+  &__offre-type {
+    @apply col-span-7 md:col-span-1 pl-2 uppercase !my-0;
+  }
+
+  &__offre-download {
+    @apply col-span-7 md:col-span-2 !my-0
+    justify-self-center
+    md:justify-self-start
+    lg:justify-self-end;
+  }
+}