summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--static/css/combo-style.css782
-rw-r--r--static/img/Label2014elu_0.pngbin0 -> 78915 bytes
-rw-r--r--static/img/administration-bg.pngbin0 -> 7828 bytes
-rw-r--r--static/img/administration.pngbin0 -> 3871 bytes
-rw-r--r--static/img/annonces-bg.pngbin0 -> 3419 bytes
-rw-r--r--static/img/annonces.pngbin0 -> 1868 bytes
-rw-r--r--static/img/bi-bg.pngbin0 -> 5497 bytes
-rw-r--r--static/img/bi.pngbin0 -> 2888 bytes
-rw-r--r--static/img/capture-smartphone.pngbin0 -> 17614 bytes
-rw-r--r--static/img/carte.jpgbin0 -> 114308 bytes
-rw-r--r--static/img/carte.pngbin0 -> 1029392 bytes
-rw-r--r--static/img/circuits.jpgbin0 -> 290130 bytes
-rw-r--r--static/img/citoyens.pngbin0 -> 5116 bytes
-rw-r--r--static/img/cms-bg.pngbin0 -> 3816 bytes
-rw-r--r--static/img/cms.pngbin0 -> 2073 bytes
-rw-r--r--static/img/compte-citoyen-bg.pngbin0 -> 3850 bytes
-rw-r--r--static/img/compte-citoyen.pngbin0 -> 2514 bytes
-rw-r--r--static/img/contact.jpgbin0 -> 666988 bytes
-rw-r--r--static/img/data.pngbin0 -> 3219 bytes
-rw-r--r--static/img/demarches-bg.pngbin0 -> 2914 bytes
-rw-r--r--static/img/demarches.pngbin0 -> 1986 bytes
-rw-r--r--static/img/eomap.jpgbin0 -> 571552 bytes
-rw-r--r--static/img/eomap.xcfbin0 -> 1945945 bytes
-rw-r--r--static/img/expert.pngbin0 -> 46722 bytes
-rw-r--r--static/img/fabrique-formulaires-bg.pngbin0 -> 4279 bytes
-rw-r--r--static/img/fabrique-formulaires.pngbin0 -> 2340 bytes
-rw-r--r--static/img/fabrique-workflows-bg.pngbin0 -> 6153 bytes
-rw-r--r--static/img/fabrique-workflows.pngbin0 -> 3255 bytes
-rw-r--r--static/img/federation-identite-bg.pngbin0 -> 8603 bytes
-rw-r--r--static/img/federation-identite.pngbin0 -> 4225 bytes
-rw-r--r--static/img/fontaine.jpgbin0 -> 478389 bytes
-rw-r--r--static/img/fontaine2.jpgbin0 -> 507077 bytes
-rw-r--r--static/img/fontaine3.jpgbin0 -> 508921 bytes
-rw-r--r--static/img/gourou.pngbin0 -> 48683 bytes
-rw-r--r--static/img/guichet-unique-bg.pngbin0 -> 7030 bytes
-rw-r--r--static/img/guichet-unique.pngbin0 -> 3443 bytes
-rw-r--r--static/img/label-montpellier.pngbin0 -> 30115 bytes
-rw-r--r--static/img/label-vincennes.pngbin0 -> 8283 bytes
-rw-r--r--static/img/libre.pngbin0 -> 8067 bytes
-rw-r--r--static/img/logo.pngbin0 -> 11862 bytes
-rw-r--r--static/img/mentions-legales.jpgbin0 -> 324918 bytes
-rw-r--r--static/img/metier.pngbin0 -> 6597 bytes
-rw-r--r--static/img/mobile.pngbin0 -> 1955 bytes
-rw-r--r--static/img/mobilite-bg.pngbin0 -> 3716 bytes
-rw-r--r--static/img/mobilite.pngbin0 -> 1937 bytes
-rw-r--r--static/img/ouvrier.jpgbin0 -> 57924 bytes
-rw-r--r--static/img/parametrage.pngbin0 -> 9406 bytes
-rw-r--r--static/img/porte-document-bg.pngbin0 -> 6379 bytes
-rw-r--r--static/img/porte-document.pngbin0 -> 3330 bytes
-rw-r--r--static/img/references.jpgbin0 -> 74844 bytes
-rw-r--r--static/img/roulettes.pngbin0 -> 7677 bytes
-rw-r--r--static/img/screens.pngbin0 -> 247637 bytes
-rw-r--r--static/img/scripts/credits.py21
-rwxr-xr-xstatic/img/scripts/generate-icons.sh25
-rw-r--r--static/img/scripts/generate.py47
-rw-r--r--static/img/sources/administration.svg66
-rw-r--r--static/img/sources/annonces.svg78
-rw-r--r--static/img/sources/bi.svg14
-rw-r--r--static/img/sources/citoyens.svg39
-rw-r--r--static/img/sources/cms.svg64
-rw-r--r--static/img/sources/compte-citoyen.svg234
-rw-r--r--static/img/sources/data.svg9
-rw-r--r--static/img/sources/demarches.svg147
-rw-r--r--static/img/sources/fabrique-formulaire.svg101
-rw-r--r--static/img/sources/fabrique-formulaires.svg101
-rw-r--r--static/img/sources/fabrique-workflows.svg72
-rw-r--r--static/img/sources/federation-identite.svg66
-rw-r--r--static/img/sources/guichet-unique.svg93
-rw-r--r--static/img/sources/integrations-graphiques/captures/cournonterral.pngbin0 -> 477795 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/fabregues.pngbin0 -> 408277 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/marcoussis.pngbin0 -> 381094 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/meyzieu.pngbin0 -> 343075 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/montpellier.pngbin0 -> 730069 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/sussargues.pngbin0 -> 58087 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/vendargues.pngbin0 -> 128777 bytes
-rw-r--r--static/img/sources/integrations-graphiques/captures/vincennes.pngbin0 -> 596309 bytes
-rw-r--r--static/img/sources/integrations-graphiques/generate.py21
-rw-r--r--static/img/sources/integrations-graphiques/screen-with-capture.svg71
-rw-r--r--static/img/sources/integrations-graphiques/smartphone-with-capture.svg70
-rw-r--r--static/img/sources/integrations-graphiques/t.pngbin0 -> 247637 bytes
-rw-r--r--static/img/sources/libre.svg62
-rw-r--r--static/img/sources/metier.svg32
-rw-r--r--static/img/sources/mobile.svg60
-rw-r--r--static/img/sources/mobilite.svg71
-rw-r--r--static/img/sources/parametrage.svg9
-rw-r--r--static/img/sources/porte-document.svg63
-rw-r--r--static/img/sources/screen.svg10
-rw-r--r--static/img/sources/smartphone.svg3
-rw-r--r--static/img/sources/webservices.svg74
-rw-r--r--static/img/tram.jpgbin0 -> 252857 bytes
-rw-r--r--static/img/vincennes.pngbin0 -> 11759 bytes
-rw-r--r--static/img/webservices-bg.pngbin0 -> 6469 bytes
-rw-r--r--static/img/webservices.pngbin0 -> 3140 bytes
-rw-r--r--static/js/combo.public.js19
-rw-r--r--static/js/jquery.parallax-1.1.3.js69
-rw-r--r--static/js/jquery.scrollTo.js187
-rw-r--r--templates/combo/menu.html13
-rw-r--r--templates/combo/page_template.html60
-rw-r--r--templates/combo/page_template_sidebar.html13
-rw-r--r--templates/combo/placeholder.html9
100 files changed, 2875 insertions, 0 deletions
diff --git a/static/css/combo-style.css b/static/css/combo-style.css
new file mode 100644
index 0000000..7d2a67b
--- /dev/null
+++ b/static/css/combo-style.css
@@ -0,0 +1,782 @@
+html, body {
+ padding: 0;
+ margin: 0;
+ font-family: sans-serif;
+ font-size: 12px;
+ background: white;
+ color: #333;
+}
+
+
+a {
+ color: #008;
+ text-decoration: none;
+ border-bottom: 1px dotted #008
+}
+
+a:hover {
+ border-bottom-style: solid;
+}
+
+.container {
+ position: relative;
+ margin: 0 auto;
+ max-width: 1170px;
+}
+
+#title {
+ margin-left: 10px;
+}
+
+#title a {
+ border: none;
+}
+
+#menu {
+ position: absolute;
+ top: 50px;
+ right: 10px;
+}
+
+#menu ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+#menu ul li {
+ display: inline-block;
+ margin-right: 2em;
+ font-size: 110%;
+}
+
+@media(min-width:1100px) { #menu ul li { font-size: 130%; } }
+
+#menu ul li a {
+ text-decoration: none;
+ color: #33a;
+ border: none;
+}
+
+#menu ul li a:hover {
+ border-bottom: 1px dotted #ccf;
+}
+
+div.textcell.intro {
+ position: relative;
+ width: 100%;
+ max-width: 100%;
+ height: 500px;
+ overflow: hidden;
+ background: url(../img/tram.jpg) no-repeat 50% 60%;
+ background-size: cover;
+ border: none;
+}
+
+div.intro > div {
+ width: 600px;
+ padding: 20px;
+ margin: 0 auto;
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 50px;
+ background: rgba(255, 255, 255, 0.9);
+ border-radius: 3px;
+ font-size: 120%;
+}
+
+@media(max-width: 668px) { div.intro > div { width: 90%; } }
+
+div.textcell ul li {
+ margin-top: 1ex;
+}
+
+div#content {
+ text-align: center;
+}
+
+div.textcell.module-citoyen,
+div.textcell.module-metier,
+div.textcell.module-parametrage {
+ width: 280px; /* TODO: add @media queries */
+ margin: 2em 1em;
+ display: inline-block;
+ text-align: center;
+ border: none;
+}
+
+div.textcell.module-citoyen p,
+div.textcell.module-metier p,
+div.textcell.module-parametrage p {
+ margin: 0;
+}
+
+div.textcell.module-citoyen a,
+div.textcell.module-metier a,
+div.textcell.module-parametrage a {
+ display: block;
+ position: relative;
+ padding: 160px 20px 20px 20px;
+ overflow: none;
+ font-size: 130%;
+ -moz-transition-property: background, padding, top, right;
+ -moz-transition-duration: 0.7s;
+ -moz-transition-timing-function: ease;
+ -webkit-transition-property: background, padding, top, right;
+ -webkit-transition-duration: 0.7s;
+ -webkit-transition-timing-function: ease;
+ text-decoration: none;
+ color: #333;
+ background: rgba(255, 255, 255, 0.5);
+ top: 5px;
+ border: none;
+}
+
+div.textcell.module-citoyen a:hover,
+div.textcell.module-metier a:hover,
+div.textcell.module-parametrage a:hover {
+ background: rgba(255, 255, 255, 0.3);
+ top: 20px;
+ border: none;
+}
+
+div.textcell.module-citoyen {
+ background: url(../img/citoyens.png) no-repeat 50% 50%;
+}
+
+div.textcell.module-metier {
+ background: url(../img/metier.png) no-repeat 50% 50%;
+}
+
+div.textcell.module-parametrage {
+ background: url(../img/parametrage.png) no-repeat 50% 50%;
+}
+
+@media(max-width: 968px) {
+ div.textcell.module-citoyen, div.textcell.module-metier, div.textcell.module-parametrage {
+ width: 90%;
+ margin: 2em auto;
+ display: block;
+ background-position: 0% 50%;
+ border: 1px solid #ccc;
+ }
+ div.textcell.module-citoyen a,
+ div.textcell.module-metier a,
+ div.textcell.module-parametrage a {
+ padding: 20px 20px 20px 200px;
+ text-align: left;
+ top: 0;
+ right: 0;
+ }
+ div.textcell.module-citoyen a:hover,
+ div.textcell.module-metier a:hover,
+ div.textcell.module-parametrage a:hover {
+ top: 0;
+ right: 10px;
+ }
+}
+
+
+div.textcell img {
+ max-width: 100%;
+}
+
+div.textcell.schema-general {
+ border-top: 1px solid #ddd;
+ padding: 2em 0;
+}
+
+div.textcell {
+ clear: both;
+ text-align: justify;
+ width: 90%;
+ max-width: 1070px;
+ margin: 0 auto;
+ line-height: 150%;
+ border-bottom: 1px solid #ddd;
+}
+
+div.textcell h1,
+div.textcell h2 {
+ color: #333;
+ font-weight: normal;
+}
+
+div.se-voir h2, div.se-parler h2,
+div.textcell.prix-vincennes h1, div.textcell.prix-vincennes h2,
+div.textcell.prix-montpellier h1, div.textcell.prix-montpellier h2,
+div.textcell.guichet-unique h1, div.textcell.guichet-unique h2,
+div.textcell.fabrique-workflows h1, div.textcell.fabrique-workflows h2,
+div.textcell.federation-identite h1, div.textcell.federation-identite h2,
+div.textcell.cms h1, div.textcell.cms h2,
+div.textcell.administration h1, div.textcell.administration h2,
+div.textcell.compte-citoyen h1, div.textcell.compte-citoyen h2,
+div.textcell.mobilite h1, div.textcell.mobilite h2,
+div.textcell.opendata h1, div.textcell.opendata h2,
+div.textcell.libre h1, div.textcell.libre h2 {
+ color: #eee;
+}
+
+div.se-voir a, div.se-parler a,
+div.textcell.prix-vincennes a,
+div.textcell.prix-montpellier a,
+div.textcell.guichet-unique a,
+div.textcell.fabrique-workflows a,
+div.textcell.federation-identite a,
+div.textcell.cms a,
+div.textcell.administration a,
+div.textcell.compte-citoyen a,
+div.textcell.mobilite a,
+div.textcell.opendata a,
+div.textcell.libre a {
+ color: #fff;
+ border-bottom-color: #fff;
+}
+
+
+div.textcell.tablette,
+div.textcell.prix-montpellier,
+div.textcell.prix-vincennes,
+div.textcell.guichet-unique,
+div.textcell.fabrique-workflows,
+div.textcell.federation-identite,
+div.textcell.cms,
+div.textcell.administration,
+div.textcell.compte-citoyen,
+div.textcell.mobilite,
+div.textcell.opendata,
+div.textcell.libre {
+ width: 100%;
+ max-width: 100%;
+ background: #646871;
+ color: #eee;
+ padding: 100px 0;
+ font-size: 110%;
+}
+
+div.textcell.prix-montpellier > div,
+div.textcell.prix-vincennes > div,
+div.textcell.guichet-unique > div,
+div.textcell.fabrique-workflows > div,
+div.textcell.federation-identite > div,
+div.textcell.cms > div,
+div.textcell.administration > div,
+div.textcell.compte-citoyen > div,
+div.textcell.mobilite > div,
+div.textcell.opendata > div,
+div.textcell.libre > div {
+ background: url(../img/libre.png) no-repeat top right;
+ width: calc(90% - 240px);
+ padding-right: 240px;
+ max-width: calc(1070px - 240px);
+ margin: 0 auto;
+}
+
+div.textcell.opendata > div {
+ background-image: url(../img/data.png);
+}
+
+div.textcell.libre > div,
+div.textcell.opendata > div {
+}
+
+div.textcell.bistro {
+ background: url(../img/gourou.png) no-repeat 0 10%;
+}
+
+div.textcell.bistro > div {
+ background: url(../img/expert.png) no-repeat 0 90%;
+}
+
+div.textcell.bi > div,
+div.textcell.webservices > div,
+div.textcell.annonces > div,
+div.textcell.fabrique-formulaires > div,
+div.textcell.porte-document > div,
+div.textcell.demarches > div,
+div.textcell.bistro > div {
+ padding-left: 240px;
+}
+
+div#suite p,
+div#footer {
+ background: #333;
+ color: #eee;
+}
+
+div#suite p a,
+div#footer a {
+ color: white;
+ border-bottom-color: white;
+}
+
+div#footer {
+ border-bottom: 2px solid #aaa;
+ width: 100%;
+ position: relative;
+ padding: 0;
+ margin: 0;
+}
+
+div#suite {
+ text-align: right;
+ border-bottom: none;
+ height: 0;
+ padding: 0;
+}
+
+div#suite > div > p {
+ margin: 0;
+ display: inline-block;
+ vertical-align: center;
+ height: 30px;
+ position: relative;
+ top: -39px;
+ padding: 10px 10px 10px 10px;
+ height: 100%;
+ border: 1px solid #ddd;
+ border-bottom: none;
+}
+
+div#suite a {
+}
+
+
+#footer p {
+ margin: 0;
+}
+
+a#goto-top {
+ text-decoration: none;
+ color: white;
+ background: #666;
+ font-size: 200%;
+ font-weight: bold;
+ padding: 0.5ex 1ex;
+ position: absolute;
+ bottom: 5px;
+ right: 5px;
+}
+
+a#goto-top:hover {
+ background: #444;
+}
+
+p#eo-link {
+ padding-top: 2em;
+ padding-bottom: 2em;
+ font-size: 110%;
+}
+
+p#eo-address {
+ padding-bottom: 2ex;
+}
+
+a.legal {
+ position: absolute;
+ right: 5px;
+}
+
+.page-citoyens div.textcell.intro {
+ background-image: url(../img/fontaine3.jpg);
+}
+
+.page-metier div.textcell.intro {
+ background-image: url(../img/ouvrier.jpg);
+}
+
+.page-parametrage div.textcell.intro {
+ background-image: url(../img/circuits.jpg);
+}
+
+.page-references div.textcell.intro {
+ background-image: url(../img/references.jpg);
+}
+
+.page-contact div.textcell.intro {
+ background-image: url(../img/contact.jpg);
+}
+
+.page-mentions-legales div.textcell.intro {
+ background-image: url(../img/mentions-legales.jpg);
+}
+
+div.intro img {
+ display: none;
+}
+
+div.textcell.lien-administration,
+div.textcell.lien-annonces,
+div.textcell.lien-bi,
+div.textcell.lien-cms,
+div.textcell.lien-compte-citoyen,
+div.textcell.lien-demarches,
+div.textcell.lien-fabrique-formulaires,
+div.textcell.lien-fabrique-workflows,
+div.textcell.lien-federation-identite,
+div.textcell.lien-guichet-unique,
+div.textcell.lien-mobilite,
+div.textcell.lien-porte-document,
+div.textcell.lien-webservices {
+ width: 180px; /* TODO: add @media queries */
+ margin: 0em 1em 2em 1em;
+ display: inline-block;
+ text-align: center;
+ border: none;
+ background: url(../img/compte-citoyen.png) no-repeat 50% 50%;
+}
+
+div.textcell.lien-administration p,
+div.textcell.lien-annonces p,
+div.textcell.lien-bi p,
+div.textcell.lien-cms p,
+div.textcell.lien-compte-citoyen p,
+div.textcell.lien-demarches p,
+div.textcell.lien-fabrique-formulaires p,
+div.textcell.lien-fabrique-workflows p,
+div.textcell.lien-federation-identite p,
+div.textcell.lien-guichet-unique p,
+div.textcell.lien-mobilite p,
+div.textcell.lien-porte-document p,
+div.textcell.lien-webservices p {
+ margin: 0;
+}
+
+div.textcell.lien-administration a,
+div.textcell.lien-annonces a,
+div.textcell.lien-bi a,
+div.textcell.lien-cms a,
+div.textcell.lien-compte-citoyen a,
+div.textcell.lien-demarches a,
+div.textcell.lien-fabrique-formulaires a,
+div.textcell.lien-fabrique-workflows a,
+div.textcell.lien-federation-identite a,
+div.textcell.lien-guichet-unique a,
+div.textcell.lien-mobilite a,
+div.textcell.lien-porte-document a,
+div.textcell.lien-webservices a {
+ display: block;
+ position: relative;
+ padding: 110px 20px 20px 20px;
+ overflow: none;
+ font-size: 130%;
+ -moz-transition-property: background, padding, top, right;
+ -moz-transition-duration: 0.7s;
+ -moz-transition-timing-function: ease;
+ -webkit-transition-property: background, padding, top, right;
+ -webkit-transition-duration: 0.7s;
+ -webkit-transition-timing-function: ease;
+ text-decoration: none;
+ color: #333;
+ background: rgba(255, 255, 255, 0.5);
+ top: 5px;
+ border-bottom: none;
+}
+
+div.textcell.lien-administration a:hover,
+div.textcell.lien-annonces a:hover,
+div.textcell.lien-bi a:hover,
+div.textcell.lien-cms a:hover,
+div.textcell.lien-compte-citoyen a:hover,
+div.textcell.lien-demarches a:hover,
+div.textcell.lien-fabrique-formulaires a:hover,
+div.textcell.lien-fabrique-workflows a:hover,
+div.textcell.lien-federation-identite a:hover,
+div.textcell.lien-guichet-unique a:hover,
+div.textcell.lien-mobilite a:hover,
+div.textcell.lien-porte-document a:hover,
+div.textcell.lien-webservices a:hover {
+ background: rgba(255, 255, 255, 0.3);
+ top: 10px;
+}
+
+div.textcell.lien-administration { background-image: url(../img/administration.png); }
+div.textcell.lien-annonces { background-image: url(../img/annonces.png); }
+div.textcell.lien-bi { background-image: url(../img/bi.png); }
+div.textcell.lien-cms { background-image: url(../img/cms.png); }
+div.textcell.lien-compte-citoyen { background-image: url(../img/compte-citoyen.png); }
+div.textcell.lien-demarches { background-image: url(../img/demarches.png); }
+div.textcell.lien-fabrique-formulaires { background-image: url(../img/fabrique-formulaires.png); }
+div.textcell.lien-fabrique-workflows { background-image: url(../img/fabrique-workflows.png); }
+div.textcell.lien-federation-identite { background-image: url(../img/federation-identite.png); }
+div.textcell.lien-guichet-unique { background-image: url(../img/guichet-unique.png); }
+div.textcell.lien-mobilite { background-image: url(../img/mobilite.png); }
+div.textcell.lien-porte-document { background-image: url(../img/porte-document.png); }
+div.textcell.lien-webservices { background-image: url(../img/webservices.png); }
+
+div.textcell.compte-citoyen {
+ padding-top: 10px;
+}
+
+div.textcell.compte-citoyen > div {
+ background-image: url(../img/compte-citoyen-bg.png);
+}
+
+div.textcell.mobilite {
+ background-image: url(../img/capture-smartphone.png);
+ background-repeat: no-repeat;
+ background-position: 95% 90%;
+
+}
+
+div.textcell.mobilite > div {
+ background-image: url(../img/mobilite-bg.png);
+}
+
+div.textcell.fabrique-workflows > div {
+ background-image: url(../img/fabrique-workflows-bg.png);
+}
+
+div.textcell.guichet-unique > div {
+ background-image: url(../img/guichet-unique-bg.png);
+}
+
+div.textcell.cms > div {
+ background-image: url(../img/cms-bg.png);
+}
+
+div.textcell.federation-identite > div {
+ background-image: url(../img/federation-identite-bg.png);
+}
+
+div.textcell.administration > div {
+ background-image: url(../img/administration-bg.png);
+}
+
+div.textcell.tablette {
+ padding: 1em 0;
+ border: none;
+}
+
+div.textcell.demarches {
+ background: url(../img/demarches-bg.png) no-repeat 0 10%;
+}
+
+div.textcell.porte-document {
+ background: url(../img/porte-document-bg.png) no-repeat 0 10%;
+}
+
+div.textcell.fabrique-formulaires {
+ background: url(../img/fabrique-formulaires-bg.png) no-repeat 0 10%;
+}
+
+div.textcell.annonces {
+ background: url(../img/annonces-bg.png) no-repeat 0 10%;
+}
+
+div.textcell.webservices {
+ background: url(../img/webservices-bg.png) no-repeat 0 10%;
+}
+
+div.textcell.bi {
+ background: url(../img/bi-bg.png) no-repeat 0 10%;
+}
+
+div.textcell.ecrans {
+ height: 172px;
+ background: url(../img/screens.png) repeat-x;
+ position: relative;
+ margin-top: 30px;
+ top: 3px;
+ width: 100%;
+ max-width: 100%;
+ -moz-transition: background-position linear 0.3s;
+ -webkit-transition: background-position linear 0.3s;
+ transition: background-position linear 0.3s;
+}
+
+div.textcell.prix-montpellier {
+ border: none;
+}
+
+div.textcell.prix-montpellier > div {
+ background-image: url(../img/label-montpellier.png);
+}
+
+div.textcell.prix-montpellier {
+ padding-bottom: 40px;
+}
+
+div.textcell.prix-vincennes {
+ padding-top: 10px;
+}
+
+div.textcell.prix-vincennes > div {
+ padding: 0 0 0 240px;
+ background: url(../img/label-vincennes.png) no-repeat 0 10%;
+}
+
+div.textcell.liste-references ul {
+ text-align: center;
+ max-width: 900px;
+ margin: 0 auto;
+}
+
+div.textcell.liste-references ul li {
+ list-style: none;
+ display: inline-block;
+ margin: 1em 2em;
+}
+
+div.contactez-nous,
+div.se-voir {
+ margin-top: 2em;
+}
+
+div.contactez-nous,
+div.se-parler {
+ position: relative;
+ right: -2px;
+}
+
+div.se-voir,
+div.ecrire {
+ position: relative;
+ left: -2px;
+}
+
+div.se-parler,
+div.ecrire {
+ margin-bottom: 2em;
+}
+
+div.contactez-nous,
+div.se-voir,
+div.se-parler,
+div.ecrire {
+ width: 35%;
+ display: inline-block;
+ vertical-align: top;
+ padding: 2em;
+ border: 0;
+ height: 200px;
+ font-size: 130%;
+}
+
+div.textcell.se-voir, div.textcell.se-parler {
+ background: #646871;
+ color: #eee;
+}
+
+div.carte {
+ position: relative;
+ width: 100%;
+ max-width: 100%;
+ height: 450px;
+ overflow: hidden;
+ background: url(../img/eomap.jpg) no-repeat 50% 60%;
+ background-size: cover;
+ border: none;
+}
+
+div.textcell.fabrique-formulaires img,
+div.textcell.fabrique-workflows img,
+div.textcell.cms img,
+div.textcell.administration img,
+div.textcell.guichet-unique img {
+ float: right;
+ width: 50%;
+ border: 1px solid #aaa;
+ padding: 1px;
+ margin-left: 1em;
+ margin-bottom: 1em;
+}
+
+div.textcell.transition {
+ width: 100%;
+ max-width: 100%;
+ height: 50px;
+ background: #646871;
+ border: none;
+}
+
+@media(max-width: 800px) {
+ div.textcell.fabrique-formulaires img,
+ div.textcell.fabrique-workflows img,
+ div.textcell.cms img,
+ div.textcell.administration img,
+ div.textcell.guichet-unique img {
+ display: none;
+ }
+}
+
+@media(max-width: 500px) {
+ div.textcell.bi > div,
+ div.textcell.webservices > div,
+ div.textcell.annonces > div,
+ div.textcell.fabrique-formulaires > div,
+ div.textcell.porte-document > div,
+ div.textcell.demarches > div,
+ div.textcell.bistro > div,
+ div.textcell.prix-montpellier > div,
+ div.textcell.prix-vincennes > div,
+ div.textcell.guichet-unique > div,
+ div.textcell.fabrique-workflows > div,
+ div.textcell.federation-identite > div,
+ div.textcell.cms > div,
+ div.textcell.administration > div,
+ div.textcell.compte-citoyen > div,
+ div.textcell.mobilite > div,
+ div.textcell.opendata > div,
+ div.textcell.libre > div {
+ background: none;
+ padding-right: 0;
+ padding-left: 0;
+ width: 90%;
+ max-width: 90%;
+ }
+
+ div.textcell.bi,
+ div.textcell.webservices,
+ div.textcell.annonces,
+ div.textcell.fabrique-formulaires,
+ div.textcell.porte-document,
+ div.textcell.demarches,
+ div.textcell.bistro {
+ background: none;
+ }
+}
+
+@media(max-width: 900px) {
+ #menu .menu-citoyens,
+ #menu .menu-metier,
+ #menu .menu-parametrage {
+ display: none;
+ }
+}
+
+@media(max-width: 500px) {
+ div#title {
+ }
+ #menu {
+ position: relative;
+ top: 0;
+ right: 0;
+ text-align: right;
+ padding: 10px 0;
+ }
+
+ div.contactez-nous,
+ div.se-voir,
+ div.se-parler,
+ div.ecrire {
+ width: 90%;
+ position: relative;
+ right: 0;
+ left: 0;
+ height: auto;
+ padding: 2em 5%;
+ }
+
+ div.textcell.se-parler h2,
+ div.textcell.se-parler {
+ background: white;
+ color: #333;
+ }
+ div.textcell.ecrire h2,
+ div.textcell.ecrire {
+ background: #646871;
+ color: #eee;
+ }
+}
diff --git a/static/img/Label2014elu_0.png b/static/img/Label2014elu_0.png
new file mode 100644
index 0000000..7d577f0
--- /dev/null
+++ b/static/img/Label2014elu_0.png
Binary files differ
diff --git a/static/img/administration-bg.png b/static/img/administration-bg.png
new file mode 100644
index 0000000..12391a7
--- /dev/null
+++ b/static/img/administration-bg.png
Binary files differ
diff --git a/static/img/administration.png b/static/img/administration.png
new file mode 100644
index 0000000..a021d35
--- /dev/null
+++ b/static/img/administration.png
Binary files differ
diff --git a/static/img/annonces-bg.png b/static/img/annonces-bg.png
new file mode 100644
index 0000000..c37469c
--- /dev/null
+++ b/static/img/annonces-bg.png
Binary files differ
diff --git a/static/img/annonces.png b/static/img/annonces.png
new file mode 100644
index 0000000..5165430
--- /dev/null
+++ b/static/img/annonces.png
Binary files differ
diff --git a/static/img/bi-bg.png b/static/img/bi-bg.png
new file mode 100644
index 0000000..77b7915
--- /dev/null
+++ b/static/img/bi-bg.png
Binary files differ
diff --git a/static/img/bi.png b/static/img/bi.png
new file mode 100644
index 0000000..7412a68
--- /dev/null
+++ b/static/img/bi.png
Binary files differ
diff --git a/static/img/capture-smartphone.png b/static/img/capture-smartphone.png
new file mode 100644
index 0000000..ff97c6c
--- /dev/null
+++ b/static/img/capture-smartphone.png
Binary files differ
diff --git a/static/img/carte.jpg b/static/img/carte.jpg
new file mode 100644
index 0000000..e8ca2c6
--- /dev/null
+++ b/static/img/carte.jpg
Binary files differ
diff --git a/static/img/carte.png b/static/img/carte.png
new file mode 100644
index 0000000..902db39
--- /dev/null
+++ b/static/img/carte.png
Binary files differ
diff --git a/static/img/circuits.jpg b/static/img/circuits.jpg
new file mode 100644
index 0000000..b56d47b
--- /dev/null
+++ b/static/img/circuits.jpg
Binary files differ
diff --git a/static/img/citoyens.png b/static/img/citoyens.png
new file mode 100644
index 0000000..2200382
--- /dev/null
+++ b/static/img/citoyens.png
Binary files differ
diff --git a/static/img/cms-bg.png b/static/img/cms-bg.png
new file mode 100644
index 0000000..29350d8
--- /dev/null
+++ b/static/img/cms-bg.png
Binary files differ
diff --git a/static/img/cms.png b/static/img/cms.png
new file mode 100644
index 0000000..cfe30cc
--- /dev/null
+++ b/static/img/cms.png
Binary files differ
diff --git a/static/img/compte-citoyen-bg.png b/static/img/compte-citoyen-bg.png
new file mode 100644
index 0000000..bd05172
--- /dev/null
+++ b/static/img/compte-citoyen-bg.png
Binary files differ
diff --git a/static/img/compte-citoyen.png b/static/img/compte-citoyen.png
new file mode 100644
index 0000000..cf5738e
--- /dev/null
+++ b/static/img/compte-citoyen.png
Binary files differ
diff --git a/static/img/contact.jpg b/static/img/contact.jpg
new file mode 100644
index 0000000..363facb
--- /dev/null
+++ b/static/img/contact.jpg
Binary files differ
diff --git a/static/img/data.png b/static/img/data.png
new file mode 100644
index 0000000..1c0027d
--- /dev/null
+++ b/static/img/data.png
Binary files differ
diff --git a/static/img/demarches-bg.png b/static/img/demarches-bg.png
new file mode 100644
index 0000000..e3374a7
--- /dev/null
+++ b/static/img/demarches-bg.png
Binary files differ
diff --git a/static/img/demarches.png b/static/img/demarches.png
new file mode 100644
index 0000000..97743ce
--- /dev/null
+++ b/static/img/demarches.png
Binary files differ
diff --git a/static/img/eomap.jpg b/static/img/eomap.jpg
new file mode 100644
index 0000000..190d96c
--- /dev/null
+++ b/static/img/eomap.jpg
Binary files differ
diff --git a/static/img/eomap.xcf b/static/img/eomap.xcf
new file mode 100644
index 0000000..e8656f7
--- /dev/null
+++ b/static/img/eomap.xcf
Binary files differ
diff --git a/static/img/expert.png b/static/img/expert.png
new file mode 100644
index 0000000..17a1165
--- /dev/null
+++ b/static/img/expert.png
Binary files differ
diff --git a/static/img/fabrique-formulaires-bg.png b/static/img/fabrique-formulaires-bg.png
new file mode 100644
index 0000000..72084a4
--- /dev/null
+++ b/static/img/fabrique-formulaires-bg.png
Binary files differ
diff --git a/static/img/fabrique-formulaires.png b/static/img/fabrique-formulaires.png
new file mode 100644
index 0000000..26f5d28
--- /dev/null
+++ b/static/img/fabrique-formulaires.png
Binary files differ
diff --git a/static/img/fabrique-workflows-bg.png b/static/img/fabrique-workflows-bg.png
new file mode 100644
index 0000000..abc229c
--- /dev/null
+++ b/static/img/fabrique-workflows-bg.png
Binary files differ
diff --git a/static/img/fabrique-workflows.png b/static/img/fabrique-workflows.png
new file mode 100644
index 0000000..4233a81
--- /dev/null
+++ b/static/img/fabrique-workflows.png
Binary files differ
diff --git a/static/img/federation-identite-bg.png b/static/img/federation-identite-bg.png
new file mode 100644
index 0000000..4394add
--- /dev/null
+++ b/static/img/federation-identite-bg.png
Binary files differ
diff --git a/static/img/federation-identite.png b/static/img/federation-identite.png
new file mode 100644
index 0000000..4b6db76
--- /dev/null
+++ b/static/img/federation-identite.png
Binary files differ
diff --git a/static/img/fontaine.jpg b/static/img/fontaine.jpg
new file mode 100644
index 0000000..0632f8f
--- /dev/null
+++ b/static/img/fontaine.jpg
Binary files differ
diff --git a/static/img/fontaine2.jpg b/static/img/fontaine2.jpg
new file mode 100644
index 0000000..4cea372
--- /dev/null
+++ b/static/img/fontaine2.jpg
Binary files differ
diff --git a/static/img/fontaine3.jpg b/static/img/fontaine3.jpg
new file mode 100644
index 0000000..719a5f2
--- /dev/null
+++ b/static/img/fontaine3.jpg
Binary files differ
diff --git a/static/img/gourou.png b/static/img/gourou.png
new file mode 100644
index 0000000..4795e5f
--- /dev/null
+++ b/static/img/gourou.png
Binary files differ
diff --git a/static/img/guichet-unique-bg.png b/static/img/guichet-unique-bg.png
new file mode 100644
index 0000000..fb8ba89
--- /dev/null
+++ b/static/img/guichet-unique-bg.png
Binary files differ
diff --git a/static/img/guichet-unique.png b/static/img/guichet-unique.png
new file mode 100644
index 0000000..3694b6b
--- /dev/null
+++ b/static/img/guichet-unique.png
Binary files differ
diff --git a/static/img/label-montpellier.png b/static/img/label-montpellier.png
new file mode 100644
index 0000000..c7e6a4f
--- /dev/null
+++ b/static/img/label-montpellier.png
Binary files differ
diff --git a/static/img/label-vincennes.png b/static/img/label-vincennes.png
new file mode 100644
index 0000000..d9cfc00
--- /dev/null
+++ b/static/img/label-vincennes.png
Binary files differ
diff --git a/static/img/libre.png b/static/img/libre.png
new file mode 100644
index 0000000..c8f8dd0
--- /dev/null
+++ b/static/img/libre.png
Binary files differ
diff --git a/static/img/logo.png b/static/img/logo.png
new file mode 100644
index 0000000..bc75551
--- /dev/null
+++ b/static/img/logo.png
Binary files differ
diff --git a/static/img/mentions-legales.jpg b/static/img/mentions-legales.jpg
new file mode 100644
index 0000000..7829b80
--- /dev/null
+++ b/static/img/mentions-legales.jpg
Binary files differ
diff --git a/static/img/metier.png b/static/img/metier.png
new file mode 100644
index 0000000..e148faf
--- /dev/null
+++ b/static/img/metier.png
Binary files differ
diff --git a/static/img/mobile.png b/static/img/mobile.png
new file mode 100644
index 0000000..8ce4722
--- /dev/null
+++ b/static/img/mobile.png
Binary files differ
diff --git a/static/img/mobilite-bg.png b/static/img/mobilite-bg.png
new file mode 100644
index 0000000..7b71869
--- /dev/null
+++ b/static/img/mobilite-bg.png
Binary files differ
diff --git a/static/img/mobilite.png b/static/img/mobilite.png
new file mode 100644
index 0000000..6e823ce
--- /dev/null
+++ b/static/img/mobilite.png
Binary files differ
diff --git a/static/img/ouvrier.jpg b/static/img/ouvrier.jpg
new file mode 100644
index 0000000..8005b71
--- /dev/null
+++ b/static/img/ouvrier.jpg
Binary files differ
diff --git a/static/img/parametrage.png b/static/img/parametrage.png
new file mode 100644
index 0000000..f45eeb1
--- /dev/null
+++ b/static/img/parametrage.png
Binary files differ
diff --git a/static/img/porte-document-bg.png b/static/img/porte-document-bg.png
new file mode 100644
index 0000000..69f0e6a
--- /dev/null
+++ b/static/img/porte-document-bg.png
Binary files differ
diff --git a/static/img/porte-document.png b/static/img/porte-document.png
new file mode 100644
index 0000000..d795a2e
--- /dev/null
+++ b/static/img/porte-document.png
Binary files differ
diff --git a/static/img/references.jpg b/static/img/references.jpg
new file mode 100644
index 0000000..a5f31a9
--- /dev/null
+++ b/static/img/references.jpg
Binary files differ
diff --git a/static/img/roulettes.png b/static/img/roulettes.png
new file mode 100644
index 0000000..af3ceeb
--- /dev/null
+++ b/static/img/roulettes.png
Binary files differ
diff --git a/static/img/screens.png b/static/img/screens.png
new file mode 100644
index 0000000..e3a5372
--- /dev/null
+++ b/static/img/screens.png
Binary files differ
diff --git a/static/img/scripts/credits.py b/static/img/scripts/credits.py
new file mode 100644
index 0000000..7e0a0ae
--- /dev/null
+++ b/static/img/scripts/credits.py
@@ -0,0 +1,21 @@
+#! /usr/bin/env python
+
+import xml.etree.ElementTree as ET
+import os
+
+print '<ul>'
+for filepath in sorted(os.listdir('sources')):
+ if not filepath.endswith('.svg'):
+ continue
+ tree = ET.fromstring(file('sources/' + filepath).read())
+ author = None
+ for elem in tree.getchildren():
+ if elem.tag == '{http://www.w3.org/2000/svg}text' and elem.text.startswith('Created by'):
+ author = elem.text[len('Created by')+1:]
+ tree.remove(elem)
+ break
+ else:
+ continue
+ print '<li>%s, par %s de <a href="http://thenounproject.com/">The Noun Project</a></li>' % (
+ filepath.split('.')[0].title(), author)
+print '</ul>'
diff --git a/static/img/scripts/generate-icons.sh b/static/img/scripts/generate-icons.sh
new file mode 100755
index 0000000..201118c
--- /dev/null
+++ b/static/img/scripts/generate-icons.sh
@@ -0,0 +1,25 @@
+#! /bin/sh
+
+python generate.py --width 160 --colour 888888 citoyens.svg metier.svg parametrage.svg
+python generate.py --width 160 --colour aaaaaa libre.svg data.svg
+
+python generate.py --width 80 --colour 888888 compte-citoyen.svg demarches.svg mobilite.svg porte-document.svg
+python generate.py --width 80 --colour 888888 administration.svg bi.svg federation-identite.svg webservices.svg
+python generate.py --width 80 --colour 888888 annonces.svg cms.svg fabrique-formulaires.svg guichet-unique.svg fabrique-workflows.svg
+
+
+python generate.py --width 160 --colour cccccc --variant bg compte-citoyen.svg
+python generate.py --width 160 --colour cccccc --variant bg mobilite.svg
+python generate.py --width 160 --colour cccccc --variant bg guichet-unique.svg
+python generate.py --width 160 --colour cccccc --variant bg fabrique-workflows.svg
+python generate.py --width 160 --colour cccccc --variant bg cms.svg
+python generate.py --width 160 --colour cccccc --variant bg administration.svg
+python generate.py --width 160 --colour cccccc --variant bg federation-identite.svg
+
+python generate.py --width 160 --colour 333333 --variant bg demarches.svg
+python generate.py --width 160 --colour 333333 --variant bg porte-document.svg
+python generate.py --width 160 --colour 333333 --variant bg fabrique-formulaires.svg
+python generate.py --width 160 --colour 333333 --variant bg annonces.svg
+python generate.py --width 160 --colour 333333 --variant bg webservices.svg
+python generate.py --width 160 --colour 333333 --variant bg bi.svg
+
diff --git a/static/img/scripts/generate.py b/static/img/scripts/generate.py
new file mode 100644
index 0000000..864cdfe
--- /dev/null
+++ b/static/img/scripts/generate.py
@@ -0,0 +1,47 @@
+#! /usr/bin/env python
+
+import os
+from optparse import OptionParser
+import subprocess
+import tempfile
+import xml.etree.ElementTree as ET
+import re
+from PIL import Image
+from PIL import PngImagePlugin
+import sys
+
+parser = OptionParser()
+parser.add_option('-c', '--colour', dest='colour', metavar='COLOUR')
+parser.add_option('-v', '--variant', dest='variant', metavar='VARIANT')
+parser.add_option('-w', '--width', dest='width', metavar='WIDTH', default='42')
+(options, args) = parser.parse_args()
+
+for svg_path in args:
+ output_filename = svg_path.replace('.svg', '.png')
+ svg_path = os.path.join('sources', svg_path)
+ if options.variant:
+ output_filename = output_filename.replace('.png', '-%s.png' % options.variant)
+ author = None
+ if options.colour:
+ tree = ET.fromstring(file(svg_path).read().replace('#000000', '#%s' % options.colour))
+ for elem in tree.findall('*'):
+ if not elem.attrib.get('style'):
+ elem.attrib['style'] = 'fill:#%s' % options.colour
+ for elem in tree.getchildren():
+ if elem.tag == '{http://www.w3.org/2000/svg}text' and elem.text.startswith('Created by'):
+ author = elem.text[len('Created by')+1:]
+ tree.remove(elem)
+ for elem in tree.getchildren():
+ if elem.tag == '{http://www.w3.org/2000/svg}text' and 'Noun Project' in elem.text:
+ tree.remove(elem)
+ f = tempfile.NamedTemporaryFile(suffix='.svg', delete=False)
+ f.write(ET.tostring(tree))
+ f.close()
+ svg_path = f.name
+ # XXX: add author to png metadata
+ subprocess.call(['inkscape', '--without-gui',
+ '--file', svg_path,
+ '--export-area-drawing',
+ '--export-area-snap',
+ '--export-png', output_filename,
+ '--export-width', options.width])
diff --git a/static/img/sources/administration.svg b/static/img/sources/administration.svg
new file mode 100644
index 0000000..43582e8
--- /dev/null
+++ b/static/img/sources/administration.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="administration.svg"><metadata
+ id="metadata17"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs15" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="788"
+ inkscape:window-height="480"
+ id="namedview13"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="-5.5084748"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Layer_1" /><g
+ id="g3"
+ inkscape:export-xdpi="202.49887"
+ inkscape:export-ydpi="202.49887"><path
+ d="M65.42,56.671c-0.966-2.146-6.863-4.004-6.863-4.004c-2.201-0.774-2.873-1.552-3.076-1.946 c-0.022-0.048-0.041-0.091-0.058-0.128c0-0.006,0-0.011,0-0.019c0,0-0.014-0.047-0.034-0.123c0-0.001,0-0.002,0-0.002 c0,0.001,0,0.001,0,0.001c-0.084-0.306-0.295-1.086-0.295-1.279c0,0-0.011,0.063-0.035,0.172c-0.017-0.19-0.021-0.393-0.01-0.609 c0,0-0.018,0.02-0.052,0.055c0.731-0.936,1.325-2.007,1.718-3.098c0.672-0.67,1.016-2.301,1.016-2.301 c0.445-1.247,0.314-1.885,0.109-2.208c0.063-0.189,1.133-3.499-0.38-6.049c0,0-0.536-2.413-3.377-3.486 c-2.626-1.608-6.541-0.643-6.541-0.643c-4.771,0.805-5.794,6.417-5.794,6.417c-0.284,2.563,0.402,4.165,0.431,4.232 c-0.245,0.606,0.199,2.193,0.199,2.193c0.152,0.968,0.625,1.264,0.764,1.331c0.333,1.203,0.906,2.374,1.627,3.392 c-0.004-0.005-0.01-0.01-0.016-0.015c0,0,0.08,0.394,0.007,0.945c-0.011-0.057-0.016-0.09-0.016-0.09 c0,0.226-0.274,1.047-0.309,1.153c-0.002,0.006-0.005,0.012-0.008,0.019c-0.223,0.295-0.443,0.563-0.662,0.81 c-1.777,1.373-6.05,2.67-6.05,2.67c-1.858,0.715-2.645,1.787-2.645,1.787C32.321,59.923,32,63.995,32,63.995 c0.035,2.073,0.929,2.288,0.929,2.288c6.327,2.824,16.393,2.988,16.393,2.988c10.188,0.215,17.456-2.561,17.456-2.561 c1.078-0.682,1.109-1.216,1.109-1.216C68.637,58.99,65.42,56.671,65.42,56.671z"
+ id="path5" /><path
+ d="M87.477,49.995l-0.408-4.043c2.667-1.07,5.315-2.305,7.932-3.713c-0.489-3.381-1.825-6.622-2.809-9.9 c-2.969,0.238-5.888,0.638-8.728,1.188l-1.94-3.574c-0.604-1.218-1.649-2.137-2.456-3.221c1.655-2.334,3.2-4.802,4.624-7.392 c-2.163-2.662-5.11-4.562-7.698-6.794c-2.321,1.727-4.604,3.703-6.687,5.684l-3.573-1.94c-1.142-0.768-2.54-0.923-3.804-1.398 c0.129-2.849,0.093-5.756-0.113-8.699c-3.247-1.216-6.772-1.029-10.159-1.497c-1.019,2.621-1.862,5.418-2.536,8.293l-4.049,0.408 c-1.357,0.079-2.695,0.269-3.971,0.768c-1.422-2.446-3.015-4.85-4.771-7.193c-3.372,0.82-6.346,2.571-9.358,4.235 c0.621,2.85,1.31,5.493,2.293,8.263l-3.135,2.585c-1.034,0.875-2.161,1.655-2.945,2.779c-2.513-1.281-5.149-2.437-7.883-3.456 c-2.36,2.528-3.991,5.557-5.574,8.618c2.043,2.058,4.116,3.938,6.355,5.708l-1.208,3.883c-0.314,1.31-0.996,2.549-1.007,3.924 c-2.796,0.285-5.622,0.738-8.461,1.364c-0.542,3.42-0.542,6.831,0,10.249c2.84,0.631,5.667,1.081,8.461,1.369 c0.014,1.372,0.695,2.609,1.01,3.924l1.206,3.883c-2.24,1.766-4.31,3.648-6.355,5.708c1.585,3.058,3.214,6.087,5.574,8.615 c2.739-1.02,5.373-2.176,7.886-3.459c0.782,1.125,1.912,1.904,2.945,2.78l3.137,2.59c-0.983,2.768-1.677,5.411-2.295,8.26 c3.012,1.667,5.986,3.415,9.361,4.235c1.755-2.343,3.346-4.746,4.77-7.189c1.276,0.494,2.609,0.684,3.972,0.765l4.044,0.408 c0.674,2.875,1.521,5.672,2.541,8.293c3.384-0.468,6.907-0.283,10.157-1.496c0.206-2.945,0.242-5.853,0.112-8.699 c1.264-0.478,2.66-0.638,3.802-1.4l3.573-1.938c2.082,1.981,4.367,3.955,6.691,5.68c2.588-2.229,5.53-4.13,7.693-6.795 c-1.422-2.588-2.969-5.056-4.624-7.389c0.807-1.084,1.854-2.003,2.456-3.224l1.94-3.573c2.837,0.554,5.759,0.954,8.728,1.187 c0.981-3.275,2.317-6.516,2.809-9.897c-2.614-1.408-5.265-2.646-7.932-3.713L87.477,49.995z M62.044,75.641 c-4.911,1.856-10.375,3.344-15.71,2.183c-5.238-0.835-10.48-2.828-14.393-6.581c-4.007-3.507-7.293-8.097-8.555-13.325 c-1.638-5.094-1.638-10.74,0-15.836c1.264-5.229,4.55-9.816,8.555-13.325c3.914-3.751,9.157-5.747,14.39-6.581 c5.337-1.163,10.798,0.326,15.712,2.183c4.958,2.166,8.927,6.058,12.023,10.397c2.967,4.549,4.168,9.878,4.54,15.241 c-0.369,5.365-1.573,10.694-4.54,15.241C70.971,69.58,67.004,73.475,62.044,75.641z"
+ id="path7" /></g><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text9">Created by Wilson Joseph</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text11">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/annonces.svg b/static/img/sources/annonces.svg
new file mode 100644
index 0000000..486f651
--- /dev/null
+++ b/static/img/sources/annonces.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="50px"
+ height="50px"
+ viewBox="2.5 -5.0 50.0 67.5"
+ enable-background="new 0 0 50 50"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="annonces.svg"><metadata
+ id="metadata27"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs25" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1235"
+ inkscape:window-height="532"
+ id="namedview23"
+ showgrid="false"
+ inkscape:zoom="0.2085965"
+ inkscape:cx="-576.36024"
+ inkscape:cy="-133.37075"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Layer_1" /><g
+ id="g3"
+ inkscape:export-xdpi="374.99957"
+ inkscape:export-ydpi="374.99957"
+ style="fill:#000000"><path
+ fill="#000000"
+ d="M18.909,16.962c-0.291-0.194-0.607-0.355-0.948-0.46c-0.337-0.106-0.693-0.171-1.067-0.171 c-0.364,0-0.79,0.055-1.237,0.156h-4.938c-1.285,0-2.334,1.364-2.334,3.04v9.315c0,1.674,1.049,3.035,2.334,3.035h2.721l0.41,3.936 l0.802-0.26l2.241,6.989c0.658,2.049,2.853,3.178,4.901,2.521c2.05-0.656,3.181-2.854,2.523-4.901L24.12,39.55c0,0,0,0.001,0,0.002 l-2.051-6.396l3.592-1.16c0.121,0.022,0.246,0.039,0.367,0.063c11.221,2.244,19.707,7.817,19.707,7.817V5.396 C40.051,12.761,24.894,15.958,18.909,16.962z"
+ id="path5"
+ style="fill:#000000" /><rect
+ x="47.026"
+ y="4.75"
+ fill="#000000"
+ width="2.346"
+ height="36.637"
+ id="rect7"
+ style="fill:#000000" /><path
+ fill="#000000"
+ d="M6.895,19.364c0-0.635,0.152-1.223,0.409-1.71h-2.1c-2.029,0-3.729,1.332-4.328,3.158h2.631 c0.423,0,0.767,0.341,0.767,0.765c0,0.027-0.012,0.049-0.012,0.072c0,0.017,0.008,0.031,0.008,0.047 c0,0.426-0.342,0.769-0.765,0.769H0.627v0.877h2.879c0.423,0,0.767,0.34,0.767,0.763c0,0.026-0.012,0.046-0.012,0.07 c0,0.019,0.008,0.033,0.008,0.05c0,0.424-0.342,0.766-0.765,0.766H0.627v0.877h2.879c0.423,0,0.767,0.344,0.767,0.768 c0,0.022-0.012,0.042-0.012,0.067c0,0.017,0.008,0.034,0.008,0.049c0,0.427-0.342,0.768-0.765,0.768l-2.699,0.022 c0.551,1.839,2.364,3.17,4.398,3.17h2.306c-0.378-0.543-0.614-1.251-0.614-2.038V19.364z"
+ id="path9"
+ style="fill:#000000" /></g><text
+ x="0.0"
+ y="58.75"
+ font-size="2.5"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text19">Created by Mister Pixel</text>
+<text
+ x="0.0"
+ y="61.25"
+ font-size="2.5"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text21">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/bi.svg b/static/img/sources/bi.svg
new file mode 100644
index 0000000..e588c70
--- /dev/null
+++ b/static/img/sources/bi.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="5.0 -10.0 100.0 135.0" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+ <rect x="44.882" y="47.958" width="37.808" height="3.55"/>
+ <rect x="44.882" y="54.529" width="37.808" height="3.548"/>
+ <rect x="44.882" y="61.805" width="37.808" height="3.551"/>
+ <rect x="79.145" y="15.918" width="3.546" height="22.013"/>
+ <rect x="71.157" y="24.438" width="3.546" height="13.493"/>
+ <rect x="63.169" y="32.426" width="3.546" height="5.505"/>
+ <path d="M46.806,16.112v10.01h10.008C56.309,20.812,52.115,16.624,46.806,16.112z"/>
+ <path d="M56.814,28.253H46.271l-7.566,7.564c1.926,1.572,4.354,2.555,7.036,2.555C51.553,38.372,56.273,33.924,56.814,28.253z"/>
+ <path d="M44.675,16.112c-5.671,0.544-10.117,5.265-10.117,11.075c0,2.728,1.013,5.193,2.634,7.134l7.483-7.486V16.112z"/>
+ <path d="M85.586,5H31.63c-4.502,0-8.169,3.667-8.169,8.169v37.813c0.031,0,0.059-0.004,0.09-0.004c0.495,0,0.982,0.031,1.466,0.074 c-0.484-0.04-0.971-0.074-1.466-0.074c-9.558,0-17.308,7.748-17.308,17.307c0,9.559,7.75,17.308,17.308,17.308 c0.494,0,0.979-0.033,1.462-0.074c-0.482,0.044-0.968,0.074-1.462,0.074c-0.031,0-0.059-0.004-0.09-0.004v1.242 c0,4.503,3.667,8.169,8.169,8.169h38.339c1.777,0,3.45-0.662,5.275-2.194c1.826-1.533,14.866-14.862,16.198-16.509 c1.961-2.421,2.314-3.841,2.314-6.148V13.169C93.757,8.667,90.093,5,85.586,5z M26.362,51.227 c-0.259-0.043-0.517-0.089-0.779-0.119C25.845,51.14,26.104,51.183,26.362,51.227z M19.95,77.19l-7.446-7.446l4.518-4.518 l3.024,3.024l10.431-9.997l4.424,4.614L19.95,77.19z M25.587,85.463c0.246-0.029,0.488-0.072,0.731-0.111 C26.076,85.392,25.833,85.432,25.587,85.463z M31.63,90.74c-2.155,0-3.909-1.754-3.909-3.909v-1.765 c-0.006,0.001-0.012,0.002-0.017,0.004c7.549-1.863,13.154-8.661,13.154-16.785c0-8.129-5.61-14.929-13.165-16.787 c0.009,0.002,0.019,0.004,0.028,0.006V13.169c0-2.155,1.753-3.909,3.909-3.909h53.956c2.157,0,3.909,1.753,3.909,3.909 l0.018,58.235c-0.097,0.406-0.431,1.016-0.938,1.766h-10.08c-3.333,0-6.04,2.704-6.04,6.038v10.538 c-0.722,0.521-1.312,0.87-1.721,0.994H31.63z"/>
+</g>
+<text x="0.0" y="117.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by Yamini Chandra</text><text x="0.0" y="122.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/citoyens.svg b/static/img/sources/citoyens.svg
new file mode 100644
index 0000000..1688dcd
--- /dev/null
+++ b/static/img/sources/citoyens.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="100px" height="100px" viewBox="5.0 -10.0 100.0 135.0" enable-background="new 0 0 100 100" xml:space="preserve">
+<g id="Paint_1_">
+</g>
+<g id="Time">
+</g>
+<g id="Peg">
+</g>
+<g id="Peg_2">
+</g>
+<g id="Spray">
+</g>
+<g id="Service">
+</g>
+<g id="Green_Tea">
+</g>
+<g id="Dispenser">
+</g>
+<g id="Handheld_Vacuum">
+</g>
+<g id="Fan">
+</g>
+<g id="Glitter">
+</g>
+<g id="ID">
+</g>
+<g id="Security">
+</g>
+<g id="Security_2">
+</g>
+<g id="Work">
+</g>
+<g id="Calculator">
+</g>
+<g id="Workflow">
+</g>
+<g id="Crowd">
+ <path d="M9.367,50.795c0-4.354,3.533-7.89,7.89-7.89c4.364,0,7.897,3.535,7.897,7.89c0,4.361-3.533,7.896-7.897,7.896 C12.901,58.691,9.367,55.156,9.367,50.795z M17.26,90.7h12.238v-8.921c0.652-21.1-12.238-19.531-12.238-19.531 S4.373,60.679,5.024,81.779V90.7H17.26z M49.939,58.691c4.364,0,7.897-3.535,7.897-7.896c0-4.354-3.533-7.89-7.897-7.89 c-4.357,0-7.89,3.535-7.89,7.89C42.049,55.156,45.582,58.691,49.939,58.691z M49.942,90.7h12.238v-8.921 c0.652-21.1-12.238-19.531-12.238-19.531s-12.887-1.568-12.237,19.531V90.7H49.942z M82.735,58.691 c4.364,0,7.897-3.535,7.897-7.896c0-4.354-3.533-7.89-7.897-7.89c-4.357,0-7.89,3.535-7.89,7.89 C74.845,55.156,78.378,58.691,82.735,58.691z M33.367,41.369c4.364,0,7.897-3.535,7.897-7.896c0-4.354-3.533-7.89-7.897-7.89 c-4.357,0-7.89,3.535-7.89,7.89C25.477,37.834,29.01,41.369,33.367,41.369z M66.106,41.369c4.364,0,7.897-3.535,7.897-7.896 c0-4.354-3.533-7.89-7.897-7.89c-4.357,0-7.89,3.535-7.89,7.89C58.216,37.834,61.749,41.369,66.106,41.369z M49.939,25.086 c4.364,0,7.897-3.535,7.897-7.896c0-4.354-3.533-7.89-7.897-7.89c-4.357,0-7.89,3.535-7.89,7.89 C42.049,21.551,45.582,25.086,49.939,25.086z M82.738,90.7h12.238v-8.921c0.652-21.1-12.238-19.531-12.238-19.531 s-12.887-1.568-12.237,19.531V90.7H82.738z"/>
+</g>
+<text x="0.0" y="117.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by Alex Kwa</text><text x="0.0" y="122.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/cms.svg b/static/img/sources/cms.svg
new file mode 100644
index 0000000..6aa095c
--- /dev/null
+++ b/static/img/sources/cms.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="cms.svg"><metadata
+ id="metadata15"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs13" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="788"
+ inkscape:window-height="480"
+ id="namedview11"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Layer_1" /><g
+ id="g3"
+ inkscape:export-xdpi="182.25002"
+ inkscape:export-ydpi="182.25002"><path
+ d="M94,6H6c-3.313,0-6,2.687-6,6v76c0,3.313,2.687,6,6,6h88c3.314,0,6-2.688,6-6V12C100,8.686,97.314,6,94,6z M79,10 c2.205,0,4,1.794,4,4s-1.795,4-4,4s-4-1.794-4-4S76.795,10,79,10z M68,10c2.205,0,4,1.794,4,4s-1.795,4-4,4s-4-1.794-4-4 S65.795,10,68,10z M32.674,88C34.101,79.712,41.305,73.4,50,73.4c8.695,0,15.898,6.312,17.325,14.6H32.674z M94,85.721 c0-1.943-1.576-3.479-3.521-3.479h-6.394c-0.833-3.203-2.119-6.288-3.774-9.088l4.535-4.545c1.375-1.375,1.375-3.608,0-4.983 l-7.468-7.47c-1.375-1.375-3.604-1.377-4.978-0.002l-4.559,4.535c-2.799-1.656-5.884-2.942-9.088-3.775V50.52 c0-1.941-1.531-3.52-3.479-3.52H44.72c-1.944,0-3.477,1.576-3.477,3.52v6.396c-3.204,0.833-6.289,2.119-9.087,3.773l-4.546-4.535 c-1.375-1.375-3.609-1.375-4.983,0l-7.47,7.469c-1.375,1.375-1.376,3.604-0.001,4.979l4.535,4.555 c-1.656,2.801-2.943,5.886-3.775,9.089H9.52c-1.944,0-3.52,1.532-3.52,3.479V22h88V85.721z M90,18c-2.205,0-4-1.794-4-4 s1.795-4,4-4s4,1.794,4,4S92.205,18,90,18z"
+ id="path5" /></g><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text7">Created by Simple Icons</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text9">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/compte-citoyen.svg b/static/img/sources/compte-citoyen.svg
new file mode 100644
index 0000000..4b45696
--- /dev/null
+++ b/static/img/sources/compte-citoyen.svg
@@ -0,0 +1,234 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="compte-citoyen.svg"><metadata
+ id="metadata74"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs72" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1280"
+ inkscape:window-height="736"
+ id="namedview70"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="-43.220339"
+ inkscape:cy="49.152542"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2" /><g
+ id="Captions" /><g
+ style="fill:#000000"
+ id="g6"><path
+ inkscape:connector-curvature="0"
+ style="fill:#000000"
+ id="path8"
+ d="m 52.734,4 c 1.025,0 1.859,0.834 1.859,1.859 l 0,36.719 c 0,1.025 -0.834,1.859 -1.859,1.859 l -46.875,0 C 4.834,44.438 4,43.604 4,42.578 L 4,5.859 C 4,4.834 4.834,4 5.859,4 l 46.875,0 m 0,-4 L 5.859,0 C 2.625,0 0,2.625 0,5.859 l 0,36.719 c 0,3.234 2.625,5.859 5.859,5.859 l 46.875,0 c 3.234,0 5.859,-2.625 5.859,-5.859 l 0,-36.719 C 58.594,2.625 55.969,0 52.734,0 l 0,0 z" /></g><g
+ style="fill:#000000"
+ id="g10"><path
+ inkscape:connector-curvature="0"
+ style="fill:#000000"
+ id="path12"
+ d="m 52.734,55.563 c 1.025,0 1.859,0.834 1.859,1.859 l 0,36.719 C 54.593,95.166 53.759,96 52.734,96 L 5.859,96 C 4.834,96 4,95.166 4,94.141 L 4,57.422 c 0,-1.025 0.834,-1.859 1.859,-1.859 l 46.875,0 m 0,-4 -46.875,0 C 2.625,51.563 0,54.188 0,57.422 L 0,94.141 C 0,97.375 2.625,100 5.859,100 l 46.875,0 c 3.234,0 5.859,-2.625 5.859,-5.859 l 0,-36.719 c 10e-4,-3.234 -2.624,-5.859 -5.859,-5.859 l 0,0 z" /></g><g
+ style="fill:#000000"
+ id="g14"><path
+ inkscape:connector-curvature="0"
+ style="fill:#000000"
+ id="path16"
+ d="M 94.141,4 C 95.166,4 96,4.834 96,5.859 l 0,23.438 c 0,1.025 -0.834,1.859 -1.859,1.859 l -26.563,0 c -1.025,0 -1.859,-0.834 -1.859,-1.859 l 0,-23.438 C 65.719,4.834 66.553,4 67.578,4 l 26.563,0 m 0,-4 -26.563,0 c -3.234,0 -5.859,2.625 -5.859,5.859 l 0,23.438 c 0,3.234 2.625,5.859 5.859,5.859 l 26.563,0 c 3.234,0 5.859,-2.625 5.859,-5.859 L 100,5.859 C 100,2.625 97.375,0 94.141,0 l 0,0 z" /></g><g
+ style="fill:#000000"
+ id="g18"><path
+ inkscape:connector-curvature="0"
+ style="fill:#000000"
+ id="path20"
+ d="m 94.141,43.063 c 1.025,0 1.859,0.834 1.859,1.859 l 0,49.219 C 96,95.166 95.166,96 94.141,96 l -26.563,0 c -1.025,0 -1.859,-0.834 -1.859,-1.859 l 0,-49.219 c 0,-1.025 0.834,-1.859 1.859,-1.859 l 26.563,0 m 0,-4 -26.563,0 c -3.234,0 -5.859,2.625 -5.859,5.859 l 0,49.219 c 0,3.234 2.625,5.859 5.859,5.859 l 26.563,0 C 97.375,100 100,97.375 100,94.141 l 0,-49.219 c 0,-3.234 -2.625,-5.859 -5.859,-5.859 l 0,0 z" /></g><rect
+ style="clip-rule:evenodd;fill:#000000;fill-rule:evenodd"
+ id="rect22"
+ height="7.8130002"
+ width="53.515999"
+ y="2.734"
+ x="2.734" /><rect
+ style="clip-rule:evenodd;fill:#000000;fill-rule:evenodd"
+ id="rect24"
+ height="7.8130002"
+ width="53.515999"
+ y="54.297001"
+ x="2.734" /><rect
+ style="clip-rule:evenodd;fill:#000000;fill-rule:evenodd"
+ id="rect26"
+ height="7.8130002"
+ width="32.292999"
+ y="42.188"
+ x="64.582001" /><rect
+ style="clip-rule:evenodd;fill:#000000;fill-rule:evenodd"
+ id="rect28"
+ height="7.8130002"
+ width="32.292999"
+ y="2.734"
+ x="64.582001" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line30"
+ y2="16.601999"
+ x2="51.367001"
+ y1="16.601999"
+ x1="6.934"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line32"
+ y2="23.632999"
+ x2="51.367001"
+ y1="23.632999"
+ x1="6.934"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line34"
+ y2="30.664"
+ x2="51.367001"
+ y1="30.664"
+ x1="6.934"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line36"
+ y2="37.695"
+ x2="51.367001"
+ y1="37.695"
+ x1="6.934"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line38"
+ y2="68.359001"
+ x2="51.563"
+ y1="68.359001"
+ x1="14.5"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line40"
+ y2="75.390999"
+ x2="51.563"
+ y1="75.390999"
+ x1="14.5"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line42"
+ y2="82.421997"
+ x2="51.563"
+ y1="82.421997"
+ x1="14.5"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line44"
+ y2="89.453003"
+ x2="51.563"
+ y1="89.453003"
+ x1="14.5"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line46"
+ y2="55.859001"
+ x2="92.969002"
+ y1="55.859001"
+ x1="68.75"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line48"
+ y2="67.578003"
+ x2="92.969002"
+ y1="67.578003"
+ x1="68.75"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line50"
+ y2="79.296997"
+ x2="92.969002"
+ y1="79.296997"
+ x1="68.75"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10"
+ id="line52"
+ y2="91.015999"
+ x2="92.969002"
+ y1="91.015999"
+ x1="68.75"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:5, 5"
+ id="line54"
+ y2="16.601999"
+ x2="93.555"
+ y1="16.601999"
+ x1="68.164001"
+ stroke-miterlimit="10" /><line
+ style="clip-rule:evenodd;fill:#ff0000;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:5, 5"
+ id="line56"
+ y2="23.632999"
+ x2="93.555"
+ y1="23.632999"
+ x1="68.164001"
+ stroke-miterlimit="10" /><line
+ style="fill:#ff0000;stroke:#000000;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10"
+ id="line58"
+ y2="68.359001"
+ x2="10"
+ y1="68.359001"
+ x1="9.3809996"
+ stroke-miterlimit="10" /><line
+ style="fill:#ff0000;stroke:#000000;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10"
+ id="line60"
+ y2="75.390999"
+ x2="10"
+ y1="75.390999"
+ x1="9.3809996"
+ stroke-miterlimit="10" /><line
+ style="fill:#ff0000;stroke:#000000;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10"
+ id="line62"
+ y2="82.421997"
+ x2="10"
+ y1="82.421997"
+ x1="9.3809996"
+ stroke-miterlimit="10" /><line
+ style="fill:#ff0000;stroke:#000000;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10"
+ id="line64"
+ y2="89.453003"
+ x2="10"
+ y1="89.453003"
+ x1="9.3809996"
+ stroke-miterlimit="10" /><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text66">Created by Pieter J. Smits</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text68">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/data.svg b/static/img/sources/data.svg
new file mode 100644
index 0000000..e2eca31
--- /dev/null
+++ b/static/img/sources/data.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="5.0 -10.0 100.0 135.0" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+ <polyline points="5,5 16.25,5 16.25,83.75 95,83.75 95,95 5,95 "/>
+ <circle cx="36.646" cy="65.752" r="8.438"/>
+ <circle cx="43.397" cy="30.312" r="8.438"/>
+ <circle cx="71.522" cy="47.188" r="8.438"/>
+ <circle cx="85.585" cy="13.438" r="8.438"/>
+</g>
+<text x="0.0" y="117.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by Kyle Tezak</text><text x="0.0" y="122.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/demarches.svg b/static/img/sources/demarches.svg
new file mode 100644
index 0000000..e9cd145
--- /dev/null
+++ b/static/img/sources/demarches.svg
@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Web__x2F__IT_Audit"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="demarches.svg"><metadata
+ id="metadata43"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs41" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="788"
+ inkscape:window-height="480"
+ id="namedview39"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Web__x2F__IT_Audit" /><rect
+ x="32"
+ y="68"
+ width="7"
+ height="8"
+ id="rect3"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="20"
+ y="78"
+ width="19"
+ height="2"
+ id="rect5"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><g
+ id="g7"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002"><path
+ d="M39,61H12.272C11.271,61,11,60.758,11,59.757V25.922C11,24.921,11.271,25,12.272,25H39v-5H8.676 C7.198,20,6,20.848,6,22.326v41.027C6,64.831,7.198,66,8.676,66H39V61z"
+ id="path9" /></g><path
+ d="M62,39H51V28h11V39z M53,37h7v-7h-7V37z"
+ id="path11"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="30"
+ width="21"
+ height="2"
+ id="rect13"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="34"
+ width="18"
+ height="2"
+ id="rect15"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><path
+ d="M62,56H51V45h11V56z M53,54h7v-7h-7V54z"
+ id="path17"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="49"
+ width="16"
+ height="2"
+ id="rect19"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="53"
+ width="19"
+ height="2"
+ id="rect21"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><path
+ d="M62,73H51V62h11V73z M53,71h7v-7h-7V71z"
+ id="path23"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="64"
+ width="17"
+ height="2"
+ id="rect25"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="45"
+ width="20"
+ height="2"
+ id="rect27"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><rect
+ x="65"
+ y="68"
+ width="11"
+ height="2"
+ id="rect29"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><path
+ d="M13,32.137V59h26v-9.025c0,0-8.486,4.74-14.143-2.803c-1.692-2.256-0.743-6.6-4.234-10.575 C18.126,33.753,13,32.137,13,32.137z"
+ id="path31"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><path
+ d="M90.73,16H79.378c0-1-0.847-2-1.892-2H61.405c-1.045,0-1.892,1-1.892,2H46.27C44.703,16,43,17.096,43,18.58v62.731 C43,82.796,44.703,84,46.27,84H90.73c1.567,0,3.27-1.204,3.27-2.688V18.58C94,17.096,92.297,16,90.73,16z M75.595,16.838 c0.522,0,0.946,0.423,0.946,0.946c0,0.522-0.423,0.946-0.946,0.946s-0.946-0.424-0.946-0.946 C74.649,17.261,75.072,16.838,75.595,16.838z M63.297,16.838c0.522,0,0.946,0.423,0.946,0.946c0,0.522-0.423,0.946-0.946,0.946 s-0.946-0.424-0.946-0.946C62.351,17.261,62.775,16.838,63.297,16.838z M90,79.27c0,0-0.216,0.73-1.162,0.73H48.162 C47.216,80,47,79.27,47,79.27V20.622C47,19.676,48.162,20,48.162,20h11.351c0,1,0.847,2,1.892,2h16.081c1.045,0,1.892-1,1.892-2 h9.459c0,0,1.162-0.324,1.162,0.622V79.27z"
+ id="path33"
+ inkscape:export-xdpi="206.55002"
+ inkscape:export-ydpi="206.55002" /><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text35">Created by Miroslav Koša</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text37">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/fabrique-formulaire.svg b/static/img/sources/fabrique-formulaire.svg
new file mode 100644
index 0000000..3974670
--- /dev/null
+++ b/static/img/sources/fabrique-formulaire.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Your_Icon"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="fabrique-formulaire.svg"><metadata
+ id="metadata33"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs31" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="788"
+ inkscape:window-height="480"
+ id="namedview29"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Your_Icon" /><g
+ id="g3"
+ inkscape:export-xdpi="192.16838"
+ inkscape:export-ydpi="192.16838"><path
+ d="M72,92H56.505h-1.009H9V8h63v38.458l7-12.543V8.158C79,4.195,76.23,1,72.267,1H8.708C4.746,1,2,4.195,2,8.158v84.121 C2,96.241,4.746,99,8.708,99h63.559C76.23,99,79,96.241,79,92.279V69.233l-7,12.543V92z"
+ id="path5" /><rect
+ x="15"
+ y="19"
+ width="39"
+ height="5"
+ id="rect7" /><rect
+ x="15"
+ y="42"
+ width="39"
+ height="5"
+ id="rect9" /><rect
+ x="15"
+ y="31"
+ width="51"
+ height="5"
+ id="rect11" /><rect
+ x="15"
+ y="54"
+ width="51"
+ height="5"
+ id="rect13" /><rect
+ x="15"
+ y="65"
+ width="39"
+ height="5"
+ id="rect15" /><polygon
+ points="89.696,26.201 87.8,29.502 86.982,30.927 94.01,34.963 94.828,33.539 96.724,30.237 "
+ id="polygon17" /><polygon
+ points="60,76.589 60,85 67.224,80.626 92.103,37.575 85.075,33.539 "
+ id="polygon19" /><circle
+ cx="19.604"
+ cy="81.623"
+ r="4.856"
+ id="circle21" /><circle
+ cx="35.01"
+ cy="81.683"
+ r="4.856"
+ id="circle23" /></g><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text25">Created by Jason Tropp</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text27">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/fabrique-formulaires.svg b/static/img/sources/fabrique-formulaires.svg
new file mode 100644
index 0000000..3974670
--- /dev/null
+++ b/static/img/sources/fabrique-formulaires.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Your_Icon"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="fabrique-formulaire.svg"><metadata
+ id="metadata33"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs31" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="788"
+ inkscape:window-height="480"
+ id="namedview29"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Your_Icon" /><g
+ id="g3"
+ inkscape:export-xdpi="192.16838"
+ inkscape:export-ydpi="192.16838"><path
+ d="M72,92H56.505h-1.009H9V8h63v38.458l7-12.543V8.158C79,4.195,76.23,1,72.267,1H8.708C4.746,1,2,4.195,2,8.158v84.121 C2,96.241,4.746,99,8.708,99h63.559C76.23,99,79,96.241,79,92.279V69.233l-7,12.543V92z"
+ id="path5" /><rect
+ x="15"
+ y="19"
+ width="39"
+ height="5"
+ id="rect7" /><rect
+ x="15"
+ y="42"
+ width="39"
+ height="5"
+ id="rect9" /><rect
+ x="15"
+ y="31"
+ width="51"
+ height="5"
+ id="rect11" /><rect
+ x="15"
+ y="54"
+ width="51"
+ height="5"
+ id="rect13" /><rect
+ x="15"
+ y="65"
+ width="39"
+ height="5"
+ id="rect15" /><polygon
+ points="89.696,26.201 87.8,29.502 86.982,30.927 94.01,34.963 94.828,33.539 96.724,30.237 "
+ id="polygon17" /><polygon
+ points="60,76.589 60,85 67.224,80.626 92.103,37.575 85.075,33.539 "
+ id="polygon19" /><circle
+ cx="19.604"
+ cy="81.623"
+ r="4.856"
+ id="circle21" /><circle
+ cx="35.01"
+ cy="81.683"
+ r="4.856"
+ id="circle23" /></g><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text25">Created by Jason Tropp</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text27">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/fabrique-workflows.svg b/static/img/sources/fabrique-workflows.svg
new file mode 100644
index 0000000..9d8fd00
--- /dev/null
+++ b/static/img/sources/fabrique-workflows.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -16.181 100.0 135.0"
+ enable-background="new 0 -6.181 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="workflows.svg"><metadata
+ id="metadata23"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs21" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="784"
+ inkscape:window-height="480"
+ id="namedview19"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="2010"
+ inkscape:window-y="284"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Layer_1" /><g
+ id="g3"
+ inkscape:export-xdpi="465.95227"
+ inkscape:export-ydpi="465.95227"><path
+ d="M52.332,29.1c12.805,0,22.835-6.935,22.835-15.788S65.137-2.476,52.332-2.476c-12.804,0-22.833,6.935-22.833,15.788 S39.528,29.1,52.332,29.1z M52.332,2.524c9.668,0,17.835,4.94,17.835,10.788S62,24.1,52.332,24.1 c-9.667,0-17.833-4.94-17.833-10.788S42.665,2.524,52.332,2.524z"
+ id="path5" /><path
+ d="M35.794,74.076l16.539,16.538l16.538-16.538L52.333,57.538L35.794,74.076z M52.333,83.544l-9.467-9.468l9.467-9.468 l9.468,9.468L52.333,83.544z"
+ id="path7" /><path
+ d="M73.218,31.372h-41.77v23.643h41.77V31.372z M68.218,50.015h-31.77V36.372h31.77V50.015z"
+ id="path9" /><path
+ d="M20.451,38.699l2.375,2.375h-1.98c-2.477-0.005-4.49-2.021-4.49-4.499V19.917c0-2.481,2.019-4.5,4.5-4.5h7.5v-5h-7.669 v0.009c-5.16,0.091-9.331,4.31-9.331,9.491v16.658c0,4.792,3.57,8.756,8.188,9.398v0.101h1.293c0.007,0,0.013,0.001,0.02,0.001 v-0.001h1.97l-2.375,2.375l2.432,2.432l7.307-7.307l-7.307-7.306L20.451,38.699z"
+ id="path11" /><path
+ d="M81.328,41.083v-0.008H74.66v5h6.499c3.247,0,3.499,3.444,3.499,4.5v16.658c0,1.054-0.252,4.488-3.484,4.499h-2.986 l2.375-2.375l-2.431-2.431l-7.307,7.306l7.307,7.307l2.432-2.432l-2.376-2.375h2.972v0.001c0.007,0,0.013-0.001,0.02-0.001h0.292 v-0.015c4.835-0.16,8.188-4.009,8.188-9.484V50.574C89.658,45.045,86.24,41.171,81.328,41.083z"
+ id="path13" /></g><text
+ x="0.0"
+ y="111.319"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text15">Created by Candice McCollough</text>
+<text
+ x="0.0"
+ y="116.319"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text17">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/federation-identite.svg b/static/img/sources/federation-identite.svg
new file mode 100644
index 0000000..711bceb
--- /dev/null
+++ b/static/img/sources/federation-identite.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="50px"
+ height="50px"
+ viewBox="2.5 -5.0 50.0 67.5"
+ enable-background="new 0 0 50 50"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="federation-identite.svg"><metadata
+ id="metadata13"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs11" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="784"
+ inkscape:window-height="480"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="4.72"
+ inkscape:cx="25"
+ inkscape:cy="25"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Layer_1" /><path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#000000"
+ d="M25.24,21.57c2.269,0,4.057,1.789,4.057,4.061 c0,2.223-1.788,4.063-4.057,4.063c-2.227,0-4.064-1.84-4.064-4.063C21.176,23.358,23.013,21.57,25.24,21.57L25.24,21.57z M17.989,15.912l3.959,4.596l-0.772,0.628l-3.916-4.593l-1.063,0.92l-0.388-3.095l3.239,0.628L17.989,15.912L17.989,15.912z M13.732,23.021l5.994,0.772l-0.145,0.969l-5.998-0.776l-0.191,1.403l-2.321-2.03l2.805-1.693L13.732,23.021L13.732,23.021z M15.135,30.902l5.076-3.289l0.53,0.822l-5.075,3.286l0.772,1.21l-3.141-0.048l1.063-3.144L15.135,30.902L15.135,30.902z M21.176,35.931l-1.352-0.386l1.16,3.092l2.465-1.982l-1.355-0.389l1.84-5.799l-0.968-0.291L21.176,35.931L21.176,35.931z M28.672,36.121l-2.079-5.704l0.916-0.29l2.032,5.656l1.356-0.48l-0.729,3.043l-2.85-1.738L28.672,36.121L28.672,36.121z M35.053,31.144l-0.678,1.208l3.239-0.529l-1.401-2.762l-0.676,1.212l-5.318-2.9l-0.439,0.822L35.053,31.144L35.053,31.144z M36.596,22.878l-5.895,1.397l-0.24-0.964l5.896-1.354l-0.336-1.404l2.945,1.112l-2.077,2.563L36.596,22.878L36.596,22.878z M31.764,15.477l1.21,0.726l-0.385-3.288l-2.856,1.305l1.211,0.726l-3.192,5.126l0.823,0.529L31.764,15.477L31.764,15.477z M25.674,13.446v6.047h-0.968v-6.047h-1.401l1.74-2.608l2.027,2.608H25.674L25.674,13.446z M25.24,3.294 c1.543,0,2.803,1.259,2.803,2.804c0,1.597-1.26,2.851-2.803,2.851c-1.548,0-2.804-1.254-2.804-2.851 C22.436,4.553,23.691,3.294,25.24,3.294L25.24,3.294z M10.782,8.564c1.21-1.014,2.95-0.869,3.965,0.292 c1.016,1.207,0.873,2.997-0.29,4.012c-1.16,1.015-2.951,0.873-3.965-0.341C9.478,11.369,9.624,9.58,10.782,8.564L10.782,8.564z M3.242,21.958c0.24-1.5,1.692-2.563,3.238-2.32c1.499,0.243,2.563,1.641,2.32,3.19c-0.242,1.548-1.693,2.612-3.19,2.37 C4.062,24.957,3,23.503,3.242,21.958L3.242,21.958z M6.236,37.043c-0.821-1.309-0.435-3.047,0.92-3.869 c1.304-0.822,3.047-0.387,3.867,0.921c0.821,1.35,0.386,3.044-0.915,3.867C8.799,38.781,7.061,38.395,6.236,37.043L6.236,37.043z M18.322,46.566c-1.497-0.436-2.318-2.031-1.836-3.529c0.484-1.452,2.03-2.274,3.529-1.836c1.5,0.482,2.324,2.077,1.839,3.574 C21.37,46.229,19.776,47.051,18.322,46.566L18.322,46.566z M33.648,45.988c-1.4,0.578-3.045-0.1-3.672-1.5 c-0.582-1.451,0.098-3.098,1.498-3.726c1.449-0.578,3.094,0.097,3.724,1.5C35.777,43.715,35.099,45.356,33.648,45.988L33.648,45.988 z M44.965,35.494c-0.725,1.4-2.417,1.98-3.824,1.258c-1.35-0.68-1.932-2.369-1.255-3.771c0.728-1.4,2.419-1.936,3.821-1.259 C45.057,32.4,45.639,34.095,44.965,35.494L44.965,35.494z M46.703,20.217c0.389,1.498-0.53,3.044-2.077,3.432 c-1.499,0.337-2.998-0.581-3.387-2.079c-0.382-1.498,0.536-3.047,2.031-3.385C44.82,17.801,46.316,18.717,46.703,20.217 L46.703,20.217z M38.099,7.452c1.258,0.918,1.547,2.662,0.675,3.965c-0.916,1.26-2.657,1.546-3.963,0.627 c-1.254-0.871-1.545-2.658-0.631-3.914C35.053,6.874,36.843,6.581,38.099,7.452z"
+ id="path3"
+ inkscape:export-xdpi="418.15317"
+ inkscape:export-ydpi="418.15317" /><text
+ x="0.0"
+ y="58.75"
+ font-size="2.5"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text5">Created by Mister Pixel</text>
+<text
+ x="0.0"
+ y="61.25"
+ font-size="2.5"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text7">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/guichet-unique.svg b/static/img/sources/guichet-unique.svg
new file mode 100644
index 0000000..97f4943
--- /dev/null
+++ b/static/img/sources/guichet-unique.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="87.3786407767px"
+ height="100px"
+ viewBox="4.5 -10.3 90.0 139.05"
+ version="1.1"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="guichet-unique.svg">
+ <metadata
+ id="metadata19">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>list</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1283"
+ inkscape:window-height="523"
+ id="namedview17"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="-44.022544"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg2" />
+ <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
+ <title
+ id="title4">list</title>
+ <desc
+ id="desc6">Created with Sketch.</desc>
+ <defs
+ id="defs8" />
+ <g
+ id="Page-1"
+ stroke="none"
+ stroke-width="1"
+ fill="none"
+ fill-rule="evenodd"
+ sketch:type="MSPage"
+ inkscape:export-xdpi="208.57501"
+ inkscape:export-ydpi="208.57501">
+ <g
+ id="myIcons"
+ sketch:type="MSArtboardGroup"
+ transform="translate(-136.000000, -458.000000)"
+ fill="#000000">
+ <path
+ d="M136,473.832516 C136,481.225178 141.937457,487.214368 149.25714,487.214368 C156.576823,487.214368 162.514279,481.225178 162.514279,473.832516 C162.514279,472.640326 161.560251,471.673866 160.383398,471.673866 C159.206545,471.673866 158.252517,472.640326 158.252517,473.832516 C158.252517,478.836661 154.227183,482.897068 149.25714,482.897068 C144.287097,482.897068 140.261762,478.836661 140.261762,473.832516 C140.261762,468.828371 144.287097,464.767963 149.25714,464.767963 C150.433993,464.767963 151.38802,463.801503 151.38802,462.609313 C151.38802,461.417124 150.433993,460.450663 149.25714,460.450663 C141.937457,460.450663 136,466.439853 136,473.832516 L136,473.832516 Z M136,511.456513 C136,518.849175 141.937457,524.838365 149.25714,524.838365 C156.576823,524.838365 162.514279,518.849175 162.514279,511.456513 C162.514279,510.264323 161.560251,509.297863 160.383398,509.297863 C159.206545,509.297863 158.252517,510.264323 158.252517,511.456513 C158.252517,516.460658 154.227183,520.521065 149.25714,520.521065 C144.287097,520.521065 140.261762,516.460658 140.261762,511.456513 C140.261762,506.452368 144.287097,502.39196 149.25714,502.39196 C150.433993,502.39196 151.38802,501.4255 151.38802,500.23331 C151.38802,499.041121 150.433993,498.07466 149.25714,498.07466 C141.937457,498.07466 136,504.06385 136,511.456513 L136,511.456513 Z M162.514279,546.863459 C162.514279,539.470797 156.576823,533.481606 149.25714,533.481606 C141.937457,533.481606 136,539.470797 136,546.863459 C136,554.256121 141.937457,560.245311 149.25714,560.245311 C156.576823,560.245311 162.514279,554.256121 162.514279,546.863459 L162.514279,546.863459 Z M140.261762,546.863459 C140.261762,541.859314 144.287097,537.798906 149.25714,537.798906 C154.227183,537.798906 158.252517,541.859314 158.252517,546.863459 C158.252517,551.867604 154.227183,555.928012 149.25714,555.928012 C144.287097,555.928012 140.261762,551.867604 140.261762,546.863459 L140.261762,546.863459 Z M221.738238,476.832516 C224.091944,476.832516 226,475.48937 226,473.832516 C226,472.175662 224.091944,470.832516 221.738238,470.832516 L174.804596,470.832516 C172.45089,470.832516 170.542834,472.175662 170.542834,473.832516 C170.542834,475.48937 172.45089,476.832516 174.804596,476.832516 L221.738238,476.832516 L221.738238,476.832516 Z M221.738238,514.456513 C224.091944,514.456513 226,513.113367 226,511.456513 C226,509.799658 224.091944,508.456513 221.738238,508.456513 L174.804596,508.456513 C172.45089,508.456513 170.542834,509.799658 170.542834,511.456513 C170.542834,513.113367 172.45089,514.456513 174.804596,514.456513 L221.738238,514.456513 L221.738238,514.456513 Z M221.738238,549.863459 C224.091944,549.863459 226,548.520313 226,546.863459 C226,545.206605 224.091944,543.863459 221.738238,543.863459 L174.804596,543.863459 C172.45089,543.863459 170.542834,545.206605 170.542834,546.863459 C170.542834,548.520313 172.45089,549.863459 174.804596,549.863459 L221.738238,549.863459 L221.738238,549.863459 Z M148.770783,476.927314 L150.454102,478.551551 L151.905209,476.711689 L163.704377,461.751493 C164.43898,460.820087 164.289154,459.461759 163.369729,458.717582 C162.450305,457.973406 161.109451,458.125185 160.374847,459.056591 L150.032182,472.182131 L147.296415,469.542384 C146.444257,468.720136 145.095457,468.753384 144.283786,469.616647 C143.472114,470.47991 143.504935,471.846287 144.357093,472.668536 L148.770783,476.927314 L148.770783,476.927314 Z M148.770783,514.468749 L150.454102,516.092987 L151.905209,514.253124 L163.704377,499.292928 C164.43898,498.361522 164.289154,497.003194 163.369729,496.259018 C162.450305,495.514841 161.109451,495.66662 160.374847,496.598026 L150.032182,509.723567 L147.296415,507.08382 C146.444257,506.261571 145.095457,506.29482 144.283786,507.158082 C143.472114,508.021345 143.504935,509.387722 144.357093,510.209971 L148.770783,514.468749 L148.770783,514.468749 Z"
+ id="list"
+ sketch:type="MSShapeGroup" />
+ </g>
+ </g>
+ <text
+ x="0.0"
+ y="121.025"
+ font-size="5.15"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text13">Created by Julynn B.</text>
+ <text
+ x="0.0"
+ y="126.175"
+ font-size="5.15"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text15">from the Noun Project</text>
+</svg>
diff --git a/static/img/sources/integrations-graphiques/captures/cournonterral.png b/static/img/sources/integrations-graphiques/captures/cournonterral.png
new file mode 100644
index 0000000..7d1b1cf
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/cournonterral.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/fabregues.png b/static/img/sources/integrations-graphiques/captures/fabregues.png
new file mode 100644
index 0000000..9467093
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/fabregues.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/marcoussis.png b/static/img/sources/integrations-graphiques/captures/marcoussis.png
new file mode 100644
index 0000000..c0526ab
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/marcoussis.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/meyzieu.png b/static/img/sources/integrations-graphiques/captures/meyzieu.png
new file mode 100644
index 0000000..7860cd8
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/meyzieu.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/montpellier.png b/static/img/sources/integrations-graphiques/captures/montpellier.png
new file mode 100644
index 0000000..0d87778
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/montpellier.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/sussargues.png b/static/img/sources/integrations-graphiques/captures/sussargues.png
new file mode 100644
index 0000000..c10c222
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/sussargues.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/vendargues.png b/static/img/sources/integrations-graphiques/captures/vendargues.png
new file mode 100644
index 0000000..72f79d1
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/vendargues.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/captures/vincennes.png b/static/img/sources/integrations-graphiques/captures/vincennes.png
new file mode 100644
index 0000000..2c3d062
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/captures/vincennes.png
Binary files differ
diff --git a/static/img/sources/integrations-graphiques/generate.py b/static/img/sources/integrations-graphiques/generate.py
new file mode 100644
index 0000000..9d6d105
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/generate.py
@@ -0,0 +1,21 @@
+#! /usr/bin/env python
+
+import os
+import subprocess
+
+svg_src = open('screen-with-capture.svg').read()
+for filename in os.listdir('captures'):
+ svg_dst = svg_src.replace('xxx.png', 'captures/%s' % filename)
+ svg_path = open('/tmp/.xxx.svg', 'w')
+ svg_path.write(svg_dst)
+ svg_path.close()
+ subprocess.call(['inkscape', '--without-gui',
+ '--file', '/tmp/.xxx.svg',
+ '--export-area-drawing',
+ '--export-area-snap',
+ '--export-png', 'screen-%s' % filename,
+ '--export-width', '250'])
+
+# gm montage screen-*.png -geometry +10+0 -tile 8x1 -background none ../screens.png
+# +10+0 <- 10 is the margin
+# 8x1 <- 8 is the number of images
diff --git a/static/img/sources/integrations-graphiques/screen-with-capture.svg b/static/img/sources/integrations-graphiques/screen-with-capture.svg
new file mode 100644
index 0000000..236c9e4
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/screen-with-capture.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Your_Icon"
+ x="0px"
+ y="0px"
+ width="104.63941"
+ height="71.655365"
+ viewBox="5 -10 104.63941 96.734743"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="screen-with-capture.svg"><metadata
+ id="metadata19"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs17" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1280"
+ inkscape:window-height="736"
+ id="namedview15"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:zoom="1.668772"
+ inkscape:cx="13.48888"
+ inkscape:cy="16.298247"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Your_Icon" /><g
+ id="g4136"><g
+ style="fill:#1a1a1a"
+ transform="matrix(1.4269011,0,0,1.1495513,-13.213451,-19.110194)"
+ i:extraneous="self"
+ id="g5"><path
+ style="fill:#1a1a1a"
+ d="m 5.45,7.925 c -2.734,0 -4.95,2.216 -4.95,4.95 l 0,64.35 c 0,2.734 2.216,4.95 4.95,4.95 l 28.05,0 c 0.911,0 1.65,0.739 1.65,1.65 l 0,3.3 29.7,0 0,-3.3 c 0,-0.911 0.739,-1.65 1.65,-1.65 l 28.05,0 c 2.734,0 4.95,-2.216 4.95,-4.95 l 0,-64.35 c 0,-2.734 -2.216,-4.95 -4.95,-4.95 l -89.1,0 z m 89.1,69.3 -89.1,0 0,-64.35 89.1,0 0,64.35 z"
+ id="path7"
+ inkscape:connector-curvature="0" /><rect
+ style="fill:#1a1a1a"
+ x="28.549999"
+ y="88.775002"
+ width="42.900002"
+ height="3.3"
+ id="rect9" /></g><image
+ xlink:href="xxx.png"
+ y="-6.2027836"
+ x="-9.4462042"
+ id="image4182"
+ preserveAspectRatio="none"
+ height="77.743782"
+ width="133.62213" /></g></svg>
diff --git a/static/img/sources/integrations-graphiques/smartphone-with-capture.svg b/static/img/sources/integrations-graphiques/smartphone-with-capture.svg
new file mode 100644
index 0000000..b61287e
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/smartphone-with-capture.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="5.0 -10.0 100.0 135.0"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="noun_4533_cc.svg"><metadata
+ id="metadata13"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs11" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1280"
+ inkscape:window-height="736"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="6.675088"
+ inkscape:cx="45.84674"
+ inkscape:cy="56.760664"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><rect
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+ id="rect4225"
+ width="53.392555"
+ height="92.021255"
+ x="23.701769"
+ y="2.4398177"
+ inkscape:export-filename="/tmp/path3.png"
+ inkscape:export-xdpi="411"
+ inkscape:export-ydpi="411" /><path
+ d="M74.916-0.072H25.229c-2.599,0-4.704,2.105-4.704,4.702v90.595c0,2.598,2.107,4.703,4.704,4.703h49.688 c2.599,0,4.704-2.105,4.704-4.703V4.63C79.62,2.033,77.513-0.072,74.916-0.072z M51.787,3.964c0.63,0,1.14,0.511,1.14,1.139 c0,0.629-0.51,1.14-1.14,1.14c-0.628,0-1.138-0.511-1.138-1.14C50.649,4.475,51.159,3.964,51.787,3.964z M48.356,3.964 c0.629,0,1.139,0.511,1.139,1.139c0,0.629-0.51,1.14-1.139,1.14c-0.631,0-1.14-0.511-1.14-1.14 C47.217,4.475,47.726,3.964,48.356,3.964z M50.072,90.709c-2.599,0-4.704-2.105-4.704-4.705c0-2.596,2.105-4.699,4.704-4.699 c2.598,0,4.704,2.104,4.704,4.699C54.776,88.604,52.67,90.709,50.072,90.709z M73.757,75.982H26.389V9.334h47.368V75.982z"
+ id="path3"
+ style="fill:#333333"
+ inkscape:export-filename="/tmp/path3.png"
+ inkscape:export-xdpi="411.20001"
+ inkscape:export-ydpi="411.20001" /><image
+ sodipodi:absref="/tmp/Capture d'écran 2015-03-14 à 12.09.46.png"
+ y="9.8099127"
+ x="26.506161"
+ id="image4203"
+ xlink:href="file:///tmp/Capture%20d'%C3%A9cran%202015-03-14%20%C3%A0%2012.09.46.png"
+ preserveAspectRatio="none"
+ height="64.357506"
+ width="46.805458"
+ inkscape:export-filename="/tmp/path3.png"
+ inkscape:export-xdpi="411"
+ inkscape:export-ydpi="411" /></svg> \ No newline at end of file
diff --git a/static/img/sources/integrations-graphiques/t.png b/static/img/sources/integrations-graphiques/t.png
new file mode 100644
index 0000000..e3a5372
--- /dev/null
+++ b/static/img/sources/integrations-graphiques/t.png
Binary files differ
diff --git a/static/img/sources/libre.svg b/static/img/sources/libre.svg
new file mode 100644
index 0000000..c8fc027
--- /dev/null
+++ b/static/img/sources/libre.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.0"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="0 0 100 100"
+ enable-background="new 0 0 100 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="libre.svg"><metadata
+ id="metadata15"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs13" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1280"
+ inkscape:window-height="736"
+ id="namedview11"
+ showgrid="false"
+ inkscape:zoom="1.18"
+ inkscape:cx="74.420586"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><circle
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+ id="path4147"
+ cx="50"
+ cy="50"
+ r="44.703388" /><path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+ id="path4147-0"
+ sodipodi:type="arc"
+ sodipodi:cx="-57.958958"
+ sodipodi:cy="-41.249535"
+ sodipodi:rx="26.059322"
+ sodipodi:ry="26.059322"
+ sodipodi:start="0.63851543"
+ sodipodi:end="5.3523251"
+ sodipodi:open="true"
+ d="m -37.033805,-25.718074 a 26.059322,26.059322 0 0 1 -27.275619,9.742238 26.059322,26.059322 0 0 1 -19.430955,-21.478095 26.059322,26.059322 0 0 1 12.416563,-26.166765 26.059322,26.059322 0 0 1 28.926032,1.468095"
+ transform="matrix(-0.98552135,-0.16955138,0.16955138,-0.98552135,0,0)" /></svg> \ No newline at end of file
diff --git a/static/img/sources/metier.svg b/static/img/sources/metier.svg
new file mode 100644
index 0000000..472307f
--- /dev/null
+++ b/static/img/sources/metier.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_2" x="0px" y="0px" width="100px" height="95.652px" viewBox="5.0 -9.5652 100.0 129.1302" enable-background="new 0 0 100 95.652" xml:space="preserve">
+<g>
+ <circle cx="19.565" cy="33.696" r="9.783"/>
+</g>
+<g>
+ <circle cx="68.207" cy="43.478" r="15.217"/>
+</g>
+<g>
+ <path d="M91.58,73.916v21.74H44.84v-21.74c0-7.21,5.84-13.05,13.04-13.05h20.65C85.74,60.866,91.58,66.706,91.58,73.916z"/>
+</g>
+<path d="M13.137,53.354c2.267-2.267,5.837-2.267,12.95-2.267h6.223c-2.365-3.287-6.211-5.435-10.57-5.435h-4.348 c-5.772,0-10.66,3.753-12.378,8.949c1.885-0.232,4.265-0.251,7.329-0.253C12.571,53.99,12.832,53.659,13.137,53.354z"/>
+<path d="M42.663,82.609v-0.002c-0.548,0.002-1.121,0.002-1.734,0.002H42.663z"/>
+<path d="M57.11,56.856c0.127,0.569,0.228,1.18,0.298,1.863c0.158-0.005,0.313-0.024,0.473-0.024h1.925 C58.849,58.165,57.946,57.551,57.11,56.856z"/>
+<path d="M86.957,56.522h-7.285c-0.94,0.827-1.961,1.563-3.064,2.174h1.925c8.391,0,15.217,6.826,15.217,15.217v8.561 c6.249-0.483,6.25-2.703,6.25-12.909C100,56.522,100,56.522,86.957,56.522z"/>
+<path d="M10.87,71.739v-5.435c0-4.48,0.001-7.552,0.568-9.781C0.009,56.546,0,57.084,0,69.565c0,12.61,0.002,13.029,11.789,13.043 C10.872,80.317,10.87,76.998,10.87,71.739z"/>
+<g>
+ <path d="M47.579,60.87h-26.68c-0.737,0-1.334-0.486-1.334-1.087c0-0.601,0.597-1.087,1.334-1.087h26.68 c0.737,0,1.334,0.486,1.334,1.087C48.913,60.383,48.316,60.87,47.579,60.87z"/>
+</g>
+<g>
+ <path d="M46.241,64.13H20.899c-0.737,0-1.334,0.486-1.334,1.087s0.597,1.087,1.334,1.087h23.823 C45.168,65.536,45.672,64.806,46.241,64.13z"/>
+</g>
+<g>
+ <path d="M43.304,69.565H20.85c-0.709,0-1.285,0.486-1.285,1.087s0.575,1.087,1.285,1.087h21.987 C42.944,70.997,43.094,70.269,43.304,69.565z"/>
+</g>
+<g>
+ <path d="M42.663,75H20.8c-0.682,0-1.235,0.486-1.235,1.087c0,0.601,0.553,1.087,1.235,1.087h21.863V75z"/>
+</g>
+<path d="M81.522,9.783c0,0.315-0.054,0.63-0.152,0.946c-0.446,1.391-1.88,2.707-4.076,3.87l-5.554,2.793l-5.152,7.37l-1.554-6.478 c-4.75,0.815-10.261,1.283-16.12,1.283c-0.804,0-1.598-0.011-2.38-0.033l-8.489,0.033l-7.674,3.261l1.576-4.696 c-9.38-1.717-15.641-4.815-15.641-8.348c0-4.228,8.957-7.837,21.511-9.196c1.511-0.163,3.065-0.304,4.674-0.402 C44.565,0.065,46.717,0,48.913,0c4.196,0,8.207,0.239,11.891,0.674C72.935,2.098,81.522,5.641,81.522,9.783z"/>
+<g>
+ <path d="M55.25,58.935c-1.141,0.207-2.25,0.522-3.294,0.957c-0.576-4.446-2.772-4.456-11.022-4.456H26.87 c-11.239,0-11.239,0-11.239,11.239v4.696c0,11.239,0,11.239,11.239,11.239h15.794v7.609H11.141c-7.88,0-7.88,0-2.087-3.217 c3.989-2.217,3.989-2.217,9.424-2.217h7.609c-13.043,0-13.043,0-13.043-13.043v-5.435c0-13.043,0-13.043,13.043-13.043h16.304 C52.272,53.261,54.663,53.272,55.25,58.935z"/>
+</g>
+<text x="0.0" y="112.3911" font-size="4.7826" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by Claire Jones</text><text x="0.0" y="117.1737" font-size="4.7826" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/mobile.svg b/static/img/sources/mobile.svg
new file mode 100644
index 0000000..fdeaa54
--- /dev/null
+++ b/static/img/sources/mobile.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="-341.0 246.0 100.0 135.0"
+ enable-background="new -346 256 100 100"
+ xml:space="preserve"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="mobile.svg"><metadata
+ id="metadata22"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs20" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1280"
+ inkscape:window-height="736"
+ id="namedview18"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="-97.033898"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2" /><g
+ id="Layer_1" /><g
+ id="Layer_2"
+ inkscape:export-xdpi="201.01976"
+ inkscape:export-ydpi="201.01976"
+ transform="matrix(1.1548689,0,0,1.1548689,56.105666,-40.046366)"><path
+ d="m -313.603,335.22 c -0.976,-0.105 -3.112,-0.499 -4.662,-1.943 -1.769,-1.649 -2.129,-3.783 -2.204,-4.612 l 0,-35.427 c 0,-3.046 -2.471,-5.517 -5.517,-5.517 -2.986,0 -5.403,2.376 -5.499,5.34 l 0,28.265 c -10e-4,0.021 -0.009,0.155 -0.018,0.378 l 0,2.879 c 0.083,2.519 0.405,6.23 1.435,10.186 1.763,6.77 7.318,10.948 7.374,10.99 0.595,0.441 0.771,1.321 0.282,1.877 -0.429,0.487 -1.637,0.335 -1.876,0.158 -0.223,-0.163 -4.763,-3.568 -7.312,-9.419 L -346,356 l 38.618,0 c 0,0 7.965,-1.965 14.997,-7.268 6.202,-4.678 9.991,-11.709 10.614,-13.513 l -31.832,0 z"
+ id="path6"
+ inkscape:connector-curvature="0" /><path
+ d="m -259.589,285.746 -3.969,0 0,8.946 3.969,0 c 2.465,0 4.472,-2.007 4.472,-4.474 0,-2.466 -2.007,-4.472 -4.472,-4.472 z"
+ id="path8"
+ inkscape:connector-curvature="0" /><path
+ d="m -255.117,312.132 c 0,-2.377 -1.869,-4.31 -4.212,-4.447 2.343,-0.137 4.212,-2.068 4.212,-4.446 0,-2.467 -2.007,-4.473 -4.472,-4.473 l -3.969,0 -0.05,26.741 3.968,0 c 2.466,0 4.473,-2.007 4.473,-4.474 0,-2.381 -1.876,-4.315 -4.224,-4.448 2.372,-0.106 4.274,-2.054 4.274,-4.453 z"
+ id="path10"
+ inkscape:connector-curvature="0" /><path
+ d="m -272.134,256.271 -39.798,0 c -3.295,0 -5.976,2.681 -5.976,5.976 l 0,64.361 c 0,3.295 2.681,5.975 5.976,5.975 l 39.798,0 c 3.295,0 5.975,-2.68 5.975,-5.975 l 0,-64.361 c 0,-3.295 -2.68,-5.976 -5.975,-5.976 z m -19.794,73.369 c -1.249,0 -2.262,-1.013 -2.262,-2.262 0,-1.249 1.013,-2.262 2.262,-2.262 1.248,0 2.262,1.013 2.262,2.262 0,1.249 -1.014,2.262 -2.262,2.262 z m 20.564,-7.517 -41.337,0 0,-55.739 41.337,0 0,55.739 z"
+ id="path12"
+ inkscape:connector-curvature="0" /></g></svg> \ No newline at end of file
diff --git a/static/img/sources/mobilite.svg b/static/img/sources/mobilite.svg
new file mode 100644
index 0000000..71affdc
--- /dev/null
+++ b/static/img/sources/mobilite.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ x="0px"
+ y="0px"
+ width="100px"
+ height="100px"
+ viewBox="-341.0 246.0 100.0 135.0"
+ enable-background="new -346 256 100 100"
+ xml:space="preserve"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="mobile.svg"><metadata
+ id="metadata22"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs20" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="788"
+ inkscape:window-height="480"
+ id="namedview18"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg2" /><g
+ id="Layer_1" /><g
+ id="Layer_2"
+ inkscape:export-xdpi="201.01976"
+ inkscape:export-ydpi="201.01976"><path
+ d="M-313.603,335.22c-0.976-0.105-3.112-0.499-4.662-1.943c-1.769-1.649-2.129-3.783-2.204-4.612v-35.427 c0-3.046-2.471-5.517-5.517-5.517c-2.986,0-5.403,2.376-5.499,5.34v28.265c-0.001,0.021-0.009,0.155-0.018,0.378v2.879 c0.083,2.519,0.405,6.23,1.435,10.186c1.763,6.77,7.318,10.948,7.374,10.99c0.595,0.441,0.771,1.321,0.282,1.877 c-0.429,0.487-1.637,0.335-1.876,0.158c-0.223-0.163-4.763-3.568-7.312-9.419L-346,356h38.618c0,0,7.965-1.965,14.997-7.268 c6.202-4.678,9.991-11.709,10.614-13.513H-313.603z"
+ id="path6" /><path
+ d="M-259.589,285.746h-3.969v8.946h3.969c2.465,0,4.472-2.007,4.472-4.474C-255.117,287.752-257.124,285.746-259.589,285.746z "
+ id="path8" /><path
+ d="M-255.117,312.132c0-2.377-1.869-4.31-4.212-4.447c2.343-0.137,4.212-2.068,4.212-4.446c0-2.467-2.007-4.473-4.472-4.473 h-3.969l-0.05,26.741h3.968c2.466,0,4.473-2.007,4.473-4.474c0-2.381-1.876-4.315-4.224-4.448 C-257.019,316.479-255.117,314.531-255.117,312.132z"
+ id="path10" /><path
+ d="M-272.134,256.271h-39.798c-3.295,0-5.976,2.681-5.976,5.976v64.361c0,3.295,2.681,5.975,5.976,5.975h39.798 c3.295,0,5.975-2.68,5.975-5.975v-64.361C-266.159,258.952-268.839,256.271-272.134,256.271z M-291.928,329.64 c-1.249,0-2.262-1.013-2.262-2.262s1.013-2.262,2.262-2.262c1.248,0,2.262,1.013,2.262,2.262S-290.68,329.64-291.928,329.64z M-271.364,322.123h-41.337v-55.739h41.337V322.123z"
+ id="path12" /></g><text
+ x="-346.0"
+ y="373.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text14">Created by Luis Prado</text>
+<text
+ x="-346.0"
+ y="378.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text16">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/parametrage.svg b/static/img/sources/parametrage.svg
new file mode 100644
index 0000000..1680d3b
--- /dev/null
+++ b/static/img/sources/parametrage.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="5.0 -10.0 100.0 135.0" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+ <path d="M8.262,67.786l1.81,4.129l-2.546,5.337l4.076,3.871l5.149-2.767l4.175,1.481l1.958,5.495l5.767-0.159l1.611-5.497 l4.129-1.848l5.308,2.577l3.86-4.064l-2.755-5.123l1.519-4.232l5.522-2.026l-0.086-5.57l-5.599-1.722l-1.84-3.994l2.495-5.513 l-4.025-3.807l-5.187,2.844l-4.168-1.587l-1.986-5.542l-5.599,0.096l-1.713,5.645l-4.12,1.799l-5.339-2.537l-3.882,4.085 l2.773,5.102l-1.484,4.23L2.61,60.428l0.134,5.767L8.262,67.786z M17.541,55.567c3.99-4.198,10.629-4.368,14.829-0.377 c4.199,3.99,4.367,10.627,0.377,14.826c-3.99,4.197-10.629,4.369-14.827,0.38C13.722,66.406,13.55,59.765,17.541,55.567z"/>
+ <circle cx="25.177" cy="62.822" r="6.173"/>
+ <path d="M49.277,55.217l2.037,2.551l-0.782,4.215l3.578,1.946l3.091-2.901l3.196,0.256l2.398,3.479l4.012-1.19l0.098-4.153 l2.548-2.065l4.192,0.81l1.949-3.569l-2.896-3.071l0.269-3.25l3.492-2.45l-1.103-3.885l-4.245-0.158l-2.037-2.452l0.714-4.327 l-3.531-1.912l-3.1,2.963l-3.218-0.329l-2.425-3.51l-3.906,1.118l-0.142,4.274l-2.547,2.03l-4.217-0.774l-1.953,3.586l2.898,3.055 l-0.245,3.24l-3.467,2.382l1.177,4.016L49.277,55.217z M53.479,44.922c2.006-3.688,6.622-5.051,10.312-3.044 c3.69,2.008,5.049,6.623,3.042,10.312c-2.006,3.688-6.621,5.05-10.312,3.044C52.839,53.227,51.473,48.61,53.479,44.922z"/>
+ <path d="M62.002,45.167c1.873,1.018,2.561,3.359,1.547,5.234c-1.022,1.873-3.368,2.563-5.242,1.544 c-1.864-1.017-2.562-3.361-1.543-5.235C57.782,44.837,60.132,44.146,62.002,45.167z"/>
+ <path d="M39.699,82.663l2.987-3.146c3.829,1.601,8.031,2.491,12.442,2.491c17.816,0,32.259-14.44,32.259-32.259 c0-17.816-14.442-32.259-32.259-32.259c-13.61,0-25.228,8.438-29.965,20.359l-3.944,0.057l-2.116,6.153l-3.088,1.29l-1.717-0.815 c2.568-20.285,19.846-35.98,40.83-35.98c22.754,0,41.195,18.442,41.195,41.195c0,22.754-18.441,41.195-41.195,41.195 c-9.42,0-18.072-3.196-25.012-8.514l4.274-2.345L39.699,82.663z"/>
+</g>
+<text x="0.0" y="117.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by Murali Krishna</text><text x="0.0" y="122.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/porte-document.svg b/static/img/sources/porte-document.svg
new file mode 100644
index 0000000..dead096
--- /dev/null
+++ b/static/img/sources/porte-document.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Glyphs_-_Office"
+ x="0px"
+ y="0px"
+ viewBox="2.0 -4.0 40.0 54.0"
+ enable-background="new 0 0 40 40"
+ xml:space="preserve"
+ height="100px"
+ width="100px"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="porte-document.svg"><metadata
+ id="metadata12"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs10" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="784"
+ inkscape:window-height="480"
+ id="namedview8"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="1870"
+ inkscape:window-y="172"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Glyphs_-_Office" /><path
+ id="Layer_Lock"
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M29,7.6c-3.9,0-7,3.1-7,7c0,3.9,3.1,7,7,7c3.9,0,7-3.1,7-7 C36,10.7,32.9,7.6,29,7.6z M26,17.6v-4h1v-0.7c0-1.3,0.8-2.3,2-2.3s2,1,2,2.3v0.7h1l0,4H26z M25,22.6c-1.2-0.6-2.2-1.4-3-2.5 L16.9,23l-9.2-5.1L4,20l12.9,7.2L25,22.6z M21.4,19.3c-0.8-1.4-1.3-3-1.3-4.7c0-1.7,0.5-3.3,1.3-4.6l-4.5-2.5L4,14.6l12.9,7.2 L21.4,19.3z M16.9,28.3l-9.2-5.1L4,25.4l12.9,7.2l12.8-7.1L26,23.3L16.9,28.3z M29,11.6c-0.6,0-1,0.4-1,1.1l0,0.9h2l0-0.9 C30,12,29.6,11.6,29,11.6z" /><text
+ x="0.0"
+ y="47.0"
+ font-size="2.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text4">Created by Hello Many</text>
+<text
+ x="0.0"
+ y="49.0"
+ font-size="2.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text6">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/sources/screen.svg b/static/img/sources/screen.svg
new file mode 100644
index 0000000..ef66603
--- /dev/null
+++ b/static/img/sources/screen.svg
@@ -0,0 +1,10 @@
+<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Your_Icon" x="0px" y="0px" width="100px" height="100px" viewBox="5.0 -10.0 100.0 135.0" enable-background="new 0 0 100 100" xml:space="preserve">
+<switch>
+ <foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
+ </foreignObject>
+ <g i:extraneous="self">
+ <path d="M5.45,7.925c-2.734,0-4.95,2.216-4.95,4.95v64.35c0,2.734,2.216,4.95,4.95,4.95H33.5c0.911,0,1.65,0.739,1.65,1.65v3.3 h29.7v-3.3c0-0.911,0.739-1.65,1.65-1.65h28.05c2.734,0,4.95-2.216,4.95-4.95v-64.35c0-2.734-2.216-4.95-4.95-4.95H5.45z M94.55,77.225H5.45v-64.35h89.1V77.225z"/>
+ <rect x="28.55" y="88.775" width="42.9" height="3.3"/>
+ </g>
+</switch>
+<text x="0.0" y="117.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by Yorlmar Campos</text><text x="0.0" y="122.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/smartphone.svg b/static/img/sources/smartphone.svg
new file mode 100644
index 0000000..17af695
--- /dev/null
+++ b/static/img/sources/smartphone.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="5.0 -10.0 100.0 135.0" enable-background="new 0 0 100 100" xml:space="preserve">
+<path d="M74.916-0.072H25.229c-2.599,0-4.704,2.105-4.704,4.702v90.595c0,2.598,2.107,4.703,4.704,4.703h49.688 c2.599,0,4.704-2.105,4.704-4.703V4.63C79.62,2.033,77.513-0.072,74.916-0.072z M51.787,3.964c0.63,0,1.14,0.511,1.14,1.139 c0,0.629-0.51,1.14-1.14,1.14c-0.628,0-1.138-0.511-1.138-1.14C50.649,4.475,51.159,3.964,51.787,3.964z M48.356,3.964 c0.629,0,1.139,0.511,1.139,1.139c0,0.629-0.51,1.14-1.139,1.14c-0.631,0-1.14-0.511-1.14-1.14 C47.217,4.475,47.726,3.964,48.356,3.964z M50.072,90.709c-2.599,0-4.704-2.105-4.704-4.705c0-2.596,2.105-4.699,4.704-4.699 c2.598,0,4.704,2.104,4.704,4.699C54.776,88.604,52.67,90.709,50.072,90.709z M73.757,75.982H26.389V9.334h47.368V75.982z"/>
+<text x="0.0" y="117.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">Created by James Fenton</text><text x="0.0" y="122.5" font-size="5.0" font-weight="bold" font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif" fill="#000000">from the Noun Project</text></svg> \ No newline at end of file
diff --git a/static/img/sources/webservices.svg b/static/img/sources/webservices.svg
new file mode 100644
index 0000000..338ed8f
--- /dev/null
+++ b/static/img/sources/webservices.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ width="98.687px"
+ height="100px"
+ viewBox="4.93435 -10.0 98.687 135.0"
+ enable-background="new 0 0 98.687 100"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="webservices.svg"><metadata
+ id="metadata17"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs15" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="784"
+ inkscape:window-height="480"
+ id="namedview13"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="49.343503"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Layer_1" /><path
+ fill="#010101"
+ d="M82.767,2.221c-7.431-4.29-16.803-2.165-21.705,4.656c-1.944-0.265-3.908-0.4-5.884-0.4 c-15.963,0-29.943,8.639-37.52,21.485c3.556,0.175,6.886,1.197,9.805,2.86c6.094-8.777,16.243-14.536,27.715-14.536 c0.923,0,1.844,0.042,2.761,0.117c-0.048,5.769,2.923,11.399,8.274,14.489c7.919,4.571,18.042,1.858,22.613-6.06 C93.397,16.917,90.685,6.792,82.767,2.221z"
+ id="path3"
+ inkscape:export-xdpi="184.67632"
+ inkscape:export-ydpi="184.67632" /><path
+ fill="#010101"
+ d="M0,50.006c0,8.58,6.526,15.635,14.886,16.47c0.744,1.815,1.609,3.584,2.596,5.296 c7.98,13.823,22.454,21.612,37.367,21.75c-1.626-3.169-2.409-6.563-2.426-9.923c-10.648-0.889-20.711-6.798-26.446-16.734 c-0.462-0.798-0.886-1.617-1.28-2.449c5.021-2.842,8.411-8.229,8.411-14.41c0-9.142-7.413-16.554-16.555-16.554 C7.411,33.453,0,40.864,0,50.006z"
+ id="path5"
+ inkscape:export-xdpi="184.67632"
+ inkscape:export-ydpi="184.67632" /><path
+ fill="#010101"
+ d="M82.756,97.779c7.43-4.289,10.275-13.468,6.82-21.124c1.201-1.553,2.3-3.186,3.287-4.896 c7.983-13.823,7.492-30.251,0.155-43.237c-1.932,2.992-4.48,5.366-7.381,7.062c4.554,9.666,4.466,21.335-1.269,31.269 c-0.461,0.801-0.958,1.577-1.482,2.332c-4.972-2.925-11.332-3.166-16.685-0.077c-7.918,4.571-10.63,14.696-6.06,22.612 C64.714,99.637,74.839,102.352,82.756,97.779z"
+ id="path7"
+ inkscape:export-xdpi="184.67632"
+ inkscape:export-ydpi="184.67632" /><text
+ x="0.0"
+ y="117.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text9">Created by Jamison Wieser</text>
+<text
+ x="0.0"
+ y="122.5"
+ font-size="5.0"
+ font-weight="bold"
+ font-family="Helvetica Neue, Helvetica, Arial-Unicode, Arial, Sans-serif"
+ fill="#000000"
+ id="text11">from the Noun Project</text>
+</svg> \ No newline at end of file
diff --git a/static/img/tram.jpg b/static/img/tram.jpg
new file mode 100644
index 0000000..0198ac3
--- /dev/null
+++ b/static/img/tram.jpg
Binary files differ
diff --git a/static/img/vincennes.png b/static/img/vincennes.png
new file mode 100644
index 0000000..b39ab15
--- /dev/null
+++ b/static/img/vincennes.png
Binary files differ
diff --git a/static/img/webservices-bg.png b/static/img/webservices-bg.png
new file mode 100644
index 0000000..f6f5a61
--- /dev/null
+++ b/static/img/webservices-bg.png
Binary files differ
diff --git a/static/img/webservices.png b/static/img/webservices.png
new file mode 100644
index 0000000..79f3c34
--- /dev/null
+++ b/static/img/webservices.png
Binary files differ
diff --git a/static/js/combo.public.js b/static/js/combo.public.js
new file mode 100644
index 0000000..b26bdee
--- /dev/null
+++ b/static/js/combo.public.js
@@ -0,0 +1,19 @@
+$(function() {
+ $('.intro').parallax("60%", -0.2);
+ $('.bistro').parallax("0%", 0.2);
+ $('.bistro > div').parallax("2%", 1.2);
+ $('a[href^="#"]').on('click',
+ function() { $.scrollTo($(this).attr('href'), 1000); }
+ );
+ if ($('.ecrans').length > 0) {
+ var $window = $(window);
+ var offset = parseInt(Math.random()*2000);
+ var $ecrans = $('.ecrans');
+ var pos = $window.scrollTop();
+ $ecrans.css('background-position', (offset + pos/2) + 'px 0px');
+ $window.bind('scroll', function() {
+ var pos = $window.scrollTop();
+ $ecrans.css('background-position', (offset + pos/2) + 'px 0px');
+ });
+ }
+});
diff --git a/static/js/jquery.parallax-1.1.3.js b/static/js/jquery.parallax-1.1.3.js
new file mode 100644
index 0000000..f3569dc
--- /dev/null
+++ b/static/js/jquery.parallax-1.1.3.js
@@ -0,0 +1,69 @@
+/*
+Plugin: jQuery Parallax
+Version 1.1.3
+Author: Ian Lunn
+Twitter: @IanLunn
+Author URL: http://www.ianlunn.co.uk/
+Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/
+
+Dual licensed under the MIT and GPL licenses:
+http://www.opensource.org/licenses/mit-license.php
+http://www.gnu.org/licenses/gpl.html
+*/
+
+(function( $ ){
+ var $window = $(window);
+ var windowHeight = $window.height();
+
+ $window.resize(function () {
+ windowHeight = $window.height();
+ });
+
+ $.fn.parallax = function(xpos, speedFactor, outerHeight) {
+ var $this = $(this);
+ var getHeight;
+ var firstTop;
+ var paddingTop = 0;
+
+ //get the starting position of each element to have parallax applied to it
+ $this.each(function(){
+ firstTop = $this.offset().top;
+ });
+
+ if (outerHeight) {
+ getHeight = function(jqo) {
+ return jqo.outerHeight(true);
+ };
+ } else {
+ getHeight = function(jqo) {
+ return jqo.height();
+ };
+ }
+
+ // setup defaults if arguments aren't specified
+ if (arguments.length < 1 || xpos === null) xpos = "50%";
+ if (arguments.length < 2 || speedFactor === null) speedFactor = 0.1;
+ if (arguments.length < 3 || outerHeight === null) outerHeight = true;
+
+ // function to be called whenever the window is scrolled or resized
+ function update(){
+ var pos = $window.scrollTop();
+
+ $this.each(function(){
+ var $element = $(this);
+ var top = $element.offset().top;
+ var height = getHeight($element);
+
+ // Check if totally above or totally below viewport
+ if (top + height < pos || top > pos + windowHeight) {
+ return;
+ }
+
+ $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px");
+ });
+ }
+
+ $window.bind('scroll', update).resize(update);
+ update();
+ };
+})(jQuery);
diff --git a/static/js/jquery.scrollTo.js b/static/js/jquery.scrollTo.js
new file mode 100644
index 0000000..8b88b8e
--- /dev/null
+++ b/static/js/jquery.scrollTo.js
@@ -0,0 +1,187 @@
+/*!
+ * jQuery.scrollTo
+ * Copyright (c) 2007-2014 Ariel Flesler - aflesler<a>gmail<d>com | http://flesler.blogspot.com
+ * Licensed under MIT
+ * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
+ * @projectDescription Easy element scrolling using jQuery.
+ * @author Ariel Flesler
+ * @version 1.4.14
+ */
+;(function (define) {
+ 'use strict';
+
+ define(['jquery'], function ($) {
+
+ var $scrollTo = $.scrollTo = function( target, duration, settings ) {
+ return $(window).scrollTo( target, duration, settings );
+ };
+
+ $scrollTo.defaults = {
+ axis:'xy',
+ duration: 0,
+ limit:true
+ };
+
+ // Returns the element that needs to be animated to scroll the window.
+ // Kept for backwards compatibility (specially for localScroll & serialScroll)
+ $scrollTo.window = function( scope ) {
+ return $(window)._scrollable();
+ };
+
+ // Hack, hack, hack :)
+ // Returns the real elements to scroll (supports window/iframes, documents and regular nodes)
+ $.fn._scrollable = function() {
+ return this.map(function() {
+ var elem = this,
+ isWin = !elem.nodeName || $.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) != -1;
+
+ if (!isWin)
+ return elem;
+
+ var doc = (elem.contentWindow || elem).document || elem.ownerDocument || elem;
+
+ return /webkit/i.test(navigator.userAgent) || doc.compatMode == 'BackCompat' ?
+ doc.body :
+ doc.documentElement;
+ });
+ };
+
+ $.fn.scrollTo = function( target, duration, settings ) {
+ if (typeof duration == 'object') {
+ settings = duration;
+ duration = 0;
+ }
+ if (typeof settings == 'function')
+ settings = { onAfter:settings };
+
+ if (target == 'max')
+ target = 9e9;
+
+ settings = $.extend( {}, $scrollTo.defaults, settings );
+ // Speed is still recognized for backwards compatibility
+ duration = duration || settings.duration;
+ // Make sure the settings are given right
+ settings.queue = settings.queue && settings.axis.length > 1;
+
+ if (settings.queue)
+ // Let's keep the overall duration
+ duration /= 2;
+ settings.offset = both( settings.offset );
+ settings.over = both( settings.over );
+
+ return this._scrollable().each(function() {
+ // Null target yields nothing, just like jQuery does
+ if (target == null) return;
+
+ var elem = this,
+ $elem = $(elem),
+ targ = target, toff, attr = {},
+ win = $elem.is('html,body');
+
+ switch (typeof targ) {
+ // A number will pass the regex
+ case 'number':
+ case 'string':
+ if (/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ)) {
+ targ = both( targ );
+ // We are done
+ break;
+ }
+ // Relative/Absolute selector, no break!
+ targ = win ? $(targ) : $(targ, this);
+ if (!targ.length) return;
+ case 'object':
+ // DOMElement / jQuery
+ if (targ.is || targ.style)
+ // Get the real position of the target
+ toff = (targ = $(targ)).offset();
+ }
+
+ var offset = $.isFunction(settings.offset) && settings.offset(elem, targ) || settings.offset;
+
+ $.each( settings.axis.split(''), function( i, axis ) {
+ var Pos = axis == 'x' ? 'Left' : 'Top',
+ pos = Pos.toLowerCase(),
+ key = 'scroll' + Pos,
+ old = elem[key],
+ max = $scrollTo.max(elem, axis);
+
+ if (toff) {// jQuery / DOMElement
+ attr[key] = toff[pos] + ( win ? 0 : old - $elem.offset()[pos] );
+
+ // If it's a dom element, reduce the margin
+ if (settings.margin) {
+ attr[key] -= parseInt(targ.css('margin'+Pos)) || 0;
+ attr[key] -= parseInt(targ.css('border'+Pos+'Width')) || 0;
+ }
+
+ attr[key] += offset[pos] || 0;
+
+ if(settings.over[pos])
+ // Scroll to a fraction of its width/height
+ attr[key] += targ[axis=='x'?'width':'height']() * settings.over[pos];
+ } else {
+ var val = targ[pos];
+ // Handle percentage values
+ attr[key] = val.slice && val.slice(-1) == '%' ?
+ parseFloat(val) / 100 * max
+ : val;
+ }
+
+ // Number or 'number'
+ if (settings.limit && /^\d+$/.test(attr[key]))
+ // Check the limits
+ attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max );
+
+ // Queueing axes
+ if (!i && settings.queue) {
+ // Don't waste time animating, if there's no need.
+ if (old != attr[key])
+ // Intermediate animation
+ animate( settings.onAfterFirst );
+ // Don't animate this axis again in the next iteration.
+ delete attr[key];
+ }
+ });
+
+ animate( settings.onAfter );
+
+ function animate( callback ) {
+ $elem.animate( attr, duration, settings.easing, callback && function() {
+ callback.call(this, targ, settings);
+ });
+ }
+ }).end();
+ };
+
+ // Max scrolling position, works on quirks mode
+ // It only fails (not too badly) on IE, quirks mode.
+ $scrollTo.max = function( elem, axis ) {
+ var Dim = axis == 'x' ? 'Width' : 'Height',
+ scroll = 'scroll'+Dim;
+
+ if (!$(elem).is('html,body'))
+ return elem[scroll] - $(elem)[Dim.toLowerCase()]();
+
+ var size = 'client' + Dim,
+ html = elem.ownerDocument.documentElement,
+ body = elem.ownerDocument.body;
+
+ return Math.max( html[scroll], body[scroll] ) - Math.min( html[size] , body[size] );
+ };
+
+ function both( val ) {
+ return $.isFunction(val) || $.isPlainObject(val) ? val : { top:val, left:val };
+ }
+
+ // AMD requirement
+ return $scrollTo;
+ })
+}(typeof define === 'function' && define.amd ? define : function (deps, factory) {
+ if (typeof module !== 'undefined' && module.exports) {
+ // Node
+ module.exports = factory(require('jquery'));
+ } else {
+ factory(jQuery);
+ }
+}));
diff --git a/templates/combo/menu.html b/templates/combo/menu.html
new file mode 100644
index 0000000..ef87c57
--- /dev/null
+++ b/templates/combo/menu.html
@@ -0,0 +1,13 @@
+{% load combo %}
+{% if menuitems %}
+<ul>
+{% for menuitem in menuitems %}
+<li class="menu-{{ menuitem.page.slug }} {% if menuitem.selected %}selected{% endif %}"><a
+ href="{{ menuitem.page.get_online_url }}">{{ menuitem.page.title }}</a>
+ {% if depth > 1 %}
+ {% show_menu current_page=menuitem.page level=-1 depth=depth reduce_depth=True %}
+ {% endif %}
+</li>
+{% endfor %}
+</ul>
+{% endif %}
diff --git a/templates/combo/page_template.html b/templates/combo/page_template.html
new file mode 100644
index 0000000..5d66c8a
--- /dev/null
+++ b/templates/combo/page_template.html
@@ -0,0 +1,60 @@
+{% load combo gadjo %}<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="content-language" content="fr" />
+ <title>Publik - {{ page.title }}</title>
+ <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/combo-style.css"/>
+ <script src="{% xstatic 'jquery' 'jquery.min.js' %}"></script>
+ <script src="{{ STATIC_URL }}js/jquery.parallax-1.1.3.js"></script>
+ <script src="{{ STATIC_URL }}js/jquery.scrollTo.js"></script>
+ <script src="{{ STATIC_URL }}js/combo.public.js"></script>
+ </head>
+ <body class="page-{{ page.slug }}">
+ <div class="container">
+ <div id="title"><a href="/"><img height="100" width="310" src="{{ STATIC_URL }}img/logo.png"/></a></div>
+ <div id="menu">{% block menu %}{% show_menu %}{% endblock %}</div>
+ </div>
+ <div id="content">
+ {% block combo-content %}
+ {% placeholder "content" %}
+ {% endblock %}
+ </div>
+ <div id="footer">
+ <div class="container">
+ <p id="eo-link">
+ Publik, développé par <a href="https://www.entrouvert.com">Entr'ouvert</a>
+ —
+ <a href="/contact">Contact</a>
+ <a class="legal" href="/mentions-legales">Mentions légales</a>
+ </p>
+ <p id="eo-address">Entr'ouvert SCOP ARL<br/>
+ 169 rue du Château<br/>
+ 75014 Paris<br/>
+ <a href="mailto:info@entrouvert.com">info@entrouvert.com</a>
+ </p>
+ <a id="goto-top" href="#title" title="Retourner en haut de page">⋀</a>
+ </div>
+ </div>
+
+<!-- Piwik -->
+<script type="text/javascript">
+ var _paq = _paq || [];
+ _paq.push(['trackPageView']);
+ _paq.push(['enableLinkTracking']);
+ (function() {
+ var u="//piwik.monitoring.entrouvert.org/";
+ _paq.push(['setTrackerUrl', u+'piwik.php']);
+ _paq.push(['setSiteId', 6]);
+ var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+ g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+ })();
+</script>
+<noscript><p><img src="//piwik.monitoring.entrouvert.org/piwik.php?idsite=6" style="border:0;" alt="" /></p></noscript>
+<!-- End Piwik Code -->
+
+ </body>
+</html>
diff --git a/templates/combo/page_template_sidebar.html b/templates/combo/page_template_sidebar.html
new file mode 100644
index 0000000..74a61d0
--- /dev/null
+++ b/templates/combo/page_template_sidebar.html
@@ -0,0 +1,13 @@
+{% extends "combo/page_template.html" %}
+{% load combo %}
+
+{% block combo-content %}
+<div id="main-content">
+{% placeholder "content" %}
+</div>
+<div id="sidebar">
+<h2>Sidebar</h2>
+{% show_menu 1 %}
+{% placeholder "sidebar" %}
+</div>
+{% endblock %}
diff --git a/templates/combo/placeholder.html b/templates/combo/placeholder.html
new file mode 100644
index 0000000..70d492b
--- /dev/null
+++ b/templates/combo/placeholder.html
@@ -0,0 +1,9 @@
+{% load combo %}
+{% for cell in cells %}
+<div class="cell {{ cell.css_class_name }} {% if cell.slug %}{{cell.slug}}{% endif %}"
+ {% if cell.slug %}id="{{cell.slug}}"{% endif %}
+ {% if cell.ajax_refresh %}
+ data-ajax-cell-url="{% url 'combo-public-ajax-page-cell' page_pk=page.id cell_reference=cell.get_reference %}"
+ data-ajax-cell-refresh="{{ cell.ajax_refresh }}"
+ {% endif %}><div>{% render_cell cell %}</div></div>
+{% endfor %}