diff --git a/debian/share/theme-example/base.html b/debian/share/theme-example/base.html
new file mode 100644
index 0000000..b301a79
--- /dev/null
+++ b/debian/share/theme-example/base.html
@@ -0,0 +1,32 @@
+{% load staticfiles %}
+
+
+
+
+ U-Auth :: Entr'ouvert
+
+
+
+
+
+
+
+ U-Auth: Portail captif dans le Cloud
+
+
+
+
Pour vous connecter veuillez choisir un fournisseur d'identité dans la liste ci-dessous
+ {% block content %}
+ {% endblock %}
+
+ {% block footer %}
+
+ {% endblock %}
+
+
+
diff --git a/debian/share/theme-example/eo.css b/debian/share/theme-example/eo.css
new file mode 100644
index 0000000..55d84ea
--- /dev/null
+++ b/debian/share/theme-example/eo.css
@@ -0,0 +1,838 @@
+@font-face {
+ font-family: 'Museo500';
+ src: url(Museo500-Regular.otf);
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'MuseoSlab';
+ src: url(Museo_Slab.otf);
+ font-weight: normal;
+ font-style: normal;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+ font-family: arial, sans-serif;
+ background: white;
+ color: #6d6e70;
+ font-size: 13px;
+}
+
+div.page-wrapper {
+ background: white;
+}
+
+h1#logo {
+ width: 900px;
+ margin: auto;
+ margin-top: 20px;
+ margin-bottom: 22px;
+ text-align: left;
+}
+
+img {
+ border: none;
+}
+
+#nav, h2 {
+ font-family: MuseoSlab, sans-serif;
+ font-weight: normal;
+}
+
+h3, h4 {
+ font-family: Museo500, sans-serif;
+ font-weight: normal;
+}
+
+
+#nav {
+ border: 1px solid #a5a7aa;
+ border-width: 1px 0px;
+ list-style: none;
+ margin: 0 auto;
+ text-align: center;
+ padding: 10px 0;
+ width: 900px;
+ margin: auto;
+ margin-bottom: 42px;
+ font-size: 110%;
+}
+
+#nav li {
+ margin: 0;
+ padding: 0 5px;
+ 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#slider-wrapper {
+ width: 800px;
+ margin: auto;
+ position: relative;
+ text-align: left;
+}
+
+hr {
+ visibility: hidden;
+ clear: both;
+}
+
+div#slider-wrapper hr {
+ visibility: hidden;
+ clear: both;
+ margin-bottom: 20px;
+}
+
+div#slider ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+li.slide {
+ width: 800px;
+ padding: 0 0px;
+ height: 147px;
+}
+
+li.slide div.image {
+ height: 127px;
+ float: left;
+}
+
+li.slide h2 {
+ margin: 0;
+ padding-left: 45px;
+ font-size: 60px;
+ font-weight: normal;
+ height: 127px;
+ border-right: 1px solid #a5a7aa;
+ padding-right: 25px;
+ color: #505053;
+ float: left;
+}
+
+li.slide div {
+ width: auto;
+ position: relative;
+ left: 25px;
+}
+
+li.slide div p {
+ padding-right: 25px; /* compensate left: 25px */
+}
+
+li.slide div a {
+ background: #58595b;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ color: white;
+ text-decoration: none;
+ padding: 7px 12px;
+}
+
+div#slider-wrapper span#prevBtn a {
+ position: absolute;
+ width: 29px;
+ height: 58px;
+ background: url(slider-left.png) top left no-repeat;
+ top: 40px;
+ left: -39px;
+ text-indent: -4000px;
+ outline-style: none;
+}
+
+div#slider-wrapper span#nextBtn a {
+ position: absolute;
+ width: 29px;
+ height: 58px;
+ background: url(slider-right.png) top left no-repeat;
+ top: 40px;
+ right: -39px;
+ text-indent: -4000px;
+ outline-style: none;
+}
+
+div#boites-wrapper {
+ clear: both;
+ background: #636770;
+}
+
+div#boites hr {
+ border: #636770;
+ color: #636770;
+ background: #636770;
+ height: 1px;
+ clear: both;
+ margin: 0;
+ padding: 0;
+}
+
+div#boites {
+ width: 900px;
+ margin: auto;
+}
+
+div#boites h2,
+div#boites h3 {
+ text-transform: uppercase;
+}
+
+div.boite {
+ text-align: left;
+ width: 216px;
+ height: 185px;
+ float: left;
+ background: white;
+ margin: 10px 10px;
+ padding: 26px 10px 10px 60px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ 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);
+}
+
+div.boite h2 {
+ margin: 10px 0 0 0;
+}
+
+div.boite h3 {
+ margin: 0;
+}
+
+div.boite h2 {
+ color: #505053;
+}
+
+div.boite {
+ color: #6d6e70;
+}
+
+div.boite-identite { background: white url(id28.png) 15px 39px no-repeat; }
+div.boite-eadmin { background: white url(e24.png) 15px 39px no-repeat; }
+div.boite-references { background: white url(refs27.png) 15px 39px no-repeat; }
+div.boite-solutions { background: white url(sol26.png) 15px 39px no-repeat; }
+div.boite-actu { background: white url(feed22.png) 15px 39px no-repeat; }
+
+#content a {
+ color: #37a7da;
+ text-decoration: none;
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+ font-weight: bold;
+}
+
+#content a:hover {
+ color: #672290;
+ border-bottom: 1px dotted #672290;
+}
+
+a.plus,
+#sidebar span.plugin_link a,
+#content blockquote span.plugin_link a,
+#content a.button,
+a.bouton {
+ background: #58595b;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ color: white;
+ text-decoration: none;
+ padding: 8px 12px;
+}
+
+a.plus:hover,
+#sidebar span.plugin_link a:hover,
+#content blockquote span.plugin_link a:hover,
+#content a.button:hover,
+a.bouton:hover {
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
+ -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
+ border: none;
+}
+
+#content a.button {
+ background: #37a7da;
+}
+
+#content blockquote {
+ margin: 0;
+}
+
+#content blockquote span.plugin_link a,
+a.bouton {
+ float: right;
+ background: #37a7da;
+}
+
+div.boite-identite a.plus,
+div.boite-references a.plus {
+ background: #e0007a;
+}
+
+div.boite-eadmin a.plus,
+div.boite-solutions a.plus {
+ background: #37a7da;
+}
+
+div.boite-identite,
+div.boite-solutions {
+ margin-left: 0px;
+}
+
+div.boite-references {
+ margin-right: 0;
+}
+
+div.boite-actu {
+ width: 523px;
+ margin-right: 0px;
+}
+
+div.boite-actu div {
+ width: 250px;
+ float: left;
+ padding-right: 10px;
+}
+
+div.boite p,
+div.boite a {
+ font-size: 85%;
+}
+
+div.boite p a {
+ font-size: 100%;
+}
+
+div.boite-actu a.suite,
+a.suite {
+ color: inherit;
+ text-decoration: none;
+ text-align: right;
+ float: right;
+ padding-right: 10px;
+ padding-left: 12px;
+ background: transparent url(bulle.png) left center no-repeat;
+ font-weight: normal;
+}
+
+div.boite h2 span a {
+ text-decoration: none;
+ font-weight: normal;
+ color: #505053;
+}
+
+div.boite-actu h2 span a {
+ color: #37a7da;
+}
+
+div.boite-actu a {
+ text-decoration: none;
+ color: #37a7da;
+ font-weight: bold;
+}
+
+div.boite-actu a.suite:hover,
+a.suite:hover {
+ text-decoration: underline;
+}
+
+div#footer {
+ clear: both;
+ background: #919396;
+ color: white;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+div#footer div {
+ text-align: left;
+ width: 900px;
+ margin: auto;
+}
+
+div#footer div div {
+ width: 210px;
+ float: left;
+ padding-right: 10px;
+ margin-right: 5px;
+ padding-top: 15px;
+ line-height: 130%;
+ padding-bottom: 10px;
+}
+
+div#footer ul {
+ margin: 0;
+ padding: 0;
+ padding-left: 0px;
+ list-style: none;
+}
+
+div#footer div div strong {
+ background: url(bulleblanche.png) left center no-repeat;
+ padding-left: 8px;
+}
+
+div#footer div ul li {
+ background: url(dash.png) 2px 50% no-repeat;
+ padding-left: 9px;
+}
+
+div#footer div div span a {
+ font-weight: bold;
+}
+
+div#footer a {
+ color: white;
+ text-decoration: none;
+}
+
+div#footer a:hover {
+ text-decoration: underline;
+}
+
+div#wrapper {
+ width: 900px;
+ margin: auto;
+}
+
+div#content {
+ width: 570px;
+ float: left;
+ text-align: left;
+}
+
+div.deuxcolonnes {
+ text-align: justify;
+ margin: 1em 0;
+ -webkit-column-count: 2;
+ -webkit-column-gap: 2em;
+ -webkit-column-rule: 1px solid #eaeaea;
+ -moz-column-count: 2;
+ -moz-column-gap: 2em;
+ -moz-column-rule: 1px solid #eaeaea;
+ column-count: 2;
+ column-gap: 1em;
+ column-rule: 1px solid #eaeaea;
+}
+
+div#content p {
+ margin: 0 0 1em 0;
+}
+
+div#sidebar {
+ width: 225px;
+ border: 1px solid #babcbe;
+ float: right;
+ padding: 5px 20px;
+ margin-bottom: 10px;
+}
+
+#content h2 {
+ background: url(id54.png) 0px 10px no-repeat;
+ font-size: 56px;
+ font-weight: normal;
+ padding-left: 60px;
+ margin: 0 0 0.5em 0;
+ color: #636770;
+}
+
+.section-identity #content h2 {
+ background-image: url(id54.png);
+}
+
+.section-poll #content h2 {
+ background-image: url(o54.png);
+}
+
+.section-who #content h2,
+.section-expertise #content h2 {
+ background-image: url(sol54.png);
+}
+
+.section-e-admin #content h2 {
+ background-image: url(e54.png);
+}
+
+.section-references #content h2 {
+ background-image: url(refs48.png);
+}
+.section-news #content h2 {
+ background-image: url(feed54.png);
+}
+
+#content h3,
+#sidebar h3 {
+ font-size: 30px;
+ font-weight: normal;
+ text-align: center;
+ color: #404041;
+ border-bottom: 1px solid #404041;
+ background: url(downrose.png) top center no-repeat;
+ padding-top: 30px;
+}
+
+#content h4,
+#sidebar h4 {
+ font-size: 20px;
+ font-weight: normal;
+ text-align: left;
+ margin-bottom: 1ex;
+}
+
+#sidebar div {
+ clear: both;
+}
+
+#sidebar img {
+ display: block;
+ margin: 0 auto;
+}
+
+#sidebar p span {
+ color: #e0007a;
+}
+
+#sidebar a.plus {
+ background: #e0007a;
+ width: 100px;
+ display: block;
+ text-align: center;
+ margin: 4em auto 2em auto;
+}
+
+#sidebar span.plugin_link a {
+ background: #37a7da;
+ width: 100px;
+ display: block;
+ text-align: center;
+ margin: 1em auto 2em auto;
+}
+
+div#slider-references-wrapper {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ position: relative;
+ height: 95px;
+ width: 170px;
+}
+
+#sidebar div#slider-references-wrapper {
+ margin-left: 25px;
+ height: auto;
+}
+
+div#slider-references ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+div#slider-references li {
+ height: 100px;
+ width: 170px;
+ overflow: hidden;
+ display: block;
+ margin: 0 auto;
+ text-align: center;
+}
+
+span#slider-references-prev a {
+ position: absolute;
+ width: 25px;
+ height: 50px;
+ background: url(slider-left-small.png) top left no-repeat;
+ top: 20px;
+ left: -30px;
+ text-indent: -4000px;
+ outline-style: none;
+}
+
+span#slider-references-next a {
+ position: absolute;
+ width: 25px;
+ height: 50px;
+ background: url(slider-right-small.png) top left no-repeat;
+ top: 20px;
+ right: -30px;
+ text-indent: -4000px;
+ outline-style: none;
+}
+
+div#le {
+ width: 900px;
+ margin: auto;
+ text-align: left;
+}
+
+div#le p {
+ position: absolute;
+ top: 20px;
+ width: 900px;
+ text-align: right;
+ color: #595A5C;
+}
+
+div#le p a {
+ color: #818184;
+}
+
+div#le p a.contact-link,
+div#le p a.faq-link {
+ color: #505053;
+}
+
+/* div#lang {
+ width: 900px;
+ margin: auto;
+}
+
+div#lang p {
+ position: absolute;
+ top: 40px;
+ width: 900px;
+ text-align: right;
+ color: #595A5C;
+}
+
+div#lang p a {
+ color: #818184;
+} */
+
+a img {
+ border: 0;
+}
+
+/* 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);
+}
+
+a.plus {
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+}
+
+div#lang {
+ text-align: center;
+ background: #919396; /* #216382; */
+ /*
+ -moz-transform-origin: top left;
+ -moz-transform: translate(0, 8em) rotate(270deg);
+ */
+ -webkit-transform-origin: top left;
+ -webkit-transform: translate(0, 8em) rotate(270deg);
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ width: 8em;
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+}
+
+div#lang:hover {
+ background: #58595B;
+}
+
+div#lang p {
+ margin: 0;
+}
+
+div#lang a {
+ display: block;
+ font-weight: bold;
+ color: white;
+ text-decoration: none;
+ padding: 5px;
+}
+
+div#lang a.current {
+ display: none;
+}
+
+
+
+div#references div {
+ margin: 1em 0;
+ clear: both;
+ min-height: 150px;
+}
+
+div#references div img.ref-logo {
+ position: absolute;
+}
+
+div#references div p {
+ width: 450px;
+ margin-left: 150px;
+ text-align: justify;
+ min-height: 120px;
+}
+
+div#references div p a.thumbnail {
+ background: transparent;
+ box-shadow: 0px 2px 4px gray;
+ -moz-box-shadow: 0px 2px 4px gray;
+ -webkit-box-shadow: 0px 2px 4px gray;
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+}
+
+div#references div p a.thumbnail:hover {
+ border: none;
+ box-shadow: 0px 2px 4px gray;
+ -moz-box-shadow: 0px 2px 4px gray;
+ -webkit-box-shadow: 0px 2px 8px gray;
+}
+
+div#references div p .thumbnail {
+ display: block;
+ float: right;
+ position: relative;
+ top: -6px;
+ left: 20px;
+}
+
+div#references div p a.thumbnail img.thumbnail {
+ position: static;
+}
+
+div#footer div#legal {
+ font-size: 60%;
+ background: #969592;
+ padding: 1ex;
+ margin: 0;
+ border-top: 1px solid #b7b7b7;
+ text-align: center;
+ width: auto;
+}
+
+body.section-e-admin table {border: 1px solid #ec008c;}
+body.section-e-admin table thead tr {color: #37a7da;}
+body.section-e-admin table tbody tr:nth-child(even) {color: #8ddbff;}
+body.section-e-admin table tbody tr:nth-child(odd) {color: #722dff;}
+
+
+/** tableau de tarifs **/
+
+body.section-e-admin table {
+ width: 100%;
+ border: none;
+}
+
+body.section-e-admin table thead tr th {
+ padding: 5px;
+ background-color: #f6f3f3;
+}
+
+body.section-e-admin table tbody tr td {
+ padding: 5px;
+}
+
+body.section-e-admin table tbody tr:nth-child(even) {
+ background-color: #f9f6f6;
+ color: #333333;
+}
+
+body.section-e-admin table tbody tr:nth-child(odd) {
+ background-color: #c0c0c0;
+ color: #311311;
+}
+
+#content a.media:hover {
+ border: none;
+}
+
+#content a.media > img {
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+ transition: all .2s ease-in-out;
+ display: none;
+}
+
+
+.mask img {
+ position: absolute;
+ top: 45%;
+ left: 45%;
+ /* display: block; */
+ /* margin: 0 auto; */
+}
+
+div.media_container div {
+ padding: 1ex;
+}
+
+.welcome, #idps {
+ width: 900px;
+ margin: auto;
+}
+
+#idps ul {
+ column-count: 2;
+ -webkit-column-count: 2;
+ -moz-column-count: 2
+}
+
+#idps ul li, #login ul li {
+ list-style-type: none;
+}
+
+#idps ul li a {
+ color: #aaa;
+ text-decoration: none;
+}
+
+#login {
+ position: fixed;
+ top: 200px;
+ right: 0;
+ border: 1px solid #ddd;
+ padding: 0px 5px 5px 5px;
+}
+
+#login input {
+ border:1px solid #aaa;
+}
+
+#login label {
+ display: block;
+ font-weight: bold;
+}
+
+#idps {
+ float: none;
+}
\ No newline at end of file
diff --git a/debian/share/theme-example/logo.png b/debian/share/theme-example/logo.png
new file mode 100644
index 0000000..fb954dd
Binary files /dev/null and b/debian/share/theme-example/logo.png differ
diff --git a/debian/u-auth.dirs b/debian/u-auth.dirs
index a998fe0..540ac1d 100644
--- a/debian/u-auth.dirs
+++ b/debian/u-auth.dirs
@@ -1,5 +1,6 @@
/etc/u-auth
/usr/lib/u-auth
+/usr/share/u-auth
/var/lib/u-auth/organizations
/var/lib/u-auth/collectstatic
/var/lib/u-auth/static
diff --git a/debian/u-auth.install b/debian/u-auth.install
index 69e97ed..7b305c2 100644
--- a/debian/u-auth.install
+++ b/debian/u-auth.install
@@ -12,5 +12,6 @@ debian/share/radius.ldif /usr/share/u-auth
debian/share/ssl.pem /usr/share/u-auth
debian/share/ssl.key /usr/share/u-auth
debian/share/nginx-example.conf /usr/share/u-auth
+debian/share/theme-example /usr/share/u-auth
debian/settings.py /etc/u-auth
debian/debian_config.py /usr/lib/u-auth
\ No newline at end of file