Initial commit

idp/static/themes/django-montpellier/style.css

@@ -0,0 +1,904 @@
+/* general stuff */
+
+html, body { margin: 0; font-family: 'Carme', sans-serif; font-size: 13px;}
+a { text-decoration: none; }
+a:hover { text-decoration: underline; }
+h1, h2, h3 { margin-top: 0; }
+
+a {
+  -webkit-transition: color 200ms ease-out;
+}
+
+/* layout */
+
+body {
+  overflow-x: hidden;
+  background: #ece6e0 url(bg-page.png) 0 -200px repeat-x;
+}
+
+div#page {
+  width: 100%;
+}
+
+div#header {
+  background-color: #ffffff;
+  width: 100%;
+  margin: 0 0 0 0;
+  position: absolute;
+  top: 0px;
+  margin-left: -500px;
+  z-index: 0;
+
+}
+
+div#top {
+  background: url(header-agglo.jpg) 0% 0% no-repeat;
+  height: 456px;
+  width: 1500px;
+  margin: 0 auto 0 auto;
+  margin-left: 50%;
+}
+
+div#top h1 {
+  width: 10em;
+  text-align: center;
+  padding-top: 3em;
+  padding-left: 2em;
+  margin-left: 20px;
+  font-size: 120%;
+  font-weight: bold;
+}
+
+div#top h1 a {
+  color: white;
+  text-shadow: #6374AB 0px 0px 3px;
+}
+
+div#top a img {
+    border: 0;
+}
+
+div#main-content-wrapper {
+  position: relative;
+  z-index: 100;
+  width: 1000px;
+  margin: 200px auto 0px auto;
+}
+
+div#main-content {
+  margin: 0;
+  min-height: 300px;
+}
+
+div#footer {
+  clear: both;
+  background: white url(background_footer.png) no-repeat top left;
+  padding: 0px;
+  width: 1000px;
+  height: 160px;
+  margin: 10px auto 0 auto;
+  position: relative;
+}
+
+p#legal {
+  position: absolute;
+  font-size: small;
+  color: #444;
+  margin: 0;
+  bottom: 0px;
+  left: 40px;
+}
+
+#content {
+  position: relative;
+  margin:0;
+  color: rgb(58, 58, 58);
+}
+
+div#content a {
+  color: #f68423;
+}
+
+div#content a:hover {
+  text-decoration: underline;
+}
+
+#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: #e87b1c url(Picto-EServices.png) 5px 50% no-repeat;
+  font-weight: normal;
+  color: white;
+  text-transform: uppercase;
+  padding: 6px 10px 6px 50px;
+  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;
+}
+
+/* AuQuotidien plugins */
+#content .demarches ul,
+#content ul.mes-demarches,
+.aq-catgr-plg-listing,
+.aq-forms-plg-listing {
+  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,
+#content .aq-catgr-plg-link,
+#content .aq-forms-plg-link {
+  color: inherit;
+  font-weight: bold;
+}
+
+#content ul.mes-demarches a:hover,
+#content .demarches ul a:hover,
+#content .aq-catgr-plg-link:hover,
+#content .aq-forms-plg-link:hover {
+  color: #f68423;
+}
+
+#content ul.mes-demarches li,
+#content .demarches ul li,
+.aq-catgr-plg-item,
+.aq-forms-plg-item {
+  margin: 1ex 0 10px 1ex;
+  padding-left: 10px;
+  -webkit-column-break-inside: avoid;
+  -moz-column-break-inside: avoid;
+  column-break-inside: avoid;
+  background: transparent url(bullet_rouge.png) left center no-repeat repeat;
+}
+
+#content .demarches .toutes-les-demarches,
+.aq-catgr-plg-all-catgrs-link {
+  padding: 10px 0 10px 0;
+  margin-left: 2
+}
+
+#content .toutes-les-demarches a,
+.aq-catgr-plg-all-catgrs-link {
+  background: transparent url(button_orange_eye.png) no-repeat 0px center;
+  padding-left: 30px;
+  font-size: 130%;
+}
+
+#content .toutes-les-demarches a:hover,
+.aq-catgr-plg-all-catgrs-link:hover {
+  color: #f68423;
+}
+
+/* Nom des communes en orange */
+.aq-catgr-plg-title {
+  color: #f68423;
+}
+
+/* Base templates */
+
+div#single-title {
+  font-size: 130%;
+  padding: 5px;
+  background: #f68423 url(Picto-EServices.png) 5px 50% no-repeat;
+  border: 1px solid #f68423;
+  color: white;
+  text-transform: uppercase;
+  padding-left: 50px;
+}
+
+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;
+}
+
+div#welcome {
+  text-align: justify;
+  margin: 0 1em;
+}
+
+div#welcome h2 {
+  text-align: center;
+  margin: 1ex 0;
+}
+
+span.helptext {
+  color: #666;
+}
+
+body.narrow-page div.right {
+  padding-top: 2em;
+  width: 35em;
+  margin: 1ex auto;
+}
+
+body.narrow-page div.right form {
+  border: 1px solid #f68423;
+  padding: 1em;
+}
+
+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: #f68423;
+  color: white;
+  border: none;
+  padding: 3px 1em;
+}
+
+div#login-actions .actions, div#login-actions .actions form {
+    display: inline;
+}
+
+div.login-actions {
+  width: 23em;
+  margin: 0 auto;
+}
+
+div#login-actions .actions form {
+    margin: 0 .5em;
+}
+
+.region-header {
+  width: 1000px;
+  position: absolute;
+  top: 0px;
+}
+
+#toplinks {
+	background: #ffffff;
+	position: relative;
+	float: right;
+	width: 250px;
+	padding: 5px 5px 5px 5px;
+}
+
+#toplinks span {
+	width: 100%;
+	display: block;
+	margin: 0;
+	padding: 0;
+	color: #888;
+	background: url(button_connexion.gif) left center no-repeat;
+	border: 1px solid #e9e9e9;
+	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: #f68423;
+}
+
+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 */
+.profile-form-plugin {
+  margin-bottom: 15px;
+  padding: 0px;
+}
+
+.profile-form-plugin p {
+  padding: 0 5px;
+}
+
+.profile-form-plugin select,
+.profile-form-plugin 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;
+}
+
+#agglolinks {
+        position: absolute;
+        right: 0;
+        top: -140px;
+}
+
+#agglolinks > a, #agglolinks > span > a {
+        width: 130px;
+}
+
+#agglolinks a, #agglolinks span {
+        display: inline-block;
+        margin-left: 10px;
+        color: white;
+        text-transform: uppercase;
+        text-align: center;
+        padding: 5px 5px;
+        font-size: 16px;
+}
+
+#agglolinks a.agglo-mon-agglo, #agglolinks a.agglo-mes-e-services {
+        background: #f68423;
+}
+
+#agglolinks a.agglo-connaitre {
+        background: #d90024;
+}
+
+#agglolinks a.agglo-vivre {
+        background: #1f4791;
+}
+
+#agglolinks a.agglo-entreprendre {
+        background: #a3d117;
+}
+
+#agglolinks span.agglo-mes-e-services > a {
+        background: #f68423;
+        width: 150px;
+}
+
+/* Main menu */
+#menu {
+  font-size: 130%;
+  margin-top: -1px;
+}
+
+#menu #top-menu-aide ul {
+  display: none;
+}
+
+#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-block;
+  text-align: center;
+  z-index: 1;
+  margin: 0px 10px 0 0;
+  padding: 5px;
+  background: #f68423;
+  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;
+}
+
+/* allow child to position relatively */
+#menu li {
+  position: relative;
+}
+
+/* menu with submenu must be large */
+#menu li.has-children {
+  display: inline-block;
+  width: 10em;
+}
+
+/* hide submenus */
+#menu li ul {
+  display: none;
+  position: relative;
+  width: 10em;
+  padding: 0px;
+  margin-top: 5px;
+  margin-left: -9px;
+/*  margin: 10px;
+  margin-top: 0px;
+  width: 160px;
+  z-index: 10;
+  background: rgba(246, 132, 35, 0.5);
+  border-bottom: 5px solid #f68423; */
+}
+
+#menu li ul li {
+  width: 10em;
+  list-style: none;
+  background: #FFA824;
+  opacity: 0.9;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+/*  border-left: 5px solid #f68423;
+  border-right: 5px solid #f68423; */
+}
+
+#menu li ul li:hover {
+  background: #f4bc03;
+  opacity: 1.0;
+}
+
+#menu li ul li a {
+  margin-left: 0;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+#menu li ul li a:hover {
+  letter-spacing: 1px;
+  font-weight: bold;
+}
+
+#menu ul li:hover ul {
+  /* float: right; */
+  position: absolute;
+  display: block;
+}
+
+.chapeau {
+        font-style: italic;
+        font-size: 110%;
+}
+
+/* mon compte */
+.profile-form-plugin form {
+  width: 90%;
+  padding-bottom: 1em;
+}
+
+.profile-form-plugin form input[type~=text] {
+  width: 100%;
+}
+
+#id_profileformplugin-email_wrap, #id_profileformplugin-address_wrap {
+  clear: both;
+}
+
+#id_profileformplugin-first_name_wrap, #id_profileformplugin-phone_wrap, #id_profileformplugin-postal_code_wrap {
+  width: 45%;
+  float: left;
+}
+
+#id_profileformplugin-last_name_wrap, #id_profileformplugin-mobile_wrap, #id_profileformplugin-city_wrap {
+  width: 45%;
+  float: right;
+}
+
+#id_profileformplugin-mobile_help_text, #id_profileformplugin-phone_help_text {
+  display: none;
+}
+
+/* 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: #f68423;
+  text-transform: uppercase;
+  padding: 6px 10px 6px 50px;
+  font-size: 200%;
+  cursor: default; /* someday, perhaps, cursor: move */
+}
+#help-page-title {
+  color: #f68423;
+  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: #f68423;
+  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: #f68423;
+  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 #f68423;
+}
+#help-menu-content li a, #help-menu-content li a:hover {
+  color: rgb(58, 58, 58);
+  text-decoration: none;
+}
+
+.account-management-plugin ul {
+  padding: 0;
+  margin: 0;
+}
+
+.account-management-plugin li {
+  list-style: none;
+  font-weight: bold;
+}
+
+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: #f68423;
+}
+
+#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;
+}
+
+/* federation plugin */
+
+.federation-plugin-list {
+	padding-left: 0;
+	margin-left: 0;
+	margin: 0 2em;
+}
+
+.federation-plugin-list li {
+	margin-bottom: 2ex;
+	list-style: none;
+	clear: both;
+	margin-left: 0;
+	padding-left: 0;
+}
+
+.federation-plugin-federation-name {
+	padding-top: 1ex;
+	display: inline-block;
+}
+
+.federation-plugin-list li input {
+	float: right;
+}
+
+/* cms ajax text plugin */
+
+.cms-ajax-text-plugin-loading {
+	padding: 1ex 0px 1ex 25px;
+	margin: 0 1em;
+	background: transparent url(spinner.gif) left center no-repeat;
+	color: #666;
+}
+
+ul.account-management li {
+    list-style-type: none;
+    margin-bottom: 1em;
+    font-weight: bold;
+}
+
+#profile dt {
+    font-weight: bold;
+}
+
+#profile dl {
+    margin: 0 1em;
+}

idp/templates/404.html

@@ -0,0 +1,80 @@
+{% load menu_tags cms_tags sekizai_tags i18n %}
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="content-language" content="fr" />
+    <title>Compte Citoyen :: Montpellier Agglomération :: {% page_attribute "page_title" %}</title>
+    <link rel="shortcut icon" href="/static/themes/django-montpellier/favicon.png">
+    <link rel="stylesheet" type="text/css" href="/static/themes/django-montpellier/style.css">
+    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic|Carme|Arvo' rel='stylesheet' type='text/css'>
+    {% render_block "css" %}
+  </head>
+  <body {% block bodyargs %}{% endblock %}>
+    {% cms_toolbar %}
+    <div id="page">
+      <div id="header">
+        <div id="top"> 
+          <a href="/" accesskey="1"><img src="/static/themes/django-montpellier/logo.png" 
+            title="Montpellier agglomération" /></a>
+          <div class="region-header">
+            {% if user.is_authenticated %}
+              <div id="toplinks">
+                <span><a class="logout" href="{% url 'auth_logout' %}">{% trans "Logout" %}</a>
+                </span>
+              </div>
+              <div id="username">{{ user.first_name }} {{ user.last_name }}</div>
+            {% endif %}
+          </div>
+        </div>
+        {% block messages %}
+          {% if messages %}
+            <div id="messages">
+              <ul class="messages">
+                  {% for message in messages %}
+                  <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+                  {% endfor %}
+              </ul>
+            </div>
+          {% endif %}
+        {% endblock %}
+      </div> <!-- header -->
+      <div id="main-content-wrapper">
+        {% block title %}{% endblock %}
+        {% block menu %}
+        <div id="menu">
+          <ul><li><a href="http://www-test.entrouvert.montpellier-agglo.com">Mon agglo</a></li
+                  >{% show_menu_below_id "top-page" 0 100 100 100 %}</ul>
+        </div>
+        {% endblock %}
+        <div id="main-content">
+          <div id="content">
+            {% block content %}
+              <div id="error-404">
+                <h2>Page inexistante</h2>
+                <p>La page <tt>{{ request_path}}</tt> n'existe pas. Souhaitez-vous revenir à <a href="/">l'accueil</a> ?</p>
+              </div>
+            {% endblock %}
+          </div> <!-- #content -->
+        </div> <!-- #main-content -->
+      </div> <!-- #main-content-wrapper -->
+      <div id="footer">
+        <!-- p id="bottom-links">
+          {% show_menu_below_id "menu-du-bas" %}
+          {% if request.user.is_staff %}
+            <a href="/admin">Administration</a>
+          {% endif %}
+        </p -->
+        <p id="legal">Copyright © 2006-2013 Entr'ouvert</p>
+      </div>
+    </div>
+    {% render_block "js" %}
+    <script>
+      function toTitleCase(str)
+      {
+        return str.replace(/\w\S*/g,
+          function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
+      }
+    </script>
+  </body>
+</html>

idp/templates/500.html

@@ -0,0 +1,86 @@
+{% load menu_tags cms_tags sekizai_tags i18n %}
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="content-language" content="fr" />
+    <title>Compte Citoyen :: Montpellier Agglomération :: {% page_attribute "page_title" %}</title>
+    <link rel="shortcut icon" href="/static/themes/django-montpellier/favicon.png">
+    <link rel="stylesheet" type="text/css" href="/static/themes/django-montpellier/style.css">
+    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic|Carme|Arvo' rel='stylesheet' type='text/css'>
+    {% render_block "css" %}
+  </head>
+  <body {% block bodyargs %}{% endblock %}>
+    {% cms_toolbar %}
+    <div id="page">
+      <div id="header">
+        <div id="top"> 
+          <a href="/" accesskey="1"><img src="/static/themes/django-montpellier/logo.png" 
+            title="Montpellier agglomération" /></a>
+          <div class="region-header">
+            {% if user.is_authenticated %}
+              <div id="toplinks">
+                <span><a class="logout" href="{% url 'auth_logout' %}">{% trans "Logout" %}</a>
+                </span>
+              </div>
+              <div id="username">{{ user.first_name }} {{ user.last_name }}</div>
+            {% endif %}
+          </div>
+        </div>
+        {% block messages %}
+          {% if messages %}
+            <div id="messages">
+              <ul class="messages">
+                  {% for message in messages %}
+                  <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+                  {% endfor %}
+              </ul>
+            </div>
+          {% endif %}
+        {% endblock %}
+      </div> <!-- header -->
+      <div id="main-content-wrapper">
+        {% block title %}{% endblock %}
+        {% block menu %}
+        <div id="menu">
+          <ul><li><a href="http://www-test.entrouvert.montpellier-agglo.com">Mon agglo</a></li
+                  >{% show_menu_below_id "top-page" 0 100 100 100 %}</ul>
+        </div>
+        {% endblock %}
+        <div id="main-content">
+          <div id="content">
+            {% block content %}
+              <div id="error-404">
+                <h2>Erreur système</h2>
+                <p>Une erreur système est survenue, les administrateurs du site en ont été prévenus. Souhaitez-vous revenir à <a href="/">l'accueil</a> ?</p>
+              </div>
+            {% endblock %}
+          </div> <!-- #content -->
+        </div> <!-- #main-content -->
+      </div> <!-- #main-content-wrapper -->
+      <div id="footer">
+        <!-- p id="bottom-links">
+          {% show_menu_below_id "menu-du-bas" %}
+          {% if request.user.is_staff %}
+            <a href="/admin">Administration</a>
+          {% endif %}
+        </p -->
+        <p id="legal">Copyright © 2006-2013 Entr'ouvert</p>
+      </div>
+    </div>
+    {% render_block "js" %}
+    <script>
+      function toTitleCase(str)
+      {
+        return str.replace(/\w\S*/g,
+          function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
+      }
+      $('#commune-selector').live('change',
+        function () {
+          var value = $(this).val();
+          $('#futurs-demarches').toggleClass('selected', value != 'none');
+          $('#futurs-demarches').text('Ici bientôt les e-services de la commune de ' + toTitleCase(value));
+      });
+    </script>
+  </body>
+</html>

idp/templates/auth/login.html

@@ -0,0 +1,56 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% load staticfiles %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block messages %}
+{% endblock %}
+
+{% block title %}Compte citoyen{% endblock %}
+
+{% block content_header %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+
+<div id="welcome">
+<div id="welcome">
+<h2>Bienvenue sur le compte citoyen de Montpellier Agglomération</h2>
+
+<p>Le compte citoyen Montpellier Agglo vous permet d'accomplir vos démarches auprès de Montpellier Agglomération et de ses Communes 24h/24.</p><p>Ce compte constitue une « identité numérique » qui permet la connexion au portail web de Montpellier Agglo et à son espace «Mes e-services », mais aussi d’accéder aux services en ligne des Communes.</p><p>Le compte citoyen de Montpellier Agglo vous permet de lier votre compte lecteur Médiathèque sans avoir à ressaisir de mot de passe. À terme, vous pourrez également lier vos comptes famille de l’Ecolothèque, du Conservatoire…</p><p>Vous ne disposez pas encore de compte citoyen Montpellier Agglo ? Inscrivez-vous dès maintenant en cliquant sur le lien « S’inscrire ! ».</p>
+
+</div>
+
+{% if messages %}
+  <div id="messages" class="messages-login">
+    <ul class="messages">
+        {% for message in messages %}
+        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+        {% endfor %}
+    </ul>
+  </div>
+{% endif %}
+
+<div class="right">
+{% for name, content in methods %}
+{{ content|safe }}
+{% endfor %}
+
+</div>
+
+{% if MSP %}
+  {% with tpl='msp/connecting.html' %}
+    {% include tpl  with popup=1 %}
+  {% endwith %}
+{% endif %}
+
+<br class="clear"/>
+
+{% endblock %}

idp/templates/auth/login_form.html

@@ -0,0 +1,21 @@
+{% load i18n %}
+<div>
+<form method="post" action="">
+{% csrf_token %}
+{% include "form_fields.html" with form=form %}
+<input type="submit" name="{{ submit_name }}" value="{% trans "Log in" %}"/>
+{% if cancel %}
+<input type="submit" name="cancel" value="{% trans 'Cancel' %}"/>
+{% endif %}
+</form>
+</div>
+
+<div class="login-actions">
+{% if can_reset_password %}
+  <p>→ {% trans "Forgot password?" %} <a href="{% url 'auth_password_reset' %}">{% trans "Reset it!" %}</a></p>
+{% endif %}
+{% if registration_authorized %}
+  <p>→ {% trans "Not a member?" %} <a href="{% url 'registration_register' %}">{% trans "Register!" %}</a></p>
+{% endif %}
+  <p>→ {% trans "Un problème ?" %} <a href="https://eservices.montpellier-agglo.com/nous-contacter/">{% trans "Contactez le support !" %}</a></p>
+</div>

idp/templates/base.html

@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+{% load i18n static %}
+<html>
+  <head>
+    <meta charset="UTF-8"><!-- ☭ -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="content-language" content="fr" />
+    <title>Compte Citoyen :: Montpellier Agglomération :: {% block title %}{% endblock %}</title>
+    <link rel="shortcut icon" href="{% static "themes/django-montpellier/favicon.png" %}" />
+    <link rel="stylesheet" type="text/css" href="{% static "themes/django-montpellier/style.css" %}" >
+    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic|Carme|Arvo' rel='stylesheet' type='text/css'>
+    <script src="//d3nslu0hdya83q.cloudfront.net/dist/1.0/raven.min.js"></script>
+    <script>
+      Raven.config('{{ SENTRY_JS }}').install();
+    </script>
+    {% block extra_scripts %}
+    {% endblock %}
+  </head>
+  <body {% block bodyargs %}{% endblock %}>
+    <div id="page">
+      <div id="header">
+        <div id="top">
+          {% if user.is_authenticated %}
+            <a href="{{ SITE_AGGLO_MONTPELLIER }}/simplesamlphp/module.php/core/as_login.php?ReturnTo={{ SITE_AGGLO_MONTPELLIER }}&amp;AuthId=default-sp" accesskey="1"><img src="{{ STATIC_URL }}/themes/django-montpellier/logo.png"
+              title="Montpellier agglomération" /></a>
+          {% else %}
+            <a href="{{ SITE_AGGLO_MONTPELLIER }}" accesskey="1"><img src="{{ STATIC_URL }}/themes/django-montpellier/logo.png"
+              title="Montpellier agglomération" /></a>
+          {% endif %}
+          <div class="region-header">
+            {% if user.is_authenticated %}
+              <div id="toplinks">
+                <span>
+                  <a class="logout" href="{% url 'auth_logout' %}">{% trans "Logout" %}</a>
+                  {% if is_eservice_admin %}
+                  <a class="restricted" href="{{ ESERVICES }}admin/">Administration</a>
+	  {% elif is_eservice_backoffice_user %}
+	  <a class="restricted" href="{{ ESERVICES }}backoffice/">Back office</a>
+                  {% endif %}
+                </span>
+              </div>
+              <div id="username">{{ user.first_name }} {{ user.last_name }}</div>
+            {% endif %}
+          </div>
+        </div>
+        {% block messages %}
+          {% if messages %}
+            <div id="messages">
+              <ul class="messages">
+                  {% for message in messages %}
+                  <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+                  {% endfor %}
+              </ul>
+            </div>
+          {% endif %}
+        {% endblock %}
+      </div> <!-- header -->
+      <div id="main-content-wrapper">
+        <div id="agglolinks">
+
+          {% if user.is_authenticated %}
+              <a class="agglo-mon-agglo" href="{{ SITE_AGGLO_MONTPELLIER }}/simplesamlphp/module.php/core/as_login.php?ReturnTo={{ SITE_AGGLO_MONTPELLIER }}&amp;AuthId=default-sp">Mon agglo</a>
+              <a class="agglo-connaitre" href="{{ SITE_AGGLO_MONTPELLIER }}/simplesamlphp/module.php/core/as_login.php?ReturnTo={{ SITE_AGGLO_MONTPELLIER }}/connaitre&amp;AuthId=default-sp">Connaître</a>
+              <a class="agglo-vivre" href="{{ SITE_AGGLO_MONTPELLIER }}/simplesamlphp/module.php/core/as_login.php?ReturnTo={{ SITE_AGGLO_MONTPELLIER }}/vivre&amp;AuthId=default-sp">Vivre</a>
+              <a class="agglo-entreprendre" href="{{ SITE_AGGLO_MONTPELLIER }}/simplesamlphp/module.php/core/as_login.php?ReturnTo={{ SITE_AGGLO_MONTPELLIER }}/entreprendre&amp;AuthId=default-sp">Entreprendre</a>
+          {% else %}
+              <a class="agglo-mon-agglo" href="{{ SITE_AGGLO_MONTPELLIER }}">Mon agglo</a>
+              <a class="agglo-connaitre" href="{{ SITE_AGGLO_MONTPELLIER }}connaitre">Connaître</a>
+              <a class="agglo-vivre" href="{{ SITE_AGGLO_MONTPELLIER }}vivre">Vivre</a>
+              <a class="agglo-entreprendre" href="{{ SITE_AGGLO_MONTPELLIER }}entreprendre">Entreprendre</a>
+          {% endif %}
+         </div>
+        <div id="menu">
+        {% block menu %}
+<ul>
+<li id="top-menu-accueil" class="sibling">
+	<a href="{{ portal_url }}">Accueil</a>
+</li>
+<li id="top-menu-mon-compte" class="selected">
+	<a href="{{ idp_url }}">Mon compte</a>
+</li>
+<li id="top-menu-services-lies" class="sibling has-children">
+	<a href="#">Services liés</a>
+	
+    <ul>
+
+<li id="top-menu-mediatheques" class="">
+	<a href="/services-lies/mediatheques/">Médiathèques</a>
+	
+</li>
+
+<li id="top-menu-mon-agglo-2020" class="">
+	<a href="https://preview.monagglo2020.com.magglo-18.ovea.com/index.php/saml/auth">Mon agglo 2020</a>
+</li>
+    </ul>
+</li>
+<li id="top-menu-aide" class="sibling">
+	<a href="{{ portal_url }}/aide/">Aide</a>
+</li>
+</ul>
+        {% endblock %}
+        </div>
+        {% block content_header %}{% endblock %}
+        <div id="main-content">
+          <div id="content">
+            {% block content %}
+            {% endblock %}
+          </div> <!-- #content -->
+        </div> <!-- #main-content -->
+      </div> <!-- #main-content-wrapper -->
+      <div id="footer">
+        <p id="legal">
+          © Montpellier-agglomération 2013 — Réalisation&nbsp;:
+          <a href="http://www.entrouvert.com">Entr'ouvert</a>
+        </p>
+        <ul id="footer-menu">
+          {% if user.is_authenticated %}
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/vivre/transport&amp;AuthId=default-sp">Je me déplace</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/vivre/environnement&amp;AuthId=default-sp">Je préserve</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/entreprendre&amp;AuthId=default-sp">Je travaille</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/vivre/solidarité&amp;AuthId=default-sp">Je partage</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/vivre/culture&amp;AuthId=default-sp">Je me cultive</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/vivre/tourisme-traditions&amp;AuthId=default-sp">Je découvre</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/vivre/sport&amp;AuthId=default-sp">Je m'oxygène</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}simplesamlphp/module.php/core/as_login.php?ReturnTo=/connaître-compétences/logement&amp;AuthId=default-sp">Je me loge</a>
+            </li>
+          {% else %}
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}vivre/transport">Je me déplace</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}vivre/environnement">Je préserve</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}entreprendre">Je travaille</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}vivre/solidarité">Je partage</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}vivre/culture">Je me cultive</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}vivre/tourisme-traditions">Je découvre</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}vivre/sport">Je m'oxygène</a>
+            </li>
+
+            <li class="footer-menu-leaf">
+              <a class="footer-menu-leaf-link" href="{{ SITE_AGGLO_MONTPELLIER }}connaître-compétences/logement">Je me loge</a>
+            </li>
+          {% endif %}
+
+          <li class="footer-menu-leaf">
+            <a class="footer-menu-leaf-link" href="http://www.monagglo2020.com/">Je participe</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+</html>

idp/templates/form.html

@@ -0,0 +1 @@
+{% include "portail_citoyen/form.html" %}

idp/templates/form_fields.html

@@ -0,0 +1 @@
+{% include "portail_citoyen/form_fields.html" %}

idp/templates/idp/account_management.html

@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block title %}
+{% trans "Account Management" %}
+{% endblock %}
+
+{% block content %}
+<div id="left"
+<div class="block">
+<h2>{% trans "Profile" %}</h2>
+<div id="profile">
+{% if profile %}
+<dl>
+{% for key, values in profile %}
+<dt>{{ key|capfirst }}</dt>
+<dd>{% if values|length == 1 %}{{ values.0 }}{% else %}
+<ul>
+  {% for value in values %}
+    <li>{{ value }}</li>
+  {% endfor %}
+</ul>
+{% endif %}
+</dd>
+{% endfor %}
+</dl>
+{% endif %}
+</div>
+</div>
+
+<div id="right">
+<div class="block">
+<h2>{% trans "Account Management" %}</h2>
+<ul class="account-management">
+<li><a href="{% url 'email-change' %}">{% trans "Change email" %}</a></li>
+<li><a href="{% url 'profile_edit' %}">{% trans "Edit profile" %}</a></li>
+<li><a href="{% url 'delete_account' %}">{% trans "Delete profile" %}</a></li>
+</ul>
+</div>
+</div>
+<br class="clear" />
+{% endblock %}
+

idp/templates/idp/homepage.html

@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block title %}
+{% trans "Services" %}
+{% endblock %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block content_header %}
+<div id="single-title">{% trans "Services" %}</div>
+{% endblock %}
+
+
+{% block content %}
+{% if account_management %}
+<p>
+  <a href="{% url 'account_management' %}">{% trans "Account Management" %}</a>
+</p>
+{% endif %}
+
+{% if authorized_services %}
+  <div id="login-actions">
+  <h2>{% trans "Services" %}</h2>
+  <ul>
+    {% for service in authorized_services %}
+    {% if service.actions %}
+    <li>{% if service.url %}<a href="{{ service.url }}">{% endif %}{{ service.name }}{% if service.url %}</a>{% endif %}
+    <div class="actions">
+    {% for action in service.actions %}
+      {% if action.0 == "template" %}
+      {% include action.1 %}
+      {% else %}
+      <form action="{{ action.2 }}" method="{{ action.1 }}">
+        {% if action.3 %}
+        {% for key, value in action.3 %}
+          <input type="hidden" name="{{ key }}" value="{{ value }}" />
+        {% endfor %}
+        {% endif %}
+        <input type="hidden" name="next" value="/"/>
+        <input type="submit" class="submit-link" value="{{ action.0 }}">
+      </form>
+      {% endif %}
+    {% endfor %}
+    </div>
+    </li>
+    {% endif %}
+  {% endfor %}
+  </ul>
+  </div>
+{% endif %}
+
+{% if user.is_staff %}
+<p id="administration-link"><a href="/admin">{% trans "Administration" %}</a></p>
+{% endif %}
+
+{% endblock %}

idp/templates/idp/openid/decide.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block content %}
+<form method="post" action="{% url 'openid-provider-decide' %}">
+{% csrf_token %}
+<p>Acceptez-vous de fédérer vos comptes ?</p>
+<input type="submit" value="Oui" name="allow" />
+<input type="submit" value="Non" name="cancel" />
+</form>
+{% endblock %}

idp/templates/profiles/edit_profile.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}{% trans "Edit profile" %}{% endblock %}
+{% block content_header %}<div id="single-title">{% trans "Account Management" %}</div>{% endblock %}
+
+{% block content %}
+<div id="welcome">
+<h2>{% trans "Edit profile" %}</h2>
+</div>
+<div class="right">
+<form method="post">
+{% csrf_token %}
+<div>
+{{ form.as_p }}
+</div>
+{% if form.instance and form.instance.id %}
+<input type="submit" value="{% trans "Modify" %}"/>
+{% else %}
+<input type="submit" value="{% trans "Create" %}"/>
+{% endif %}
+</form>
+</div>
+<br class="clear" />
+{% endblock %}
+

idp/templates/profiles/email_change.html

@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}{% trans "Email change" %}{% endblock %}
+
+{% block content_header %}<div id="single-title">{% trans "Account Management" %}</div>{% endblock %}
+{% block content %}
+<div id="welcome">
+<h2>{% trans "Email change" %}</h2>
+<p>
+Le changement de votre adresse de courriel nécessite une validation par
+courriel.  Un lien va vous être envoyé par courriel. Vous devez cliquer sur ce
+lien pour valider le changement d'adresse de courriel.
+</p>
+</div>
+
+
+<div class="right">
+<form method="post" action="." class="password_change_form">
+  {% csrf_token %}
+  {% include "form_fields.html" with form=form %}
+
+  <input type="submit" value="{% trans 'Submit' %}" />
+  <button type="button" onclick="location.href = '/'">{% trans "Back" %}</button>
+</form>
+</div>
+
+<br class="clear"/>
+
+{% endblock %}

idp/templates/profiles/email_change_body.txt

@@ -0,0 +1,19 @@
+{% load i18n %}{% blocktrans with name=user.get_short_name site=site.name old_email=user.email %}Bonjour {{ name }} !
+
+Vous avez demandé à changer votre adresse de courriel sur le site {{ site }} de :
+
+  {{ old_email }}
+
+en :
+
+  {{ email }}
+
+Pour valider ce changement veuillez cliquer sur le lien suivant :
+
+  {{ link }}
+
+Ce lien sera valide pendant 2 heures.
+
+--
+{{ site }}
+{% endblocktrans %}

idp/templates/profiles/email_change_subject.txt

@@ -0,0 +1 @@
+{% load i18n %}{% blocktrans with site_name=site.name %}Demande de changement d'adresse de courriel sur {{ site_name }}{% endblocktrans %}

idp/templates/registration/activation_complete.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+<h2>{% trans "Your account is now activated" %}</h2>
+
+<p><button type="button" onclick="location.href = '/'">{% trans "Back" %}</button></p>
+{% endblock %}

idp/templates/registration/activation_email.txt

@@ -0,0 +1,39 @@
+Bonjour,
+
+Vous avez demandé à ouvrir un compte citoyen sur le portail de Montpellier
+Agglo ou sur le portail de votre commune, nous vous en remercions.
+
+Votre identifiant d’accès est : {{ user.username }}
+
+Vous pourrez utiliser ce même compte aussi bien pour vos démarches sur le
+portail de Montpellier Agglo que sur le portail de démarches en ligne de votre
+commune si celle-ci le propose.
+
+Pour confirmer la création et activer votre compte, cliquez sur le lien
+suivant :
+
+http://{{ site.domain }}{% url 'registration_activate' activation_key %}
+
+Ce lien est valable pendant {{ expiration_days }} jours.
+
+Ce compte personnalisé et sécurisé est le vôtre! Il vous permet de :
+
+- Accomplir vos démarches en ligne 24h/24 auprès de Montpellier Agglo et de
+  votre commune dans un premier temps puis à terme auprès de la médiathèque,
+  de l’écolothèque, du conservatoire.
+- Suivre l’état de vos démarches en ligne
+- Gérer vos inscriptions à nos newsletters et à nos flux d’infos
+- Modifier vos informations personnelles
+- Modifier votre mot de passe
+
+N’hésitez pas à compléter toutes vos coordonnées. Ainsi, vous n’aurez plus
+besoin de les réécrire dans les formulaires, ces informations seront
+directement préremplies. Pour y accéder, rendez-vous sur le portail, rubrique
+Mon compte.
+
+Nous vous remercions d’utiliser notre portail de e-services.
+
+Les équipes de Montpellier Agglo.
+
+--------------------------------------------------
+Important : Cet email est généré par un automate, merci de ne pas y répondre.

idp/templates/registration/activation_email_subject.txt

@@ -0,0 +1 @@
+Activation de votre compte citoyen

idp/templates/registration/delete_account.html

@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}{% trans "Delete profile" %}{% endblock %}
+
+{% block content_header %}
+<div id="single-title">{% trans "Account Management" %}</div>
+{% endblock %}
+
+{% block content %}
+<div id="welcome">
+  <h2>{% trans "Delete profile" %}</h2>
+  <p>
+  Si vous cliquez sur le bouton "confirmer" toutes vos données concernant les
+  eservices seront effacées et vous ne pourrez plus les récupérer.
+  </p>
+</div>
+
+
+<div class="right">
+  <form method="post" action=".">
+    {% csrf_token %}
+
+    <input type="submit" name="submit" value="{% trans 'Confirmer' %}" />
+    <button type="button" onclick="location.href = '/'">{% trans "Back" %}</button>
+  </form>
+
+</div>
+
+<br class="clear"/>
+
+{% endblock %}

idp/templates/registration/logout.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">{% trans "Logging out" %}</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+<p>{% trans "Logged out" %}</p>
+<p><button type="button" onclick="location.href = '/'">{% trans "Back" %}</button></p>
+{% endblock %}

idp/templates/registration/password_change_form.html

@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+
+<div id="welcome">
+<h2>{% trans "Change password" %}</h2>
+<p>
+Pour modifier votre mot de passe vous devez saisir votre mot de passe actuel
+puis votre nouveau mot de passe à deux reprises. Attention de saisir votre
+nouveau mot de passe à l'identique dans les deux zones texte prévues à cet
+effet.
+</p>
+</div>
+
+
+<div class="right">
+<form method="post" action="." class="password_change_form">
+  {% csrf_token %}
+  {% include "form_fields.html" with form=form %}
+
+  <input type="submit" value="{% trans 'Submit' %}" />
+  <button type="button" onclick="location.href = '/'">{% trans "Back" %}</button>
+</form>
+</div>
+
+<br class="clear"/>
+
+{% endblock %}

idp/templates/registration/password_reset_complete.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+
+<h2>{% trans "Password reset successfully" %}</h2>
+
+<p>
+Votre mot de passe a été modifié avec succès. Vous pouvez à présent utiliser
+votre nouveau mot de passe pour vous connecter.
+</p>
+
+<p><a href="{% url 'auth_login' %}">{% trans "Log in" %}</a></p>
+
+</div>
+
+<br class="clear"/>
+
+{% endblock %}

idp/templates/registration/password_reset_confirm.html

@@ -0,0 +1,48 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+
+{% if validlink %}
+
+<div id="welcome">
+<h2>{% trans "Resetting password" %}</h2>
+<p>
+Veuillez saisir votre nouveau mot de passe et le confirmer en le saisissant une
+nouvelle fois à l'identique.
+</p>
+</div>
+
+
+<div class="right">
+
+<form method="post" action=".">
+  {% csrf_token %}
+  {% include "form_fields.html" with form=form %}
+
+  <input type="submit" value="{% trans 'Submit' %}" />
+  <button type="button" onclick="location.href = '/'">{% trans "Back" %}</button>
+</form>
+
+</div>
+
+<br class="clear"/>
+
+{% else %}
+
+<p>{% trans "Password reset failed" %}</p>
+
+{% endif %}
+
+{% endblock %}

idp/templates/registration/password_reset_done.html

@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+
+<div>
+<h2>{% trans "Resetting password" %}</h2>
+
+<p>{% trans "Email with password reset instructions has been sent." %}</p>
+<p><button type="button" onclick="location.href = '/'">{% trans "Back" %}</button></p>
+</div>
+
+{% endblock %}

idp/templates/registration/password_reset_email.html

@@ -0,0 +1,16 @@
+Bonjour,
+
+Vous avez demandé à réinitialiser votre mot de passe du compte citoyen de Montpellier Agglo.
+
+Voici pour rappel votre identifiant : {{ user.username }}
+
+Pour réinitialiser votre mot de passe, cliquez sur le lien suivant :
+
+{{ protocol }}://{{ domain }}{% url 'auth_password_reset_confirm' uidb36=uid token=token %}
+
+Nous vous remercions d’utiliser notre portail de e-services.
+
+Les équipes de Montpellier Agglo.
+
+--------------------------------------------------
+Important : Cet email est généré par un automate, merci de ne pas y répondre.

idp/templates/registration/password_reset_form.html

@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+
+<div id="welcome">
+<h2>{% trans "Resetting password" %}</h2>
+<p>
+Si vous avez égaré votre mot de passe et que vous souhaitez pouvoir vous
+connecter à nouveau indiquez votre adresse électronique. Vous recevrez un
+courriel vous permettant de définir un nouveau mot de passe.
+</p>
+
+</div>
+
+
+<div class="right">
+<form method="post" action=".">
+  {% csrf_token %}
+  {% include "form_fields.html" with form=form %}
+
+  <input type="submit" value="{% trans 'Submit' %}" />
+  <button type="button" onclick="location.href = '/'">{% trans "Back" %}</button>
+</form>
+</div>
+
+<br class="clear"/>
+
+{% endblock %}

idp/templates/registration/password_reset_subject.txt

@@ -0,0 +1 @@
+Réinitialisation du mot de passe de votre compte citoyen

idp/templates/registration/registration_complete.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+<h2>{% trans "Successful registration" %}</h2>
+<p>{% trans "You are now registered. Activation email sent." %}</p>
+<p><button type="button" onclick="location.href = '/'">{% trans "Back" %}</button></p>
+{% endblock %}

idp/templates/registration/registration_form.html

@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodyargs %}
+class="narrow-page"
+{% endblock %}
+
+{% block title %}
+<div id="single-title">{% trans "Registration" %} — Compte citoyen</div>
+{% endblock %}
+
+{% block menu %}
+{% endblock %}
+
+{% block content %}
+<div id="welcome">
+    <h2>Création de votre « compte citoyen » Montpellier Agglo.</h2>
+
+<p>Le compte citoyen Montpellier Agglo vous permet d'accomplir vos démarches auprès de Montpellier Agglomération et de ses Communes 24h/24.</p><p>Ce compte constitue une « identité numérique » qui permet la connexion au portail web de Montpellier Agglo et à son espace «Mes e-services », mais aussi d’accéder aux services en ligne des Communes.</p><p>Le compte citoyen de Montpellier Agglo vous permet de lier votre compte lecteur Médiathèque sans avoir à ressaisir de mot de passe. À terme, vous pourrez également lier vos comptes famille de l’Ecolothèque, du Conservatoire…</p>
+  </div>
+
+  <div class="right">
+    {% include 'form.html' with form=form %}
+  </div>
+<br class="clear"/>
+
+{% endblock %}