diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss
index 4f22e44..aa1ed13 100644
--- a/app/assets/stylesheets/public.scss
+++ b/app/assets/stylesheets/public.scss
@@ -59,19 +59,38 @@ img{
 	max-width:100%;
 }
 
+.title_grafilota{
+  font-family: "grafolita-script", cursive;
+
+}
+
+.title_grafilota_blanc{
+  font-family: "grafolita-script", cursive;
+  color:white;
+}
+
+
+.title_capital_blanc{
+  font-family: 'Libre Baskerville', serif;
+  color:white;
+}
+
 h1{
-  font-family: "Dancing Script", cursive;
+  font-family: "grafolita-script", cursive;
       font-size: 4em;
-      color:white;
+  
       text-align:center;
       padding-top:0px;
       margin:0;
       padding:0;
+      margin-bottom:20px;
+      color: rgba(217,77,96,1);
   
 }
 h2{
-  color:white;
+
   margin:0;
+  color: rgba(217,77,96,1);
 }
 
 h3{
@@ -96,9 +115,9 @@ h3{
     z-index:2;
 float:right;
 text-align:right;
-margin-top:30px;
+margin-top:40px;
 
-font-size: 24px;
+font-size: 20px;
     color: rgba(254,249,243,1);
     text-transform: uppercase;
     
diff --git a/app/models/title_content.rb b/app/models/title_content.rb
index 2fa6171..f155de0 100644
--- a/app/models/title_content.rb
+++ b/app/models/title_content.rb
@@ -3,7 +3,7 @@ class TitleContent < ApplicationRecord
   has_one :portlet, :as => :content, :dependent => :destroy
   validates :content, :presence => true
   LEVELS = [1,2,3,4,5,6]
-  STYLES = ["default","orange", "vert_grand", "orange_grand"]#[["Style 1",1], ["Style 2",2]]
+  STYLES = ["default","grafilota", "grafilota_blanc", "capital_blanc"]#[["Style 1",1], ["Style 2",2]]
   
   def self.picto
     "header"
diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml
index 7b4ecf9..321d65e 100644
--- a/app/views/layouts/public.html.haml
+++ b/app/views/layouts/public.html.haml
@@ -27,7 +27,9 @@
     <meta name="msapplication-TileImage" content="/mstile-144x144.png">
     <meta name="theme-color" content="#ffffff">
     
-    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
+    
+    <link rel="stylesheet" href="https://use.typekit.net/nuh1xud.css">
     
     %meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
     %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
@@ -123,7 +125,7 @@
     
     #footer
       %p
-        Elisabteh Clair
+        Elisabeth Clair
         %br
         Psychologue Clinicienne
         %br