commit 77c81dc4d39298af5c458d5a73c54e52d35bcceb
Author: Emmanuel Cazenave <ecazenave@entrouvert.com>
Date:   Tue Nov 27 19:52:14 2018 +0100

    start rouen-publik-theme

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2e223a9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,21 @@
+/sdist/
+/static/*/style.css
+/static/*/style.css.map
+/static/minint/css/styles.css
+/static/minint/css/styles.css.map
+/src/tmp-*.svg
+.sass-cache
+/static/*/_data_uris.scss
+/static/grandlyon/img/
+/static/grandlyon-gnm/img/signalement/*.png
+/static/orleans/img/
+/static/publik/img/
+/static/somme-cd80/img/
+/static/tournai/img/
+/static/chateauroux/img/
+/debian/publik-base-theme/
+/debian/publik-base-theme.substvars
+/debian/publik-base-theme.debhelper.log
+/debian/.debhelper/
+*.patch
+*~
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..9c5b854
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "publik-base-theme"]
+	path = publik-base-theme
+	url = https://git.entrouvert.org/publik-base-theme.git
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..6a92bc9
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,47 @@
+VERSION=`git describe | sed 's/^v//; s/-/./g' `
+NAME="rouen-publik-theme"
+
+prefix = /usr
+
+all: css
+
+publik-base-theme/static/includes/_data_uris.scss: $(wildcard publik-base-theme/static/includes/img/*)
+	cd publik-base-theme
+	python make_data_uris.py static/includes/
+
+css: publik-base-theme/static/includes/_data_uris.scss
+	cd static/rouen/ && sass style.scss:style.css
+	rm -rf static/*/.sass-cache/
+
+clean:
+	rm -rf sdist publik-base-theme/static/includes/_data_uris.scss
+
+DIST_FILES = \
+	Makefile static\
+	templates themes.json \
+	publik-base-theme
+
+dist: clean
+	-mkdir sdist
+	rm -rf sdist/$(NAME)-$(VERSION)
+	mkdir -p sdist/$(NAME)-$(VERSION)
+	for i in $(DIST_FILES); do \
+		cp -R "$$i" sdist/$(NAME)-$(VERSION); \
+	done
+
+install:
+	mkdir -p $(DESTDIR)$(prefix)/share/publik/themes/rouen
+	cp -r static templates themes.json $(DESTDIR)$(prefix)/share/publik/themes/rouen
+
+dist-bzip2: dist
+	-mkdir sdist
+	cd sdist && tar cfj ../sdist/$(NAME)-$(VERSION).tar.bz2 $(NAME)-$(VERSION)
+
+version:
+	@(echo $(VERSION))
+
+name:
+	@(echo $(NAME))
+
+fullname:
+	@(echo $(NAME)-$(VERSION))
diff --git a/publik-base-theme b/publik-base-theme
new file mode 160000
index 0000000..77fa333
--- /dev/null
+++ b/publik-base-theme
@@ -0,0 +1 @@
+Subproject commit 77fa333633022c9b9e08d220a81384096f55c556
diff --git a/static/rouen/README b/static/rouen/README
new file mode 100644
index 0000000..2999166
--- /dev/null
+++ b/static/rouen/README
@@ -0,0 +1,4 @@
+This theme is derived from the rouen.fr theme, created by Rouen, Direction de
+la Communication et des Relations Publiques.
+
+Its design is *not* covered by the GNU Affero General Public License.
diff --git a/static/rouen/_custom.scss b/static/rouen/_custom.scss
new file mode 100644
index 0000000..153d9d2
--- /dev/null
+++ b/static/rouen/_custom.scss
@@ -0,0 +1,434 @@
+@import '../../publik-base-theme/static/includes/font-roboto';
+
+
+@font-face {
+	font-family: 'MarsIcons';
+	src: url('fonts/marsicons12.ttf') format('truetype'),
+	url('fonts/marsicons12.woff') format('woff'),
+	url('fonts/marsicons12.woff2') format('woff2');
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+h1, h2, h3, h4, div.textcell h3, div.textcell h4 {
+	font-weight: bold;
+	line-height: 1.5em;
+	margin-bottom: 0.6em;
+	margin-top: 1em;
+}
+
+h1 {
+	color: $red;
+	font-size: 237%;
+}
+
+h2 {
+	color: $red;
+	font-size: 187%;
+}
+
+h3 {
+	color: $link-color;
+	font-size: 162%;
+}
+
+h4 {
+	font-size: 137%;
+}
+
+h1#logo a {
+	background: url(img/logo.png) no-repeat left bottom;
+	background-size: contain;
+	display: block;
+	height: 83px;
+	text-indent: -9999px;
+}
+
+div#nav li {
+	border-right: 0.1em solid #FFF;
+}
+
+@media screen and (max-width: $custom-very-small-screen) {
+	div#footer {
+		margin: 0 1em;
+	}
+}
+
+div#footer > div > div > div {
+	@include flexbox();
+	@include vendor-prefix(flex-wrap, wrap);
+	@media screen and (max-width: $custom-very-small-screen) {
+		@include vendor-prefix(flex-direction, column);
+	}
+}
+
+div#footer div#footer-logos {
+	@include flex(1);
+	@media screen and (max-width: $custom-very-small-screen) {
+		flex-basis: auto;
+	}
+	background: $primary-color;
+	margin: 0 0.4em 0 0;
+	padding: 2em 0 2em 0;
+	@media screen and (max-width: $custom-very-small-screen) {
+		margin: 0;
+	}
+	ul.menu{
+		list-style: none;
+		margin-left: 0;
+		margin-top: 0;
+		li {
+			font-weight: bold;
+			float: left;
+			line-height: 1.3em;
+			margin-bottom: 0.5em;
+		}
+		li.rs-link a, li.logorouen span {
+			display: block;
+			height: 2.5em;
+			margin-right: 0.8em;
+			overflow: hidden;
+			position: relative;
+		}
+		li.rs-link a {
+			width: 2.5em;
+		}
+		li.logorouen span {
+			width: 9.110em;
+			&::after {
+				background-image: url(img/logo-h.svg);
+			}
+		}
+		li.rs-link a::after, li.logorouen span::after {
+			background-size: 100% 100%;
+			background-repeat: no-repeat;
+			content: ' ';
+			height: 100%;
+			left: 0;
+			position: absolute;
+			top: 0;
+			width: 100%;
+		}
+
+		li.rs-facebook a::after {
+			background-image: url(img/rs-facebook.svg);
+		}
+		li.rs-twitter a::after {
+			background-image: url(img/rs-twitter.svg);
+		}
+		li.rs-googleplus a::after {
+			background-image: url(img/rs-googleplus.svg);
+		}
+		li.rs-youtube a::after {
+			background-image: url(img/rs-youtube.svg);
+		}
+		li.rs-flickr a::after {
+			background-image: url(img/rs-flickr.svg);
+		}
+	}
+}
+
+div#footer div#footer-content {
+	@include flex(3);
+	@media screen and (max-width: $custom-very-small-screen) {
+		flex-basis: auto;
+	}
+	background: $primary-color;
+	padding: 2em 2em 2em 2em;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	ul.menu {
+		border: 0;
+		font-size: 100%;
+		margin-top: 0;
+		margin-left: 0;
+		list-style: none;
+		padding: 0;
+		li {
+			display: inline;
+			font-weight: bold;
+			line-height: 1.6em;
+			margin-bottom: 0;
+			a {
+				border-bottom: none;
+				color: $black;
+			}
+		}
+		li::after {
+			color: $black;
+			content: $icon-mars-bullet;
+			font-family: MarsIcons;
+		}
+		li:last-child::after {
+			display: none;
+		}
+	}
+}
+
+div#rub_service h2 {
+	color: #C64A59;
+	font-size: 237%;
+	padding-left: 0;
+	text-align: left;
+}
+
+button {
+	font-weight: bold;
+}
+
+%icon-common {
+	font-family: MarsIcons;
+	font-size: 200%;
+	margin-right: 0.2em;
+	vertical-align: middle;
+}
+
+div.RadiobuttonsWidget div.content label {
+	display: block;
+	& input[type="radio"] {
+		display: none;
+		& + span::before {
+			@extend %icon-common;
+			content: $icon-mars-circle;
+		}
+		&:checked + span::before {
+			content: $icon-mars-circle-dotted;
+		}
+	}
+}
+
+div.CheckboxWidget div.content label,
+div.CheckboxesWidget div.content label {
+	display: block;
+	& input[type="checkbox"] {
+		left: -99999999px;
+		position: absolute;
+		& + span::before {
+			@extend %icon-common;
+			content: $icon-mars-square;
+		}
+		&:checked + span::before {
+			content: $icon-mars-square-checked;
+		}
+	}
+}
+
+%border-style {
+	border: 1px solid #2D2D2D;
+}
+
+select {
+	@extend %border-style;
+}
+
+input[type=text], input[type=password], input[type=email], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], textarea {
+	@extend %border-style;
+	background-color: #FFF;
+	display: inline-block;
+	font-size: 100%;
+	padding: 0.7em 1em;
+	-webkit-appearance: none;
+}
+
+form.quixote div.title label{
+	display: block;
+	font-weight: bold;
+	font-size: 122%;
+	margin-bottom: 0.5em;
+}
+
+div#content div.SubmitWidget {
+	button[name=submit][value=Suivant], button[name=submit][value=Valider], button[name=previous] {
+		background-color: $primary-color;
+		background-repeat: no-repeat;
+		background-position: right;
+		background-size: auto 100%;
+		border: none;
+		cursor: pointer;
+		padding-right: 3.5em;
+		&[name=submit][value=Suivant] {
+			background-image: url(img/avant.svg);
+		}
+		&[name=submit][value=Valider] {
+			background-image: url(img/valider.svg);
+		}
+		&[name=previous] {
+			background-image: url(img/retour.svg);
+		}
+	}
+}
+
+div#nav #nav-button.toggled + ul li {
+	border-bottom: 0.1em solid $white;
+	text-align: center;
+	a {
+		padding-left: 0;
+		span {
+			font-weight: 400;
+		}
+	}
+}
+
+div#toplinks {
+	border: none;
+	border-radius: 0;
+	box-shadow: none;
+	margin-top: 0.5em;
+	padding: 0;
+	right: 0.2em;
+	a.login,a.logout {
+		@include flexbox();
+		@include vendor-prefix(justify-content, flex-end);
+		div.logtext {
+			background: $primary-color;
+			color: $black;
+			font-size: 122%;
+			font-weight: 700;
+			height: 2em;
+			padding: 0 0.5em;
+			text-align: center;
+			line-height: 2em;
+		}
+		div.logicon {
+			background-color: $black;
+			background-image: url(img/picto_btn_connexion.svg);
+			background-position: center;
+			background-repeat: no-repeat;
+			background-size: 70%;
+			content: "";
+			width: 2em;
+		}
+	}
+	a.registration {
+		@include flexbox();
+		@include vendor-prefix(justify-content, flex-end);
+		color: $red;
+		font-weight: 500;
+		margin-top: 0.4em;
+		span.pre-register {
+			color: $light-black;
+			margin-right: 0.2em;
+		}
+		span.register {
+			text-decoration: underline;
+		}
+	}
+}
+
+div#gauche {
+	clear: both;
+	width: auto;
+	float: none;
+}
+
+div#gauche + div#rub_service {
+	width: auto;
+	float: none;
+}
+
+div#tracking-code {
+	text-align: center;
+	h3 {
+		margin: 0;
+		padding: 0;
+		@media screen and (max-width: $mobile-limit) {
+			padding-right: 1ex;
+		}
+	}
+	a {
+		padding: 0;
+	}
+	margin-bottom: 2rem;
+	@media screen and (max-width: $mobile-limit) {
+		order: 0;
+		margin-bottom: 0;
+	}
+}
+
+div#steps ol {
+	display: -ms-flexbox;
+	display: flex;
+	li {
+		position: relative;
+		-ms-flex: 1;
+		flex: 1;
+		padding: 0;
+		text-transform: uppercase;
+		color: $primary-color;
+		font-size: 24px;
+		margin-bottom: 0;
+		border: none;
+		min-width: 30px;
+		min-height: 40px;
+		&::after {
+			content: '';
+			height: 5px;
+			width: 100%;
+			display: block;
+			position: absolute;
+			left: 0;
+			bottom: 5px;
+			background: #9b9b9b;
+			@media screen and (max-width: $mobile-limit) {
+				bottom: 15px;
+			}
+		}
+		&:first-child::after {
+			left: 50%;
+			width: 50%;
+		}
+		&:last-child::after {
+			right: 50%;
+			width: 50%;
+		}
+		span.marker {
+			position: absolute;
+			bottom: 0;
+			overflow: hidden;
+			left: 50%;
+			text-indent: -1000px;
+			border: none;
+			color: $primary-color;
+			background: white;
+			width: 15px;
+			height: 15px;
+			box-shadow: 0 0 0 5px #9b9b9b;
+			border-radius: 10px;
+			z-index: 100;
+			@media screen and (max-width: $mobile-limit) {
+				padding: 0;
+				bottom: 10px;
+			}
+		}
+		span.label {
+			display: block;
+			width: 100%;
+			text-align: center;
+			font-size: $font-size;
+			padding-right: 0;
+			text-transform: none;
+			color: #9b9b9b;
+			padding-bottom: 30px;
+			@media screen and (max-width: $mobile-limit) {
+				display: none;
+			}
+		}
+		&.current {
+			span.marker {
+				background: $primary-color;
+				box-shadow: 0 0 0 5px $primary-color;
+				@media screen and (max-width: $mobile-limit) {
+					border-radius: 10px;
+				}
+			}
+		}
+		&.step-before {
+			span.marker {
+				background: #9b9b9b;
+			}
+		}
+	}
+}
diff --git a/static/rouen/_vars.scss b/static/rouen/_vars.scss
new file mode 100644
index 0000000..8d65d56
--- /dev/null
+++ b/static/rouen/_vars.scss
@@ -0,0 +1,32 @@
+$black: #000;
+$light-black: #333;
+$pale-primary-color: #F4A7AA;
+$primary-color: #EE787C;
+$red: #C64A59;
+$white: #FFF;
+
+$button-background: $primary-color;
+$button-border-radius: unset;
+$cell-border: none;
+$font-color: $black;
+$font-family: Roboto, sans-serif;
+$font-size: 18px;
+$footer-background: #FFFFFF;
+$icon-fa-circle: "\f111";
+$icon-mars-bullet: "\e05c";
+$icon-mars-circle: "\e02f";
+$icon-mars-circle-dotted: "\e030";
+$icon-mars-square: "\e02d";
+$icon-mars-square-checked: "\e02e";
+$link-color: #198468;
+$mobile-limit: 800px;
+$nav-background: $primary-color;
+$nav-border-color: $white;
+$nav-button-background: $black;
+$nav-item-selected-background: #2D2D2D;
+$nav-mobile-menu-background: $pale-primary-color;
+$sidebar-width: 240px;
+$steps-color: #9B9B9B;
+$title-weight: bold;
+$width: 1243.97px;
+$custom-very-small-screen: 480px;
diff --git a/static/rouen/fonts/marsicons12.ttf b/static/rouen/fonts/marsicons12.ttf
new file mode 100644
index 0000000..55be038
Binary files /dev/null and b/static/rouen/fonts/marsicons12.ttf differ
diff --git a/static/rouen/fonts/marsicons12.woff b/static/rouen/fonts/marsicons12.woff
new file mode 100644
index 0000000..6bc87a0
Binary files /dev/null and b/static/rouen/fonts/marsicons12.woff differ
diff --git a/static/rouen/fonts/marsicons12.woff2 b/static/rouen/fonts/marsicons12.woff2
new file mode 100644
index 0000000..b922db0
Binary files /dev/null and b/static/rouen/fonts/marsicons12.woff2 differ
diff --git a/static/rouen/img/avant.svg b/static/rouen/img/avant.svg
new file mode 100644
index 0000000..857ced5
--- /dev/null
+++ b/static/rouen/img/avant.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0,0v16h16V0H0z M12.476,8.141c-0.016,0.047-0.047,0.086-0.094,0.117l-2.25,2.25c-0.172,0.188-0.348,0.191-0.527,0.012s-0.176-0.355,0.012-0.527l1.594-1.617H3.875c-0.109,0-0.199-0.035-0.27-0.105S3.5,8.109,3.5,8s0-0.164,0-0.164S3.535,7.801,3.606,7.73s0.16-0.105,0.27-0.105h7.335L9.617,6.008C9.429,5.836,9.426,5.66,9.605,5.48s0.355-0.176,0.527,0.012l2.25,2.25c0.047,0.031,0.078,0.07,0.094,0.117S12.5,7.953,12.5,8S12.492,8.094,12.476,8.141z"/></svg>
diff --git a/static/rouen/img/logo-h.svg b/static/rouen/img/logo-h.svg
new file mode 100644
index 0000000..37a2374
--- /dev/null
+++ b/static/rouen/img/logo-h.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="236" width="860" version="1.1" viewBox="0 0 860.00002 235.89843"><g transform="matrix(1.25 0 0 -1.25 0 -.183)"><path d="m0 0v-189h114v189h-114z" fill="#bf2329"/></g><path d="m142 236h718v-236h-718v236z" fill="#2350a9"/><g transform="matrix(1.25 0 0 -1.25 255 172)"><path fill="#fff" d="m0 0c-10.1 0-14.9 9.84-14.9 31 0 21.1 4.73 31 14.9 31s14.9-9.8 14.9-31-4.7-31-14.9-31m0 68.4c-21.6 0-32.1-12.2-32.1-37.4s10.5-37.4 32.1-37.4 32.1 12.2 32.1 37.4-10.5 37.4-32.1 37.4"/></g><g transform="matrix(1.25 0 0 -1.25 386 87.3)"><path fill="#fff" d="m0 0-26.4-3.75v-4.51h0.59c5.05 0 10.4-0.901 10.4-11.6v-19.5c0-9.58-8.51-24.8-15.6-24.8-7.48 0-10.6 3.18-10.6 22.9v41.5l-27.1-3.85v-4.51h0.582c5.06 0 10.5-0.901 10.5-11.6v-33.9c0-10.9 2.45-21 20.2-21 12.5 0 18.9 10.8 22.1 16.8v-15.2h27.1v4.5h-0.582c-5.06 0-10.5 0.9-10.5 11.6v57.1l-0.7-0.1z"/></g><g transform="matrix(1.25 0 0 -1.25 524 87.3)"><path fill="#fff" d="m0 0-26.4-3.75v-4.51h0.588c5.05 0 10.5-0.901 10.5-11.6v-36c0-10.1-2.15-12.7-10.5-12.7h-0.588v-4.6h38.1v4.6h-0.584c-8.31 0-10.5 2.61-10.5 12.7v20.5c0 9.59 9.48 24.8 17.4 24.8 6.22 0 8.83-3.18 8.83-22.9v-22.5c0-10.1-2.15-12.7-10.5-12.7h-0.581v-4.6h38.1v4.6h-0.573c-8.31 0-10.5 2.61-10.5 12.7v35c0 10.9-2.22 21-18.4 21-13.6 0-20.5-10.9-23.9-17v17h-0.4z"/></g><g transform="matrix(1.25 0 0 -1.25 428 121)"><path fill="#fff" d="m0 0c0 7.75 0.9 20.8 13.5 20.8 11.6 0 11.9-9.64 12-20.8h-25.5zm41.6-6.89c0.983 23.5-7.74 34.2-27.5 34.2-20.5 0-31.3-12.1-31.3-34.9 0-25.3 13.4-39.9 36.6-39.9 10 0 17.9 3.01 20.5 4.01l0.386 0.156v6.82l-0.8-0.3c-4.5-1.8-8.9-2.6-13.3-2.6-19.1 0-26.2 19.6-26.2 31.9h41.6v0.609z"/></g><g transform="matrix(1.25 0 0 -1.25 154 109)"><path fill="#fff" d="m0 0h-8.76v28.8c0 8.6 0.784 10.5 9.06 10.5 14.5 0 21.2-6.4 21.2-20.1 0-12.9-7-19.2-21.5-19.2m68.8-72.6c-21.5 0-36.5 35-36.5 35s-13 29.5-15.3 31.6c14.8 2.74 23.2 7.22 23.2 27.2 0 23.8-27.9 26.4-39.9 26.4h-39.6-0.62v-5.04h0.62c10.6 0 12.4-2.05 12.4-13.7v-66c0-11.6-1.87-13.7-12.4-13.7h-0.62v-5.07h44.2v5.07h-0.609c-10.6 0-12.4 2.04-12.4 13.7v28.9c1.02 0 7.41-0.043 7.39 0 3.44-2.38 12.4-27.6 23.4-47 11.1-19.7 26.5-24.6 33.8-24.6 10.2 0 14.5 4.02 14.5 4.02l-0.952 3.29h-0.606z"/></g><g transform="matrix(1.25 0 0 -1.25 815 121)"><path fill="#f9a70d" d="m0 0c-0.063 0.178-16.7-24.9-25.7-35.6-13.3-19.2-27.8-38-42-56.8h8.62c8.6 12.1 21.4 27.3 24.9 32.1 5.99 8.43 13.1 14.1 24 19.3 5.37 2.57 25.2 4.91 46 6.72v7.47c-4-0.141-6.95-0.235-8.17-0.264-9.11-0.225-27.5-2.67-39.9-2.67l-2.87-0.092c11 14.3 21.4 28.7 23.4 31.4 9.8 2.91 18.8 2.96 27.5 1.75v7.22c-9.76 1.29-20.1 1.2-32.4-2.16 0.028 0.01 6.8 7.34 6.86 7.34 2.8 2.22 16.3 1.81 16.3 1.81s5.56 9.63 5.72 9.63c-1.59 4.61-10.8 2.48-10.8 2.48s4.67 9.34 9.82 10.1c1.18 0.07 2.87 0.084 4.54 0.074v23.2c-19-26.2-49.3-66.3-49.3-66.3s9.08 3.41 13.5 3.16"/></g><g transform="matrix(1.25 0 0 -1.25 670 91.3)"><path fill="#f9a70d" d="m0 0v1.16c-9.93-0.578-14.4 8.22-16.5 13 2.71 2.42 14.7 8.2 23 0.294 11.9 31.3 43.8 20.3 48.3 16.6 9.87-6.67 12-19 11.1-30.9 0-8.32 8.48-15.3 6.06-24.1-1.82-5.37-8.67-16.7-25.7-14.1-14.6 4.06-24.6 15.1-33.6 28.2 0 0-0.486 0.584-1.17 0.191-0.683-0.393-0.552-1.56-0.38-2.32 11.5-33.1 47.7-48.4 69.7-46.9 1.79 2.38 3.64 4.93 4.42 6.15-1.28 0.103-22.5-2.65-29.4 8.04-2.13 3.39 4.21 0.393 10.7 3.49 12.7 6.36 14.1 20.8 11.9 26.5-1.68 4.27-6.86 14.3-5.61 22.9 9.25 4.36 12.5 13.7 9.29 16.5-5.51 1.94-12 1.46-16.7 5.33-9.57 14.6-50.4 18-64.5-5.8-4.55 1.55-19 2.42-25.7-8.13 0.855-10.3 8.11-17.5 13.2-20.9-8.96-22.2-13.8-73.4 6.66-111h12.8c-23.9 30.4-28.5 82.3-7.86 116"/></g><g transform="matrix(1.25 0 0 -1.25 716 96.1)"><path fill="#f9a70d" d="m0 0c1.64 0.486 4.65-0.098 4.45 2.32-4.06 8.08-12.8 12.7-21.6 11.9-0.7-0.1-1.9-1-1.6-1.8 2.4-8.34 11.3-11.2 18.8-12.4"/></g></svg>
diff --git a/static/rouen/img/logo.png b/static/rouen/img/logo.png
new file mode 100644
index 0000000..b6604cb
Binary files /dev/null and b/static/rouen/img/logo.png differ
diff --git a/static/rouen/img/picto_btn_connexion.svg b/static/rouen/img/picto_btn_connexion.svg
new file mode 100644
index 0000000..f34ed2d
--- /dev/null
+++ b/static/rouen/img/picto_btn_connexion.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="516.4px" height="516.4px" viewBox="-39 162.5 516.4 516.4" style="enable-background:new -39 162.5 516.4 516.4;"
+	 xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EE787C;}
+</style>
+<g>
+	<path class="st0" d="M137.9,225.8c-44.9,44.9-44.9,117.6,0,162.5c9.6,9.6,21,17.2,33.5,23.9l0,200.8l47.8,47.8L267,613l-28.7-28.7
+		l28.7-28.7L238.3,527l28.7-28.7v-86c11.5-5.7,22.9-13.4,33.5-23.9c44.9-44.9,44.9-117.6,0-162.5S182.9,180.9,137.9,225.8z
+		 M247.9,288c-16.3,16.3-41.1,16.3-57.4,0c-16.3-16.3-16.3-41.1,0-57.4s41.1-16.3,57.4,0S264.1,271.7,247.9,288z"/>
+</g>
+</svg>
diff --git a/static/rouen/img/retour.svg b/static/rouen/img/retour.svg
new file mode 100644
index 0000000..8961301
--- /dev/null
+++ b/static/rouen/img/retour.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0,0v16h16V0H0z M12.621,10.745c-0.209,0-0.379-0.169-0.379-0.379c0-2.401-1.953-4.354-4.354-4.354c-1.535,0-2.916,0.792-3.704,2.082H5.65c0.209,0,0.379,0.169,0.379,0.379c0,0.209-0.169,0.379-0.379,0.379H3.379C3.169,8.852,3,8.682,3,8.473v-2.65c0-0.209,0.169-0.379,0.379-0.379c0.209,0,0.379,0.169,0.379,0.379v1.545c0.951-1.318,2.464-2.113,4.132-2.113c2.818,0,5.111,2.293,5.111,5.111C13,10.575,12.831,10.745,12.621,10.745z"/></svg>
diff --git a/static/rouen/img/rs-facebook.svg b/static/rouen/img/rs-facebook.svg
new file mode 100644
index 0000000..4afa969
--- /dev/null
+++ b/static/rouen/img/rs-facebook.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#3466a3"/><path fill="#fff" d="m19.8 37s-0.021-10.1 0.013-13.5c0.007-0.684-0.121-0.96-0.876-0.912-1.13 0.072-2.27-0.009-3.4 0.031-0.518 0.018-0.605-0.185-0.597-0.639 0.024-1.43 0.026-2.86 0-4.29-0.009-0.471 0.114-0.647 0.613-0.633 1.21 0.033 2.42-0.009 3.63 0.02 0.489 0.012 0.627-0.155 0.633-0.636 0.02-1.75-0.174-3.51 0.138-5.25 0.609-3.38 2.87-5.39 6.28-5.61 1.53-0.101 3.06 0.036 4.59 0.124 0.347 0.02 0.465 0.157 0.462 0.5-0.013 1.36-0.02 2.72 0.003 4.07 0.007 0.416-0.165 0.488-0.525 0.481-0.913-0.017-1.83-0.022-2.74 0.004-1.63 0.046-2.36 0.731-2.43 2.35-0.052 1.13-0.002 2.27-0.033 3.4-0.014 0.489 0.217 0.566 0.629 0.561 1.41-0.016 2.81 0.015 4.22-0.017 0.519-0.012 0.681 0.105 0.595 0.656-0.228 1.46-0.412 2.93-0.573 4.4-0.046 0.423-0.213 0.512-0.601 0.506-1.23-0.022-2.47 0.006-3.7-0.015-0.404-0.007-0.569 0.1-0.567 0.534 0.013 4.52 0.013 13.9 0.013 13.9h-5.77z"/></svg>
diff --git a/static/rouen/img/rs-flickr.svg b/static/rouen/img/rs-flickr.svg
new file mode 100644
index 0000000..c267802
--- /dev/null
+++ b/static/rouen/img/rs-flickr.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#fff"/><path fill="#df408e" d="m30.4 18.5c0 2.89-2.34 5.23-5.22 5.23-2.89 0-5.23-2.34-5.23-5.23s2.34-5.23 5.23-5.23c2.89-0.001 5.22 2.34 5.22 5.23z"/><path fill="#396db3" d="m17.1 18.5c0 2.89-2.34 5.23-5.23 5.23s-5.22-2.34-5.22-5.23 2.34-5.23 5.22-5.23c2.89-0.001 5.23 2.34 5.23 5.23z"/></svg>
diff --git a/static/rouen/img/rs-googleplus.svg b/static/rouen/img/rs-googleplus.svg
new file mode 100644
index 0000000..3143143
--- /dev/null
+++ b/static/rouen/img/rs-googleplus.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#fff"/><polygon points="140 36.8 140 38.6 142 38.6 142 40.5 144 40.5 144 38.6 146 38.6 146 36.8 144 36.8 144 34.9 142 34.9 142 36.8" fill="#dc4e40" transform="translate(-117 -19.2)"/><path d="m21.2 19.5c0.044-0.301 0.074-0.606 0.074-0.918 0-0.317-0.024-0.634-0.07-0.943l-0.013 0.002h-6.25v1.98h4.03c-0.464 1.8-2.09 3.13-4.03 3.13-2.3 0-4.17-1.87-4.17-4.17s1.87-4.17 4.17-4.17c0.973 0 1.88 0.324 2.64 0.938l1.37-1.68c-1.13-0.919-2.55-1.43-4-1.43-3.49 0-6.33 2.84-6.33 6.33s2.84 6.33 6.33 6.33c3.14 0 5.74-2.3 6.24-5.29h0.019v-0.125z" fill="#dc4e40"/></svg>
diff --git a/static/rouen/img/rs-twitter.svg b/static/rouen/img/rs-twitter.svg
new file mode 100644
index 0000000..a8949d9
--- /dev/null
+++ b/static/rouen/img/rs-twitter.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#5fa6db"/><path d="m30.4 8.6c-0.396 1.2-1.07 1.98-2.02 2.69 0.984 0.016 1.74-0.374 2.65-0.603-0.546 0.864-1.15 1.53-1.87 2.07-0.46 0.35-0.6 0.729-0.622 1.3-0.207 5.55-2.57 9.93-7.44 12.7-4.87 2.72-9.83 2.42-14.7-0.354 2.6 0.049 4.99-0.557 7.21-2.23-1.03-0.128-1.86-0.361-2.61-0.848-0.85-0.554-1.48-1.29-1.91-2.21-0.161-0.345-0.212-0.564 0.31-0.477 0.489 0.082 0.98 0.043 1.55-0.147-0.397-0.173-0.735-0.291-1.05-0.46-1.64-0.885-2.59-2.24-2.79-4.1-0.041-0.384 0.043-0.509 0.436-0.327 0.467 0.217 0.968 0.337 1.52 0.41 0.011-0.346-0.281-0.453-0.447-0.631-1.49-1.6-1.85-3.44-1.14-5.48 0.252-0.733 0.323-0.734 0.817-0.19 2.36 2.6 5.29 4.16 8.76 4.7 0.219 0.034 0.445 0.029 0.662 0.068 0.505 0.091 0.61-0.107 0.589-0.602-0.123-2.94 1.44-4.99 4.3-5.6 1.53-0.327 2.88 0.19 4.06 1.14 0.424 0.342 0.788 0.405 1.28 0.251 0.78-0.247 1.53-0.549 2.44-1.02z" fill="#fff"/></svg>
diff --git a/static/rouen/img/rs-youtube.svg b/static/rouen/img/rs-youtube.svg
new file mode 100644
index 0000000..ca27f2b
--- /dev/null
+++ b/static/rouen/img/rs-youtube.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#ca221f"/><path fill="#eeeded" d="m30 12.6c-0.668-1.69-2.04-2.15-3.71-2.22-2.68-0.123-5.36-0.186-8.04-0.184-2.68-0.002-5.36 0.061-8.04 0.184-1.66 0.077-3.04 0.535-3.71 2.22-0.555 1.94-0.517 3.94-0.586 5.93v0.002c0.069 1.99 0.031 3.99 0.586 5.93 0.667 1.69 2.04 2.15 3.71 2.22 2.68 0.123 5.36 0.186 8.04 0.184 2.68 0.002 5.36-0.061 8.04-0.184 1.66-0.077 3.04-0.535 3.71-2.22 0.555-1.94 0.517-3.94 0.586-5.93v-0.002c-0.069-1.99-0.031-3.99-0.586-5.93zm-11.7 7.61-2.5 1.42v-6.87l2.5 1.28 3.87 1.98-3.87 2.2z"/><polygon points="16 14.8 22 18.4 22 18" fill="#911b1c"/></svg>
diff --git a/static/rouen/img/valider.svg b/static/rouen/img/valider.svg
new file mode 100644
index 0000000..35edff6
--- /dev/null
+++ b/static/rouen/img/valider.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0,0v16h16V0H0z M11.252,5.352l-3.601,5.769c-0.013,0.025-0.022,0.041-0.028,0.047c-0.006,0.006-0.028,0.022-0.066,0.047l-0.019,0.019C7.5,11.259,7.456,11.278,7.406,11.29c-0.013,0-0.025,0-0.038,0c-0.025,0.013-0.057,0.013-0.094,0c-0.025,0-0.05,0-0.075,0c-0.013-0.013-0.038-0.025-0.075-0.038c-0.025-0.013-0.044-0.019-0.057-0.019c-0.013-0.013-0.022-0.022-0.028-0.028s-0.009-0.009-0.009-0.009L4.823,9.047C4.735,8.971,4.688,8.874,4.682,8.755C4.675,8.635,4.713,8.531,4.795,8.443c0.082-0.088,0.179-0.132,0.292-0.132s0.214,0.038,0.302,0.113l1.829,1.791l3.337-5.335c0.063-0.088,0.151-0.145,0.264-0.17c0.113-0.025,0.217-0.006,0.311,0.057c0.094,0.063,0.154,0.151,0.179,0.264S11.315,5.251,11.252,5.352z"/></svg>
diff --git a/static/rouen/style.scss b/static/rouen/style.scss
new file mode 100644
index 0000000..1b85f31
--- /dev/null
+++ b/static/rouen/style.scss
@@ -0,0 +1,6 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../../publik-base-theme/static/includes/publik';
+@import '../../publik-base-theme/static/includes/flexbox_mixins';
+@import 'custom';
diff --git a/themes.json b/themes.json
new file mode 100644
index 0000000..9426533
--- /dev/null
+++ b/themes.json
@@ -0,0 +1,10 @@
+[
+  {"id": "rouen",
+   "label": "Rouen",
+   "variables": {
+     "css_variant": "rouen",
+     "no_extra_js": true,
+     "theme_color": "#EE787C"
+   }
+  }
+]