From db3ffc691ce8cba75605f0144c8badc84baa5867 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Clermont=C3=A9?= <dclermonte@april.org>
Date: Sun, 2 Oct 2016 23:20:53 +0200
Subject: [PATCH] removed image, only one css

---
 .../libreencadeau/website/charter/cadal.png   | Bin 3023 -> 0 bytes
 .../website/charter/charter2.html             |  30 +--
 .../libreencadeau/website/charter/contact.png | Bin 1530 -> 0 bytes
 .../libreencadeau/website/charter/faq.png     | Bin 836 -> 0 bytes
 .../libreencadeau/website/charter/legal.png   | Bin 1240 -> 0 bytes
 .../website/charter/libreencadeau-small.css   | 190 ------------------
 .../website/charter/libreencadeau.css         | 141 ++++++++++---
 .../website/pages/Cadal_xhtml.java            |   2 +-
 .../website/pages/Contact_xhtml.java          |   2 +-
 .../website/pages/Faq_xhtml.java              |   2 +-
 .../website/pages/Legal_xhtml.java            |   2 +-
 11 files changed, 121 insertions(+), 248 deletions(-)
 delete mode 100644 src/org/april/libreencadeau/website/charter/cadal.png
 delete mode 100644 src/org/april/libreencadeau/website/charter/contact.png
 delete mode 100644 src/org/april/libreencadeau/website/charter/faq.png
 delete mode 100644 src/org/april/libreencadeau/website/charter/legal.png
 delete mode 100644 src/org/april/libreencadeau/website/charter/libreencadeau-small.css

diff --git a/src/org/april/libreencadeau/website/charter/cadal.png b/src/org/april/libreencadeau/website/charter/cadal.png
deleted file mode 100644
index 521f672f9e426b2c102aaaf18ab1e27d0f2c6d03..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3023
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
Kx|O#aqW%NGY|}sh

diff --git a/src/org/april/libreencadeau/website/charter/charter2.html b/src/org/april/libreencadeau/website/charter/charter2.html
index f4d20f7..1956edf 100644
--- a/src/org/april/libreencadeau/website/charter/charter2.html
+++ b/src/org/april/libreencadeau/website/charter/charter2.html
@@ -6,8 +6,7 @@
 	<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" media="screen and (min-width: 1000px)" type="text/css" href="/charter/libreencadeau.css" />
-<link rel="stylesheet" media="screen and (max-width: 1000px)" type="text/css" href="/charter/libreencadeau-small.css" /> 
+<link rel="stylesheet"  type="text/css" href="/charter/libreencadeau.css" /> 
 	<meta name="keywords" content="LibreEnCadeau" />
 </head>
 <body id="charter">
@@ -25,28 +24,11 @@
             Content…
         </div>
     </div>
-    <div id="footer_menu">
-    <table width="100%" >
-	<col width="64*"></col>
-	<col width="64*"></col>
-	<col width="64*"></col>
-	<col width="64*"></col>
-	<tr valign="top">
-		<td width="25%" >
-			<a href="/pages/cadal.xhtml"><img src="/charter/cadal.png"/></a>
-		</td>
-		<td width="25%" >
-			<a href="/pages/legal.xhtml"><img src="/charter/legal.png"/></a>
-		</td>
-		<td width="25%" >
-			<a href="/pages/faq.xhtml"><img src="/charter/faq.png"/></a>
-		</td>
-		<td width="25%" >
-			<a href="/pages/contact.xhtml"><img src="/charter/contact.png"/></a>
-		</td>
-	</tr>
-</table>
-    
+    <div id="footer_menu" >
+    <div class="button"><a href="/pages/cadal.xhtml"> Qu'est-ce que Cadal ?</a></div>
+     <div class="button"> <a href="/pages/legal.xhtml">Légal</a></div>
+     <div class="button"> <a href="/pages/faq.xhtml">FAQ</a></div>
+     <div class="button"> <a href="/pages/contact.xhtml">Contact</a></div>
     </div>
     <div id="footer_container">
         <div>LibreEnCadeau is released under the GNU AGPL license.</div>
diff --git a/src/org/april/libreencadeau/website/charter/contact.png b/src/org/april/libreencadeau/website/charter/contact.png
deleted file mode 100644
index 52694c1a081247ab8945e8e8aaadb75eb91e42f1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1530
zcmV<W1qJ$vP)<h;3K|Lk000e1NJLTq008Cy001Tk1^@s6(1Pa=00006VoOIv09F8m
z0J$2GIbZ+)010qNS#tmY3ljhU3ljkVnw%H_000McNliru;0YHL2_gl<O>_VN02y>e
zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00m-6L_t(|+U?t0P?TjH$MNs7
z3oZu%5mXKd;;aWmfv8lZG{nqoQq$<1*$s}9(=^jfnwe&GQ5V^aPM8;()`gCuj-q6s
zDWHP590QkwyNhy05JUp^(8c2FwiPQSsr^4!`@Zk<%>S8v`SCo@%ZnmqQ>GOm#C^q0
zz5*d6m_i5%rVtWLA%p}|2nnVTLV_uT1XBnh!4yJBFolp{3L*XtD)|bAp2cj&P@GL&
z=}Fq_tLf|M!cD2dd&C%m!lQ|JbRHugnS9U3vFD@t0Hkcnd?@NjFvXztbhVMYdjnUm
zTy!{ZwwUQ`HqhB@pr+u6{18hp#n8=^CUSPIr@g)kPv1bI=DfxjO+22yfmqBYZge!$
zVkkqeJuY9?|C~bp?Q7`N6l73%a5G;1qe))*4Qd~Mm-?AaH__$o$5?Wb>#dgo@Cghf
zJSK?=2}^KOs+^XMFMfOw?cuG|m7m7VO-bZq3z+)MJ17(ihjxE-Yo>0jE~F~&0Ih~H
zEM^n_!Q+WeUe4(8aZbzf>T`!M6lKxbVg##|fUt>7Ok76Dq!|O&5i(=`=juvN0uVj-
zt-A<iAHVGQkXC(}!})8CwUjj0(x59~_S>I3gcBft-<Mo2&#@m@p5B9}Um%(pi(IOE
zYR4Lf<F>jAPVHRF+|<nkglg<7fYZCy(NulGp>2!4looxdginI`VCZP51z?OO-sL{J
zymVUiWw@)oiCvIN@TBPg)K{LRC?k!QOU3B&(wX$+OAh_6Uu|Um>NGt4f+#t*o!avm
z=r0_%2Qy_;=HEV)37eA0<k_#_J1U%>&NhmVZsSTt9v5@=GV^6yXsgZ~psD%-Di1Z$
z^HvZRHH%^1ezezDQ+ax?OLfGblRuXXp_{$k0C;%%y4=TDd;);j=T<T<em-h%f7IUo
zM8-c$?1I$(HrY=7;$K*e-{=TD)ZR=<dIP|=)O1n8tLqpMqCu(hz$YM>_{Hx5&}#hE
z-bP=P1whP#R3^+^jF(>!N|gtJW1~oXeZAapnK2&>?!&z4>*=DerxUf$2$%YFwb}NR
zArq%NT??5!0}en}|Gx81{=t#<&+6d;wq^0nUe_K{S<L8i_hT&1rmO9WL%-hZ?YC#;
z{<@)23378~#(Z%3jj@HLv8wQ%*HWrH?4NHv@NreivF|9!+)hVhty7pSW|Q1V3FgCP
z?6f%mlxKg>Z`~a(^%*`g41fk*zSFga%5%0hfnon>To#Mj;aIQz8Gt92e!!wNds((I
zgGFohI*+ZtZhgg>LDdlw%=<z_+&uh)$J5>3#PO}~Qd5vYcY6~SvkBA9UOHQh)D&cp
zwe9`eVUBqk0PT@)(QA*>+kK7R?rU7S@DoKx)B4*a4Qf0dp2GoXuF+z(SnTJmR%`##
z+Y6P4nj0O>oIkMHsegEEG5|#xX;hs(#Es5Y%%(ot>MF?jVZ(rRgzPcz3rdwciEnNs
zclRf>*H=+^aPxqDCL}DO;bK0mhBET^edTmLXxub3GZznPJfk9GxLlsYshw->=TbIh
z5<KB?j3p<?{c+<R`&s9Gq-N$K8g%(I*A}5YyanyyEq7H%NHFgkUcQ0MP5l}}Q5MG1
zlXNuH^uH_XZhKcYVk!}F$qswP*(<(4mzR#Q_yk>Tmr<a=XJjbhF-d3=mY`I*4{9uN
z3s+&aLd&IM`g*!<pMQQ8C=@j63b0x&ghtIGZs97@KXv>C;HFgZ)bh{J<)vdN%Ce13
z;bwcmVAj$B>xjQ5Z~h1&drTpO1XBnJrVv7cDTD-52qD1~LV_uTkYEZSB$z@-Foh5j
gOd%wgLWm*rJJ8n-hz$oLYybcN07*qoM6N<$f>U$dA^-pY

diff --git a/src/org/april/libreencadeau/website/charter/faq.png b/src/org/april/libreencadeau/website/charter/faq.png
deleted file mode 100644
index 0e88169efe1b3eb59cf236667cbcd59364d8dc4d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 836
zcmV-K1H1f*P)<h;3K|Lk000e1NJLTq008Cy001Tk1^@s6(1Pa=00006VoOIv09F8m
z0J$2GIbZ+)010qNS#tmY3ljhU3ljkVnw%H_000McNliru;0YHL2ql8N>6QQh02y>e
zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00OK@L_t(|+U?v;NYil~$MKKp
z=2MDFS<cE-EG<#AQnM#|ppb+D%j(o6it5mz?9jtSq)T-05JeAAmkvf|kd+V_l@dK@
z6Unm7oESD|nh%>}PCG~=QM$PDf%oe)_y2kM!kaJu|Hgdsiz<c%U`m<A2mrzaK$rkw
z0w7F)FaZ!IK$rjs698cXgbBbK{20OiRdQzAU$5sERWKy5F#$Fv*o+{|>8SnlTYai7
zldYv*L+(L^Ma3(5%YMy^PaAcv??=1dJ-DpzO*QiMGiqV-dZp$ZRB7Q3!Y534+p`;|
zM*ZE{+Ms7QPiym`VnswJNRpiP9#vjDE=P||lH_(d)%3bt1O43$kT5Y3<2?k*FRIXj
z<!hC+VXs0XW8~=Rl=<NmwKY`h<BQu`y=Nra56?^F=&>m%EK(VH1qwGMsH?3}ukM^@
zurmY?f2Nr1eP<PJN|3LgQL`hWv|{HmNs`U--gD+#!%In0dhSt0#-_;NAE?N<RHbb{
z%mCS#n27Q20f&a%YOE@i#r#CQoo#ZvoStjWzAn$}{;qaO(wvy&QU5<THif|wCcLfg
z(N#58-yQebkb95;5hf<X*V@ODq>Q{1idvc}LqM=x1O2*pZuh8j!Qu1OYipIQrCz4Q
zEYJHL&2<csdrWxS@bJhF78?A6<Yx?!z1ylcWyNF8nUY3gths+t*5*37oDNyPm{nVT
zi6OEv;cZb%R>@LVsj6Fre?*u)=3L^sd|AwuvUgkc^m>8k{pe+DWdGU0AlaDkrnKB6
zT9mp;#=sC60)n+TeXBBeog8z{KPXfi4_uHbF-yJ%e;ETq6t^;G+_RXTeE7lVndSHA
zqkQv+jR}A-0m1|@33w_y!*FlO#sol^0AT_kOaO!l5GDY^1PBwrzwisgp}kc<fW40Z
O0000<MNUMnLSTZnT6-`6

diff --git a/src/org/april/libreencadeau/website/charter/legal.png b/src/org/april/libreencadeau/website/charter/legal.png
deleted file mode 100644
index 87dde21fde82f8fd0c63747a61be30d2f7976801..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1240
zcmV;}1Sk86P)<h;3K|Lk000e1NJLTq008Cy001Tk1^@s6(1Pa=00006VoOIv09F8m
z0J$2GIbZ+)010qNS#tmY3ljhU3ljkVnw%H_000McNliru;0YHL1~~{mm{$M*02y>e
zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00cluL_t(|+U?wbOw?rn$MN@h
zKR7%AF@znFgodCpR8;V1YC0%KE7PdlS}Q9X{!t6pmf31*t>#+Unwk2CZLXS@;R=wI
zvJAljI|Wk&K_umef+xZS2Y1jPtaA*+{6oFv=k?Ex=lk&7_PP7qv*-5R88SBJ_aY*G
zWtbumQ87hC#S~F7MMT9EQ87hC#S~F7MMT9E5fxKJ#gtpY<!mDRz2zLs+jiTYbN9M5
zcCSlQ_$ubz;b!0PUQZWAUvI!3m(1jcUs8Z7ruc(De)x<4TL?3jW??WG6v$n|qzL@m
zjHRzD1Qk>KN$s%%oGs1cN<%eXPZxn9qlub0hY1T-V6obK^V(bLapZ30V$Cs(CJRvs
z^O*9;D)z2_41kP{`M$Z0XO2=;luh%w6ZCjJjI@s<VexZBjGL;!RZJO5Z*MQZ?fH<p
zvVwl&uFDOaF8r2;$`Tg6{4r*$4Y#Y6gWI#{Y`@%hChc}pQ<96@)jH_fhjy;*_jk)*
zr#STGTP#|&nNjz~Dtr}FuIKF0{nV8e5EvZBlqIVOkC}|oV&zIhHIAImabBq8)GyzV
zn6{FNUw6~lewpDTBS>DhhS11Zob^@w{@tcQ*N&PrmkINqCOABrj;k#k&)dd@Q$?IE
z+{3J=)+&5Ip)Y^@P)%tb05db*<i3Ol39yA=G6xVgW}>e==T8;_P+xHbfTZ+H!ebIK
z2LuuxlSoqf>Ot3@{mk2hM#f?^Sr{?O&a}s01)#a^q=MIuDMM*(ss*56N7i-cxSUP>
z9>by&`dtr;o;2WpdV0K69^Omc@q@IrT)^Ay_FZ$gI~BZ&DK|J|-grun_okOE+rOR4
zqVEU2*5makcNJ5H5*!|lv%ZSOuYAg=sJJ2L+Cn2}Yd%l&xf4Xj&-9HqpZjyb+*-%a
z03<J4gFP+<v(-j-r;B~>KdI1l#*`a*Amvd23U|FjO=%u3XCt0&H(pN{ZO!MYF3IJ<
z7q0<ek4pi-k+X$MwdHuaI=NI^jw5HwARBStPHYYsj>%%>?<*H6&EBlQwPVV^u6J8r
z#>RYNrlsL*sOHR(eUxT@GUPh(^D?MAeh`<liGm$#eB+Vvvv4_^Fbuo)*=rv^gSxT;
z4u7@&+Pn#~^<rqpl>aIzJ(Ky*e?ZivxdaB?gJGBvqsc;Wcr@eZJVEN}z8%pzVk8S+
z{0RH_WQ^tjEP+9coxX&`)E5A-Sc80PPEF5b%;bl#1O{QY+PFU{m6YXgC~QAu&<{TU
zKUE#shvUaBjE+fU;mS=4L_4P3ZiTzv<x*`q-JLEv+FGbC$))_Koj~6W1)?*i+yV6!
z#ne|64;T-PjAiWfB??HzlsjSGvm2-^&Zf2TEL|N}eK)&LT(AP8$*h1>Ot};6amm=@
zk`;u`m?ENLil~?(qGF1OiYcOEiinCSqGF23E%Oh`z*kr=^x$Lw0000<MNUMnLSTYD
C)k#GF

diff --git a/src/org/april/libreencadeau/website/charter/libreencadeau-small.css b/src/org/april/libreencadeau/website/charter/libreencadeau-small.css
deleted file mode 100644
index 30b07cd..0000000
--- a/src/org/april/libreencadeau/website/charter/libreencadeau-small.css
+++ /dev/null
@@ -1,190 +0,0 @@
-/**************** GENERIC PAGE CHARTER ****************/
-* {
-    margin: 0px;
-    padding: 0px;
-    color: #2e2d30;
-    font-family: Arial, Helvetica, sans-serif;
-}
-
-p
-{
-    margin-bottom: 10px;
-    margin-top: 10px;
-}
-
-hr
-{
-    border:dashed #CCC 1px;
-    border-bottom:0px;
-    border-left:0px;
-    width:100%;
-    margin: 10px 2px;
-    padding: 0px 5px;
-}
-
-
-ul, ol 
-{
-    margin-left:30px;
-}
-
-/***** CHARTER *****/
-#charter
-{
-    width: 100%;
-    font-size: 13px;
-}
-
-/***** CHARTER HEADER *****/
-#charter #header_container
-{
-    margin: 0px;
-    height: 100px;
-    width: 670px;
-    margin: 0 auto;
-    position: relative;
-    border: 1px solid blue;
-}
-
-#charter #header_container #logo_zone
-{
-    position: absolute;
-    top: 5px;
-    width: 320px;
-    height: 100px;
-    color: white;
-    background-repeat: no-repeat;
-    display: inline;
-    float: left;
-}
-
-#charter #header_container #logo_zone img
-{
-    border: 0px none white;
-}
-
-#charter #header_container #title
-{
-	position: relative;
-    top: 7px;
-    left: 55px;
-    font-size: 50px;
-}
-
-#header_container{
-	background-color:#90ee90;
-}
-/***** CHARTER BODY *****/
-#charter #body_container
-{
-    position: relative;
-    margin: 10px auto 10px auto;
-    width: 670px;
-    height: 100px;
-    min-height: 520px;
-}
-
-/***** CHARTER MENU *****/
-#charter #body_container #menu_container
-{
-    padding: 30px 10px 0 0;
-}
-
-.submenu
-{
-    margin: 10px 10px 10px 10px;
-    width: 160px;
-    background-color: #ECECEC;
-    border-radius: 5px;
-    padding: 10px;
-    margin-bottom: 50px;
-}
-
-.submenu a.active {
-    color:white;
-    text-decoration:none;
-    background-color:#333;
-}
-
-.submenu a {
-    color:#333;
-    padding:3px;
-    display:block;
-    text-decoration:none;
-}
-
-.submenu a:hover {
-    color:white;
-    text-decoration:none;
-    background-color:#333;
-}
-
-.submenu ul {
-    margin-left:0px;
-}
-
-.submenu li {
-    list-style-type:none;
-}
-
-.submenu_content {
-    margin-left: 50px;
-    width: 650px;
-}
-
-
-/***** CHARTER CONTENT *****/
-#charter #body_container #content_container
-{
-    margin: 10px auto 20px auto;
-    width: 750px;
-    border: 0px none lightgreen;
-}
-#basic_menu
-{
-	margin: 0 ;
-	position: relative;
-	height : 40px;
-	width: 970px;
-	margin: 0 auto;
-	clear: both;
-}
-
-/***** CHARTER FOOTER *****/
-#charter #footer_container
-{
-    margin: 0;
-    position: relative;
-    width:970px;
-    margin:0 auto;
-    clear: both;
-    height: auto;
-    border: 1px solid red;
-}
-
-/*********************/
-table.table_classic
-{
-    border:0px;
-    width:100%;
-    margin: 5px;
-    border-collapse: collapse;
-}
-
-table.table_classic > tr > th,
-table.table_classic > thead > tr > th
-{
-    background-color:#ECECEC;
-    border:1px solid #DCDCDC;
-    margin: 5px;
-    padding: 5px;
-}
-
-table.table_classic > tr > td,
-table.table_classic > tbody > tr > td,
-table.table_classic > tfoot > tr > td
-{
-    border:1px solid #ECECEC;
-    margin: 5px;
-    padding: 5px;
-}
diff --git a/src/org/april/libreencadeau/website/charter/libreencadeau.css b/src/org/april/libreencadeau/website/charter/libreencadeau.css
index f5f403e..3ba7d1c 100644
--- a/src/org/april/libreencadeau/website/charter/libreencadeau.css
+++ b/src/org/april/libreencadeau/website/charter/libreencadeau.css
@@ -36,16 +36,31 @@ ul, ol
 }
 
 /***** CHARTER HEADER *****/
+@media screen and (max-width: 840px){
+	
 #charter #header_container
-{
-    margin: 0px;
-    height: 100px;
-    width: 970px;
-    margin: 0 auto;
-    position: relative;
-    border: 1px solid blue;
+    {
+        margin: 0px;
+        height: 100px;
+        width: 670px;
+        margin: 0 auto;
+        position: relative;
+        border: 1px solid blue;
+    }
 }
 
+@media screen and (min-width: 840px){
+	
+#charter #header_container
+    {
+        margin: 0px;
+        height: 100px;
+        width: 970px;
+        margin: 0 auto;
+        position: relative;
+        border: 1px solid blue;
+    }
+}
 #charter #header_container #logo_zone
 {
     position: absolute;
@@ -75,15 +90,27 @@ ul, ol
 	background-color:#5684B9;
 }
 /***** CHARTER BODY *****/
+@media screen and (max-width: 840px){
 #charter #body_container
-{
-    position: relative;
-    margin: 10px auto 10px auto;
-    width: 970px;
-    height: 100px;
-    min-height: 520px;
+    {
+        position: relative;
+        margin: 10px auto 10px auto;
+        width: 670px;
+        height: 100px;
+        min-height: 520px;
+    }
 }
 
+@media screen and (min-width: 840px){
+#charter #body_container
+    {
+        position: relative;
+        margin: 10px auto 10px auto;
+        width: 970px;
+        height: 100px;
+        min-height: 520px;
+    }
+}
 /***** CHARTER MENU *****/
 #charter #body_container #menu_container
 {
@@ -140,27 +167,81 @@ ul, ol
     width: 750px;
     border: 0px none lightgreen;
 }
-
+@media screen and (min-width: 840px)
+{
+#footer_menu
+    {
+	   margin: 0 ;
+	   position: relative;
+	   height : 40px;
+	   width: 970px;
+	   margin: 0 auto;
+	   clear: both;
+	   background-color:#FFFFFF;
+    }
+#footer_menu  .button
+   {   display:inline;
+       font-size: 20px;
+       float : left;
+       height: 20px;
+	   background-color:#5684B9;
+	   text-align: center;
+	   margin:  5px;
+	   width: 23.71%;
+	   border-style: 3px solid #73AD21;
+	   padding-top: 8px;
+	   padding-bottom: 8px;
+   }
 
 /***** CHARTER FOOTER *****/
-#footer_menu
-{
-	margin: 0 ;
-	position: relative;
-	height : 40px;
-	width: 970px;
-	margin: 0 auto;
-	clear: both;
-}
 #charter #footer_container
+   {
+      margin: 0;
+      position: relative;
+      width:970px;
+      margin:0 auto;
+      clear: both;
+      height: auto;
+      border: 1px solid red;
+   }
+}
+@media screen and (max-width: 840px)
 {
-    margin: 0;
-    position: relative;
-    width:970px;
-    margin:0 auto;
-    clear: both;
-    height: auto;
-    border: 1px solid red;
+#footer_menu
+    {
+	   margin: 0 ;
+	   position: relative;
+	   height : 40px;
+	   width: 670px;
+	   margin: 0 auto;
+	   clear: both;
+	   background-color:#FFFFFF;
+    }
+#footer_menu  .button
+   {   display:inline;
+       font-size: 16px;
+       float : left;
+       height: 20px;
+	   background-color:#5684B9;
+	   text-align: center;
+	   margin:  4px;
+	   width: 23.71%;
+	   border-style: 3px solid #73AD21;
+	   padding-top: 8px;
+	   padding-bottom: 8px;
+   }
+
+/***** CHARTER FOOTER *****/
+#charter #footer_container
+   {
+      margin: 0;
+      position: relative;
+      width:670px;
+      margin:0 auto;
+      clear: both;
+      height: auto;
+      border: 1px solid red;
+   }
 }
 
 /*********************/
diff --git a/src/org/april/libreencadeau/website/pages/Cadal_xhtml.java b/src/org/april/libreencadeau/website/pages/Cadal_xhtml.java
index 396bad8..2992fd3 100644
--- a/src/org/april/libreencadeau/website/pages/Cadal_xhtml.java
+++ b/src/org/april/libreencadeau/website/pages/Cadal_xhtml.java
@@ -65,7 +65,7 @@ public class Cadal_xhtml extends HttpServlet
             Page page = PageFactory.instance().create("/org/april/libreencadeau/website/pages/cadal.html");
 
             //
-            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter.html");
+            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter2.html");
             charter.include("content_container", page);
             String html = charter.dynamize().toString();
 
diff --git a/src/org/april/libreencadeau/website/pages/Contact_xhtml.java b/src/org/april/libreencadeau/website/pages/Contact_xhtml.java
index e527045..b27e40e 100644
--- a/src/org/april/libreencadeau/website/pages/Contact_xhtml.java
+++ b/src/org/april/libreencadeau/website/pages/Contact_xhtml.java
@@ -65,7 +65,7 @@ public class Contact_xhtml extends HttpServlet
             Page page = PageFactory.instance().create("/org/april/libreencadeau/website/pages/contact.html");
 
             //
-            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter.html");
+            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter2.html");
             charter.include("content_container", page);
             String html = charter.dynamize().toString();
 
diff --git a/src/org/april/libreencadeau/website/pages/Faq_xhtml.java b/src/org/april/libreencadeau/website/pages/Faq_xhtml.java
index c4bc601..77c422c 100644
--- a/src/org/april/libreencadeau/website/pages/Faq_xhtml.java
+++ b/src/org/april/libreencadeau/website/pages/Faq_xhtml.java
@@ -65,7 +65,7 @@ public class Faq_xhtml extends HttpServlet
             Page page = PageFactory.instance().create("/org/april/libreencadeau/website/pages/faq.html");
 
             //
-            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter.html");
+            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter2.html");
             charter.include("content_container", page);
             String html = charter.dynamize().toString();
 
diff --git a/src/org/april/libreencadeau/website/pages/Legal_xhtml.java b/src/org/april/libreencadeau/website/pages/Legal_xhtml.java
index 5f6a26a..4cfd2a4 100644
--- a/src/org/april/libreencadeau/website/pages/Legal_xhtml.java
+++ b/src/org/april/libreencadeau/website/pages/Legal_xhtml.java
@@ -65,7 +65,7 @@ public class Legal_xhtml extends HttpServlet
             Page page = PageFactory.instance().create("/org/april/libreencadeau/website/pages/legal.html");
 
             //
-            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter.html");
+            Page charter = PageFactory.instance().create("/org/april/libreencadeau/website/charter/charter2.html");
             charter.include("content_container", page);
             String html = charter.dynamize().toString();