diff --git a/src/org/april/libreencadeau/website/Index_xhtml.java b/src/org/april/libreencadeau/website/Index_xhtml.java
index 1cc0b21..575704d 100644
--- a/src/org/april/libreencadeau/website/Index_xhtml.java
+++ b/src/org/april/libreencadeau/website/Index_xhtml.java
@@ -64,7 +64,7 @@ public class Index_xhtml extends HttpServlet
 
             //
             Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter.html");
-            charter.include("content_container", page);
+            charter.include("body_container", page);
             String html = charter.dynamize().toString();
 
             // Display page.
diff --git a/src/org/april/libreencadeau/website/camenbert.jpg b/src/org/april/libreencadeau/website/camenbert.jpg
new file mode 100644
index 0000000..ea54d20
Binary files /dev/null and b/src/org/april/libreencadeau/website/camenbert.jpg differ
diff --git a/src/org/april/libreencadeau/website/index.html b/src/org/april/libreencadeau/website/index.html
index 33ea2d5..50c63ce 100644
--- a/src/org/april/libreencadeau/website/index.html
+++ b/src/org/april/libreencadeau/website/index.html
@@ -10,9 +10,43 @@
 	<meta name="keywords" content="kiss4web, devinsy" />
 </head>
 <body>
-    <h1>LibreEnCadeau</h1>
-    <p>
-        Welcome!
-    </p>
+   <div id="body_container" class="column" style="width:680px;">
+        <div  class="column" style="background-color:#5684B9;width:600px;height:120px;padding: 20px;text-align:center;font-size: 13px;margin:5px;">
+            <p><b>C'est votre anniversaire ?
+				Vous voulez que vos amis vous offrent des logiciels libres ?
+				Cadal vous aide à organiser tout ça.
+			</b></p>                  
+        </div>
+        <div  class="column" style="background-color:#5684B9;width:560px;height:100px;padding: 40px;text-align:center;margin:5px;">
+             <p><b>
+                 OK !  Je veux me faire offrir du libre 
+             </b></p>     
+        </div>
+        <div class="row">
+         <div   class="column" style="display:block;background-color:#5684B9;width:315px;height:120px;padding-top: 40px;text-align:center;margin:5px;">           
+             <p><b>
+                 Je voudrais offrir du logiciel libre
+             </b> </p>              
+        </div>    
+         <div  class="column" style="background-color:#5684B9;width:315px;height:120px;padding-top: 40px;text-align:center;margin:5px;">          
+             <p><b>
+                Je voudrais référencer mon projet sur Cadal 
+              </b></p>                 
+          </div>   
+      </div>
+   </div>
+   <div class="column" style="width:250px;">
+      <div class="column" style="background-color:#ffff66;width:180px;height:200px;padding: 40px;text-align:center;margin:15px;">
+         <b>
+             Un projet libre : Moi j'aime le projet libre parce que c'est le plus beau projet qu'on puisse imaginer.
+         </b>
+       </div>
+       <div class="column" style="background-color:#ffff66;width:180px;height:130px;padding: 40px;text-align:center;margin:10px;">
+           <b>
+           	   <img src="/camenbert.jpg"/>
+               Super stats sur l'activité du site
+           </b>
+        </div>
+     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/org/april/libreencadeau/website/pages/accueil.html b/src/org/april/libreencadeau/website/pages/accueil.html
new file mode 100644
index 0000000..2bed871
--- /dev/null
+++ b/src/org/april/libreencadeau/website/pages/accueil.html
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" >
+<head>
+	<title>LibreEnCadeau</title>
+	<meta charset="UTF-8" />
+	<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" type="text/css" href="/charter/kiss4web.css" />
+	<link rel="stylesheet" type="text/css" href="/charter/libreencadeau.css" />
+	<meta name="keywords" content="kiss4web, devinsy" />
+	
+</head>
+<body>
+ 
+<div id="body_container" class="row">
+        <div  class="column" style="background-color:#5684B9;width:560px;height:200px;padding-top: 20px;text-align:center;margin:5px;">
+             
+             <p>C'est votre anniversaire ?
+Vous voulez que vos amis vous offrent des logiciels libres ?
+Cadal vous aide à organiser tout ça.</p>
+                 
+             
+        </div>
+        <div  class="column" style="background-color:#5684B9;width:560px;height:200px;padding-top: 40px;text-align:center;margin:5px;">
+             
+             <p>OK !  Je veux me faire offrir du libre </p>
+              
+             
+        </div>
+         <div   style="display:block;background-color:#5684B9;width:280px;height:200px;padding-top: 40px;text-align:center;margin:5px;">
+             
+             <p>Je voudrais offrir du logiciel libre </p>
+                 
+             
+        </div>
+         <div  style="display:inline;float:left;"> test
+             <div  style="background-color:#5684B9;width:280px;height:200px;padding-top: 40px;text-align:center;margin:5px;">
+             
+             <p>Je voudrais référencer mon projet sur Cadal </p>
+                 
+             
+        </div>  
+            
+                 
+             
+        </div>   
+   
+   </div>
+</body>
+</html>
diff --git a/src/org/april/libreencadeau/website/pages/faq.html b/src/org/april/libreencadeau/website/pages/faq.html
index 59359f5..da19a3b 100644
--- a/src/org/april/libreencadeau/website/pages/faq.html
+++ b/src/org/april/libreencadeau/website/pages/faq.html
@@ -17,7 +17,7 @@
 
         <div id="content_container" class="column">
              <h1>Tout ce que vous avez toujours voulu savoir sur Cadal</h1>
-             <p>
+             <p >
                  Sans jamais oser le demander.
              </p>
         </div>
