From b443970103cf945dc70fe18778dfc8646e849456 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Wed, 3 May 2017 18:41:35 +0200
Subject: [PATCH] minint: fix buttons positiions (#16161)

---
 Makefile                      |    2 +-
 static/minint/css/styles.css  | 2164 ++++++++++++++++++-----------------------
 static/minint/sass/_form.scss |    8 +-
 static/minint/sass/_typo.scss |    2 +-
 static/minint/style.scss      |  793 ---------------
 5 files changed, 953 insertions(+), 2016 deletions(-)
 delete mode 100644 static/minint/style.scss

diff --git a/Makefile b/Makefile
index 8e2cbd5..99ad3cd 100644
--- a/Makefile
+++ b/Makefile
@@ -28,7 +28,7 @@ css:
 	cd static/massoins/ && sass style.scss:style.css
 	cd static/meaux/ && sass style.scss:style.css
 	cd static/meyzieu/ && sass style.scss:style.css
-	cd static/minint/ && sass style.scss:style.css
+	cd static/minint/sass && sass styles.scss:../css/styles.css
 	cd static/montpellier/ && sass style.scss:style.css
 	cd static/nancy/ && sass style.scss:style.css
 	cd static/nancy-2017/ && sass style.scss:style.css
diff --git a/static/minint/css/styles.css b/static/minint/css/styles.css
index 4accc3c..6cd4743 100644
--- a/static/minint/css/styles.css
+++ b/static/minint/css/styles.css
@@ -1,1218 +1,946 @@
-@charset "UTF-8";
-.box-sizing, input[type="text"],
-input[type="email"],
-input[type="password"],
-input[type="number"],
-input[type="tel"],
-input[type="date"],
-select,
-textarea, div.error:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-@font-face {
-  font-family: 'robotoslab_light';
-  src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot");
-  src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Light.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.svg#robotoslab_light") format("svg");
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'robotoslab_regular';
-  src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot");
-  src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Regular.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.svg#robotoslab_regular") format("svg");
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'robotoslab_bold';
-  src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot");
-  src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Bold.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.svg#robotoslab_bold") format("svg");
-  font-weight: 700;
-  font-style: normal;
-}
-
-b,
-strong {
-  font-family: "robotoslab_bold", Arial, sans-serif;
-  font-weight: 700;
-}
-
-i,
-em {
-  font-family: "robotoslab_regular", Arial, sans-serif;
-  font-weight: 400;
-  font-style: italic;
-}
-
-/*** Titraille / Intertitres */
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-  font-weight: normal;
-  margin: 0.5em 0 0.5em;
-  line-height: 1.3;
-  color: #34567c;
-  font-family: "robotoslab_regular", Arial, sans-serif;
-}
-
-h1, .h1 {
-  font-size: em(30, 14);
-  font-family: "robotoslab_bold", Arial, sans-serif;
-  line-height: 1.05;
-  text-transform: uppercase;
-}
-
-h2, .h2 {
-  font-size: em(22, 14);
-  line-height: 1.2;
-}
-
-h3, .h3 {
-  font-size: em(18, 14);
-  font-family: "robotoslab_bold", Arial, sans-serif;
-}
-
-h4, .h4 {
-  font-size: em(16, 14);
-  font-style: italic;
-}
-
-h5, .h5 {
-  font-size: em(16, 14);
-}
-
-h6, .h6 {
-  font-size: em(16, 14);
-}
-
-/*** Enrichissements typographiques */
-small, .small {
-  font-size: .8em;
-}
-
-big, .big {
-  font-size: 1.5em;
-}
-
-abbr[title],
-acronym[title] {
-  border-bottom: .1em dotted;
-  cursor: help;
-}
-
-dfn, .dfn {
-  font-weight: bold;
-  font-style: italic;
-}
-
-del, .del {
-  text-decoration: line-through;
-}
-
-ins, .ins {
-  text-decoration: none;
-  background-color: #FFC;
-}
-
-sup, sub {
-  font-size: .846em;
-  font-variant: normal;
-  line-height: 0;
-  top: auto;
-}
-
-sup {
-  vertical-align: super;
-}
-
-.ie sup {
-  vertical-align: text-top;
-}
-
-sub {
-  vertical-align: sub;
-  bottom: auto;
-}
-
-.ie sub {
-  vertical-align: text-bottom;
-}
-
-.caps {
-  font-variant: small-caps;
-}
-
-.quiet {
-  color: #666;
-}
-
-.loud {
-  color: #000;
-}
-
-/*** Listes */
-ul ul, ol ol, ul ol, ol ul {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-#main-content ul {
-  padding: 0;
-  list-style-type: none;
-}
-
-#main-content ul li {
-  padding-left: 1em;
-  background: url("img/chevron.png") no-repeat 0 0.4em;
-}
-
-#main-content ul li li {
-  padding-left: 1.5em;
-  background: url(img/bullet.png) no-repeat 0.5em 0.4em;
-}
-
-dl dt {
-  color: #34567c;
-}
-
-dl dd {
-  margin-bottom: 1em;
-}
-
-ol {
-  padding-left: 20px;
-}
-
-/*** Images */
-figure {
-  margin: 0;
-}
-
-figure.img {
-  color: #828282;
-}
-
-figure.img p {
-  margin-bottom: 0;
-  font-size: 0.85714em;
-}
-
-figure.img-gauche {
-  float: left;
-  margin: 0 1.5em 0.5em 0;
-}
-
-figure.img-droite {
-  float: right;
-  margin: 0 0 0.5em 1.5em;
-}
-
-figure figcaption {
-  margin-bottom: 1em;
-}
-
-/*** Tableaux */
-table {
-  width: 100% !important;
-  margin-bottom: 30px;
-  border: none;
-  border-bottom: 1px solid #dadada;
-  table-layout: inherit;
-}
-
-table caption {
-  padding: 0.7em 0;
-  color: #34567c;
-  font-weight: 700;
-  text-align: left;
-}
-
-table th, table tr, table td {
-  padding: 0.7em;
-  color: #828282;
-  border: none;
-  vertical-align: top;
-}
-
-table tr {
-  background-color: #EEE;
-}
-
-table tr:nth-child(odd) {
-  background-color: #FFF;
-}
-
-table td:last-child {
-  border-right: none;
-}
-
-table thead th {
-  background-color: #34567c;
-  color: #FFF;
-}
-
-table thead th:last-child {
-  border: none;
-}
-
-table tbody {
-  border: none;
-}
-
-table tbody th {
-  background-color: #dadada;
-  color: #34567c;
-  /*border-bottom:1px solid $gray-lighter;*/
-}
-
-table tfoot {
-  font-style: italic;
-}
-
-table tr:hover td {
-  background-color: #dadada !important;
-}
-
-/*** Citations, code et poesie */
-q {
-  font-style: italic;
-}
-
-blockquote {
-  position: relative;
-  padding-left: 110px;
-  margin: 30px 0;
-  font-size: 1.5em;
-  font-style: italic;
-  font-weight: bold;
-}
-
-blockquote:before {
-  position: absolute;
-  top: 35px;
-  left: 0;
-  font-size: 3em;
-  color: #34567c;
-}
-
-blockquote p {
-  margin: 0;
-  line-height: 1.2;
-}
-
-q {
-  quotes: '"' '"' "'" "'";
-}
-
-:lang(fr) q {
-  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
-}
-
-:lang(en) q {
-  quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-:lang(es) q {
-  quotes: "\00AB" "\00BB" "\201C" "\201D";
-}
-
-:lang(it) q {
-  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D";
-}
-
-:lang(de) q {
-  quotes: "\00BB" "\00AB" ">" "<";
-}
-
-:lang(no) q {
-  quotes: "\00AB\A0" "\A0\00BB" "<" ">";
-}
-
-q:before {
-  content: open-quote;
-}
-
-q:after {
-  content: close-quote;
-}
-
-address {
-  font-style: italic;
-}
-
-pre {
-  margin: 1em 0;
-  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
-      white-space: pre;           /* CSS 2.0 */
-  white-space: pre-wrap;
-  /* CSS 2.1 */
-  white-space: pre-line;
-  /* CSS 3.0 */
-  white-space: -pre-wrap;
-  /* Opera 4-6 */
-  white-space: -o-pre-wrap;
-  /* Opera 7 */
-  white-space: -moz-pre-wrap;
-  /* Mozilla */
-  white-space: -hp-pre-wrap;
-  /* HP Printers */
-  word-wrap: break-word;
-  /* IE 5+ */
-}
-
-kbd {
-  background-color: #616161;
-  color: #fff;
-}
-
-samp {
-  font-weight: bold;
-}
-
-var {
-  font-weight: 700;
-}
-
-/*** Paragraphes */
-p {
-  font-size: 1em;
-  line-height: 1.5em;
-  margin: 0 0 1.3em 0;
-}
-
-.highlight {
-  padding: 0.5em 1em;
-  margin-bottom: 1em;
-  border: 1px solid #dadada;
-}
-
-/**
-  * Print styles from HTML5 Boilerplate
-  * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
-  */
-@media print {
-  pre, blockquote {
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  /* css-discuss.incutio.com/wiki/Printing_Tables */
-  tr, img {
-    page-break-inside: avoid;
-  }
-  @page {
-    margin: 0.5cm;
-  }
-  p, h2, h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  h2, h3 {
-    page-break-after: avoid;
-  }
-}
-
-/** Description: Style des liens */
-a,
-a:link {
-  color: #34567c;
-}
-
-/* Même couleur que le texte */
-a {
-  color: #34567c;
-  text-decoration: underline;
-}
-
-a:hover, a:focus {
-  color: #363f46;
-  text-decoration: underline;
-}
-
-@media print {
-  a,
-  a:visited {
-    color: #666;
-    text-decoration: underline;
-  }
-  .ir a:after,
-  a[href^="javascript:"]:after,
-  a[href^="#"]:after {
-    content: "";
-  }
-  /* Don't show links for images, or javascript/internal links */
-}
-
-.icon {
-  display: inline-block;
-  background-repeat: no-repeat;
-  background-position: left 0;
-}
-
-/* Liens externes */
-.icon-external-link {
-  width: 10px;
-  height: 12px;
-  padding-left: 3px;
-  background-image: url("img/ico-link-external.png");
-  background-position: 3px 0.2em;
-}
-
-/* Liens courriel */
-.icon-mail {
-  width: 13px;
-  height: 9px;
-  background-image: url("img/ico-mailto.png");
-}
-
-/* Documents à telecharger */
-.icon-download {
-  width: 10px;
-  height: 9px;
-  background-image: url("img/ico-download.png");
-}
-
-.nav-skip {
-  margin: 0;
-  padding: 0;
-  background: #fff;
-}
-
-.nav-skip .container {
-  position: relative;
-  margin: 0 auto;
-}
-
-.nav-skip ul {
-  margin: 0;
-  padding: 0;
-}
-
-.nav-skip li {
-  list-style-type: none;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-}
-
-.nav-skip a {
-  position: absolute;
-  left: -7000px;
-  z-index: 1000;
-  padding: 0;
-  color: #363f46;
-  text-decoration: none;
-}
-
-.nav-skip a:focus {
-  position: absolute;
-  top: 0.2em;
-  left: 0;
-}
-
-.skip-link-nav {
-  display: none;
-}
-
-.no-js .nav-skip .container {
-  height: 2em;
-  padding-top: 0.2em;
-}
-
-.no-js .nav-skip li {
-  display: inline-block;
-  padding-right: 1em;
-}
-
-.no-js .nav-skip a {
-  position: static;
-}
-
-.no-js .nav-skip a:focus,
-.no-js .nav-skip a:hover {
-  text-decoration: underline;
-}
-
-div#rub_consultation h2,
-div#rub_service h2,
-div#rub_annonce h2,
-div#rub_agenda h2,
-div#profile h2,
-div#services-2nd h3,
-div#member h2,
-div#help h2,
-div#info h2,
-div#accessibility h2,
-div#contact h2,
-div#gauche h3,
-div.large div#rub_service h3,
-div#centre h3 {
-  padding: 0;
-  border: none;
-  margin: 0.5em 0 0.5em;
-  line-height: 1.3;
-  color: #34567c;
-  font-family: "robotoslab_bold", Arial, sans-serif;
-  font-size: 2.14286em;
-  font-weight: normal;
-  text-transform: uppercase;
-  text-align: left;
-}
-
-div#rub_consultation h2.title_form,
-div#rub_service h2.title_form,
-div#rub_annonce h2.title_form,
-div#rub_agenda h2.title_form,
-div#profile h2.title_form,
-div#services-2nd h3.title_form,
-div#member h2.title_form,
-div#help h2.title_form,
-div#info h2.title_form,
-div#accessibility h2.title_form,
-div#contact h2.title_form,
-div#gauche h3.title_form,
-div.large div#rub_service h3.title_form,
-div#centre h3.title_form {
-  margin: 0;
-  background-color: #f2f2f2;
-  font-size: 1.42857em;
-  font-style: normal;
-  font-family: "robotoslab_regular", Arial, sans-serif;
-  color: #34567c;
-  padding: 0.5em 1em;
-  text-transform: none;
-}
-
-div#rub_service form {
-  padding: 0;
-}
-
-form div.page {
-  padding: 0;
-  margin: 0;
-  border: none;
-}
-
-div#rub_service div.dataview {
-  margin: 0;
-  padding: 0;
-  border-bottom: 1px solid #f2f2f2;
-}
-
-div#rub_service div.dataview div.page {
-  border: 1px solid #f2f2f2;
-  border-top: none;
-  border-bottom: none;
-  padding: 0;
-  margin: 0;
-}
-
-div#rub_service div.dataview div.page:last-child {
-  padding-bottom: 1em;
-}
-
-div#rub_service div.dataview div.field {
-  padding: 1em;
-  margin: 0;
-}
-
-div#rub_service div.dataview span.label {
-  display: inline-block;
-  margin: 0;
-  vertical-align: top;
-  width: 45%;
-  margin-right: 4%;
-  font-weight: normal;
-  text-align: right;
-}
-
-div#rub_service div.dataview .value {
-  display: inline-block;
-  margin: 0;
-  vertical-align: top;
-  width: 49%;
-  text-align: left;
-  font-family: "robotoslab_bold", Arial, sans-serif;
-}
-
-.bo-block {
-  margin: 1em 0;
-}
-
-.bo-block + form.quixote {
-  border-top: 1px solid #f2f2f2;
-}
-
-#main-content ul#evolutions li {
-  background-position: 0 0.9em;
-}
-
-label {
-  font-weight: normal;
-}
-
-input[type="text"],
-input[type="email"],
-input[type="password"],
-input[type="number"],
-input[type="tel"],
-input[type="date"],
-select,
-textarea {
-  width: 100%;
-  z-index: 10;
-  position: relative;
-  font-family: "robotoslab_regular", Arial, sans-serif;
-}
-
-.widget fieldset {
-  padding: 0;
-  margin: 0;
-  border: none;
-}
-
-.title_form {
-  margin: 0;
-  background-color: #f2f2f2;
-  font-size: 1.42857em;
-  font-style: normal;
-  font-family: "robotoslab_regular", Arial, sans-serif;
-  color: #34567c;
-  padding: 0.5em 1em;
-  text-transform: none;
-}
-
-.ss-title_form {
-  border-left: 1px solid #f2f2f2;
-  border-right: 1px solid #f2f2f2;
-  padding: 0.75em 1em 0.5em;
-  margin: 0;
-}
-
-div[id^="rub"] form.quixote.formulaire .title {
-  margin-bottom: .75em;
-  color: #363f46;
-  font-size: 1.57143em;
-  font-weight: normal;
-}
-
-div[id^="rub"] form.quixote.formulaire .title label {
-  color: #363f46;
-  font-size: 22px;
-}
-
-div[id^="rub"] form.quixote.formulaire .widget {
-  border: none;
-  padding: 0 0 1em;
-}
-
-div[id^="rub"] form.quixote.formulaire div.SingleSelectHintWidget .title label {
-  padding-bottom: 0;
-  color: #34567c;
-  font-size: 16px;
-}
-
-div[id^="rub"] form.quixote .title {
-  color: #34567c;
-  font-size: 1em;
-}
-
-div[id^="rub"] form.quixote .title label {
-  font-size: 1em;
-}
-
-div[id^="rub"] form.quixote .widget {
-  border-left: 1px solid #f2f2f2;
-  border-right: 1px solid #f2f2f2;
-  padding: 1em;
-}
-
-div[id^="rub"] form.quixote .content .widget {
-  border: none;
-  padding: 0;
-}
-
-div[id^="rub"] form.quixote div.buttons {
-  border-top: 1px solid #f2f2f2;
-}
-
-div[id^="rub"] div.RadiobuttonsWidget,
-div[id^="rub"] div.WcsExtraStringWidget,
-div[id^="rub"] div.SingleSelectHintWidget,
-div[id^="rub"] div.EmailWidget,
-div[id^="rub"] div.FileWithPreviewAndStrongboxWidget {
-  position: relative;
-  padding: 0.5em 0 0.75em;
-}
-
-div[id^="rub"] div.RadiobuttonsWidget {
-  color: #34567c;
-}
-
-div[id^="rub"] div.RadiobuttonsWidget .title,
-div[id^="rub"] div.RadiobuttonsWidget .content {
-  display: block;
-}
-
-div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title,
-div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .content {
-  display: inline-block;
-  vertical-align: top;
-}
-
-div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title {
-  margin-right: 2%;
-  font-weight: normal;
-}
-
-div[id^="rub"] div.FileWithPreviewAndStrongboxWidget p {
-  margin: .5em 0 0;
-}
-
-div[id^="rub"] div.FileWithPreviewAndStrongboxWidget + div.FileWithPreviewAndStrongboxWidget:before {
-  margin-bottom: 1em;
-  display: block;
-  content: "";
-  border-bottom: 1px solid #f2f2f2;
-}
-
-.required {
-  color: #34567c;
-}
-
-.help {
-  padding: .5em;
-  margin: .5em 0;
-  background-color: #f2f2f2;
-  font-size: 12px;
-  border-radius: 5px;
-}
-
-.info {
-  font-size: 12px;
-}
-
-div.widget {
-  margin-bottom: 0;
-}
-
-div.widget div.title {
-  color: #363f46;
-  font-weight: normal;
-}
-
-div.CheckboxesWidget .content
-div.RadiobuttonsWidget .content label {
-  margin-right: .5em;
-}
-
-div.DateWidget input,
-div.EmailWidget input,
-div.StringWidget input,
-div.PasswordWidget input,
-div.WcsExtraStringWidget input,
-div.TextWidget textarea,
-div.SingleSelectHintWidget select {
-  border-color: #dadada;
-  border-radius: 5px;
-  padding: 8px;
-}
-
-div[id^="rub"] div.buttons,
-div.buttons {
-  padding-top: 2em;
-  margin: 0;
-}
-
-div[id^="rub"] div.buttons:before,
-div[id^="rub"] div.buttons:after,
-div.buttons:before,
-div.buttons:after {
-  content: " ";
-  display: table;
-}
-
-div[id^="rub"] div.buttons:after,
-div.buttons:after {
-  clear: both;
-}
-
-div[id^="rub"] div.buttons button,
-div.buttons button,
-div[id^="rub"] div.buttons input,
-div.buttons input {
-  font-family: "robotoslab_regular", Arial, sans-serif;
-  margin: 0;
-  border: 1px solid #34567c;
-  background-color: #FFF;
-  border-radius: 5px;
-  color: #34567c;
-  padding: 0.5em 1.5em;
-  height: auto;
-  font-weight: normal;
-  font-size: 1em;
-}
-
-div[id^="rub"] div.buttons button:hover,
-div[id^="rub"] div.buttons button:focus,
-div.buttons button:hover,
-div.buttons button:focus,
-div[id^="rub"] div.buttons input:hover,
-div[id^="rub"] div.buttons input:focus,
-div.buttons input:hover,
-div.buttons input:focus {
-  background-color: #34567c;
-  color: #FFF;
-  border: 1px solid #34567c;
-  box-shadow: none;
-}
-
-div[id^="rub"] div.buttons button[name="submit"],
-div.buttons button[name="submit"],
-div[id^="rub"] div.buttons input[type="submit"][name="submit"],
-div.buttons input[type="submit"][name="submit"] {
-  font-weight: normal;
-  box-shadow: none;
-}
-
-div[id^="rub"] div.buttons div.SubmitWidget,
-div.buttons div.SubmitWidget {
-  border: none;
-  padding: 0;
-}
-
-div[id^="rub"] div.buttons div.submit-button,
-div.buttons div.submit-button {
-  float: right;
-}
-
-div[id^="rub"] div.buttons div.submit-button button,
-div.buttons div.submit-button button,
-div[id^="rub"] div.buttons div.submit-button input,
-div.buttons div.submit-button input {
-  color: #FFF;
-  text-transform: uppercase;
-  background-color: #34567c;
-  background-image: url("img/chevron_white.png");
-  background-repeat: no-repeat;
-  background-position: 6.4em center;
-}
-
-div[id^="rub"] div.buttons div.submit-button button:hover,
-div[id^="rub"] div.buttons div.submit-button button:focus,
-div.buttons div.submit-button button:hover,
-div.buttons div.submit-button button:focus,
-div[id^="rub"] div.buttons div.submit-button input:hover,
-div[id^="rub"] div.buttons div.submit-button input:focus,
-div.buttons div.submit-button input:hover,
-div.buttons div.submit-button input:focus {
-  background-color: #FFF;
-  color: #34567c;
-}
-
-div[id^="rub"] div.buttons div.previous-button,
-div.buttons div.previous-button {
-  margin-right: 2em;
-}
-
-div[id^="rub"] div.buttons div.previous-button button,
-div.buttons div.previous-button button,
-div[id^="rub"] div.buttons div.previous-button input,
-div.buttons div.previous-button input {
-  background-image: url("img/chevron-back.png");
-  background-repeat: no-repeat;
-  background-position: 5px center;
-}
-
-div.validenotice,
-div#receipt-intro {
-  padding: 1.5em 2em 1.5em 4em;
-  margin: 2em 0;
-  background: #deedd6 url("img/picto-valid.png") no-repeat 0.75em center;
-  color: #2e742e;
-  border: none;
-}
-
-div.errornotice {
-  padding: 1.5em 2em 1.5em 4em;
-  margin: 2em 0;
-  background: #f1ddde url("img/picto-alert.png") no-repeat 0.75em center;
-  color: #c22222;
-  border: none;
-}
-
-div.error {
-  padding: 0;
-  margin: 0;
-  background: none;
-  color: #c22222;
-  font-weight: normal;
-}
-
-div.error:before {
-  position: absolute;
-  background: rgba(194, 34, 34, 0.1);
-  display: block;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  content: "";
-  z-index: 1;
-  border: 5px solid #FFF;
-}
-
-.sr-only,
-.visually-hidden {
-  position: absolute !important;
-  clip: rect(1px 1px 1px 1px);
-  /* IE6, IE7 */
-  clip: rect(1px, 1px, 1px, 1px);
-  padding: 0 !important;
-  border: 0 !important;
-  height: 1px !important;
-  width: 1px !important;
-  overflow: hidden;
-}
-
-html {
-  background: none;
-}
-
-body {
-  background: none;
-  font-size: 14px;
-  font-family: "robotoslab_regular", Arial, sans-serif;
-  color: #363f46;
-}
-
-.container {
-  max-width: 1225px;
-}
-
-div#page {
-  max-width: 1225px;
-  background: none;
-}
-
-div#member,
-div#new_member,
-div#accessibility,
-div#contact,
-div#info,
-div#help,
-div#rub_agenda,
-div#rub_annonce,
-div#rub_consultation,
-div#rub_service,
-div#gauche + div#rub_service,
-div#centre, div#profile {
-  float: none;
-  width: 100%;
-}
-
-.btn-back {
-  clear: both;
-}
-
-.btn-back a {
-  display: inline-block;
-  font-family: "robotoslab_regular", Arial, sans-serif;
-  margin: 1em 0 0;
-  border: 1px solid #34567c;
-  background: #FFF url("img/chevron-back.png") no-repeat 5px center;
-  border-radius: 5px;
-  color: #34567c;
-  padding: 0.5em 1.5em;
-  height: auto;
-  font-weight: normal;
-  font-size: 1em;
-  text-decoration: none;
-}
-
-.btn-back a:hover, .btn-back a:focus {
-  background-color: #34567c;
-  color: #FFF;
-}
-
-div#gauche {
-  float: none;
-  width: 100%;
-}
-
-div#gauche div#side li {
-  display: inline-block;
-}
-
-div#header {
-  background: url("img/bg-header.png") no-repeat top left;
-}
-
-div#top {
-  position: relative;
-  padding-top: 1.2em;
-}
-
-div#top .logo-rf {
-  display: inline-block;
-  width: auto;
-  margin: 0 1.2em 0 2em;
-  vertical-align: middle;
-}
-
-div#top h1 {
-  display: inline-block;
-  padding: 0;
-  margin: 0;
-  font-size: 100%;
-  font-family: "robotoslab_light", Arial, sans-serif;
-  line-height: 1;
-  text-transform: none;
-  vertical-align: middle;
-}
-
-div#top h1 a {
-  color: #34567c;
-  text-decoration: none;
-}
-
-div#top h1 .tt1 {
-  font-size: 1.85714em;
-}
-
-div#top h1 .tt2 {
-  display: block;
-  font-family: "robotoslab_bold", Arial, sans-serif;
-  font-size: 3.14286em;
-}
-
-div#toplinks {
-  background: none;
-}
-
-div#main-content {
-  width: 815px;
-  margin: 45px auto;
-}
-
-.nav-up {
-  clear: both;
-  display: block;
-  border-top: 1px solid #dadada;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  text-align: right;
-  padding-top: 1.5em;
-}
-
-.nav-up a {
-  position: relative;
-  color: #363f46;
-  text-decoration: none;
-  background: url("img/ico-arrow-top.png") no-repeat center right;
-  padding-right: 25px;
-}
-
-.nav-up a span {
-  text-decoration: underline;
-}
-
-.nav-up a:hover, .nav-up a:focus {
-  color: #34567c;
-}
-
-div#footer-wrapper {
-  min-height: auto;
-  background: none;
-  color: #FFF;
-  text-align: center;
-}
-
-div#footer-wrapper a {
-  color: #FFF;
-}
-
-div#footer {
-  max-width: 1225px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  background: #34567c;
-}
-
-div#footer p {
-  margin-bottom: 0;
-}
-
-@media (max-width: 768px) {
-  div#rub_consultation h2.title_form,
-  div#rub_service h2.title_form,
-  div#rub_annonce h2.title_form,
-  div#rub_agenda h2.title_form,
-  div#profile h2.title_form,
-  div#services-2nd h3.title_form,
-  div#member h2.title_form,
-  div#help h2.title_form,
-  div#info h2.title_form,
-  div#accessibility h2.title_form,
-  div#contact h2.title_form,
-  div#gauche h3.title_form,
-  div.large div#rub_service h3.title_form,
-  div#centre h3.title_form {
-    font-size: 1.14286em;
-  }
-  div[id^="rub"] form.quixote.formulaire .title {
-    font-size: 1.14286em;
-  }
-  div[id^="rub"] form.quixote.formulaire .title label {
-    font-size: 16px;
-  }
-  div#top {
-    font-size: 0.7em;
-  }
-  div#top h1 {
-    width: 70%;
-    vertical-align: top;
-  }
-  div#top .logo-rf {
-    max-width: 20%;
-    vertical-align: top;
-  }
-  div#steps {
-    position: static;
-    width: 100%;
-    font-size: 0.6em;
-  }
-  div#main-content {
-    width: auto;
-    padding: 0 1em;
-  }
-  div[id^="rub"] div.buttons div.SubmitWidget {
-    font-size: 0.8em;
-  }
-  div[id^="rub"] div.buttons div.previous-button {
-    margin-right: .5em;
-  }
-}
-
-@media (max-width: 480px) {
-  div#top {
-    font-size: 0.5em;
-  }
-  div#header {
-    height: auto;
-    padding-bottom: 1em;
-  }
-  div#rub_service div.dataview span.label,
-  div#rub_service div.dataview .value {
-    display: block;
-    width: 100%;
-    text-align: left;
-  }
-}
+@charset "UTF-8";
+.box-sizing, input[type="text"],
+input[type="email"],
+input[type="password"],
+input[type="number"],
+input[type="tel"],
+input[type="date"],
+select,
+textarea, div.error:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+@font-face {
+  font-family: 'robotoslab_light';
+  src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot");
+  src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Light.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.svg#robotoslab_light") format("svg");
+  font-weight: 300;
+  font-style: normal; }
+@font-face {
+  font-family: 'robotoslab_regular';
+  src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot");
+  src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Regular.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.svg#robotoslab_regular") format("svg");
+  font-weight: 400;
+  font-style: normal; }
+@font-face {
+  font-family: 'robotoslab_bold';
+  src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot");
+  src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Bold.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.svg#robotoslab_bold") format("svg");
+  font-weight: 700;
+  font-style: normal; }
+b,
+strong {
+  font-family: "robotoslab_bold", Arial, sans-serif;
+  font-weight: 700; }
+
+i,
+em {
+  font-family: "robotoslab_regular", Arial, sans-serif;
+  font-weight: 400;
+  font-style: italic; }
+
+/*** Titraille / Intertitres */
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-weight: normal;
+  margin: 0.5em 0 0.5em;
+  line-height: 1.3;
+  color: #34567c;
+  font-family: "robotoslab_regular", Arial, sans-serif; }
+
+h1, .h1 {
+  font-size: em(30, 14);
+  font-family: "robotoslab_bold", Arial, sans-serif;
+  line-height: 1.05;
+  text-transform: uppercase; }
+
+h2, .h2 {
+  font-size: em(22, 14);
+  line-height: 1.2; }
+
+h3, .h3 {
+  font-size: em(18, 14);
+  font-family: "robotoslab_bold", Arial, sans-serif; }
+
+h4, .h4 {
+  font-size: em(16, 14);
+  font-style: italic; }
+
+h5, .h5 {
+  font-size: em(16, 14); }
+
+h6, .h6 {
+  font-size: em(16, 14); }
+
+/*** Enrichissements typographiques */
+small, .small {
+  font-size: .8em; }
+
+big, .big {
+  font-size: 1.5em; }
+
+abbr[title],
+acronym[title] {
+  border-bottom: .1em dotted;
+  cursor: help; }
+
+dfn, .dfn {
+  font-weight: bold;
+  font-style: italic; }
+
+del, .del {
+  text-decoration: line-through; }
+
+ins, .ins {
+  text-decoration: none;
+  background-color: #FFC; }
+
+sup, sub {
+  font-size: .846em;
+  font-variant: normal;
+  line-height: 0;
+  top: auto; }
+
+sup {
+  vertical-align: super; }
+
+.ie sup {
+  vertical-align: text-top; }
+
+sub {
+  vertical-align: sub;
+  bottom: auto; }
+
+.ie sub {
+  vertical-align: text-bottom; }
+
+.caps {
+  font-variant: small-caps; }
+
+.quiet {
+  color: #666; }
+
+.loud {
+  color: #000; }
+
+/*** Listes */
+ul ul, ol ol, ul ol, ol ul {
+  margin-top: 0;
+  margin-bottom: 0; }
+
+#main-content ul {
+  padding: 0;
+  list-style-type: none; }
+  #main-content ul li {
+    padding-left: 1em;
+    background: url("img/chevron.png") no-repeat 0 0.4em; }
+    #main-content ul li li {
+      padding-left: 1.5em;
+      background: url(img/bullet.png) no-repeat 0.5em 0.4em; }
+
+dl dt {
+  color: #34567c; }
+
+dl dd {
+  margin-bottom: 1em; }
+
+ol {
+  padding-left: 20px; }
+
+/*** Images */
+figure {
+  margin: 0; }
+  figure.img {
+    color: #828282; }
+    figure.img p {
+      margin-bottom: 0;
+      font-size: 0.85714em; }
+  figure.img-gauche {
+    float: left;
+    margin: 0 1.5em 0.5em 0; }
+  figure.img-droite {
+    float: right;
+    margin: 0 0 0.5em 1.5em; }
+  figure figcaption {
+    margin-bottom: 1em; }
+
+/*** Tableaux */
+table {
+  width: 100% !important;
+  margin-bottom: 30px;
+  border: none;
+  border-bottom: 1px solid #dadada;
+  table-layout: inherit; }
+  table caption {
+    padding: 0.7em 0;
+    color: #34567c;
+    font-weight: 700;
+    text-align: left; }
+  table th, table tr, table td {
+    padding: 0.7em;
+    color: #828282;
+    border: none;
+    vertical-align: top; }
+  table tr {
+    background-color: #EEE; }
+    table tr:nth-child(odd) {
+      background-color: #FFF; }
+  table td:last-child {
+    border-right: none; }
+  table thead th {
+    background-color: #34567c;
+    color: #FFF; }
+    table thead th:last-child {
+      border: none; }
+  table tbody {
+    border: none; }
+    table tbody th {
+      background-color: #dadada;
+      color: #34567c;
+      /*border-bottom:1px solid $gray-lighter;*/ }
+  table tfoot {
+    font-style: italic; }
+  table tr:hover td {
+    background-color: #dadada !important; }
+
+/*** Citations, code et poesie */
+q {
+  font-style: italic; }
+
+blockquote {
+  position: relative;
+  padding-left: 110px;
+  margin: 30px 0;
+  font-size: 1.5em;
+  font-style: italic;
+  font-weight: bold; }
+  blockquote:before {
+    position: absolute;
+    top: 35px;
+    left: 0;
+    font-size: 3em;
+    color: #34567c; }
+  blockquote p {
+    margin: 0;
+    line-height: 1.2; }
+
+q {
+  quotes: '"' '"' "'" "'"; }
+
+:lang(fr) q {
+  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"; }
+
+:lang(en) q {
+  quotes: "\201C" "\201D" "\2018" "\2019"; }
+
+:lang(es) q {
+  quotes: "\00AB" "\00BB" "\201C" "\201D"; }
+
+:lang(it) q {
+  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D"; }
+
+:lang(de) q {
+  quotes: "\00BB" "\00AB" ">" "<"; }
+
+:lang(no) q {
+  quotes: "\00AB\A0" "\A0\00BB" "<" ">"; }
+
+q:before {
+  content: open-quote; }
+
+q:after {
+  content: close-quote; }
+
+address {
+  font-style: italic; }
+
+pre {
+  margin: 1em 0;
+  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
+  white-space: pre;           /* CSS 2.0 */
+  white-space: pre-wrap;
+  /* CSS 2.1 */
+  white-space: pre-line;
+  /* CSS 3.0 */
+  white-space: -pre-wrap;
+  /* Opera 4-6 */
+  white-space: -o-pre-wrap;
+  /* Opera 7 */
+  white-space: -moz-pre-wrap;
+  /* Mozilla */
+  white-space: -hp-pre-wrap;
+  /* HP Printers */
+  word-wrap: break-word;
+  /* IE 5+ */ }
+
+kbd {
+  background-color: #616161;
+  color: #fff; }
+
+samp {
+  font-weight: bold; }
+
+var {
+  font-weight: 700; }
+
+/*** Paragraphes */
+p {
+  font-size: 1em;
+  line-height: 1.5em;
+  margin: 0 0 1.3em 0; }
+
+.highlight {
+  padding: .5em 1em;
+  margin-bottom: 1em;
+  border: 1px solid #dadada; }
+
+/**
+* Print styles from HTML5 Boilerplate
+* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+*/
+@media print {
+  pre, blockquote {
+    page-break-inside: avoid; }
+
+  thead {
+    display: table-header-group; }
+
+  /* css-discuss.incutio.com/wiki/Printing_Tables */
+  tr, img {
+    page-break-inside: avoid; }
+
+  @page {
+    margin: 0.5cm; }
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3; }
+
+  h2, h3 {
+    page-break-after: avoid; } }
+/** Description: Style des liens */
+a,
+a:link {
+  color: #34567c; }
+
+/* Même couleur que le texte */
+a {
+  color: #34567c;
+  text-decoration: underline; }
+  a:hover, a:focus {
+    color: #363f46;
+    text-decoration: underline; }
+
+@media print {
+  a,
+  a:visited {
+    color: #666;
+    text-decoration: underline; }
+
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: ""; }
+
+  /* Don't show links for images, or javascript/internal links */ }
+.icon {
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-position: left 0; }
+
+/* Liens externes */
+.icon-external-link {
+  width: 10px;
+  height: 12px;
+  padding-left: 3px;
+  background-image: url("img/ico-link-external.png");
+  background-position: 3px .2em; }
+
+/* Liens courriel */
+.icon-mail {
+  width: 13px;
+  height: 9px;
+  background-image: url("img/ico-mailto.png"); }
+
+/* Documents à telecharger */
+.icon-download {
+  width: 10px;
+  height: 9px;
+  background-image: url("img/ico-download.png"); }
+
+.nav-skip {
+  margin: 0;
+  padding: 0;
+  background: #fff; }
+  .nav-skip .container {
+    position: relative;
+    margin: 0 auto; }
+  .nav-skip ul {
+    margin: 0;
+    padding: 0; }
+  .nav-skip li {
+    list-style-type: none;
+    display: inline-block;
+    margin: 0;
+    padding: 0; }
+  .nav-skip a {
+    position: absolute;
+    left: -7000px;
+    z-index: 1000;
+    padding: 0;
+    color: #363f46;
+    text-decoration: none; }
+  .nav-skip a:focus {
+    position: absolute;
+    top: 0.2em;
+    left: 0; }
+
+.skip-link-nav {
+  display: none; }
+
+.no-js .nav-skip .container {
+  height: 2em;
+  padding-top: 0.2em; }
+.no-js .nav-skip li {
+  display: inline-block;
+  padding-right: 1em; }
+.no-js .nav-skip a {
+  position: static; }
+  .no-js .nav-skip a:focus, .no-js .nav-skip a:hover {
+    text-decoration: underline; }
+
+div#rub_consultation h2,
+div#rub_service h2,
+div#rub_annonce h2,
+div#rub_agenda h2,
+div#profile h2,
+div#services-2nd h3,
+div#member h2,
+div#help h2,
+div#info h2,
+div#accessibility h2,
+div#contact h2,
+div#gauche h3,
+div.large div#rub_service h3,
+div#centre h3 {
+  padding: 0;
+  border: none;
+  margin: 0.5em 0 0.5em;
+  line-height: 1.3;
+  color: #34567c;
+  font-family: "robotoslab_bold", Arial, sans-serif;
+  font-size: 2.14286em;
+  font-weight: normal;
+  text-transform: uppercase;
+  text-align: left; }
+  div#rub_consultation h2.title_form,
+  div#rub_service h2.title_form,
+  div#rub_annonce h2.title_form,
+  div#rub_agenda h2.title_form,
+  div#profile h2.title_form,
+  div#services-2nd h3.title_form,
+  div#member h2.title_form,
+  div#help h2.title_form,
+  div#info h2.title_form,
+  div#accessibility h2.title_form,
+  div#contact h2.title_form,
+  div#gauche h3.title_form,
+  div.large div#rub_service h3.title_form,
+  div#centre h3.title_form {
+    margin: 0;
+    background-color: #f2f2f2;
+    font-size: 1.42857em;
+    font-style: normal;
+    font-family: "robotoslab_regular", Arial, sans-serif;
+    color: #34567c;
+    padding: .5em 1em;
+    text-transform: none; }
+
+div#rub_service form {
+  padding: 0; }
+
+form div.page {
+  padding: 0;
+  margin: 0;
+  border: none; }
+
+div#rub_service div.dataview {
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid #f2f2f2; }
+  div#rub_service div.dataview div.page {
+    border: 1px solid #f2f2f2;
+    border-top: none;
+    border-bottom: none;
+    padding: 0;
+    margin: 0; }
+    div#rub_service div.dataview div.page:last-child {
+      padding-bottom: 1em; }
+  div#rub_service div.dataview div.field {
+    padding: 1em;
+    margin: 0; }
+  div#rub_service div.dataview span.label {
+    display: inline-block;
+    margin: 0;
+    vertical-align: top;
+    width: 45%;
+    margin-right: 4%;
+    font-weight: normal;
+    text-align: right; }
+  div#rub_service div.dataview .value {
+    display: inline-block;
+    margin: 0;
+    vertical-align: top;
+    width: 49%;
+    text-align: left;
+    font-family: "robotoslab_bold", Arial, sans-serif; }
+
+.bo-block {
+  margin: 1em 0; }
+  .bo-block + form.quixote {
+    border-top: 1px solid #f2f2f2; }
+
+#main-content ul#evolutions li {
+  background-position: 0 0.9em; }
+
+label {
+  font-weight: normal; }
+
+input[type="text"],
+input[type="email"],
+input[type="password"],
+input[type="number"],
+input[type="tel"],
+input[type="date"],
+select,
+textarea {
+  width: 100%;
+  z-index: 10;
+  position: relative;
+  font-family: "robotoslab_regular", Arial, sans-serif; }
+
+.widget fieldset {
+  padding: 0;
+  margin: 0;
+  border: none; }
+
+.title_form {
+  margin: 0;
+  background-color: #f2f2f2;
+  font-size: 1.42857em;
+  font-style: normal;
+  font-family: "robotoslab_regular", Arial, sans-serif;
+  color: #34567c;
+  padding: .5em 1em;
+  text-transform: none; }
+
+.ss-title_form {
+  border-left: 1px solid #f2f2f2;
+  border-right: 1px solid #f2f2f2;
+  padding: .75em 1em .5em;
+  margin: 0; }
+
+div[id^="rub"] form.quixote.formulaire .title {
+  margin-bottom: .75em;
+  color: #363f46;
+  font-size: 1.57143em;
+  font-weight: normal; }
+  div[id^="rub"] form.quixote.formulaire .title label {
+    color: #363f46;
+    font-size: 22px; }
+div[id^="rub"] form.quixote.formulaire .widget {
+  border: none;
+  padding: 0 0 1em; }
+div[id^="rub"] form.quixote.formulaire div.SingleSelectHintWidget .title label {
+  padding-bottom: 0;
+  color: #34567c;
+  font-size: 16px; }
+
+div[id^="rub"] form.quixote .title {
+  color: #34567c;
+  font-size: 1em; }
+  div[id^="rub"] form.quixote .title label {
+    font-size: 1em; }
+div[id^="rub"] form.quixote .widget {
+  border-left: 1px solid #f2f2f2;
+  border-right: 1px solid #f2f2f2;
+  padding: 1em; }
+div[id^="rub"] form.quixote .content .widget {
+  border: none;
+  padding: 0; }
+div[id^="rub"] form.quixote div.buttons {
+  border-top: 1px solid #f2f2f2; }
+div[id^="rub"] div.RadiobuttonsWidget,
+div[id^="rub"] div.WcsExtraStringWidget,
+div[id^="rub"] div.SingleSelectHintWidget,
+div[id^="rub"] div.EmailWidget,
+div[id^="rub"] div.FileWithPreviewAndStrongboxWidget {
+  position: relative;
+  padding: .5em 0 .75em; }
+div[id^="rub"] div.RadiobuttonsWidget {
+  color: #34567c; }
+  div[id^="rub"] div.RadiobuttonsWidget .title,
+  div[id^="rub"] div.RadiobuttonsWidget .content {
+    display: block; }
+div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title,
+div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .content {
+  display: inline-block;
+  vertical-align: top; }
+div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title {
+  margin-right: 2%;
+  font-weight: normal; }
+div[id^="rub"] div.FileWithPreviewAndStrongboxWidget p {
+  margin: .5em 0 0; }
+div[id^="rub"] div.FileWithPreviewAndStrongboxWidget + div.FileWithPreviewAndStrongboxWidget:before {
+  margin-bottom: 1em;
+  display: block;
+  content: "";
+  border-bottom: 1px solid #f2f2f2; }
+
+.required {
+  color: #34567c; }
+
+.help {
+  padding: .5em;
+  margin: .5em 0;
+  background-color: #f2f2f2;
+  font-size: 12px;
+  border-radius: 5px; }
+
+.info {
+  font-size: 12px; }
+
+div.widget {
+  margin-bottom: 0; }
+
+div.widget div.title {
+  color: #363f46;
+  font-weight: normal; }
+
+div.CheckboxesWidget .content
+div.RadiobuttonsWidget .content label {
+  margin-right: .5em; }
+
+div.DateWidget input,
+div.EmailWidget input,
+div.StringWidget input,
+div.PasswordWidget input,
+div.WcsExtraStringWidget input,
+div.TextWidget textarea,
+div.SingleSelectHintWidget select {
+  border-color: #dadada;
+  border-radius: 5px;
+  padding: 8px; }
+
+div[id^="rub"] div.buttons,
+div.buttons {
+  padding-top: 2em;
+  margin: 0; }
+  div[id^="rub"] div.buttons:before, div[id^="rub"] div.buttons:after,
+  div.buttons:before,
+  div.buttons:after {
+    content: " ";
+    display: table; }
+  div[id^="rub"] div.buttons:after,
+  div.buttons:after {
+    clear: both; }
+  div[id^="rub"] div.buttons button,
+  div[id^="rub"] div.buttons input,
+  div.buttons button,
+  div.buttons input {
+    font-family: "robotoslab_regular", Arial, sans-serif;
+    margin: 0;
+    border: 1px solid #34567c;
+    background-color: #FFF;
+    border-radius: 5px;
+    color: #34567c;
+    padding: .5em 1.5em;
+    height: auto;
+    font-weight: normal;
+    font-size: 1em; }
+    div[id^="rub"] div.buttons button:hover, div[id^="rub"] div.buttons button:focus,
+    div[id^="rub"] div.buttons input:hover,
+    div[id^="rub"] div.buttons input:focus,
+    div.buttons button:hover,
+    div.buttons button:focus,
+    div.buttons input:hover,
+    div.buttons input:focus {
+      background-color: #34567c;
+      color: #FFF;
+      border: 1px solid #34567c;
+      box-shadow: none; }
+  div[id^="rub"] div.buttons button[name="submit"],
+  div[id^="rub"] div.buttons input[type="submit"][name="submit"],
+  div.buttons button[name="submit"],
+  div.buttons input[type="submit"][name="submit"] {
+    font-weight: normal;
+    box-shadow: none; }
+  div[id^="rub"] div.buttons div.SubmitWidget,
+  div.buttons div.SubmitWidget {
+    border: none;
+    padding: 0; }
+  div[id^="rub"] div.buttons div.submit-button,
+  div.buttons div.submit-button {
+    float: right; }
+    div[id^="rub"] div.buttons div.submit-button input,
+    div.buttons div.submit-button input {
+      color: #FFF;
+      text-transform: uppercase;
+      background-color: #34567c;
+      background-image: url("img/chevron_white.png");
+      background-repeat: no-repeat;
+      background-position: 6.4em center; }
+      div[id^="rub"] div.buttons div.submit-button input:hover, div[id^="rub"] div.buttons div.submit-button input:focus,
+      div.buttons div.submit-button input:hover,
+      div.buttons div.submit-button input:focus {
+        background-color: #FFF;
+        color: #34567c; }
+  div[id^="rub"] div.buttons div.previous-button,
+  div.buttons div.previous-button {
+    margin-right: 2em;
+    float: left; }
+    div[id^="rub"] div.buttons div.previous-button button,
+    div[id^="rub"] div.buttons div.previous-button input,
+    div.buttons div.previous-button button,
+    div.buttons div.previous-button input {
+      background-image: url("img/chevron-back.png");
+      background-repeat: no-repeat;
+      background-position: 5px center; }
+  div[id^="rub"] div.buttons div.cancel-button,
+  div.buttons div.cancel-button {
+    float: left; }
+
+div.validenotice,
+div#receipt-intro {
+  padding: 1.5em 2em 1.5em 4em;
+  margin: 2em 0;
+  background: #deedd6 url("img/picto-valid.png") no-repeat 0.75em center;
+  color: #2e742e;
+  border: none; }
+
+div.errornotice {
+  padding: 1.5em 2em 1.5em 4em;
+  margin: 2em 0;
+  background: #f1ddde url("img/picto-alert.png") no-repeat 0.75em center;
+  color: #c22222;
+  border: none; }
+
+div.error {
+  padding: 0;
+  margin: 0;
+  background: none;
+  color: #c22222;
+  font-weight: normal; }
+  div.error:before {
+    position: absolute;
+    background: rgba(194, 34, 34, 0.1);
+    display: block;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    content: "";
+    z-index: 1;
+    border: 5px solid #FFF; }
+
+.sr-only,
+.visually-hidden {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px);
+  /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+  padding: 0 !important;
+  border: 0 !important;
+  height: 1px !important;
+  width: 1px !important;
+  overflow: hidden; }
+
+html {
+  background: none; }
+
+body {
+  background: none;
+  font-size: 14px;
+  font-family: "robotoslab_regular", Arial, sans-serif;
+  color: #363f46; }
+
+.container {
+  max-width: 1225px; }
+
+div#page {
+  max-width: 1225px;
+  background: none; }
+
+div#member,
+div#new_member,
+div#accessibility,
+div#contact,
+div#info,
+div#help,
+div#rub_agenda,
+div#rub_annonce,
+div#rub_consultation,
+div#rub_service,
+div#gauche + div#rub_service,
+div#centre, div#profile {
+  float: none;
+  width: 100%; }
+
+.btn-back {
+  clear: both; }
+  .btn-back a {
+    display: inline-block;
+    font-family: "robotoslab_regular", Arial, sans-serif;
+    margin: 1em 0 0;
+    border: 1px solid #34567c;
+    background: #FFF url("img/chevron-back.png") no-repeat 5px center;
+    border-radius: 5px;
+    color: #34567c;
+    padding: 0.5em 1.5em;
+    height: auto;
+    font-weight: normal;
+    font-size: 1em;
+    text-decoration: none; }
+    .btn-back a:hover, .btn-back a:focus {
+      background-color: #34567c;
+      color: #FFF; }
+
+div#gauche {
+  float: none;
+  width: 100%; }
+  div#gauche div#side li {
+    display: inline-block; }
+
+div#header {
+  background: url("img/bg-header.png") no-repeat top left; }
+
+div#top {
+  position: relative;
+  padding-top: 1.2em; }
+  div#top .logo-rf {
+    display: inline-block;
+    width: auto;
+    margin: 0 1.2em 0 2em;
+    vertical-align: middle; }
+  div#top h1 {
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+    font-size: 100%;
+    font-family: "robotoslab_light", Arial, sans-serif;
+    line-height: 1;
+    text-transform: none;
+    vertical-align: middle; }
+    div#top h1 a {
+      color: #34567c;
+      text-decoration: none; }
+    div#top h1 .tt1 {
+      font-size: 1.85714em; }
+    div#top h1 .tt2 {
+      display: block;
+      font-family: "robotoslab_bold", Arial, sans-serif;
+      font-size: 3.14286em; }
+
+div#toplinks {
+  background: none; }
+
+div#main-content {
+  width: 815px;
+  margin: 45px auto; }
+
+.nav-up {
+  clear: both;
+  display: block;
+  border-top: 1px solid #dadada;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  text-align: right;
+  padding-top: 1.5em; }
+  .nav-up a {
+    position: relative;
+    color: #363f46;
+    text-decoration: none;
+    background: url("img/ico-arrow-top.png") no-repeat center right;
+    padding-right: 25px; }
+    .nav-up a span {
+      text-decoration: underline; }
+    .nav-up a:hover, .nav-up a:focus {
+      color: #34567c; }
+
+div#footer-wrapper {
+  min-height: auto;
+  background: none;
+  color: #FFF;
+  text-align: center; }
+  div#footer-wrapper a {
+    color: #FFF; }
+
+div#footer {
+  max-width: 1225px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  background: #34567c; }
+  div#footer p {
+    margin-bottom: 0; }
+
+@media (max-width: 768px) {
+  div#rub_consultation h2.title_form,
+  div#rub_service h2.title_form,
+  div#rub_annonce h2.title_form,
+  div#rub_agenda h2.title_form,
+  div#profile h2.title_form,
+  div#services-2nd h3.title_form,
+  div#member h2.title_form,
+  div#help h2.title_form,
+  div#info h2.title_form,
+  div#accessibility h2.title_form,
+  div#contact h2.title_form,
+  div#gauche h3.title_form,
+  div.large div#rub_service h3.title_form,
+  div#centre h3.title_form {
+    font-size: 1.14286em; }
+
+  div[id^="rub"] form.quixote.formulaire .title {
+    font-size: 1.14286em; }
+  div[id^="rub"] form.quixote.formulaire .title label {
+    font-size: 16px; }
+
+  div#top {
+    font-size: 0.7em; }
+    div#top h1 {
+      width: 70%;
+      vertical-align: top; }
+    div#top .logo-rf {
+      max-width: 20%;
+      vertical-align: top; }
+
+  div#steps {
+    position: static;
+    width: 100%;
+    font-size: 0.6em; }
+
+  div#main-content {
+    width: auto;
+    padding: 0 1em; }
+
+  div[id^="rub"] div.buttons div.SubmitWidget {
+    font-size: 0.8em; }
+  div[id^="rub"] div.buttons div.previous-button {
+    margin-right: .5em; } }
+@media (max-width: 480px) {
+  div#top {
+    font-size: 0.5em; }
+
+  div#header {
+    height: auto;
+    padding-bottom: 1em; }
+
+  div#rub_service div.dataview span.label,
+  div#rub_service div.dataview .value {
+    display: block;
+    width: 100%;
+    text-align: left; } }
+
+/*# sourceMappingURL=styles.css.map */
diff --git a/static/minint/sass/_form.scss b/static/minint/sass/_form.scss
index fe3760e..b6f4393 100644
--- a/static/minint/sass/_form.scss
+++ b/static/minint/sass/_form.scss
@@ -225,6 +225,7 @@ div.buttons {
   padding-top: 2em;
   margin: 0;
 
+    button,
     input {
       font-family: $font-family-sans-serif;
       margin: 0;
@@ -240,7 +241,7 @@ div.buttons {
       &:hover,
       &:focus { background-color: $blue; color:#FFF; border: 1px solid $blue; box-shadow: none;  }
     }
-
+    button[name="submit"],
     input[type="submit"][name="submit"] {font-weight: normal; box-shadow: none;  }
 
    div.SubmitWidget { border: none; padding: 0;}
@@ -251,10 +252,11 @@ div.buttons {
       &:focus { background-color: #FFF; color: $blue; }
     }
    }
-   div.previous-button { margin-right: 2em;
+   div.previous-button { margin-right: 2em; float: left;
+    button,
     input { background-image: url('img/chevron-back.png'); background-repeat: no-repeat; background-position: 5px center; }
    }
-   div.cancel-button {}
+   div.cancel-button {float: left}
 }
 
 // messages d'erreur/validation
diff --git a/static/minint/sass/_typo.scss b/static/minint/sass/_typo.scss
index 9a696f5..216cf13 100644
--- a/static/minint/sass/_typo.scss
+++ b/static/minint/sass/_typo.scss
@@ -123,7 +123,7 @@
 
   /*** Citations, code et poesie */
   q { font-style: italic; }
-  blockquote { position: relative; @extend .ico-blockquote; padding-left: 110px; margin: 30px 0; font-size: 1.5em; font-style: italic; font-weight: bold;
+  blockquote { position: relative; padding-left: 110px; margin: 30px 0; font-size: 1.5em; font-style: italic; font-weight: bold;
     &:before { position: absolute; top:35px; left: 0; font-size: 3em; color: $blue; }
     p { margin:0; line-height: 1.2;}
   }
diff --git a/static/minint/style.scss b/static/minint/style.scss
deleted file mode 100644
index bac3d4c..0000000
--- a/static/minint/style.scss
+++ /dev/null
@@ -1,793 +0,0 @@
-@charset "UTF-8";
-
-@import '../includes/utils';
-
-html, body {
-  margin: 0;
-  font-family: arial, sans-serif;
-  font-size: 13px;
-  height: 100%; }
-
-a {
-  text-decoration: none; }
-
-a:hover {
-  text-decoration: underline; }
-
-h1, h2, h3 {
-  margin-top: 0; }
-
-div#single-title, #nav,
-#top, h2 {
-  font-family: sans-serif;
-  font-weight: normal; }
-
-h3, h4 {
-  font-family: sans-serif;
-  font-weight: normal; }
-
-a {
-  -webkit-transition: all 200ms ease-out;
-  -moz-transition: all 200ms ease-out;
-  transition: all 200ms ease-out; }
-
-/* layout */
-body {
-  overflow-x: hidden;
-  background: white;
-  margin: 0 auto; }
-
-div#page {
-  min-height: 100%;
-  min-height: calc(100% - 75px); }
-
-div#footer,
-div#page {
-  max-width: 1000px;
-  margin: 0 auto; }
-
-div#header {
-  background-color: #ffffff;
-  width: 100%;
-  margin: 0 0 0 0;
-  position: relative;
-  top: 0px;
-  z-index: 0; }
-
-div#top {
-  margin: 0 auto 0 auto; }
-
-div#top h1 {
-  padding-top: 30px;
-  margin-left: 20px;
-  margin-bottom: 0;
-  font-size: 200%;
-  font-weight: normal; }
-
-div#top a img {
-  border: 0; }
-
-div#main-content-wrapper {
-  position: relative;
-  z-index: 100;
-  max-width: 1000px;
-  margin: 0px auto 0px auto; }
-
-div#main-content {
-  margin: 0;
-  min-height: 300px; }
-
-div#footer-wrapper {
-  background: #666;
-  color: white;
-  min-height: 60px; }
-
-div#footer {
-  clear: both;
-  padding: 0px;
-  margin: 10px auto 0 auto;
-  position: relative; }
-
-p#legal {
-  font-size: small;
-  color: #eee;
-  margin: 0;
-  margin-top: 5em;
-  font-size: 70%;
-  display: inline-block;
-  padding-top: 5px; }
-
-#content {
-  position: relative;
-  margin: 0;
-  color: #3a3a3a; }
-
-div#content a {
-  color: #37a7da; }
-
-div#content a:hover {
-  text-decoration: underline; }
-
-#menu {
-  font-size: 130%;
-  margin-top: -1px; }
-
-#menu ul {
-  list-style: none;
-  margin: 0;
-  padding: 10px 0 32px 0;
-  -webkit-border-top-right-radius: 5px;
-  -moz-border-radius-topright: 5px;
-  border-top-right-radius: 5px; }
-
-#menu li {
-  display: inline;
-  margin: 0px 10px 0 0;
-  padding: 5px;
-  background: #37a7da;
-  border: 5px solid transparent;
-  border-width: 2px 5px;
-  -webkit-transition: all .2s ease-in-out;
-  -moz-transition: all .2s ease-in-out;
-  transition: all .2s ease-in-out; }
-
-#menu li a {
-  color: white;
-  text-transform: uppercase;
-  white-space: pre; }
-
-#menu li:hover {
-  background-color: #f4bc03;
-  border-color: #f4bc03; }
-
-#menu li:hover a {
-  text-decoration: none; }
-
-#menu li.selected, #menu li.ancestor {
-  background: #515151;
-  border-color: #515151; }
-
-#menu li.selected a {
-  color: white; }
-
-#left {
-  float: left;
-  width: 49.5%; }
-
-#right {
-  float: right;
-  width: 49.5%; }
-
-br.clear {
-  clear: both; }
-
-#error-404, #error-500, #content .block, #password-changed {
-  background: white;
-  font-size: 110%;
-  margin-bottom: 1em; }
-
-#content .block h2 {
-  background: transparent;
-  font-weight: normal;
-  color: white;
-  padding: 6px 10px 6px 10px;
-  color: #333;
-  font-size: 130%;
-  cursor: default;
-  /* someday, perhaps, cursor: move */ }
-
-#content .block h2.feeds {
-  background-image: url(Picto-Bulle.png); }
-
-#content .block h2.newsletters {
-  background-image: url(Picto-coeur.png); }
-
-#content .block h3,
-#content .block p {
-  margin: 1ex 10px;
-  padding-bottom: 1px; }
-
-#content .demarches ul,
-#content ul.mes-demarches {
-  list-style: none;
-  padding-left: 0px;
-  margin: 0px;
-  -webkit-column-count: 2;
-  -moz-column-count: 2;
-  column-count: 2; }
-
-#content ul.mes-demarches a,
-#content .demarches ul a {
-  color: inherit;
-  font-weight: bold;
-  background: transparent url(static/bullet_rouge.png) left center no-repeat;
-  padding-left: 10px; }
-
-#content ul.mes-demarches a:hover,
-#content .demarches ul a:hover {
-  color: #37a7da; }
-
-#content ul.mes-demarches li,
-#content .demarches ul li {
-  margin: 1ex 0 10px 1ex;
-  padding-left: 10px;
-  -webkit-column-break-inside: avoid;
-  -moz-column-break-inside: avoid;
-  column-break-inside: avoid; }
-
-#content .demarches .toutes-les-demarches {
-  padding: 10px 0 10px 0;
-  margin-left: 20px; }
-
-#content .toutes-les-demarches a {
-  background: transparent url(button_orange_eye.png) no-repeat 0px center;
-  color: #37a7da;
-  text-transform: uppercase;
-  padding-left: 30px;
-  font-size: 130%; }
-
-#content .toutes-les-demarches a:hover {
-  color: #37a7da; }
-
-#commune-selector {
-  margin-left: 5px;
-  margin-bottom: 10px; }
-
-#content #futurs-demarches {
-  overflow-y: hidden;
-  margin: 5px;
-  padding-bottom: 15px; }
-
-#content #futurs-demarches.selected {
-  display: block; }
-
-div#single-title {
-  border: 1px solid #a5a7aa;
-  border-width: 1px 0px;
-  font-size: 110%;
-  text-align: center;
-  padding: 10px 0; }
-
-body.narrow-page #main-content {
-  background: white;
-  margin-top: 0;
-  padding: 10px 10px 0 10px; }
-
-body.narrow-page #main-content form div input {
-  display: block;
-  margin-left: 10px;
-  margin-bottom: 2ex; }
-
-span.helptext {
-  color: #666; }
-
-body.narrow-page div.right {
-  width: 30%;
-  float: right;
-  margin: 1ex auto; }
-
-body.narrow-page div.right form {
-  text-align: left;
-  background: white;
-  margin: 10px 10px;
-  padding: 10px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
-
-body.narrow-page div.right form div label {
-  font-weight: bold;
-  width: 14em;
-  display: block;
-  float: left;
-  padding-top: 3px; }
-
-body.narrow-page div.right form div input {
-  width: 17em; }
-
-body.narrow-page div.right form div.form-field-required label:after {
-  content: ""; }
-
-body.narrow-page div.right form > input {
-  display: block;
-  margin: 1em auto 0 auto;
-  background: #37a7da;
-  color: white;
-  border: none;
-  padding: 3px 1em; }
-
-#toplinks {
-  background: #ffffff;
-  position: relative;
-  float: right;
-  width: 250px;
-  padding: 5px 5px 5px 5px; }
-
-#toplinks span {
-  display: block;
-  margin: 0;
-  padding: 0;
-  color: #888;
-  line-height: 20px;
-  height: 22px; }
-
-#toplinks a {
-  color: #888;
-  border: 1px solid transparent; }
-
-#toplinks a.logout {
-  padding-left: 30px; }
-
-#toplinks a:hover {
-  text-decoration: none;
-  color: #222; }
-
-#toplinks a.restricted {
-  color: white;
-  float: right;
-  padding: 0 1ex;
-  border: 1px outset #888;
-  background: #37a7da; }
-
-div#username {
-  float: right;
-  padding: 5px 5px 5px 5px;
-  background: white;
-  line-height: 20px;
-  height: 22px;
-  border: 1px solid white; }
-
-ul.newsList {
-  list-style: none; }
-
-ul.newsList li.abonne {
-  margin: 0;
-  padding: 0; }
-
-.abonne {
-  padding-left: 20px;
-  background: transparent url(Validation.png) center left no-repeat; }
-
-.nonAbonne {
-  padding-left: 20px;
-  background: transparent url(Annulation.png) center left no-repeat; }
-
-/* page de profil */
-#my-informations {
-  margin-bottom: 15px;
-  padding: 0px; }
-
-#my-informations p {
-  padding: 0 5px; }
-
-#my-informations select,
-#my-informations input {
-  margin-left: 10px;
-  display: block; }
-
-/* forms error reporting */
-.errorlist {
-  list-style: none;
-  padding-left: 0;
-  margin-left: 0; }
-
-ul.errorlist li {
-  display: block;
-  color: #f44; }
-
-.form-field-required label:after {
-  content: '*';
-  color: #D90024; }
-
-ul.errorlist + p {
-  margin-top: 0px; }
-
-.passerelle-register-plugin input + label {
-  background: transparent url(Annulation.png) center left no-repeat; }
-
-.passerelle-register-plugin input:checked + label {
-  background: transparent url(Validation.png) center left no-repeat; }
-
-.passerelle-register-plugin td input {
-  display: none; }
-
-.passerelle-register-plugin td label {
-  padding-left: 2em; }
-
-div.block form {
-  padding: 0 1ex; }
-
-table.announces {
-  width: 100%;
-  margin-bottom: 1em; }
-
-table.announces thead td {
-  font-weight: bold; }
-
-table.announces thead th {
-  width: 30%; }
-
-table.announces tbody td {
-  text-align: center; }
-
-table.announces tbody th {
-  width: 35%;
-  text-align: left;
-  font-weight: normal; }
-
-.chapeau {
-  font-style: italic;
-  font-size: 110%; }
-
-/* mon compte */
-#my-informations-form {
-  width: 90%;
-  padding-bottom: 1em; }
-
-#my-informations-form input[type~=text] {
-  width: 100%; }
-
-#id_edit-profile-email_wrap, #id_edit-profile-address_wrap {
-  clear: both; }
-
-#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap {
-  width: 45%;
-  float: left; }
-
-#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap {
-  width: 45%;
-  float: right; }
-
-.clear {
-  clear: both; }
-
-#id_new_password1_help_text, #id_password1_help_text {
-  font-style: italic;
-  font-size: 90%;
-  color: red; }
-
-/* saml post page */
-.post-redirect {
-  background: white; }
-
-#messages li {
-  list-style-type: none;
-  padding: 10px;
-  color: white; }
-
-#messages {
-  position: absolute;
-  top: 120px;
-  left: 1200px; }
-
-#messages.messages-login {
-  position: static; }
-
-#messages.messages-login li {
-  margin: 0px;
-  margin-left: 100px;
-  margin-right: 100px; }
-
-#messages li.warning {
-  border: 1px solid #DB771F;
-  background: #37a7da; }
-
-#messages li.error {
-  border: 1px solid #DB771F;
-  background: #DB1F28; }
-
-#messages li.info {
-  border: 1px solid #301F91;
-  background: #1F8091; }
-
-/* registration form */
-img.captcha {
-  float: left; }
-
-#id_captcha_1 {
-  width: 13em; }
-
-h1#logo a {
-  color: #028; }
-
-#nav h3 {
-  display: none; }
-
-#nav {
-  list-style: none;
-  margin: 10px 20px 12px 20px;
-  padding-top: 7px;
-  font-size: 110%;
-  position: relative; }
-
-#nav ul {
-  margin: 0;
-  padding: 0;
-  border: 1px solid #a5a7aa;
-  border-width: 1px 0px; }
-
-#nav li {
-  display: inline-block; }
-
-#nav a {
-  color: #404041;
-  text-decoration: none;
-  display: inline-block;
-  padding: 1ex 1em; }
-
-#nav li.selected:after,
-#nav li.ancestor:after,
-#nav li a:hover,
-#nav li.selected a,
-#nav li.ancestor a {
-  color: #e0007a; }
-
-#nav div.cell {
-  position: absolute;
-  top: 0;
-  right: 0; }
-
-#content div.cell,
-div.block {
-  text-align: left;
-  background: white;
-  margin: 10px 10px;
-  padding: 10px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  border: 1px solid #ccc; }
-
-input[type="email"],
-input[type="text"],
-input[type="password"] {
-  border: 1px solid #aaa;
-  padding: 5px 10px;
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  color: black;
-  -webkit-transition: background 200ms ease-out;
-  -moz-transition: background 200ms ease-out;
-  transition: background 200ms ease-out;
-  display: block; }
-
-input[type="email"]:focus,
-input[type="text"]:focus,
-input[type="password"]:focus {
-  border: 1px solid #888;
-  background: white; }
-
-div#registration {
-  width: 40em;
-  text-align: justify;
-  margin: 2em auto; }
-
-div#registration form {
-  margin: 2em 0; }
-
-div#registration label {
-  display: block;
-  width: 15em;
-  float: left;
-  text-align: right;
-  padding-right: 1em;
-  color: #777; }
-
-div#registration ul.errorlist {
-  margin: 0;
-  padding-left: 16em; }
-
-div#registration input[type="submit"] {
-  margin-left: 17em; }
-
-#toplinks {
-  background: #ffffff;
-  position: absolute;
-  top: 2em;
-  right: 0;
-  width: 40%;
-  padding: 5px 5px 5px 5px;
-  text-align: right; }
-
-#toplinks span.logged-in {
-  background: none;
-  border: none;
-  text-align: right; }
-
-#toplinks span.logged-in .connected-user {
-  display: inline-block;
-  padding-right: 1em;
-  color: #888; }
-
-#toplinks a {
-  color: #555;
-  border: 1px solid transparent; }
-
-#toplinks a:hover {
-  text-decoration: none;
-  color: #222; }
-
-#toplinks a.restricted {
-  color: white;
-  float: right;
-  padding: 0.5ex 1ex;
-  border: 1px outset #888;
-  background: #672290;
-  position: absolute;
-  top: -2em;
-  right: 3px; }
-
-#toplinks a.logout {
-  padding: 1px; }
-
-.narrow-page #main-content {
-  width: 30em;
-  margin: 0 auto; }
-
-div#login-page {
-  margin-top: 1em; }
-
-#login-methods {
-  width: 48%;
-  float: left; }
-
-#welcome-text {
-  width: 48%;
-  float: right; }
-
-#login-beid {
-  margin-top: 2em;
-  background: url(beid_image_mini.png) top left no-repeat;
-  padding-top: 120px; }
-
-div#footer div.cell.test-banner {
-  position: fixed;
-  top: 2em;
-  right: -5em;
-  background: red;
-  width: 15em;
-  z-index: 1000;
-  transform: rotate(45deg);
-  transform-origin: center center;
-  text-align: center;
-  border-radius: 10px; }
-
-div#footer div.cell.test-banner p {
-  margin: 0; }
-
-a#publik-portal-agent {
-  z-index: 10000;
-  position: absolute;
-  top: 0px;
-  right: 5px;
-  background: white;
-  color: #888;
-  padding: 5px 10px;
-  border: 1px solid #888;
-  border-width: 0 1px 1px 1px; }
-
-/* icons styles */
-[class^="icon-"]:after, [class*=" icon-"]:after,
-[class^="icon-"]:before, [class*=" icon-"]:before {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  display: inline-block;
-  text-decoration: none; }
-
-a[class^="icon-"], a[class*=" icon-"] {
-  display: inline-block;
-  text-decoration: none;
-  border: none;
-  color: #FF7800; }
-
-button#nav-button {
-  display: none; }
-
-#nav-skip a {
-  position: absolute;
-  left: -7000px; }
-
-#nav-skip a:focus {
-  left: 0; }
-
-div#page {
-  max-width: 1060px; }
-
-div#header {
-  height: 135px; }
-
-div#top h1 {
-  padding-top: 50px;
-  padding-left: 140px;
-  font-size: 160%;
-  font-weight: normal; }
-
-div#top h1 a {
-  color: white; }
-
-#nav {
-  margin-top: 0;
-  margin-left: 0; }
-
-#nav ul {
-  border: none;
-  margin: 0; }
-
-#nav li {
-  margin: 0;
-  width: 8em;
-  display: inline-block;
-  text-align: center;
-  padding: 0 1ex;
-  border-right: 1px outset white; }
-
-#nav li a {
-  color: #494949;
-  display: inline-block;
-  width: 100%; }
-
-#nav li.selected a {
-  color: #222; }
-
-#nav li a:hover {
-  background: white;
-  color: #222; }
-
-#nav li:after {
-  content: none; }
-
-div#main-content {
-  margin-top: 20px; }
-
-#content div.cell {
-  border: none; }
-
-#toplinks {
-  top: 0;
-  background: rgba(255, 255, 255, 0.6);
-  width: 442px; }
-
-div#footer-wrapper {
-  color: #444; }
-
-div#footer {
-  padding-top: 30px;
-  padding-bottom: 20px; }
-
-.widget {
-  position: relative; }
-
-form.quixote h4 {
-  margin: 0px;
-  background-color: #F2F2F2;
-  font-size: 1.42857em;
-  font-style: normal;
-  font-family: "robotoslab_regular",Arial,sans-serif;
-  color: #34567C;
-  padding: 0.5em 1em;
-  text-transform: none; }
-
-#steps {
-  display: none; }
-
-div.widget-with-error input,
-div.widget-with-error textarea,
-div.widget-with-error label {
-  position: relative;
-  z-index: 10; }
-
-div.widget-prefilled div.message {
-  display: none; }
-
-#nav {
-  display: none; }
-
-.fileinfo .remove {
-  position: relative;
-  z-index: 100; }
-- 
2.11.0