diff --git a/resources/css/components/search-module.css b/resources/css/components/search-module.css
new file mode 100644
index 0000000..6b95d39
--- /dev/null
+++ b/resources/css/components/search-module.css
@@ -0,0 +1,19 @@
+.artisan-search-bar {
+  @apply flex mt-6;
+  #search-input {
+    @apply block border border-solid !border-neutral-700 !rounded-full md:!rounded-r-none  p-4 py-3 w-full;
+  }
+
+  button[type='submit'] {
+    @apply bg-patrimoine-sante-securite text-white  shrink-0 flex justify-center items-center gap-3 rounded-full md:rounded-l-none px-6 py-3 focus-visible:ring-primary focus-visible:ring-2;
+    max-width: 300px;
+    outline: none !important;
+    transform: translateX(-1px);
+    &:active {
+      filter: saturate(70%) brightness(90%);
+    }
+    .search_icon {
+      @apply invert;
+    }
+  }
+}