diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..c7f3ff0
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "dependances/simple.css"]
+	path = dependances/simple.css
+	url = https://github.com/kevquirk/simple.css.git
+[submodule "dependances/fork-awesome"]
+	path = dependances/fork-awesome
+	url = https://github.com/ForkAwesome/Fork-Awesome.git
diff --git a/css/kilombo.css b/css/theme.css
similarity index 100%
rename from css/kilombo.css
rename to css/theme.css
diff --git a/dependances/fork-awesome b/dependances/fork-awesome
new file mode 160000
index 0000000..a99579a
--- /dev/null
+++ b/dependances/fork-awesome
@@ -0,0 +1 @@
+Subproject commit a99579ae3e735ee70e51ed62dfcee3172b5b2db7
diff --git a/dependances/simple.css b/dependances/simple.css
new file mode 160000
index 0000000..b1faa93
--- /dev/null
+++ b/dependances/simple.css
@@ -0,0 +1 @@
+Subproject commit b1faa9366a9a34af115da39ddc8fa3dd44f03e07
diff --git a/inclure/head.html b/inclure/head.html
new file mode 100644
index 0000000..7e926f0
--- /dev/null
+++ b/inclure/head.html
@@ -0,0 +1,56 @@
+[(#REM)
+	Head standard de toutes les pages ;
+	les elements specifiques (title, description) figurent dans chaque squelette
+ 
+]
+<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+[(#REM) Lien vers le flux RSS du site ]
+[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="(#URL_PAGE{backend})" />]
+
+[(#REM) 
+      On appelle les feuilles de style 
+      dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png   
+
+      1. Base CSS http://tinytypo.tetue.net/ ]   
+[<link rel="stylesheet" href="(#CHEMIN{css/reset.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/clear.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/font.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/links.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/typo.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/media.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/form.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/grid.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/layout.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{dependances/simple.css/simple.min.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{dependances/fork-awesome/fork-awesome.min.css}|direction_css|timestamp)" type="text/css" />]
+
+[(#REM) 2. Style SPIP et ses plugins ]
+[<link rel="stylesheet" href="(#CHEMIN{css/spip.css}|direction_css|timestamp)" type="text/css" />]
+#INSERT_HEAD_CSS
+
+[(#REM) 3. Vos feuilles de style pour l'habillage du site a) theme, b) variante, c) specifique ]
+[<link rel="stylesheet" href="(#CHEMIN{css/theme.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/variante.css}|direction_css|timestamp)" type="text/css" />]
+[<link rel="stylesheet" href="(#CHEMIN{css/perso.css}|direction_css|timestamp)" type="text/css" />]
+
+[(#REM)
+	Balise permettant aux plugins d'inserer des appels javascript ;
+	4. C'est ici que SPIP va inserer l'appel de la librairie jQuery
+	5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration
+]
+#INSERT_HEAD
+
+[(#REM) 6. Vos scripts ]
+[<script src="(#CHEMIN{js/script.js}|timestamp)" type="text/javascript"></script>]
+
+[(#REM) Fierement fabrique avec SPIP ]
+[<meta name="generator" content="SPIP (#SPIP_VERSION|header_silencieux)" />]
+
+[(#REM) Favicon ]
+[<link rel="icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />
+[<link rel="shortcut icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />]]
+
+[(#REM) meta robots ]
+[<meta name="robots" content="(#ENV{robots})" />]
diff --git a/sommaire.html b/sommaire.html
index a912c33..1f55863 100644
--- a/sommaire.html
+++ b/sommaire.html
@@ -1,18 +1,10 @@
 <!DOCTYPE html>
-<html lang="fr" dir="ltr">
-
+<html dir="#LANG_DIR" lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js">
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Titre de la page de travail | Labo html</title>
-    <meta name="keywords" content="">
-    <meta name="description" content="" />
-    <meta name="robots" content="archive,index,follow" />
-    <link href="css/main.css" rel="stylesheet" type="text/css" />
-    <link href="../dependances/fork-awesome/css/fork-awesome.min.css" rel="stylesheet" type="text/css" />
-    <link href="../dependances/simple.css/simple.css" rel="stylesheet" type="text/css" />
-    <link href="css/kilombo.css" rel="stylesheet" type="text/css" />
-    <link rel="shortcut icon" href="images/favicon.png" />
+	<script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+	<title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
+	[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
+	<INCLURE{fond=inclure/head} />
 </head>
 
 <body>