diff --git a/package-lock.json b/package-lock.json
index 404ad42..41a9576 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,22 @@
 {
-  "name": "theme",
+  "name": "site web de la PLUSS",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
+      "name": "site web de la PLUSS",
+      "dependencies": {
+        "cantarell": "^0.303.0"
+      },
       "devDependencies": {
         "prettier": "2.7.1"
       }
     },
+    "node_modules/cantarell": {
+      "version": "0.303.0",
+      "resolved": "https://registry.npmjs.org/cantarell/-/cantarell-0.303.0.tgz",
+      "integrity": "sha512-qrpi0oyF/vLJWUhl8Db+KEamByCXBlUiiuW/nr7f9/gREz4Uf0b/dIzCP3oS4kdWiu7cfeUmNUM9y8WxpR3wog=="
+    },
     "node_modules/prettier": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
@@ -25,6 +34,11 @@
     }
   },
   "dependencies": {
+    "cantarell": {
+      "version": "0.303.0",
+      "resolved": "https://registry.npmjs.org/cantarell/-/cantarell-0.303.0.tgz",
+      "integrity": "sha512-qrpi0oyF/vLJWUhl8Db+KEamByCXBlUiiuW/nr7f9/gREz4Uf0b/dIzCP3oS4kdWiu7cfeUmNUM9y8WxpR3wog=="
+    },
     "prettier": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
diff --git a/package.json b/package.json
index b4648c0..43599ab 100644
--- a/package.json
+++ b/package.json
@@ -6,5 +6,8 @@
   },
   "devDependencies": {
     "prettier": "2.7.1"
+  },
+  "dependencies": {
+    "cantarell": "^0.303.0"
   }
 }
diff --git a/src/assets/fonts/cantarell.woff2 b/src/assets/fonts/cantarell.woff2
new file mode 100644
index 0000000..5360548
Binary files /dev/null and b/src/assets/fonts/cantarell.woff2 differ
diff --git a/src/assets/fonts/roboto-slab-bold.ttf b/src/assets/fonts/roboto-slab-bold.ttf
new file mode 100644
index 0000000..df5d1df
Binary files /dev/null and b/src/assets/fonts/roboto-slab-bold.ttf differ
diff --git a/src/assets/images/background.png b/src/assets/images/background.png
new file mode 100644
index 0000000..13e5f6e
Binary files /dev/null and b/src/assets/images/background.png differ
diff --git a/src/style.css b/src/style.css
index 06c0566..3e89f1f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -11,20 +11,25 @@
 
 /* variables */
 :root {
-  --ttc-yellow: #7D7B17;
-  --ttc-blue: #1C9B8C;
+  --ttc-yellow: #7d7b17;
+  --ttc-blue: #1c9b8c;
   --ttc-red: rgb(255, 0, 0);
   --ttc-dark: rgb(13, 36, 35);
   --ttc-white: rgb(255, 255, 255);
+  --ttc-font-sans-serif: Cantarell, Ubuntu, sans-serif;
 }
 
 @font-face {
   font-family: "Roboto";
   src: url("assets/fonts/roboto-slab-bold.ttf") format("truetype");
 }
+@font-face {
+  font-family: "Cantarell";
+  src: url("assets/fonts/cantarell.woff2") format("truetype");
+}
 
 body {
-  font-family: sans-serif;
+  font-family: var(--ttc-font-sans-serif);
 }
 
 body,
@@ -91,7 +96,7 @@ h3 {
 .footer-inner,
 .footer-inner p {
   color: var(--ttc-white);
-  font-family: Agenda, Cantarell, Ubuntu, sans-serif;
+  font-family: var(-ttc-font-sans-serif);
 }
 
 .footer-inner h1,
@@ -104,6 +109,10 @@ h3 {
   font-family: "Roboto", serif;
 }
 
+p {
+  font-family: var(--ttc-font-sans-serif);
+}
+
 .footer-widgets-outer-wrapper {
   border: none;
   color: var(--ttc-dark);
@@ -127,10 +136,6 @@ h3 {
   }
 }
 
-p {
-  font-family: Agenda, Cantarell, Ubuntu, sans-serif;
-}
-
 a.wp-block-button__link {
   background-color: var(--ttc-blue);
 }