alpes-maritimes-2018: add initial theme (#28380)

static/alpes-maritimes-2018/_custom.scss

@@ -0,0 +1,618 @@
+body {
+	background: url('img/fond.png');
+}
+
+@mixin trapesoid($background-color: $secondary-color, $top: 0, $bottom: 0, $width: 1em, $border-color: #fff) {
+	position: relative;
+	padding-left: 1.75em;
+	border-left: 20px solid $border-color;
+	@media screen and (max-width: $mobile-limit) {
+		border-left: 0;
+	}
+	&::before {
+		content: '';
+		display: block;
+		width: $width;
+		background: $background-color;
+		position: absolute;
+		top: $top;
+		left: -0.7em;
+		bottom: $bottom;
+		transform: skew(-25deg);
+		border-right: 10px solid $border-color;
+		@media screen and (max-width: $mobile-limit) {
+			display: none;
+		}
+	}
+}
+
+@mixin button {
+	padding: 1ex 1em;
+	margin: 1ex 0;
+	background: $primary-color;
+	color: #fff;
+	text-transform: uppercase;
+	@include trapesoid;
+}
+
+div#main-content-wrapper {
+	margin-top: 2ex;
+}
+
+#top #logo a {
+	display: block;
+	text-indent: -10000px;
+	color: #4D4D4D;
+	font-size: 30px;
+	font-weight: normal;
+	background: url(img/logo.png) center left no-repeat;
+	height: 66px;
+}
+
+div.departement {
+	a {
+		background: url(img/departement-logo.png) center right no-repeat;
+		height: 66px;
+		width: 275px;
+		display: block;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		display: none;
+	}
+}
+
+div#header-wrapper {
+	display: flex;
+	margin: 0 2ex;
+}
+
+div#header {
+	max-width: 100%;
+}
+
+h2:first-child {
+	@include trapesoid;
+}
+
+div.homepage-container {
+	width: 100%;
+	h2 {
+		display: block;
+		width: 50%;
+		margin: 0 auto;
+	}
+	div.cell {
+		background: transparent;
+	}
+	div.homepage-intro, div.homepage-suggestions {
+		margin: 3ex 0;
+	}
+	div.homepage-header {
+		width: 50%;
+		margin: 0 auto;
+		@media screen and (max-width: $mobile-limit) {
+			width: 100%;
+		}
+	}
+	div.homepage-intro {
+		background: url('img/fond-intro.png') transparent no-repeat;
+		background-position: center center;
+		color: $primary-color;
+	}
+	div.homepage-suggestions, div.events, div.homepage-prefooter-body {
+		display: flex;
+		@include vendor-prefix(justify-content, center);
+		@include vendor-prefix(align-items, center);
+		@include vendor-prefix(flex-wrap, wrap);
+	}
+	div.homepage-suggestions {
+		background: url('img/fond-suggestions.png') transparent no-repeat;
+		background-position: center center;
+		text-align: center;
+		height: 200px;
+		.cell {
+			border: 3px solid $secondary-color;
+			height: 200px;
+			width: 200px;
+			border-radius: 50%;
+			@each $suggestion in (suggestion-privatisation, suggestion-maison-apa, suggestion-aceduc) {
+				&.#{$suggestion} {
+					background: #fff;
+					a {
+						font-size: 75%;
+						&::before {
+							content: '';
+							display: block;
+							height: 85px;
+							width: auto;
+							margin-bottom: 1ex;
+							background: url('img/#{$suggestion}-icon.png') no-repeat;
+							background-size: contain;
+							background-position: center center;
+						}
+					}
+				}
+			}
+		}
+	}
+	div.homepage-events {
+		background: url('img/fond-evenements.png') center right no-repeat, url('img/fond-rose-evenements.png') center center no-repeat;
+		background-color: #fff;
+		padding-top: 3ex;
+		div.cell {
+			background: transparent;
+			h2 {
+				width: 50%;
+				margin: 0 auto;
+				@include trapesoid($ternary-color);
+			}
+		}
+		div.events {
+			div.cell {
+				margin: 2ex 2em;
+				text-align: center;
+				background: $primary-color;
+				color: #fff;
+				a {
+					color: #fff;
+				}
+			}
+		}
+	}
+	div.homepage-prefooter {
+		background: $primary-color;
+		padding: 3ex 0;
+		div.cell:first-child {
+			width: 50%;
+			margin: 0 auto;
+		}
+		h2:first-child {
+			color: $secondary-color;
+			background: #fff;
+			@include trapesoid($background-color: $ternary-color, $border-color: $primary-color);
+		};
+		div.homepage-prefooter-body {
+			color: #fff;
+			padding: 3ex 3em;
+			div.cell {
+				width: 40%;
+			}
+		}
+	}
+}
+
+div.large div#rub_service, div#rub_service {
+	h2 {
+		text-transform: uppercase;
+		text-align: left;
+		border-bottom: 0;
+		color: #fff;
+		@include trapesoid;
+	}
+	h3, div#summary h2, div#evolution-log h2 {
+		text-transform: uppercase;
+		text-align: left;
+		border-bottom: 0;
+		color: $primary-color;
+		background: #fff;
+		font-size: 125%;
+		font-weight: normal;
+		margin: 1ex 0;
+		@include trapesoid;
+	}
+	div.form-validation, div.dataview {
+		h3 {
+			background: $primary-color;
+			color: #fff;
+			margin-top: 0;
+			padding-bottom: 1ex;
+			&::before {
+				display: none;
+			}
+		}
+		input, textarea {
+			border: 0;
+		}
+		div.widget div.title, div.field span.label {
+			font-weight: bold;
+			&::after {
+				content: ':';
+				margin-left: 0.3em;
+			}
+		}
+		div.field {
+			margin: 0;
+		}
+		div.title, div.content, div.value {
+			display: inline;
+		}
+		div.page {
+			margin: 2em 0;
+			padding: 0;
+			background: #fff;
+			border: 3px solid $primary-color;
+			> div {
+				padding: 0 1em;
+				h3 {
+					color: #000;
+					background: transparent;
+					padding: 0;
+				}
+			}
+		}
+		span.value {
+			display: inline;
+		}
+	}
+	div.dataview {
+		padding: 1rem;
+		border: 3px solid $primary-color;
+		h3 {
+			background: transparent;
+			color: #000;
+			padding: 0;
+			text-transform: none;
+			font-weight: bold;
+		}
+		div.page {
+			div.title h3 {
+				font-weight: normal;
+			}
+			border: 0;
+			> div {
+				padding: 0;
+			}
+		}
+	}
+}
+
+div.SubmitWidget {
+	margin-left: 1em;
+}
+
+div.back-home-button {
+	text-align: center;
+}
+div.back-home-button a, a.custom-button {
+	@include button;
+}
+
+div.buttons {
+	button {
+		text-transform: uppercase;
+		box-shadow: none;
+		position: relative;
+	}
+	div.cancel-button button {
+		color: #000;
+		background: transparent;
+	}
+	div.previous-button button {
+		background: $ternary-color;
+		@include trapesoid($secondary-color, -1px, -1px);
+	}
+	div.submit-button {
+		button {
+			background: $secondary-color;
+			@include trapesoid($ternary-color, -1px, -1px);
+		}
+	}
+}
+
+ul#evolutions li span.item {
+	border: 1px solid $ternary-color;
+	&::before {
+		background: $ternary-color;
+		height: 21px;
+		width: 21px;
+		top: 4px;
+		left: 4px;
+		border-radius: 10px;
+	}
+}
+
+
+/*  steps */
+
+div#steps ol {
+	background: #fff;
+	li {
+		background: #fff;
+		max-width: 15em;
+		position: relative;
+		margin-right: 3em;
+		span {
+			color: $primary-color;
+			font-size: 100%;
+			display: table-cell;
+			vertical-align: middle;
+			margin-left: 0.5em;
+			&.marker {
+				border: 2px solid $primary-color;
+				border-radius: 50%;
+				font-size: 175%;
+				font-weight: bold;
+				width: 2em;
+				height: 2em;
+				display: table-cell;
+				vertical-align: middle;
+				@media screen and (max-width: $mobile-limit) {
+					font-size: 100%;
+					background: #fff;
+					color: $primary-color;
+					width: 1.25em;
+				}
+			}
+			&.label {
+				padding-left: 0.5em;
+				text-align: left;
+				width: 8em;
+				@media screen and (max-width: $mobile-limit) {
+					display: none;
+				}
+			}
+		}
+		&.current {
+			background: #fff;
+			span.marker {
+				background: $primary-color;
+				color: #fff;
+				@media screen and (max-width: $mobile-limit) {
+					border-radius: 50%;
+				}
+
+			}
+		}
+		@media screen and (max-width: $mobile-limit) {
+			padding: 0;
+		}
+		&:not(:last-child) {
+			&::after {
+				content: '';
+				width: 2.5em;
+				height: 3px;
+				background: $secondary-color;
+				position: absolute;
+				right: -3em;
+				top: 50%;
+			}
+		}
+	}
+}
+
+/* tracking code */
+div#gauche {
+	text-align: left;
+	div#tracking-code {
+		display: block;
+		h3 {
+			font-size: 150%;
+			background: #fff;
+			color: #000;
+			border: 0;
+			display: inline-block;
+			padding-right: 0;
+			&::after {
+				content: ':';
+				margin: 0 0.3em;
+			}
+			&::before {
+				display: none;
+			}
+		}
+	}
+}
+
+div#nav-wrapper {
+	text-align: center;
+	@media screen and (max-width: $mobile-limit) {
+		text-align: left;
+	}
+}
+
+div#footer-wrapper {
+	background: $footer-background url('img/footer.png') 75% 50%;
+	background-repeat: no-repeat;
+	background-size: contain;
+}
+
+div.cell {
+	padding-top: 2em;
+	&.header {
+		h2:first-child {
+			margin: 1em 0;
+			display: inline-block;
+		}
+
+	}
+	h2 {
+		@extend %title;
+	}
+}
+
+h2 + h2 {
+	margin-top: 0.3ex !important;;
+	text-align: right;
+	padding-left: 1em !important;
+}
+
+.section-demarches div#page {
+	background: url('img/page-header.png') no-repeat;
+	background-position: center 170px;
+	@media screen and (max-width: $mobile-limit) {
+		background-position: center 110px;
+	}
+	div.cell.textcell:first-child {
+		background: transparent;
+		display: inline-block;
+		h2:first-child {
+			@include trapesoid($border-color: $ternary-color);
+		}
+	}
+}
+
+.page-connexion div#page {
+	background: url('img/login-background.png') center 75px;
+	background-repeat: no-repeat;
+	div.cell, div.block {
+		background: transparent;
+	}
+	div#left, div#right {
+		width: 40%;
+		margin-left: 4em;
+		@media screen and (max-width: $mobile-limit) {
+			width: 100%;
+			margin: 0;
+		}
+	}
+	div#left h2:first-child {
+		@include trapesoid($border-color: $ternary-color);
+	}
+	div.block, div.a2-block {
+		&:first-child {
+			color: #fff;
+			background: $primary-color;
+		}
+	}
+}
+
+div.block, div.a2-block {
+	button, input[type="submit"] {
+		background: #fff;
+		color: $primary-color;
+	}
+	input[type="text"], input[type="password"] {
+		width: 100%;
+	}
+	h2 {
+		margin-bottom: 1ex;
+	}
+}
+
+div#frontend-registration-email form {
+	padding: 1rem;
+}
+
+div#login-page {
+	.forgot-password {
+		float: right;
+	}
+	&.methods2 {
+		div.block {
+			float: none;
+			width: 75%;
+			color: #fff;
+			a {
+				color: #fff;
+			}
+		}
+	}
+}
+
+a.tip-button {
+	background: $ternary-color;
+	color: #fff;
+	padding: 1ex 1em;
+	position: relative;
+	&::before, &::after {
+		content: '';
+		display: block;
+		width: 30px;
+		height: 30px;
+		position: absolute;
+		background-size: contain;
+	}
+	&::before {
+		background: url('img/left-tip-arrow.png') no-repeat;
+		background-size: contain;
+		top: -20px;
+		left: -40px;
+	}
+	&::after {
+		background: url('img/wow.png') no-repeat;
+		background-size: contain;
+		top: -30px;
+		right: -30px;
+	}
+}
+
+div.textcell {
+	@each $class in (doc, eco, computer) {
+		&.#{$class} {
+			margin: 5ex 0 5ex 150px;
+			position: relative;
+			h3 {
+				color: $primary-color;
+			}
+			&::before {
+				content: '';
+				width: 90px;
+				height: 90px;
+				background: url('img/#{$class}-icon.png') no-repeat;
+				background-size: contain;
+				display: block;
+				position: absolute;
+				left: -130px;
+			}
+		}
+		ul.categories {
+			&.turquoise-items, &.pink-items {
+				li {
+					list-style-type: none;
+					display: inline-grid;
+					position: relative;
+					width: 25%;
+					margin: 5ex 2em;
+					@media screen and (max-width: $mobile-limit) {
+						margin: 2em;
+					}
+					&::after {
+						content: '';
+						display: block;
+						height: 5px;
+						width: 4em;
+						position: absolute;
+						background: $ternary-color;
+						left: 100px;
+						top: -10px;
+					}
+					a {
+						@each $category in (aceduc, apprentis, brevet, college, etablissement, apa, bus, mdph, aide, suivi, aide-personnalisee) {
+							&.#{$category} {
+								position: relative;
+								padding-left: 100px;
+								display: block;
+								&::before {
+									content: '';
+									display: block;
+									background: url('img/#{$category}-icon.png') no-repeat;
+									background-size: contain;
+									width: 90px;
+									height: 90px;
+									position: absolute;
+									left: 0;
+									top: -25px;
+								}
+							}
+						}
+					}
+				}
+			}
+			&.pink-items li::after {
+				background: $secondary-color;
+			}
+		}
+	}
+	&.turquoise-header, &.pink-header {
+		h3 {
+			font-size: 150%;
+			color: $primary-color;
+		}
+	}
+	&.turquoise-header h3 {
+		@include trapesoid($background-color: $ternary-color);
+	}
+	&.pink-header h3 {
+		@include trapesoid($background-color: $secondary-color);
+	}
+}

static/alpes-maritimes-2018/_vars.scss

@@ -0,0 +1,34 @@
+$width: 1600px;
+$font-family: Roboto, sans-serif;
+$font-size: 16px;
+$mobile-limit: 1100px;
+
+$primary-color: #001c76;
+$secondary-color: #e6007e;
+$ternary-color: #2bacbe;
+
+$widget-border: 1px solid $secondary-color;
+$widget-border-radius: 1em;
+$widget-custom-radio-checkbox: true;
+$widget-custom-radio-checkbox-color: $ternary-color;
+$widget-focus-background: #fff;
+
+$title-font-size: 2em;
+$title-background: $primary-color;
+$title-color: #fff;
+$title-transform: uppercase;
+$title-padding: 0.25em 1em 0.25em 2.5em;
+$title-weight: bold;
+
+$nav-background: transparent;
+$nav-submenu-background: $primary-color;
+$nav-item-hover-background: $primary-color;
+
+$button-color: #fff;
+$button-background: $secondary-color;
+
+$form-sidebar-position: top;
+
+$cell-border: 0;
+
+$footer-background: #3b3b3b;

static/alpes-maritimes-2018/config.json

@@ -0,0 +1,7 @@
+{
+  "label": "Alpes-Maritimes 2018",
+  "variables": {
+    "no_extra_js": true,
+    "theme_color": "#001c76"
+  }
+}

static/alpes-maritimes-2018/style.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../includes/publik';
+@import 'custom';

templates/variants/alpes-maritimes-2018/authentic2/login.html

@@ -0,0 +1,8 @@
+{% extends "../../authentic2/login.html" %}
+
+{% block login-pre %}
+<div class="cell">
+  <h2>AUTHENTIFIEZ-VOUS</h2>
+  <h2>SUR MES DEMARCHES 06</h2>
+</div>
+{% endblock %}

templates/variants/alpes-maritimes-2018/authentic2/login_password_form.html

@@ -0,0 +1,13 @@
+<form method="post" action="">
+{% csrf_token %}
+{{ form.as_p }}
+{% if can_reset_password %}
+<p class="forgot-password"><a href="{% url 'password_reset' %}{% if request.GET.next %}?next={{ request.GET.next|urlencode }}{% endif %}">Vous avez oublié votre mot de passe ?</a></p>
+<div class="buttons">
+  <input type="submit" name="{{ submit_name }}" value="S'IDENTIFIER"/>
+  {% if cancel %}
+  <button class="cancel-button" name="cancel">ANNULER</button>
+  {% endif %}
+</div>
+</form>
+{% endif %}

templates/variants/alpes-maritimes-2018/authentic2_auth_fc/login.html

@@ -0,0 +1,18 @@
+{% load staticfiles %}
+{% load i18n %}
+
+<link rel="stylesheet" type="text/css" href="{% static 'authentic2_auth_fc/css/fc.css' %}">
+<div id="fc-button-wrapper">
+  <h2>OU IDENTIFIEZ-VOUS</h2>
+  <h2>AVEC FRANCE CONNECT</h2>
+  <div id="fc-button">
+    <a href="{{ login_url }}"
+       title="{% trans 'Log in with FranceConnect' %}"
+       class="button connexion{% if popup %} js-fc-popup{% endif %}">
+        <div>
+            <img src="{% static "authentic2_auth_fc/img/FC-connect-button.svg" %}"></img>
+        </div>
+    </a>
+  </div>
+</div>
+{% if popup %}<script src="{% static 'authentic2_auth_fc/js/fc.js' %}" type="text/javascript"></script>{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/desappairage.html

@@ -0,0 +1,17 @@
+{% load combo %}
+
+{% if json.data %}
+
+{% if json.data.dossier.DEMANDES %}
+
+{% for demande in json.data.dossier.DEMANDES %}
+{% if demande.ETAPE == "Décision d'accord" %}
+<p style="text-align: center;"><a href="{{ eservices_url}}social/aggravation-revision-apa/?session_var_dossier={{json.data.id}}&cancelurl={{ portal_url }}social">Faire un déclaration d'aggravation ou une demande de révision</a></p>
+{% endif %}
+{% endfor %}
+
+{% endif %}
+
+<p style="text-align: center;"><a href="{{ eservices_url}}social/supprimer-un-beneficiaire/?session_var_dossier={{json.data.id}}&cancelurl={{ portal_url }}social">⏏&nbsp;D&eacute;sappairer mon dossier</a></p>
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/detail-dune-demande-ad.html

@@ -0,0 +1,65 @@
+{% load combo %}
+
+{% if json.data %}
+
+<h1>Dossier Autonomie : {% if json.data.dossier.IDENTIFICATION.0.PRENOM %}{{json.data.dossier.IDENTIFICATION.0.PRENOM}}{% endif %} {% if json.data.dossier.IDENTIFICATION.0.NOM %}{{json.data.dossier.IDENTIFICATION.0.NOM}}{% endif %}</h1>
+
+{% if json.data.dossier.DEMANDES.AD %}
+{% for demande in json.data.dossier.DEMANDES.AD %}
+{% if demande.ID_MES == request.GET.demande %}
+
+<h2>{{ demande.TYPE_MESURE }}</h2>
+
+<h3>Progression de la demande</h3>
+<p>
+{% for etape in demande.LISTE_ETAPES %}
+{% if etape.A_SURLIGNER == "O" %}
+<strong>
+{% endif %}
+{{ etape.CATEGORIE }}
+{% if etape.A_SURLIGNER == "O" %}
+</strong>
+{% endif %}
+{% if not forloop.last %} > {% endif %} 
+{% endfor %}
+</p>
+
+{% for etape in demande.LISTE_ETAPES %}
+
+{% if etape.A_SURLIGNER == "O" %}
+
+{% for etp in etape.ETP %}
+{% if etp.TYP_CHAMP == "L" %}
+<p><strong>Étape actuelle</strong> : {{etp.ETAPE}}</p>
+<div class="infonotice"><p>{{etp.LIBELLE_CHAMP}}</p></div>
+{% endif %}
+{% endfor %}
+
+{% if etape.ETP|length > 1 %}
+
+<h3>Informations supplémentaires</h3>
+{% for etp in etape.ETP %}
+{% if etp.TYP_CHAMP == "D" %}
+<p>{{etp.LIBELLE_CHAMP}} : {{etp.VALEUR_CHAMP}}</p>
+{% endif %}
+{% if etp.TYP_CHAMP == "S" %}
+<p>{{etp.LIBELLE_CHAMP}} :
+<ul>
+{% for e in etp.VALEUR_LIST_CHAMP %}
+<li>{{e.LIBELLE}} : {{e.COMMENTAIRE}}</li>
+{% endfor %}
+</ul>
+</p>
+{% endif %}
+{% if etp.TYP_CHAMP == "M" and ept.VALEUR_MEMO_CHAMP %}
+<p>{{etp.LIBELLE_CHAMP}} : {{etp.VALEUR_MEMO_CHAMP}}</p>
+{% endif %}
+{% endfor %}
+{% endif %}
+{% endif %}
+{% endfor %}
+
+{% endif %}
+{% endfor %}
+{% endif %}
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/detail-dune-demande-ph.html

@@ -0,0 +1,65 @@
+{% load combo %}
+
+{% if json.data %}
+
+<h1>Dossier Handicap : {% if json.data.dossier.IDENTIFICATION.0.PRENOM %}{{json.data.dossier.IDENTIFICATION.0.PRENOM}}{% endif %} {% if json.data.dossier.IDENTIFICATION.0.NOM %}{{json.data.dossier.IDENTIFICATION.0.NOM}}{% endif %}</h1>
+
+{% if json.data.dossier.DEMANDES.PH %}
+{% for demande in json.data.dossier.DEMANDES.PH %}
+{% if demande.ID_MES == request.GET.demande %}
+
+<h2>{{ demande.TYPE_MESURE }}</h2>
+
+<h3>Progression de la demande</h3>
+<p>
+{% for etape in demande.LISTE_ETAPES %}
+{% if etape.A_SURLIGNER == "O" %}
+<strong>
+{% endif %}
+{{ etape.CATEGORIE }}
+{% if etape.A_SURLIGNER == "O" %}
+</strong>
+{% endif %}
+{% if not forloop.last %} > {% endif %} 
+{% endfor %}
+</p>
+
+{% for etape in demande.LISTE_ETAPES %}
+
+{% if etape.A_SURLIGNER == "O" %}
+
+{% for etp in etape.ETP %}
+{% if etp.TYP_CHAMP == "L" %}
+<p><strong>Étape actuelle</strong> : {{etp.ETAPE}}</p>
+<div class="infonotice"><p>{{etp.LIBELLE_CHAMP}}</p></div>
+{% endif %}
+{% endfor %}
+
+{% if etape.ETP|length > 1 %}
+
+<h3>Informations supplémentaires</h3>
+{% for etp in etape.ETP %}
+{% if etp.TYP_CHAMP == "D" %}
+<p>{{etp.LIBELLE_CHAMP}} : {{etp.VALEUR_CHAMP}}</p>
+{% endif %}
+{% if etp.TYP_CHAMP == "S" %}
+<p>{{etp.LIBELLE_CHAMP}} :
+<ul>
+{% for e in etp.VALEUR_LIST_CHAMP %}
+<li>{{e.LIBELLE}} : {{e.COMMENTAIRE}}</li>
+{% endfor %}
+</ul>
+</p>
+{% endif %}
+{% if etp.TYP_CHAMP == "M" and ept.VALEUR_MEMO_CHAMP %}
+<p>{{etp.LIBELLE_CHAMP}} : {{etp.VALEUR_MEMO_CHAMP}}</p>
+{% endif %}
+{% endfor %}
+{% endif %}
+{% endif %}
+{% endfor %}
+
+{% endif %}
+{% endfor %}
+{% endif %}
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/dossier-de-beneficiaire.html

@@ -0,0 +1,189 @@
+{% load combo %}
+
+{% if json.data %}
+
+
+<div>
+<h1><strong>{{json.data.dossier.IDENTIFICATION.0.PRENOM}}</strong> <strong>{{json.data.dossier.IDENTIFICATION.0.NOM}}</strong></h1>
+</div>
+
+<div class="cell foldable">
+<div id="references">
+<h2>Vos références</h2>
+<p>
+{% if json.data.dossier.IDENTIFICATION.0.REF_UTI_DOS %}Numéro de dossier (REF_UTI_DOS) : <strong>{{json.data.dossier.IDENTIFICATION.0.REF_UTI_DOS}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.IDDOS %}Numéro de dossier (IDDOS) : <strong>{{json.data.dossier.IDENTIFICATION.0.IDDOS}}</strong><br/>{% endif %}
+</p>
+</div>
+</div>
+
+<div class="cell foldable">
+<div id="vous">
+<h2>Vous</h2>
+<p>
+{% if json.data.dossier.IDENTIFICATION.0.PRENOM %}Prénom : <strong>{{json.data.dossier.IDENTIFICATION.0.PRENOM}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.NOM %}Nom : <strong>{{json.data.dossier.IDENTIFICATION.0.NOM}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.NOM_NAISSANCE %}Nom de naissance : <strong>{{json.data.dossier.IDENTIFICATION.0.NOM_NAISSANCE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.SEXE %}Sexe : <strong>{{json.data.dossier.IDENTIFICATION.0.SEXE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.DATE_NAISSANCE %}Date de naissance : <strong>{{json.data.dossier.IDENTIFICATION.0.DATE_NAISSANCE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.DPT_NAIS %}Département de naissance : <strong>{{json.data.dossier.IDENTIFICATION.0.DPT_NAIS}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.PAYS_NAIS %}Pays de naissance : <strong>{{json.data.dossier.IDENTIFICATION.0.PAYS_NAIS}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.NATIONALITE %}Nationalité : <strong>{{json.data.dossier.IDENTIFICATION.0.NATIONALITE}}</strong><br/>{% endif %}
+</p>
+</div>
+</div>
+
+<div class="cell foldable">
+<div id="coordonnees">
+<h2>Vos coordonnées</h2>
+<p>
+Adresse : 
+{% if json.data.dossier.IDENTIFICATION.0.NU_VOIE_ADR %}<strong>{{json.data.dossier.IDENTIFICATION.0.NU_VOIE_ADR}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_COD_BTQ_ADR %}<strong>{{json.data.dossier.IDENTIFICATION.0.LB_COD_BTQ_ADR}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_COD_VOIE_ADR %}<strong>{{json.data.dossier.IDENTIFICATION.0.LB_COD_VOIE_ADR}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_VOIE_ADR %}<strong>{{json.data.dossier.IDENTIFICATION.0.LB_VOIE_ADR}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.CODE_POSTAL %}<strong>{{json.data.dossier.IDENTIFICATION.0.CODE_POSTAL}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.VILLE %}<strong>{{json.data.dossier.IDENTIFICATION.0.VILLE}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_PAY_ADR %}<strong>{{json.data.dossier.IDENTIFICATION.0.LB_PAY_ADR}}</strong> {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.COMPLEMENT_ADRESSE %}<br/>Complément d'adresse : <strong>{{json.data.dossier.IDENTIFICATION.0.COMPLEMENT_ADRESSE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.TEL_FIXE %}Téléphone fixe : <strong>{{json.data.dossier.IDENTIFICATION.0.TEL_FIXE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.TEL_MOBILE %}Téléphone mobile : <strong>{{json.data.dossier.IDENTIFICATION.0.TEL_MOBILE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.MAIL %}Adresse de courriel : <strong>{{json.data.dossier.IDENTIFICATION.0.MAIL}}</strong><br/>{% endif %}
+</p>
+</div>
+</div>
+
+<div class="cell foldable">
+<div id="ass">
+<h2>Vos informations d'assuré social</h2>
+<p>
+{% if json.data.dossier.IDENTIFICATION.0.NSS %}Numéro d'assuré social : <strong>{{json.data.dossier.IDENTIFICATION.0.NSS}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.CAISSE_RETRAITE %}Caisse de retraite : <strong>{{json.data.dossier.IDENTIFICATION.0.CAISSE_RETRAITE}}</strong><br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.NUM_AFFILIATION %}Numéro d’affiliation à la caisse de retraite : <strong>{{json.data.dossier.IDENTIFICATION.0.NUM_AFFILIATION}}</strong><br/>{% endif %}
+</p>
+</div>
+</div>
+
+<div class="cell foldable">
+<div id="situation">
+<h2>Votre situation familiale</h2>
+<p>
+{% if json.data.dossier.IDENTIFICATION.0.SIT_FAM%}Situation familiale : <strong>{{json.data.dossier.IDENTIFICATION.0.SIT_FAM}}</strong><br/>{% endif %}
+</p>
+</div>
+</div>
+
+{% if json.data.dossier.IDENTIFICATION.0.CONJOINT %}
+<div class="cell foldable">
+<div id="conjoint">
+<h2>Votre conjoint</h2>
+{% for conjoint in json.data.dossier.IDENTIFICATION.0.CONJOINT%}
+<p>
+{% if conjoint.PRENOM %}Prénom : <strong>{{conjoint.PRENOM}}</strong><br/>{% endif %}
+{% if conjoint.NOM %}Nom : <strong>{{conjoint.NOM}}</strong><br/>{% endif %}
+{% if conjoint.NU_VOIE_ADR %}<strong>{{conjoint.NU_VOIE_ADR}}</strong> {% endif %}
+{% if conjoint.LB_COD_BTQ_ADR %}<strong>{{conjoint.LB_COD_BTQ_ADR}}</strong> {% endif %}
+{% if conjoint.LB_COD_VOIE_ADR %}<strong>{{conjoint.LB_COD_VOIE_ADR}}</strong> {% endif %}
+{% if conjoint.LB_VOIE_ADR %}<strong>{{conjoint.LB_VOIE_ADR}}</strong> {% endif %}
+{% if conjoint.CODE_POSTAL %}<strong>{{conjoint.CODE_POSTAL}}</strong> {% endif %}
+{% if conjoint.VILLE %}<strong>{{conjoint.VILLE}}</strong> {% endif %}
+{% if conjoint.LB_PAY_ADR %}<strong>{{conjoint.LB_PAY_ADR}}</strong> {% endif %}
+{% if conjoint.COMPLEMENT_ADRESSE %}Complément d'adresse : <strong>{{conjoint.COMPLEMENT_ADRESSE}}</strong><br/>{% endif %}
+{% if conjoint.TEL_FIXE %}Téléphone fixe : <strong>{{conjoint.TEL_FIXE}}</strong><br/>{% endif %}
+{% if conjoint.TEL_MOBILE %}Téléphone mobile : <strong>{{conjoint.TEL_MOBILE}}</strong><br/>{% endif %}
+{% if conjoint.MAIL %}Adresse de courriel : <strong>{{conjoint.MAIL}}</strong><br/>{% endif %}
+{% if conjoint.NSS %}Numéro d'assuré social : <strong>{{conjoint.NSS}}</strong><br/>{% endif %}
+{% if conjoint.CAISSE_RETRAITE %}Caisse de retraite : <strong>{{conjoint.CAISSE_RETRAITE}}</strong><br/>{% endif %}
+</p>
+{% endfor %}
+</div>
+</div>
+{% endif %}
+
+{% if json.data.dossier.IDENTIFICATION.0.CONTACTS %}
+<div class="cell foldable">
+<div id="contacts">
+<h2>Vos contacts</h2>
+{% for contact in json.data.dossier.IDENTIFICATION.0.CONTACTS %}
+<p>
+{% if contact.PRENOM %}Prénom : <strong>{{contact.PRENOM}}</strong><br/>{% endif %}
+{% if contact.NOM %}Nom : <strong>{{contact.NOM}}</strong><br/>{% endif %}
+{% if contact.NU_VOIE_ADR %}<strong>{{contact.NU_VOIE_ADR}}</strong> {% endif %}
+{% if contact.LB_COD_BTQ_ADR %}<strong>{{contact.LB_COD_BTQ_ADR}}</strong> {% endif %}
+{% if contact.LB_COD_VOIE_ADR %}<strong>{{contact.LB_COD_VOIE_ADR}}</strong> {% endif %}
+{% if contact.LB_VOIE_ADR %}<strong>{{contact.LB_VOIE_ADR}}</strong> {% endif %}
+{% if contact.CODE_POSTAL %}<strong>{{contact.CODE_POSTAL}}</strong> {% endif %}
+{% if contact.VILLE %}<strong>{{contact.VILLE}}</strong> {% endif %}
+{% if contact.LB_PAY_ADR %}<strong>{{contact.LB_PAY_ADR}}</strong> {% endif %}
+{% if contact.COMPLEMENT_ADRESSE %}Complément d'adresse : <strong>{{contact.COMPLEMENT_ADRESSE}}</strong><br/>{% endif %}
+{% if contact.TEL_FIXE %}Téléphone fixe : <strong>{{contact.TEL_FIXE}}</strong><br/>{% endif %}
+{% if contact.TEL_MOBILE %}Téléphone mobile : <strong>{{contact.TEL_MOBILE}}</strong><br/>{% endif %}
+{% if contact.MAIL %}Adresse de courriel : <strong>{{contact.MAIL}}</strong><br/>{% endif %}
+{% if contact.RELATION %}Type de relation : 
+  <strong>{% if contact.RELATION == 'TYP_CNT_AID' %}Aidant
+  {% elif contact.RELATION == 'TYP_CNT_PAR' %}Parent
+  {% else %}Inconnu
+  {% endif %}</strong>
+<br/>{% endif %}
+</p>
+{% endfor %}
+</div>
+</div>
+{% endif %}
+
+
+{% if json.data.dossier.DEMANDES %}
+<div class="cell foldable">
+<div id="demandes">
+
+<h2>Vos Demandes</h2>
+
+{% for demande in json.data.dossier.DEMANDES %}
+<h3>{{demande.DT_DMD}} - {{demande.TYPE_MESURE}} - {{demande.ETAPE}}</h3>
+<p>
+Identifiant de la demande : <strong>{{demande.ID_MES}}</strong><br/>
+Type de mesure : <strong>{{demande.TYPE_MESURE}}</strong><br/>
+Catégorie : <strong>{{demande.CATEGORIE}}</strong><br/>
+Statut actuel : <strong>{{demande.ETAPE}}</strong><br/>
+Date de la demande : <strong>{{demande.DT_DMD}}</strong><br/>
+</p>
+
+<ul>
+{% for etape in demande.LISTE_ETAPES %}
+{% if etape.ETP %}
+<li>{{etape.CATEGORIE}} : <strong>{{etape.LB_ETP}}</strong><br/>
+<ul>
+{% for et in etape.ETP %}
+<li>{{et.LIBELLE_CHAMP}}</li>
+{% endfor %}
+</ul>
+</li>
+{% else %}
+<li>{{etape.CATEGORIE}}</li>
+{% endif %}
+{% endfor %}
+</ul>
+{% endfor %}
+
+
+</div>
+</div>
+{% endif %}
+
+
+{% if json.data.dossier.DROITS %}
+<div class="cell foldable">
+<div id="droits">
+<h2>Vos Droits</h2>
+<ul>
+{% for droit in json.data.dossier.DROITS %}
+<li>
+{{droit.LIBELLE}} du {{droit.DATE_DEBUT}} au {{droit.DATE_FIN}}.
+</li>
+{% endfor %}
+</ul>
+</div>
+</div>
+{% endif %}
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/enlever-un-dossier-avec-preselection.html

@@ -0,0 +1 @@
+<p><a href="{{ eservices_url}}enlever-un-dossier-a-mon-profil/?session_var_dossier={{request.GET.dossier}}&cancelurl={{ portal_url }}accueil-social/page-de-suivi-social/accueil-dossier-social/?dossier={{request.GET.dossier}}">Enlever ce dossier de mon compte</a></p>

templates/variants/alpes-maritimes-2018/combo/json/enlever-un-dossier-sans-preselection.html

@@ -0,0 +1,7 @@
+{% load combo %}
+
+{% if json.data %}
+
+<h2><a href="{{ eservices_url }}enlever-un-dossier-a-mon-profil/?cancelurl={{ portal_url }}accueil-social/page-de-suivi-social">Je souhaite enlever un dossier à mon profil</a></h2>
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/informations-generales-dun-dossier.html

@@ -0,0 +1,35 @@
+{% load combo %}
+
+{% if json.data %}
+
+<h1>Informations personnelles</h1>
+<p>
+
+{% if json.data.dossier.IDENTIFICATION.0.SEXE and  json.data.dossier.IDENTIFICATION.0.SEXE == 'F' %}Madame{% else %}Monsieur{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.PRENOM %} {{json.data.dossier.IDENTIFICATION.0.PRENOM}}{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.NOM %} {{json.data.dossier.IDENTIFICATION.0.NOM}}{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.NOM_NAISSANCE %} né(e) {{json.data.dossier.IDENTIFICATION.0.NOM_NAISSANCE}}{% endif %}
+<br/>
+
+Date de naissance : {% if json.data.dossier.IDENTIFICATION.0.DATE_NAISSANCE %}{{json.data.dossier.IDENTIFICATION.0.DATE_NAISSANCE}}{% endif %}
+<br/>
+<br/>
+
+Adresse :
+{% if json.data.dossier.IDENTIFICATION.0.NU_VOIE_ADR %}{{json.data.dossier.IDENTIFICATION.0.NU_VOIE_ADR}} {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_COD_BTQ_ADR %}{{json.data.dossier.IDENTIFICATION.0.LB_COD_BTQ_ADR}} {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_COD_VOIE_ADR %}{{json.data.dossier.IDENTIFICATION.0.LB_COD_VOIE_ADR}} {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_VOIE_ADR %}{{json.data.dossier.IDENTIFICATION.0.LB_VOIE_ADR}} {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.CODE_POSTAL %}{{json.data.dossier.IDENTIFICATION.0.CODE_POSTAL}} {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.VILLE %}{{json.data.dossier.IDENTIFICATION.0.VILLE}} {% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.LB_PAY_ADR %}{{json.data.dossier.IDENTIFICATION.0.LB_PAY_ADR}}{% endif %}
+<br/>
+{% if json.data.dossier.IDENTIFICATION.0.COMPLEMENT_ADRESSE %}Complément d'adresse : {{json.data.dossier.IDENTIFICATION.0.COMPLEMENT_ADRESSE}}<br/>{% endif %}
+<br/>
+
+{% if json.data.dossier.IDENTIFICATION.0.TEL_FIXE %}Téléphone fixe : {{json.data.dossier.IDENTIFICATION.0.TEL_FIXE}}<br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.TEL_MOBILE %}Téléphone mobile : {{json.data.dossier.IDENTIFICATION.0.TEL_MOBILE}}<br/>{% endif %}
+{% if json.data.dossier.IDENTIFICATION.0.MAIL %}Adresse de courriel : {{json.data.dossier.IDENTIFICATION.0.MAIL}}<br/>{% endif %}
+</p>
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/lien-retour-dans-dossier.html

@@ -0,0 +1 @@
+<p><a href="../?dossier={{request.GET.dossier}}">↩ Retour</a></p>

templates/variants/alpes-maritimes-2018/combo/json/lien-vers-demande-de-revision-apa-preremplie.html

@@ -0,0 +1,15 @@
+{% load combo %}
+
+{% if json.data %}
+
+{% if json.data.dossier.DEMANDES %}
+
+{% for demande in json.data.dossier.DEMANDES %}
+{% if demande.ETAPE == "Décision d'accord"%}
+<p><a href="{{ eservices_url}}demande-de-revision-apa-a-domicile/?session_var_dossier={{json.data.id}}&cancelurl={{ portal_url }}accueil-social/page-de-suivi-social/accueil-dossier-social/?dossier={{json.data.id}}">Faire une révision APA</a></p>
+{% endif %}
+{% endfor %}
+
+{% endif %}
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/lien-vers-le-signalement-de-changement-de-coordonnees-preremplie.html

@@ -0,0 +1 @@
+<p><a href="{{ eservices_url}}signaler-un-changement-de-coordonnees/?session_var_dossier={{request.GET.dossier}}&cancelurl={{ portal_url }}accueil-social/page-de-suivi-social/accueil-dossier-social/?dossier={{request.GET.dossier}}">Signaler un changement de coordonnées</a></p>

templates/variants/alpes-maritimes-2018/combo/json/liens-vers-les-sous-dossiers.html

@@ -0,0 +1,19 @@
+{% load combo %}
+
+{% if json.data %}
+
+{% if json.data.dossier.DEMANDES %}
+  {% if json.data.dossier.DEMANDES.AD and json.data.dossier.DEMANDES.PH %}
+  <h2>Consulter mes dossiers</h2>
+  {% else %}
+  <h2>Consulter mon dossier</h2>
+  {% endif %}
+  {% if json.data.dossier.DEMANDES.AD %}
+  <a href="ad/?dossier={{json.data.id}}">Dossier AUTONOMIE</a>
+  {% endif %}
+  {% if json.data.dossier.DEMANDES.PH %}
+  <a href="ph/?dossier={{json.data.id}}">Dossier HANDICAP</a>
+  {% endif %}
+{% endif %}
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/liste-des-dossiers.html

@@ -0,0 +1,9 @@
+{% load combo %}
+{% if json.data %}
+
+<h2>Mes dossiers ({{json.data|length}})</h2>
+{% for line in json.data %}
+<p><a href="accueil-dossier-social/?dossier={{line.id}}">{{line.dossier.IDENTIFICATION.0.PRENOM}} {{line.dossier.IDENTIFICATION.0.NOM}}</a></p>
+{% endfor %}
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/menu-des-beneficiaires.html

@@ -0,0 +1,25 @@
+{% load combo %}
+{% if json.data %}
+
+<div>
+{% if json.data|length == 1 %}
+<p style="text-align: center;"><a href="dossier-beneficiaire-social/?dossier={{json.data.0.id}}">▶&nbsp;Accéder à mon dossier<br/>{{json.data.0.dossier.IDENTIFICATION.0.PRENOM}} {{json.data.0.dossier.IDENTIFICATION.0.NOM}}</a></p>
+{% else %}
+<h2>Mes dossiers ({{json.data|length}})</h2>
+{% for line in json.data %}
+<p><a href="dossier-beneficiaire-social/?dossier={{line.id}}">▶&nbsp;{{line.dossier.IDENTIFICATION.0.PRENOM}} {{line.dossier.IDENTIFICATION.0.NOM}}</a></p>
+{% endfor %}
+{% endif %}
+</div>
+{% endif %}
+
+<div>
+{% if json.data|length == 1 %}
+<p style="text-align: center;"><a href="{{ eservices_url }}social/supprimer-un-beneficiaire-pre-prod/?cancelurl={{ portal_url }}social-preprod/">⏏&nbsp;D&eacute;sappairer mon dossier</a></p>
+{% elif json.data|length > 1%}
+<h2>Enlever un dossier de mon compte</h2>
+<p><a href="{{ eservices_url }}social/supprimer-un-beneficiaire-pre-prod/?cancelurl={{ portal_url }}social-preprod/">⏏&nbsp;D&eacute;sappairer un dossier</a></p><br/>
+{% endif %}
+</div>
+
+{% if json.data %}<hr/>{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/sous-dossier-autonomie.html

@@ -0,0 +1,68 @@
+{% load combo %}
+
+{% if json.data %}
+
+<h1>Dossier Autonomie : {% if json.data.dossier.IDENTIFICATION.0.PRENOM %}{{json.data.dossier.IDENTIFICATION.0.PRENOM}}{% endif %} {% if json.data.dossier.IDENTIFICATION.0.NOM %}{{json.data.dossier.IDENTIFICATION.0.NOM}}{% endif %}</h1>
+
+{% if json.data.dossier.DEMANDES.AD %}
+
+<h2>Mes demandes</h2>
+
+<p>État d'avancement de vos demandes à ce jour.</p>
+
+ <table class="pk-data-table pk-table-headers pk-table-borders pk-table-center pk-table-zebra">
+  <tr>
+    <th>Réception de la demande</th>
+    <th>Objet</th>
+    <th>État</th>
+    <th>Étape d'avancement</th>
+    <th>En savoir +</th>
+  </tr>
+
+
+{% for demande in json.data.dossier.DEMANDES.AD %}
+
+  <tr>
+    <td>{{demande.DT_DMD}}</td>
+    <td>{{demande.TYPE_MESURE}}</td>
+    <td>{{demande.ETAPE}}</td>
+    <td>{% for etape in demande.LISTE_ETAPES %}{% if etape.A_SURLIGNER == 'O' %}{{etape.CATEGORIE}}{% endif %}{% endfor %}</td>
+    <td><a href="detail-demande-social-ad/?dossier={{json.data.id}}&demande={{demande.ID_MES}}">+</a></td>
+  </tr>
+
+{% endfor %}
+</table>
+
+{% endif %}
+
+
+{% if json.data.dossier.DROITS.AD %}
+
+<h2>Mes droits</h2>
+
+<p>Droits en cours.</p>
+
+ <table class="pk-data-table pk-table-headers pk-table-borders pk-table-center pk-table-zebra">
+  <tr>
+    <th>Objet</th>
+    <th>Date de début</th>
+    <th>Date de fin</th>
+    <th>Décision</th>
+  </tr>
+
+{% for droit in json.data.dossier.DROITS.AD %}
+
+  <tr>
+    <td>{{droit.LIBELLE}}</td>
+    <td>{{droit.DATE_DEBUT}}</td>
+    <td>{{droit.DATE_FIN}}</td>
+    <td>{{droit.DEC_PREST}}</td>
+  </tr>
+
+{% endfor %}
+
+</table
+{% endif %}
+
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/json/sous-dossier-handicap.html

@@ -0,0 +1,68 @@
+{% load combo %}
+
+{% if json.data %}
+
+<h1>Dossier Handicap : {% if json.data.dossier.IDENTIFICATION.0.PRENOM %}{{json.data.dossier.IDENTIFICATION.0.PRENOM}}{% endif %} {% if json.data.dossier.IDENTIFICATION.0.NOM %}{{json.data.dossier.IDENTIFICATION.0.NOM}}{% endif %}</h1>
+
+{% if json.data.dossier.DEMANDES.PH %}
+
+<h2>Mes demandes</h2>
+
+<p>État d'avancement de vos demandes à ce jour.</p>
+
+ <table class="pk-data-table pk-table-headers pk-table-borders pk-table-center pk-table-zebra">
+  <tr>
+    <th>Réception de la demande</th>
+    <th>Objet</th>
+    <th>État</th>
+    <th>Étape d'avancement</th>
+    <th>En savoir +</th>
+  </tr>
+
+
+{% for demande in json.data.dossier.DEMANDES.PH %}
+
+  <tr>
+    <td>{{demande.DT_DMD}}</td>
+    <td>{{demande.TYPE_MESURE}}</td>
+    <td>{{demande.ETAPE}}</td>
+    <td>{% for etape in demande.LISTE_ETAPES %}{% if etape.A_SURLIGNER == 'O' %}{{etape.CATEGORIE}}{% endif %}{% endfor %}</td>
+    <td><a href="detail-demande-social-ph/?dossier={{json.data.id}}&demande={{demande.ID_MES}}">+</a></td>
+  </tr>
+
+{% endfor %}
+</table>
+
+{% endif %}
+
+
+{% if json.data.dossier.DROITS.PH %}
+
+<h2>Mes droits</h2>
+
+<p>Droits en cours.</p>
+
+ <table class="pk-data-table pk-table-headers pk-table-borders pk-table-center pk-table-zebra">
+  <tr>
+    <th>Objet</th>
+    <th>Date de début</th>
+    <th>Date de fin</th>
+    <th>Décision</th>
+  </tr>
+
+{% for droit in json.data.dossier.DROITS.PH %}
+
+  <tr>
+    <td>{{droit.LIBELLE}}</td>
+    <td>{{droit.DATE_DEBUT}}</td>
+    <td>{{droit.DATE_FIN}}</td>
+    <td>{{droit.DEC_PREST}}</td>
+  </tr>
+
+{% endfor %}
+
+</table
+{% endif %}
+
+
+{% endif %}

templates/variants/alpes-maritimes-2018/combo/page_template_homepage.html

@@ -0,0 +1,37 @@
+{% extends "combo/page_template.html" %}
+{% load combo %}
+
+{% block bodyclasses %}{{ block.super }} homepage{% endblock %}
+
+{% block combo-content %}
+<div class="homepage-container">
+  <div class="homepage-header">
+    {% placeholder "homepage-header" name="En-tête" %}
+  </div>
+  <div class="homepage-intro">
+    {% placeholder "homepage-intro" name="Intro" %}
+  </div>
+  <div class="homepage-suggestions">
+    {% placeholder "homepage-suggestions" name="Suggestions" %}
+  </div>
+  <div class="homepage-events">
+    <div class="events-header">
+      {% placeholder "events-header" name="En-tête des inscriptions et évènements" %}
+    </div>
+    <div class="events">
+      {% placeholder "events" name="Inscriptions et évènements" %}
+    </div>
+  </div>
+  <div class="Content">
+  {% placeholder "content" name="Content" %}
+  </div>
+  <div class="homepage-prefooter">
+    <div class="prefooter-header">
+      {% placeholder "pre-footer-title" name="Titre de l'en-tête du pied de page" %}
+    </div>
+    <div class="homepage-prefooter-body">
+      {% placeholder "pre-footer" name="En-tête du pied de page" %}
+    </div>
+  </div>
+</div>
+{% endblock %}

templates/variants/alpes-maritimes-2018/theme.html

@@ -0,0 +1,7 @@
+{% extends '../../theme.html' %}
+
+{% block header-post %}
+<div class="departement">
+  <a href="{{ departement_url }}"></a>
+</div>
+{% endblock %}

templates/variants/alpes-maritimes-2018/wcs/base.html

@@ -0,0 +1,31 @@
+{% extends theme_base %}
+{% load static %}
+
+{% block extra-top-head %}
+{{script|safe}}
+<script src="{% static 'dataview.js' %}"></script>
+{% endblock %}
+
+{% block extra-body-class %}
+{{ block.super }}
+{% if form_slug %}
+  {% if category_slug %}formdef-category-{{category_slug}}{% endif %}
+  formdef-{{form_slug}}
+{% endif %}
+{% endblock %}
+
+{% block placeholder-content %}
+  {% block content %}
+    <div id="{{bigdiv|default:'rub_service'}}" class="{% if gauche %}has-sidebox{% endif %}">
+    {% if title %}<h2>{{ title }}</h2>{% endif %}
+    {% if gauche %}
+      <div id="gauche">
+        {{ gauche|safe }}
+      </div>
+    {% endif %}
+    {% block body %}
+    {{ body|safe }}
+    {% endblock %}
+    </div>
+  {% endblock %}
+{% endblock %}