diff --git a/temp b/addons/website/static/src/scss/website.scss
similarity index 95%
rename from temp
rename to addons/website/static/src/scss/website.scss
index b3e0ec624fa..b5c478c918a 100644
--- a/temp
+++ b/addons/website/static/src/scss/website.scss
@@ -358,43 +358,6 @@ table.table_desc tr td {
 // Snippets
 //
 
-// Title
-.s_title {
-    .s_title_boxed {
-        > * {
-            display: inline-block;
-            padding: $grid-gutter-width;
-            border: 1px solid;
-        }
-    }
-    .s_title_lines {
-        overflow: hidden;
-        &:before,
-        &:after {
-            content: "";
-            display: inline-block;
-            vertical-align: middle;
-            width: 100%;
-            border-top: 1px solid;
-            border-top-color: inherit;
-        }
-        &:before { margin: 0 $grid-gutter-width/2 0 -100%; }
-        &:after  { margin: 0 -100% 0 $grid-gutter-width/2; }
-    }
-    .s_title_underlined {
-        @extend %o-page-header;
-    }
-    .s_title_small_caps {
-        font-variant: small-caps;
-    }
-    .s_title_transparent {
-        opacity: .5;
-    }
-    .s_title_thin {
-        font-weight: 300;
-    }
-}
-
 // Carousel -> TODO: should be versioned in 000.scss file but how ?
 .s_carousel,
 .s_quotes_carousel {
diff --git a/addons/website/static/src/snippets/s_title/000.scss b/addons/website/static/src/snippets/s_title/000.scss
new file mode 100644
index 00000000000..12d932c630c
--- /dev/null
+++ b/addons/website/static/src/snippets/s_title/000.scss
@@ -0,0 +1,36 @@
+
+.s_title {
+    .s_title_boxed {
+        > * {
+            display: inline-block;
+            padding: $grid-gutter-width;
+            border: 1px solid;
+        }
+    }
+    .s_title_lines {
+        overflow: hidden;
+        &:before,
+        &:after {
+            content: "";
+            display: inline-block;
+            vertical-align: middle;
+            width: 100%;
+            border-top: 1px solid;
+            border-top-color: inherit;
+        }
+        &:before { margin: 0 $grid-gutter-width/2 0 -100%; }
+        &:after  { margin: 0 -100% 0 $grid-gutter-width/2; }
+    }
+    .s_title_underlined {
+        @extend %o-page-header;
+    }
+    .s_title_small_caps {
+        font-variant: small-caps;
+    }
+    .s_title_transparent {
+        opacity: .5;
+    }
+    .s_title_thin {
+        font-weight: 300;
+    }
+}
diff --git a/addons/website/views/snippets/s_title.xml b/addons/website/views/snippets/s_title.xml
index 4fe41fcb936..5fdbb9975af 100644
--- a/addons/website/views/snippets/s_title.xml
+++ b/addons/website/views/snippets/s_title.xml
@@ -30,4 +30,10 @@
     </xpath>
 </template>
 
+<template id="assets_snippet_s_title_css_000" inherit_id="website.assets_frontend">
+    <xpath expr="//link[last()]" position="after">
+        <link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_title/000.scss"/>
+    </xpath>
+</template>
+
 </odoo>