diff --git a/desc.xml b/desc.xml
new file mode 100644
index 00000000..8a132983
--- /dev/null
+++ b/desc.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<theme name="base" version="1.0">
+  <label>Base</label>
+  <desc>Base theme for Publik deployments</desc>
+  <keywords>
+    <keyword>auquotidien-no-titles-in-section</keyword>
+    <keyword>auquotidien-welcome-in-services</keyword>
+  </keywords>
+</theme>
diff --git a/static/bullet_rouge.png b/static/bullet_rouge.png
new file mode 100644
index 00000000..addf4732
Binary files /dev/null and b/static/bullet_rouge.png differ
diff --git a/static/dataview.js b/static/dataview.js
new file mode 100644
index 00000000..912497e5
--- /dev/null
+++ b/static/dataview.js
@@ -0,0 +1,9 @@
+$(function() {
+  $('.dataview').before('<a href="#" id="disclose-dataview">Afficher le détail de la demande</a>');
+  $('#disclose-dataview').click(
+    function() {
+      $(this).hide();
+      $('.dataview').show();
+      return false;
+    });
+});
diff --git a/static/dialog-warning.png b/static/dialog-warning.png
new file mode 100644
index 00000000..219432c4
Binary files /dev/null and b/static/dialog-warning.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 00000000..2a707a31
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/field-shade.png b/static/field-shade.png
new file mode 100644
index 00000000..534d2e1f
Binary files /dev/null and b/static/field-shade.png differ
diff --git a/static/ical.gif b/static/ical.gif
new file mode 100644
index 00000000..2c0dddd8
Binary files /dev/null and b/static/ical.gif differ
diff --git a/static/mail.gif b/static/mail.gif
new file mode 100644
index 00000000..6dcc53b7
Binary files /dev/null and b/static/mail.gif differ
diff --git a/static/puce.gif b/static/puce.gif
new file mode 100644
index 00000000..0f5eeceb
Binary files /dev/null and b/static/puce.gif differ
diff --git a/static/rss.gif b/static/rss.gif
new file mode 100644
index 00000000..d389dce6
Binary files /dev/null and b/static/rss.gif differ
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 00000000..cfa1f527
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,884 @@
+html, body { margin: 0; font-family: arial, sans-serif; font-size: 13px;}
+a { text-decoration: none; }
+a:hover { text-decoration: underline; }
+h1, h2, h3 { margin-top: 0; }
+
+div#single-title, #nav,
+#top, h2 {
+  font-family: sans-serif;
+  font-weight: normal;
+}
+
+h3, h4 {
+  font-family: sans-serif;
+  font-weight: normal;
+}
+
+
+
+a {
+  -webkit-transition: color 200ms ease-out;
+}
+
+/* layout */
+
+body {
+  overflow-x: hidden;
+  background: white;
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+div#page {
+  width: 100%;
+}
+
+div#header {
+  background-color: #ffffff;
+  width: 100%;
+  margin: 0 0 0 0;
+  position: relative;
+  top: 0px;
+  z-index: 0;
+
+}
+
+div#top {
+  margin: 0 auto 0 auto;
+}
+
+div#top h1 {
+  padding-top: 30px;
+  margin-left: 20px;
+  font-size: 200%;
+  font-weight: normal;
+}
+
+div#top a img {
+    border: 0;
+}
+
+div#main-content-wrapper {
+  position: relative;
+  z-index: 100;
+  max-width: 1000px;
+  margin: 0px auto 0px auto;
+}
+
+div#main-content {
+  margin: 0;
+  min-height: 300px;
+}
+
+div#footer {
+  clear: both;
+  background: white;
+  padding: 0px;
+  margin: 10px auto 0 auto;
+  position: relative;
+}
+
+p#legal {
+  font-size: small;
+  color: #666;
+  margin: 0;
+  margin-top: 5em;
+  font-size: 70%;
+  display: inline-block;
+  padding-top: 5px;
+  border-top: 1px solid #666;
+}
+
+#content {
+  position: relative;
+  margin:0;
+  color: rgb(58, 58, 58);
+}
+
+div#content a {
+  color: #37a7da;
+}
+
+div#content a:hover {
+  text-decoration: underline;
+}
+
+#menu {
+  font-size: 130%;
+  margin-top: -1px;
+}
+
+#menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 10px 0 32px 0;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+}
+
+#menu li {
+  display: inline;
+  margin: 0px 10px 0 0;
+  padding: 5px;
+  background: #37a7da;
+  border: 5px solid transparent;
+  border-width: 2px 5px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+}
+
+#menu li a {
+  color: white;
+  text-transform: uppercase;
+  white-space: pre;
+}
+
+#menu li:hover {
+  background-color: #f4bc03;
+  border-color: #f4bc03;
+}
+
+#menu li:hover a {
+  text-decoration: none;
+}
+
+#menu li.selected, #menu li.ancestor {
+  background: #515151;
+  border-color: #515151;
+}
+
+#menu li.selected a {
+  color: white;
+}
+
+#left {
+  float: left;
+  width: 49.5%;
+}
+
+#right {
+  float: right;
+  width: 49.5%;
+}
+
+br.clear {
+  clear: both;
+}
+
+#error-404, #error-500, #content .block, #password-changed {
+  background: white;
+  font-size: 110%;
+  margin-bottom: 1em;
+}
+
+#content .block h2 {
+  background: transparent;
+  font-weight: normal;
+  color: white;
+  text-transform: uppercase;
+  padding: 6px 10px 6px 10px;
+  color: #333;
+  font-size: 130%;
+  cursor: default; /* someday, perhaps, cursor: move */
+}
+
+#content .block h2.feeds {
+  background-image: url(Picto-Bulle.png);
+}
+
+#content .block h2.newsletters {
+  background-image: url(Picto-coeur.png);
+}
+
+#content .block h3,
+#content .block p {
+  margin: 1ex 10px;
+  padding-bottom: 1px;
+}
+
+#content .demarches ul,
+#content ul.mes-demarches {
+  list-style: none;
+  padding-left: 0px;
+  margin: 0px;
+  -webkit-column-count: 2;
+  -moz-column-count: 2;
+  column-count: 2;
+}
+
+#content ul.mes-demarches a,
+#content .demarches ul a {
+  color: inherit;
+  font-weight: bold;
+  background: transparent url(static/bullet_rouge.png) left center no-repeat;
+  padding-left: 10px;
+}
+
+#content ul.mes-demarches a:hover,
+#content .demarches ul a:hover {
+  color: #37a7da;
+}
+
+#content ul.mes-demarches li,
+#content .demarches ul li {
+  margin: 1ex 0 10px 1ex;
+  padding-left: 10px;
+  -webkit-column-break-inside: avoid;
+  -moz-column-break-inside: avoid;
+  column-break-inside: avoid;
+}
+
+#content .demarches .toutes-les-demarches {
+  padding: 10px 0 10px 0;
+  margin-left: 20px;
+}
+
+#content .toutes-les-demarches a {
+  background: transparent url(button_orange_eye.png) no-repeat 0px center;
+  color: #37a7da;
+  text-transform: uppercase;
+  padding-left: 30px;
+  font-size: 130%;
+}
+
+#content .toutes-les-demarches a:hover {
+  color: #37a7da;
+}
+
+#commune-selector {
+  margin-left: 5px;
+  margin-bottom: 10px;
+}
+
+#content #futurs-demarches {
+  overflow-y: hidden;
+  margin: 5px;
+  padding-bottom: 15px;
+}
+
+#content #futurs-demarches.selected {
+  display: block;
+}
+
+div#single-title {
+  border: 1px solid #a5a7aa;
+  border-width: 1px 0px;
+  font-size: 110%;
+  text-align: center;
+  padding: 10px 0;
+}
+
+body.narrow-page #main-content {
+  background: white;
+  margin-top: 0;
+  padding: 10px 10px 0 10px;
+}
+
+body.narrow-page #main-content form div input {
+  display: block;
+  margin-left: 10px;
+  margin-bottom: 2ex;
+}
+
+span.helptext {
+  color: #666;
+}
+
+body.narrow-page div.right {
+  width: 30%;
+  float: right;
+  margin: 1ex auto;
+}
+
+body.narrow-page div.right form {
+  text-align: left;
+  background: white;
+  margin: 10px 10px;
+  padding: 10px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+
+}
+
+body.narrow-page div.right form div label {
+  font-weight: bold;
+  width: 14em;
+  display: block;
+  float: left;
+  padding-top: 3px;
+}
+
+body.narrow-page div.right form div input {
+  width: 17em;
+}
+
+body.narrow-page div.right form div.form-field-required label:after {
+  content: "";
+}
+
+body.narrow-page div.right form > input {
+  display: block;
+  margin: 1em auto 0 auto;
+  background: #37a7da;
+  color: white;
+  border: none;
+  padding: 3px 1em;
+}
+
+#toplinks {
+	background: #ffffff;
+	position: relative;
+	float: right;
+	width: 250px;
+	padding: 5px 5px 5px 5px;
+}
+
+#toplinks span {
+	display: block;
+	margin: 0;
+	padding: 0;
+	color: #888;
+	line-height: 20px;
+	height: 22px;
+}
+
+#toplinks a {
+	color: #888;
+	border: 1px solid transparent;
+}
+
+#toplinks a.logout {
+        padding-left: 30px;
+}
+
+#toplinks a:hover {
+	text-decoration: none;
+	color: #222;
+}
+
+#toplinks a.restricted {
+	color: white;
+	float: right;
+	padding: 0 1ex;
+	border: 1px outset #888;
+	background: #37a7da;
+}
+
+div#username {
+        float: right;
+	padding: 5px 5px 5px 5px;
+        background: white;
+	line-height: 20px;
+	height: 22px;
+        border: 1px solid white;
+}
+
+ul.newsList {
+  list-style: none;
+}
+
+ul.newsList li.abonne {
+  margin: 0;
+  padding: 0;
+}
+
+.abonne {
+  padding-left: 20px;
+  background: transparent url(Validation.png) center left no-repeat;
+}
+
+.nonAbonne {
+  padding-left: 20px;
+  background: transparent url(Annulation.png) center left no-repeat;
+}
+
+/* page de profil */
+#my-informations {
+  margin-bottom: 15px;
+  padding: 0px;
+}
+
+#my-informations p {
+  padding: 0 5px;
+}
+
+#my-informations select,
+#my-informations input {
+  margin-left: 10px;
+  display: block;
+}
+
+/* forms error reporting */
+
+.errorlist {
+  list-style: none;
+  padding-left: 0;
+  margin-left: 0;
+}
+
+ul.errorlist li {
+  display: block;
+  color: #f44;
+}
+
+.form-field-required label:after {
+  content: '*';
+  color: #D90024;
+}
+
+ul.errorlist + p {
+  margin-top: 0px;
+}
+
+
+
+.passerelle-register-plugin input + label {
+  background: transparent url(Annulation.png) center left no-repeat;
+}
+
+.passerelle-register-plugin input:checked + label {
+  background: transparent url(Validation.png) center left no-repeat;
+}
+
+.passerelle-register-plugin td input {
+  display: none
+}
+.passerelle-register-plugin td label {
+  padding-left: 2em;
+}
+
+div.block form {
+  padding: 0 1ex;
+}
+
+table.announces {
+  width: 100%;
+  margin-bottom: 1em;
+}
+
+table.announces thead td {
+  font-weight: bold;
+}
+
+table.announces thead th {
+  width: 30%;
+}
+
+table.announces tbody td {
+  text-align: center;
+}
+
+table.announces tbody th {
+  width: 35%;
+  text-align: left;
+  font-weight: normal;
+}
+
+.chapeau {
+        font-style: italic;
+        font-size: 110%;
+}
+
+/* mon compte */
+#my-informations-form {
+  width: 90%;
+  padding-bottom: 1em;
+}
+
+#my-informations-form input[type~=text] {
+  width: 100%;
+}
+
+#id_edit-profile-email_wrap, #id_edit-profile-address_wrap {
+  clear: both;
+}
+
+#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap {
+  width: 45%;
+  float: left;
+}
+
+#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap {
+  width: 45%;
+  float: right;
+}
+
+/* pied de page */
+#footer-menu {
+  position: absolute;
+  display: block;
+  top: 20px;
+  left: 20px;
+  width: 435px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: left;
+}
+
+.footer-menu-leaf {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  padding-right: 20px;
+  padding-bottom: 20px;
+  float: left;
+}
+
+.footer-menu-leaf-link, .footer-menu-leaf-link:hover {
+  display: block;
+  width: 125px;
+  height: 26px;
+  line-height: 26px;
+  background: #ffffff;
+  text-align: center;
+  text-transform: uppercase;
+  color: #515151;
+  text-decoration: none;
+  font-size: 14px;
+}
+
+/* pages d'aide */
+#help-content {
+  background: white;
+  position: relative;
+  padding: 10px 20px;
+}
+#help-title {
+  background: #e6e6d6 url(toptitle.png) no-repeat left top;
+  font-weight: bold;
+  color: #37a7da;
+  text-transform: uppercase;
+  padding: 6px 10px 6px 50px;
+  font-size: 200%;
+  cursor: default; /* someday, perhaps, cursor: move */
+}
+#help-page-title {
+  color: #37a7da;
+  padding-bottom: 20px;
+}
+#help-page-title.aide {
+  display: none;
+}
+#help-text {
+  width: 580px;
+  margin-left: 380px;
+}
+.clear {
+  clear: both;
+}
+#help-menu {
+  width: 360px;
+  float: left;
+}
+#help-summary-caption {
+  background: #37a7da;
+  color: white;
+  font-size: 150%;
+  font-weith: bold;
+  text-align: center;
+  padding: 15px 0px;
+}
+#help-menu #help-summary-caption-link, #help-menu #help-summary-caption-link:hover {
+  background: #37a7da;
+  color: white;
+  text-decoration: none;
+}
+#help-menu-content {
+  padding: 0;
+  margin: 0;
+}
+#help-menu-content > li {
+  background: #e6e6d6;
+  margin-bottom: 5px;
+  list-style: none;
+  font-size: 150%;
+  font-weight: bold;
+  line-height: 1.5em;
+}
+#help-menu-content > li > ul {
+  background: white;
+  margin-bottom: 5px;
+  list-style: none;
+  font-size: 100%;
+  font-weight: bold;
+  line-height: 1.5em;
+  padding: 10px 10px;
+}
+
+#help-menu-content li.ancestor {
+  background: rgb(58, 58, 58);
+}
+#help-menu-content li.ancestor > a, #help-menu-content li.ancestor > a.hover {
+  color: white;
+}
+
+#help-menu-content > li > ul > li {
+  padding: 0px 10px;
+  font-size: 80%;
+}
+#help-menu-content > li > ul > li.selected  {
+  border-left: solid 4px #37a7da;
+}
+#help-menu-content li a, #help-menu-content li a:hover {
+  color: rgb(58, 58, 58);
+  text-decoration: none;
+}
+
+#my-password {
+  padding-bottom: 1ex;
+}
+
+#my-password p {
+  font-weight: bold;
+}
+
+#my-password p a {
+  color: inherit;
+  padding: 1ex;
+}
+
+ul.show-user-feeds li {
+  list-style: none;
+  background: url(mediathk.png) left center no-repeat;
+  min-height: 30px;
+  padding-left: 30px;
+  padding-bottom: 4px;
+}
+
+ul.show-user-feeds li.aquarium { background-image: url(aquarium.png); }
+ul.show-user-feeds li.conservatoire { background-image: url(conservatoire.png); }
+ul.show-user-feeds li.ecolothk { background-image: url(ecolothk.png); }
+ul.show-user-feeds li.facebook { background-image: url(facebook.png); } 
+ul.show-user-feeds li.lattara { background-image: url(lattara.png); }
+ul.show-user-feeds li.mediathk { background-image: url(mediathk.png); }
+ul.show-user-feeds li.opendata { background-image: url(opendata.png); }
+ul.show-user-feeds li.planet { background-image: url(planet.png); }
+
+#id_new_password1_help_text, #id_password1_help_text { 
+  font-style: italic;
+  font-size: 90%;
+  color: red;
+}
+
+/* saml post page */
+.post-redirect {
+  background: white;
+}
+
+#messages li {
+  list-style-type: none;
+  padding: 10px;
+  color: white;
+}
+
+#messages {
+  position: absolute;
+  top: 120px;
+  left: 1200px;
+}
+
+#messages.messages-login {
+  position: static;
+}
+
+#messages.messages-login li {
+  margin: 0px;
+  margin-left: 100px;
+  margin-right: 100px;
+}
+
+#messages li.warning {
+  border: 1px solid #DB771F;
+  background: #37a7da;
+}
+
+#messages li.error {
+  border: 1px solid #DB771F;
+  background: #DB1F28;
+}
+
+#messages li.info {
+  border: 1px solid #301F91;
+  background: #1F8091;
+}
+
+/* registration form */
+img.captcha {
+	float: left;
+}
+
+#id_captcha_1 {
+	width: 13em;
+}
+
+
+/* pimping up */
+h1#logo img {
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+}
+
+h1#logo img:hover {
+	/*
+  -webkit-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+  */
+}
+
+#nav h3 {
+  display: none;
+}
+
+
+#nav {
+  list-style: none;
+  margin: 10px 20px 12px 20px;
+  padding-top: 7px;
+  font-size: 110%;
+}
+
+#nav ul {
+	margin: 0;
+	padding: 1ex;
+	border: 1px solid #a5a7aa;
+	border-width: 1px 0px;
+}
+
+#nav li {
+  margin: 1ex 0;
+  padding: 1.5ex 1ex;
+  display: inline;
+}
+
+#nav a {
+  color: #404041;
+  text-decoration: none;
+}
+
+#nav li:after {
+  content: " / ";
+  color: #404041;
+}
+
+#nav li.selected:after,
+#nav li.ancestor:after,
+#nav li a:hover,
+#nav li.selected a,
+#nav li.ancestor a {
+  color: #e0007a;
+}
+
+div.cell,
+div.block {
+  text-align: left;
+  background: white;
+  margin: 10px 10px;
+  padding: 10px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
+}
+
+input[type="text"],
+input[type="password"] {
+	border: 1px solid #aaa;
+	background: white url(field-shade.png) top left repeat-x;
+	padding: 1px;
+	border-radius: 2px;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	color: black;
+	-webkit-transition: background 200ms ease-out;
+	display: block;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus {
+	border: 1px solid #888;
+	background: white;
+}
+
+div#registration {
+	width: 40em;
+	text-align: justify;
+	margin: 2em auto;
+}
+
+div#registration form {
+	margin: 2em 0;
+}
+
+div#registration label {
+	display: block;
+	width: 15em;
+	float: left;
+	text-align: right;
+	padding-right: 1em;
+	color: #777;
+}
+
+div#registration ul.errorlist {
+	margin: 0;
+	padding-left: 16em;
+}
+
+div#registration input[type="submit"] {
+	margin-left: 17em;
+}
+
+#toplinks {
+	background: #ffffff;
+	position: absolute;
+	top: 2em;
+	right: 0;
+	width: 40%;
+	padding: 5px 5px 5px 5px;
+}
+
+#toplinks span.logged-in {
+	background: none;
+	border: none;
+	text-align: right;
+}
+
+#toplinks a {
+	color: #888;
+	border: 1px solid transparent;
+}
+
+#toplinks a:hover {
+	text-decoration: none;
+	color: #222;
+}
+
+#toplinks a.restricted {
+	color: white;
+	float: right;
+	padding: 0.5ex 1ex;
+	border: 1px outset #888;
+	background: #672290;
+	position: absolute;
+	top: -2em;
+	right: 3px;
+}
+
+
+#toplinks a.logout {
+	padding: 1px;
+}
+
+.narrow-page #main-content {
+	width: 30em;
+	margin: 0 auto;
+}
diff --git a/static/tel.gif b/static/tel.gif
new file mode 100644
index 00000000..3ce2dba9
Binary files /dev/null and b/static/tel.gif differ
diff --git a/template.ezt b/template.ezt
new file mode 100644
index 00000000..b4274f49
--- /dev/null
+++ b/template.ezt
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>[page_title]</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="[theme_url]/static/favicon.ico" />
+    <script type="text/javascript" src="/qo/js/jquery.js"></script>
+    [script]
+    <link rel="stylesheet" type="text/css" href="[css]"/>
+["<!--[if lt IE 10]>"]<style>
+div#services > ul > li { width: 48%; float: left; height: 18em; }
+div#centre { padding-top: 45px; margin-top: 0px; }
+</style>["<![endif]-->"]
+    <script type="text/javascript" src="[theme_url]/static/dataview.js"></script>
+  </head>
+  <body[if-any onload] onload="[onload]"[end]>
+
+   <div id="page">
+    <div id="header">
+     <div id="top">
+      <h1 id="logo"><a href="/">[site_name]</a></h1>
+        <div id="toplinks">
+          [if-any user]
+          <span class="logged-in">
+            <!--<a class="myspace" href="/myspace/">Mes démarches</a>-->
+            <a class="logout" href="[root_url]logout">D&eacute;connexion</a>
+          </span>
+          [else]
+          <span class="login"><a href="[root_url]login/">Connexion</a> / <a href="[root_url]register/">Inscription</a></span>
+          [end]
+
+	  [if-any user]
+          [is session_user_admin_access "True"]
+          <a class="restricted" href="[root_url]admin/">Administration</a>
+          [else]
+            [is session_user_backoffice_access "True"]
+              <a class="restricted" href="[root_url]backoffice/">Back office</a>
+            [end]
+          [end]
+	  [end]
+
+      </div>
+     </div>
+
+    </div> <!-- header -->
+
+    <div id="main-content-wrapper">
+
+<div id="nav">[links]</div>
+
+    <div id="main-content">
+
+    <div id="content" [if-any is_index]class="large"[end] [if-any form_number]class="large"[end]>
+
+    [if-any gauche]
+    <div id="gauche">
+    [gauche]
+    </div>
+    [end]
+
+    [if-any bigdiv]<div id="[bigdiv]" [if-any breadcrumb]class="has-breadcrumb"[end]>[end]
+
+    [if-any title]<h2>[title]</h2>[end]
+    [body]
+    [if-any bigdiv]</div>[end]
+    </div> <!-- #content -->
+
+    <hr class="clear"/>
+
+    </div> <!-- #main-content -->
+    </div> <!-- #main-content-wrapper -->
+
+    <div id="footer-wrapper">
+    <div id="footer">
+      <p id="legal">Copyright © 2005-2015 Entr'ouvert</p>
+    </div>
+    </div>
+    </div>
+  </body>
+</html>
diff --git a/wcs.css b/wcs.css
new file mode 100644
index 00000000..e1dd587b
--- /dev/null
+++ b/wcs.css
@@ -0,0 +1,867 @@
+@import url(/qo/css/qommon.css);
+@import url(static/style.css);
+
+div#content {
+	margin:0;
+}
+
+div#sidebox h3 {
+	margin: 0 0 1em 0;
+	
+}
+
+div#gauche {
+	clear: both;
+	width: 18.5%;
+	float: left;
+	margin-top: 15px;
+}
+
+div#member,
+div#new_member,
+div#accessibility,
+div#contact,
+div#info,
+div#help,
+div#rub_agenda,
+div#rub_annonce,
+div#rub_consultation,
+div#rub_service,
+div#centre,
+div#profile {
+	width: 79.5%;
+	float: right;
+	background: white;
+	margin-top: 15px;
+}
+
+div#breadcrumb,
+div#profile,
+div.large div#rub_service,
+div.large div#centre {
+	width: 100%;
+        float: none;
+        clear: both;
+}
+
+div#droite {
+	width: 275px;
+	float: left;
+	display: none;
+}
+
+div#breadcrumb {
+	background: white;
+	padding: 3px 0px;
+	z-index: 10;
+	color: #888;
+	margin-top: 22px;
+}
+
+div#centre {
+	margin-top: 15px;
+}
+
+#content div#breadcrumb a {
+	color: #666;
+	font-size: 12px;
+	font-weight: normal;
+	padding: 0 5px;
+}
+
+div#rub_service div.dataview,
+div#rub_service dl#evolutions,
+div#rub_service form {
+	padding: 1ex;
+}
+
+hr.clear {
+	clear: both;
+	padding-bottom: 0em;
+	border: none;
+}
+
+#toplinks span.logged-in a.myspace,
+#toplinks span.logged-in a.myaccount {
+	padding-right: 20px;
+}
+
+#toplinks span.login {
+        text-align: right;
+	padding-right: 20px;
+}
+
+
+/* content styling */
+
+div#rub_consultation h2,
+div#rub_service h2,
+div#rub_annonce h2,
+div#rub_agenda h2,
+div#profile h2,
+div#services-2nd h3,
+div#member h2,
+div#help h2, div#info h2, div#accessibility h2, div#contact h2,
+div#gauche h3,
+div.large div#rub_service h3,
+div#centre h3 {
+  border: 1px solid #a5a7aa;
+  border-width: 1px 0px;
+  list-style: none;
+  margin: 0 auto;
+  text-align: center;
+  padding: 10px 0;
+  margin: auto;
+  margin-bottom: 12px;
+  font-size: 110%;
+
+}
+
+div#services-2nd ul,
+div#centre ul {
+	padding: 0;
+	list-style: none;
+}
+
+div#services-2nd ul strong,
+div#centre ul strong {
+	margin-left: 18px;
+	padding: 1px 0 1px 0;
+}
+
+div#services-2nd ul strong a,
+div#centre ul strong a {
+	color: black;
+}
+
+div#services-2nd ul strong a:hover,
+div#centre ul strong a:hover {
+	text-decoration: none;
+	border-color: #265aa2;
+}
+
+div#services-2nd ul ul,
+div#centre ul ul {
+	padding-left: 26px;
+	margin-bottom: 20px;
+}
+
+div#services-2nd ul p,
+div#centre ul p {
+	margin-left: 18px;
+}
+
+div#myspace h3 {
+	background: #265aa2;
+	border-left: 10px solid #265aa2;
+	padding: 1px 0 1px 6px;
+}
+
+div#consultations h3 {
+	background: #265aa2;
+	border-left: 10px solid #265aa2;
+	padding: 1px 0 1px 6px;
+}
+
+div#consultations ul {
+	margin: 0;
+	padding: 0 0 0 10px;
+}
+
+ul.catforms li,
+div#consultations li {
+	list-style: none;
+	padding-left: 12px;
+	background: url(static/puce.gif) left center no-repeat;
+}
+
+div#announces h3 {
+	background: #265aa2;
+	border-left: 10px solid #265aa2;
+	padding: 1px 0 1px 6px;
+}
+
+div#announces h4 {
+	border-bottom: 1px solid #a2ff00;
+}
+
+div#announces h4, p {
+	margin-left: 7px;
+	margin-right: 7px;
+}
+
+div#announces p {
+	text-align: justify;
+}
+
+ul#announces-links {
+	background: #a2ff00;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	padding: 2px 5px;
+	list-style: none;
+	font-weight: bold;
+}
+
+ul#announces-links li {
+	background: url(static/puce.gif) 10px center no-repeat;
+	padding-left: 22px;
+	margin: 0.5ex 0;
+}
+
+div#content ul#announces-links a:hover {
+	color: black;
+}
+
+/* Form Elements */
+
+div.buttons {
+	margin-top: 1em;
+}
+
+div.buttons div {
+	display: inline;
+}
+
+div.buttons br {
+	display: none;
+}
+
+p.command,
+a.edit-custom-text,
+div.buttons input {
+	background: #37a7da;
+	color: white;
+	font-size: 120%;
+	font-weight: normal;
+	border: none;
+	padding: 5px 15px;
+	cursor: pointer;
+	display: inline;
+	border: 1px solid transparent;
+}
+
+p.command {
+	line-height: 300%;
+}
+
+p.command a:focus,
+div.buttons input:focus {
+	border: 1px solid black;
+}
+
+#content p.command a {
+	color: white;
+	cursor: pointer;
+}
+
+#content p.command a:hover {
+	color: white;
+	text-decoration: none;
+}
+
+form.quixote h3 {
+	padding-top: 1em;
+	border-bottom: 1px solid #265aa2;
+}
+
+form.quixote h4 {
+	color: #616161;
+}
+
+div.widget div.title {
+	color: #2f2f2f;
+	font-weight: bold;
+}
+
+div.widget div.content {
+	margin-left: 1em;
+}
+
+div.widget div.content ul {
+	padding-left: 0;
+}
+
+div.DateWidget input,
+div.EmailWidget input,
+div.StringWidget input,
+div.PasswordWidget input,
+div.WcsExtraStringWidget input,
+div.TextWidget textarea, 
+div.SingleSelectHintWidget select {
+	border: 1px solid #aaa;
+	background: white url(static/field-shade.png) top left repeat-x;
+	padding: 1px;
+	border-radius: 2px;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	color: black;
+	-webkit-transition: background 200ms ease-out;
+}
+
+div.DateWidget input:focus,
+div.EmailWidget input:focus,
+div.StringWidget input:focus,
+div.PasswordWidget input:focus,
+div.WcsExtraStringWidget input:focus,
+div.TextWidget textarea:focus, 
+div.SingleSelectHintWidget select:focus {
+	border: 1px solid #888;
+	background: white;
+}
+
+div.widget {
+	margin-bottom: 1ex;
+}
+
+div.hint {
+	font-size: 80%;
+}
+
+span.required {
+	background: transparent url(/qo/css/required.png) 0px 0.5ex no-repeat;
+	padding: 0 0 0 24px;
+	margin-left: 1ex;
+	overflow: hidden;
+	color: white;
+}
+
+div.errornotice {
+	background: #fd6;
+	border: 1px solid #ffae15;
+	margin: 1em 1em 1em 1em;
+	padding: 5px;
+}
+
+div.infonotice {
+	background: #7b95a6;
+	border: 1px solid #153eaf;
+	margin: 0em 1em 1em 1em;
+	padding: 5px;
+}
+
+div.error {
+	color: black;
+	font-weight: bold;
+	background: transparent url(static/dialog-warning.png) top left no-repeat;
+	padding-left: 22px;
+	margin-left: 5px;
+}
+
+
+
+/* steps */
+
+div#steps h2 {
+        display: none;
+}
+
+div#steps ol {
+  font-family: Museo500, sans-serif;
+  font-weight: normal;
+	list-style: none;
+	margin: 0;
+        margin-top: 44px;
+	padding: 0;
+	text-align: center;
+        color: #868686;
+}
+
+div#steps span.marker {
+	float:left;
+	font-size: 250%;
+	font-weight: normal;
+	margin: -5px 0 0 ;
+        position: relative;
+        top: -6px;
+}
+
+div#steps ol > li {
+  border: 1px solid #a5a7aa;
+  border-width: 1px 0px;
+}
+
+div#steps ol li {
+	margin: 1ex 0;
+	letter-spacing:1px;
+	padding: 1ex;
+}
+
+div#steps ol li.current {
+        color: #444;
+}
+
+div#steps ol li.current span.label {
+	font-weight: bold;
+}
+
+div#steps ol li.current .marker {
+}
+
+div#steps ol ul {
+	background: white;
+	margin: 0 -1ex;
+	padding: 0px;
+}
+
+div#steps ol li.current ul li.current {
+}
+
+div#steps li ul li:first-child {
+	margin-top: 1em;
+}
+
+div#steps li ul li {
+	margin: 0;
+	font-weight: normal;
+	font-size: 90%;
+	display:block;
+	color: #666;
+        text-align: left;
+        padding-left: 30px;
+}
+
+div#steps li ul li.current {
+	border-radius: 0;
+	-moz-border-radius: 0;
+	-webkit-border-radius: 0;
+}
+
+div#steps li.current ul li {
+	color: #535353;
+}
+
+div#steps li.current ul li.current {
+	color: white;
+	background: #b1b1b1;
+}
+
+/* other stuff */
+
+div#gauche ul,
+div#myspace ul {
+	padding: 0 0 0 1ex;
+	margin: 2ex 0;
+}
+
+div#gauche li,
+div#myspace li {
+	list-style: none;
+	padding: 0;
+	margin: 1ex 0;
+}
+
+div#centre li li {
+	list-style: circle;
+}
+
+div#centre li li a,
+div#gauche li a {
+}
+
+div#gauche li a:hover {
+}
+
+div#services-2nd ul ul,
+div#centre ul ul {
+	margin-top: 0.5ex;
+}
+
+div#content a {
+	color: #265aa2;
+}
+
+div#content a:hover {
+	color: #265aa2;
+}
+
+div#content form a {
+	border-bottom: 1px dotted #265aa2;
+}
+
+div#content form a:hover {
+	border-bottom: 1px solid #265aa2;
+	text-decoration: none;
+}
+
+li.all-forms {
+	margin-top: 1ex;
+}
+
+div#new_member div.buttons,
+div#member div.buttons {
+	text-align: left;
+}
+ul#announce-modes {
+	list-style:none;
+	margin:1em 0 0 2em;
+}
+
+ul#announce-modes li {
+	margin:0 0 0.5em 0;
+}
+
+li #par_mail{
+	background: url(static/mail.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+li #par_sms {
+	background: url(static/tel.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+li a#par_rss {
+	background: url(static/rss.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+li a#par_ical {
+	background: url(static/ical.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+div.address {
+	margin-left: 2em;
+}
+
+ul#month-links {
+	float: right;
+	padding: 1em;
+	text-align: right;
+	list-style: none;
+}
+
+ul#month-links li a {
+	color: #379cdb;
+}
+
+ul#month-links li a:hover {
+	text-decoration: underline;
+}
+
+div#page a.edit-custom-text {
+	float: right;
+	font-size: 50%;
+	margin: 0 0 1ex 1ex;
+}
+
+div#page a.edit-custom-text:hover {
+	color: black;
+}
+
+p#receiver {
+	margin-left: 2em;
+}
+
+#page div.back-home-button {
+	margin: 2em auto 1em auto;
+}
+
+h2.foldable {
+	display: none;
+}
+
+div#profile h3 {
+	margin-top: 2em;
+}
+
+div.dataview span.value {
+	display: block;
+	margin-left: 1em;
+	margin-bottom: 1ex;
+}
+
+form div.page,
+div.dataview div.page {
+	border: 1px solid #aaa;
+	padding: 1ex;
+	margin-bottom: 1em;
+}
+
+form div.page p,
+div.dataview div.page p {
+	margin-top: 0;
+}
+
+form div.page h3,
+div.dataview div.page h3 {
+	margin: 0;
+	margin-bottom: 1ex;
+}
+
+#profile form ul li {line-height: 20px; padding-bottom: 5px;border-bottom: 1px solid #CCCCCC;}
+
+#rub_service h2 {clear: both;}
+div.dataview {clear: both; padding-bottom: 40px;}
+div.dataview p span.label {font-weight: bold; text-decoration: underline;}
+div.dataview p span.value {}
+
+table#strongbox-items tr.expired td.expiration {
+	color: #800;
+}
+
+table#strongbox-items td {
+	padding: 2px 1ex;
+}
+
+table#strongbox-items tr.even {
+	background: #ddd;
+}
+
+table#strongbox-items tr.odd {
+	background: #eee;
+}
+
+p.infopratique ul {
+	list-style-type: circle;
+	padding-bottom: 3px;
+}
+
+p.infopratique table, p.infopratique table tr, p.infopratique table tr th, p.infopratique table tr td {
+	border: 1px solid #333333;
+}
+
+p.infopratique table tr th {
+	
+}
+
+div.content table thead {}
+div.content table thead th {background-color: #265aa2; color: white;}
+div.content table thead tr {}
+div.content table thead td {background-color: #265aa2;}
+div.content table tbody {}
+div.content table tbody th {background-color: #cccccc; color: black; width: 200px; text-align: left; padding-left: 5px;}
+div.content table tbody tr {background-color: #eeeeee; border-bottom: 1px solid #CCCCCC;}
+div.content table tbody tr td {}
+div.content table tbody tr td input {
+	border: 1px solid #aaa;
+	background: white url(static/field-shade.png) top left repeat-x;
+	padding: 1px;
+	border-radius: 2px;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	color: black;
+	-webkit-transition: background 200ms ease-out;
+}
+
+div.content table tbody tr td input:focus {
+	border: 1px solid #888;
+	background: white;
+}
+
+.fileprogress {
+        border: 1px solid #888;
+}
+
+.fileprogress .bar {
+        background: #09f;
+        line-height: 1.5em;
+        padding-left: 1ex;
+        font-weight: bold;
+        white-space: nowrap;
+}
+
+.fileinfo {
+        line-height: 1.5em;
+}
+
+.fileinfo .remove {
+        height: 16px;
+        width: 16px;
+        background: url(/qo/images/stock_remove_16.png) top left no-repeat;
+        display: inline-block;
+        margin-left: 1em;
+        text-indent: 100%;
+        overflow: hidden;
+}
+
+.passStrengthify {
+	padding-left: 1em;
+}
+
+div.dataview {
+	display: none;
+}
+
+div#content #disclose-dataview {
+	display: block;
+	margin: 1em 0;
+}
+
+h3#agenda-link,
+form#follow-form {
+	display: none;
+}
+
+div#sidebox div#links {
+        display: none;
+}
+
+div.TableWidget input {
+	width: 7em;
+}
+
+.chapeau {
+        font-style: italic;
+        font-size: 110%;
+}
+
+div#centre {
+    background: none;
+}
+
+div#services > ul {
+    column-count: 2;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+}
+
+div#services > ul > li {
+    margin: 0px 1ex;
+    background: white;
+    column-break-inside: avoid;
+    -moz-column-break-inside: avoid;
+    -webkit-column-break-inside: avoid;
+    display: inline-block;
+    margin-bottom: 10px;
+    width: 90%;
+    width: calc(95% - 20px); /* - padding */
+
+  text-align: left;
+  background: white;
+  margin: 10px 10px;
+  padding: 10px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+
+}
+
+div#services > ul > li strong {
+    display: block;
+  background: transparent;
+  font-weight: normal;
+  text-transform: uppercase;
+  padding: 6px 10px 6px 10px;
+  color: #333;
+  font-size: 130%;
+  cursor: default; /* someday, perhaps, cursor: move */
+  font-family: MuseoSlab, sans-serif;
+  font-weight: normal;
+
+}
+
+div#services > ul > li strong a {
+  color: #333;
+}
+
+div#services > ul > li strong a:hover {
+    font-weight: bold;
+}
+
+div#home-page-intro {
+    background: white;
+    padding: 1ex;
+}
+
+div#agglo-little-links {
+        width: 475px;
+        padding-top: 5px;
+}
+
+div#agglo-little-links ul {
+        margin: 15px 20px;
+        padding: 0;
+}
+
+div#agglo-little-links li {
+        margin: 0;
+        display: inline;
+        list-style: none;
+        padding-right: 20px;
+        padding-bottom: 20px;
+        float: left;
+}
+
+div#agglo-little-links li a {
+        display: block;
+        width: 125px;
+        height: 26px;
+        line-height: 26px;
+        background: white;
+        text-align: center;
+        text-transform: uppercase;
+        color: #515151;
+        text-decoration: none;
+        font-size: 14px;
+}
+
+#profile-links,
+h3#my-forms {
+	display: none;
+}
+
+p#welcome {
+}
+
+div.buttons input:hover {
+	box-shadow: 0px 0px 5px #777;
+}
+
+div.buttons input[name="submit"] {
+	font-weight: bold;
+}
+
+
+
+@media screen and (max-width: 760px) {
+  div#services > ul {
+    column-count: 1;
+    -webkit-column-count: 1;
+    -moz-column-count: 1;
+  }
+  #toplinks {
+    top: 0;
+    left: 0;
+    width: 98%;
+  }
+  div#gauche {
+    float: none;
+    width: 100%;
+  }
+  div#steps {
+    position: absolute;
+    top: -130px;
+    right: 1%;
+    width: 50%;
+  }
+  div#steps ol {
+    margin-top: 0;
+  }
+  div#steps ol li ul {
+    display: none;
+  }
+
+  div#member, div#new_member, div#accessibility, div#contact, div#info,
+  div#help, div#rub_agenda, div#rub_annonce, div#rub_consultation,
+  div#rub_service, div#centre, div#profile {
+    float: none;
+    width: 100%;
+  }
+
+}
+
+@media screen and (max-width: 400px) {
+  div#top h1 {
+    padding-left: 1ex;
+    margin-left: 0;
+  }
+}
+
+div#services > h3 { display: none; }
+
+div.qommon-map {
+	height: 280px;
+}