From 2cdca7ffb7577659ce19309938f1792c81ee93e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Clermont=C3=A9?= <dclermonte@april.org>
Date: Thu, 29 Sep 2016 23:02:33 +0200
Subject: [PATCH] miscellaneous change + first test responsive

---
 .../website/charter/charter.html              |   2 +-
 .../website/charter/charter2.html             |   7 +-
 .../website/charter/libreencadeau-logo.png    | Bin 2614 -> 0 bytes
 .../website/charter/libreencadeau-small.css   | 190 ++++++++++++++++++
 .../website/charter/libreencadeau.css         |   8 +-
 .../website/charter/logo-cadal-48x.png        | Bin 0 -> 1058 bytes
 .../website/charter/logo_cadal_48.jpg         | Bin 1096 -> 0 bytes
 7 files changed, 200 insertions(+), 7 deletions(-)
 delete mode 100644 src/org/april/libreencadeau/website/charter/libreencadeau-logo.png
 create mode 100644 src/org/april/libreencadeau/website/charter/libreencadeau-small.css
 create mode 100644 src/org/april/libreencadeau/website/charter/logo-cadal-48x.png
 delete mode 100644 src/org/april/libreencadeau/website/charter/logo_cadal_48.jpg
diff --git a/src/org/april/libreencadeau/website/charter/charter.html b/src/org/april/libreencadeau/website/charter/charter.html
index 24f960c..a4862bb 100644
--- a/src/org/april/libreencadeau/website/charter/charter.html
+++ b/src/org/april/libreencadeau/website/charter/charter.html
@@ -12,7 +12,7 @@
 <body id="charter">
     <div id="header_container">
         <div id="logo_zone">
-            <a href="/"><img src="/charter/libreencadeau-logo.png"/></a>
+            <a href="/"><img src="/charter/logo-cadal-48x.png"/></a>
         </div>
         <div id="title">LibreEnCadeau</div>
     </div>
diff --git a/src/org/april/libreencadeau/website/charter/charter2.html b/src/org/april/libreencadeau/website/charter/charter2.html
index a06350e..f4d20f7 100644
--- a/src/org/april/libreencadeau/website/charter/charter2.html
+++ b/src/org/april/libreencadeau/website/charter/charter2.html
@@ -6,13 +6,14 @@
 	<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" />
+	<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" /> 
 	<meta name="keywords" content="LibreEnCadeau" />
 </head>
 <body id="charter">
     <div id="header_container">
         <div id="logo_zone">
-            <a href="/"><img src="/charter/logo_cadal_48.jpg"/></a>
+            <a href="/"><img src="/charter/logo-cadal-48x.png"/></a>
         </div>
         <div id="title">CADAL</div>
     </div>
@@ -24,7 +25,7 @@
             Content…
         </div>
     </div>
-    <div id="basic_menu">
+    <div id="footer_menu">
     <table width="100%" >
 	<col width="64*"></col>
 	<col width="64*"></col>
diff --git a/src/org/april/libreencadeau/website/charter/libreencadeau-logo.png b/src/org/april/libreencadeau/website/charter/libreencadeau-logo.png
deleted file mode 100644
index 1b138cbb2c4cd00e255d7a3e4e3e99398130ff70..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2614
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
YU!%UH?}butM*si-07*qoM6N<$g2A2eqyPW_

diff --git a/src/org/april/libreencadeau/website/charter/libreencadeau-small.css b/src/org/april/libreencadeau/website/charter/libreencadeau-small.css
new file mode 100644
index 0000000..30b07cd
--- /dev/null
+++ b/src/org/april/libreencadeau/website/charter/libreencadeau-small.css
@@ -0,0 +1,190 @@
+/**************** 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 2238fb0..f5f403e 100644
--- a/src/org/april/libreencadeau/website/charter/libreencadeau.css
+++ b/src/org/april/libreencadeau/website/charter/libreencadeau.css
@@ -140,7 +140,11 @@ ul, ol
     width: 750px;
     border: 0px none lightgreen;
 }
-#basic_menu{
+
+
+/***** CHARTER FOOTER *****/
+#footer_menu
+{
 	margin: 0 ;
 	position: relative;
 	height : 40px;
@@ -148,8 +152,6 @@ ul, ol
 	margin: 0 auto;
 	clear: both;
 }
-
-/***** CHARTER FOOTER *****/
 #charter #footer_container
 {
     margin: 0;
diff --git a/src/org/april/libreencadeau/website/charter/logo-cadal-48x.png b/src/org/april/libreencadeau/website/charter/logo-cadal-48x.png
new file mode 100644
index 0000000000000000000000000000000000000000..167e7f1c6b217603daac28294b1ca688ab55ee2c
GIT binary patch
literal 1058
zcmV+-1l{|IP)<h;3K|Lk000e1NJLTq001xm001)x1^@s6(UyxT00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;0YZRFchmmwKD(!1FuO$
zK~!ko?U_qxoK+OZf9HNP`Nlj9eMpglA(*B$P@|is?$Tnq2o^<6H4j|Wodu;8n@kZ+
zeI%xfB0&pvqk_|vsAQw{fmkSl8X-}zG_?4D^a0fpsm|k@%y*9qLuQ&uW~QB482HZW
zyPSK^`Ty>B&gH@tO0>kt2iuJ`ZvmTBnK2@#5dFv<=s8OnmO66sZpqlkRM@RbiwKv1
zgOO;@=cTNdQYNKekKJdDOakF$++TwZN20x7-Hh<W&{&%hJp?=im?drnI!l2Fm6FUl
zaui)wJitzno!;=+dsUwQoDB9|FBD4$-;H>#`x@x}WrXK$>?qJ&_8-vU*cuPHnge@D
zk-kVx{kQYUxmMrGBLaJY4Tw&;l4_U!r~lT$@!C|_ZxhFcTxC+Cy>oi}c-XsE_bEaL
zFo*EIq7#u+dU8H|TZ=U|25earXH1LR|Kz!{0Ma9|ZPv>7St7eTa;Wc<8z4tdx#`4T
z{i?i(>N~1tLX3V0tXY_m5X@dg8&w$sebe>AFUjDZe{RS%Ja)fDr?TSYQ8(H>QAnRD
zT0Tg9&M@w#H|Eu)JlpBH13j;Z=u?Pv;n<B?@c>edXrsatzzdOR?}4S_0ji?i)4;FU
z+_t`$zM=re%AYyIKV)!6W~I6AK<`Ol)=|y-?TSvL7<ZuiXpySEviK!(t!#j>>&yVj
zh2eS~A9sp$)vVf3G7rE?3b-sHS|sI$>=HX&Hh>)1lSJgRg<);#g5O@a>m?*mmCq&h
zAell-y`d9ZK$`$m`JuYM?_x!cQStS#8Xg85aqN-QaIDLPxjX^lY!~(C)X<TCKG<Er
z1@Dcq9?zz~sFRS*^(KwhsLyD&e0aGeZ3>d=eEu$*39m0Wb92KsXI=FUK~^jw-?x{w
z>CS1n9={iFeyfNqQrM95i@&b+o6z|ytwy9F$F-zatlD_$JN@bR(|KaWIu?8Te*ukV
zs?3zccO86N;TbAmy0(t_WBUsC)ZrL%Zk7t!83VMkdacpe67NI*Qxn4~w*VjjC>J2^
zr>j>rK+?}dRyBaH)>+K}(p0;)tEam0Rg2x6uo*1b%cAN{1~Y~`ni|;D{=l;S*{Pqo
z_~Th@#=mvJ0yPpQV$9WjTOVu|fb)%ye+k-Ai5&^IwNQU-|FXXL$O)3;rz^GjGtIw!
zd{1zU1^@v-01yBK00BS%5C8-K0YCr{00aO5KmZT`1ONd*0B{So@X)Om&<e&~;o(rU
cf*CBpzlMoX0e~knYybcN07*qoM6N<$f{8Zu8vp<R

literal 0
HcmV?d00001

diff --git a/src/org/april/libreencadeau/website/charter/logo_cadal_48.jpg b/src/org/april/libreencadeau/website/charter/logo_cadal_48.jpg
deleted file mode 100644
index 1b1124de0e6fce6aabadb450626081becceff4c8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1096
zcmex=<NpH&0WUXCHwH#VMg|WcWcYuZ!I^=VlZ%^+gO{6&n~#r|Usyp@SV%}%T}Dn^
zK~K}rKu=Rw$Jolt&e+V&Tu0X-+|kX)FDN+3$Sx`|Dj>ltFvuTd2qPaKpRk~?ny9Fn
zzp1XNKgr<#AqGJX1_K5IW=25<CP7AKLB{__7$g}Om_d$30A?0eMg}&J6i^%l5K;_`
zEKJO-|8FtyFf%eR2`~#VFfe|36znKdV4ip9!}AN$+aq^)F6j%L+j&)by65IVVb^<8
z*2Q{Gj=Wc;_ho6(E1y~CK3^<fsy#g@<y!fCpcQfg42-NG2f*zBn#;^$EGT3oECRHL
z11Q7D%H*40J}H@Ddb|1JiyPJL(?4_fG^I-%zxn51r%1~-zo#L^ojaa0-&t|8Wb(U}
znbo(NE5C<q+56UU&+k=Hao-l)2U?^c$iT?Vf@YBsGmC(rkg%d5#44byJ)`TLD3b<$
z7dExsll?yE-q<yJt=8l9F`<k%{8g{q@BX~eVA9?7p(j2Ft#!X7zVb-pRxf7pLas~d
zq6wiIJh4Z#J?4ZqhAc2F7g(!Q7{*!;v{_sbEeshL6$Bi>eq#bz_%w4lNSUkv0}~T!
zOfWGP3Md*13I##~g3X>u`sTx5b=-!w$Ng*7->1}Me80R{Z>zdO#)XZGCuqGcvVFKB
z>QKb@wuRZ8$@ipM*QkQR7;G}oXm}7a0OMa#V4;Gc<3v~x+bgzM9Ng31v%ZgCY2QSS
z0Ns4vm7k(m)VH!M^>`k6%H>GOgNpSh)`?0uUg5QfXkOmp#>kXcaVR70d5>Bfh>;F7
z37jYxn1S{PaHr^0vA_78S$-?_+jNlkq=88e)ptNwC@vH*Oawat6!Zcji>mBa$;WmC
z+B^|;-?75ml%-0LwIIZzMsQ_HO+VuXj-RqG-SRR_in)!89T(4toIQ(I=FoYd;gW*r
zX_$dgKu|#uY&0m41z!6K{4u%J9uv|os(91`s6_=B+>Fei6afnsP@n{U06NHV;l_`J
z6Axa5hmAmswt|te$jw!&n(UIQf>&5iXuo1)$&>Pep`k&oTSRjgQ^Bo<rWXsgoMFED
z_OIcg-3v@P_e8TS;JCUreT&g-g`@LS!yOOH)cI#5Ixsi9ICC!E=U#g8r;@|>()E|+
Z8}IySmH6Ix`epN(cmB*Z_&)#tO#o~mSF`{C

