@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/fontawesome-webfont.woff") format("woff"), 
       url("../fonts/fontawesome-webfont.ttf") format("truetype"), 
       url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body {
  font-family: Roboto;
  font-size: 16px;
  color: #333; }

body {
  scroll-behavior: smooth; }

a {
  color: #4D4D4D;
  text-decoration: none; }

a > img {
  border: none; }

div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content div.block h2,
div.links-list h2,
div#services > ul > li > strong > a,
.gru-content div.textcell h2:first-child,
.gru-content div.cell h2:first-child, div#tracking-code h3,
div#rub_service h2 {
  display: block;
  position: relative;
  text-transform: none;
  background: transparent;
  color: #000;
  box-sizing: border-box;
  padding: 1ex 1ex 1ex 0;
  border-radius: 0;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 32px;
  font-family: "JosefinSans";
  font-style: normal;
  border-bottom: none;
  border-top: 0; }

html, body {
  margin: 0;
  height: 100vh; }

div#page {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  min-height: 100vh;
  -ms-flex-direction: column;
  -webkit-direction: column;
  flex-direction: column; }

div#page div#main-content-wrapper {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%; }

div#header,
div#nav,
div#footer {
  clear: both;
  max-width: 1100px;
  margin: 0 auto; }

div#header {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  top: 0px;
  z-index: 0;
  padding: 0 1ex; }
  div#header h1 {
    margin: 0; }
  @media screen and (max-width: 1024px) {
    div#header h1 {
      padding-left: 70px;
      background-position: 70px; } }

div#main-content-wrapper {
  position: relative;
  z-index: 100;
  max-width: 1100px;
  margin: 0px auto 0px auto;
  padding: 0; }
  @media screen and (max-width: 1024px) {
    div#main-content-wrapper {
      position: static;
      z-index: 0; } }

div#main-content {
  margin: 0;
  min-height: 300px; }

#right {
  float: right;
  width: 50%; }

#left {
  float: left;
  width: 50%; }

#columns {
  box-sizing: border-box;
  -ms-flex: 1 auto;
  -webkit-flex-grow: 1;
  flex-grow: 1; }

.gru-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .gru-content #sidebar {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto; }
    .gru-content #sidebar div.cell {
      margin-left: 0;
      margin-right: 20px; }

@media screen and (max-width: 1024px) {
  #columns {
    padding: 0 1ex; }

  #right, #left {
    float: none;
    width: auto; }

  .gru-content {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .gru-content #sidebar {
      -ms-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      margin: 0 1ex; }
      .gru-content #sidebar div.cell {
        margin-left: 0;
        margin-right: 0; } }
#footer-wrapper {
  clear: both;
  padding: 1ex 0 2ex 0;
  background: #000;
  color: #FFEC44; }

h1#logo {
  padding-left: 0; }

@media screen and (max-width: 1024px) {
  .desktop-only {
    display: none; } }
@media screen and (min-width: 1025px) {
  .mobile-only {
    display: none; } }
/* or bottom-border */
/* or bottom-border */
/* or left-to-right */
div.gru-nav-wrapper {
  background: transparent;
  color: #050707; }

div.gru-nav {
  padding: 0;
  margin: 10px auto;
  height: auto;
  border-radius: 0; }

div.gru-nav > ul {
  border-color: white;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden; }

div.gru-nav > ul > li {
  background: transparent;
  margin: 0;
  margin-right: 0px;
  display: inline-block;
  padding: 0; }

div.gru-nav > ul > li a {
  color: #050707;
  font-weight: bold;
  padding: 0px 20px;
  display: inline-block;
  line-height: 3em;
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -ms-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
  text-decoration: none; }

div.gru-nav li > a {
  border-bottom: 5px solid #FFEC44;
  border-bottom-color: transparent; }

div.gru-nav li.selected > a {
  border-bottom: 5px solid #FFEC44;
  color: #050707; }

div.gru-nav li:hover > a {
  border-bottom: 5px solid #FFEC44;
  color: #050707; }

div.gru-nav > ul ul {
  display: none;
  position: absolute;
  background: white;
  z-index: 1000;
  min-width: 20ex;
  list-style: none;
  padding: 0;
  text-align: left;
  border-radius: 0 0 0 0; }
  div.gru-nav > ul ul > li a {
    color: #FFEC44; }

div.gru-nav > ul ul a {
  box-sizing: border-box;
  width: 100%; }

div.gru-nav > ul ul li:last-child a {
  border-radius: 0 0 0 0; }

div.gru-nav > ul li:hover ul {
  display: block; }

.gru-nav-button::-moz-focus-inner {
  border: 0; }

.gru-nav-button {
  display: none;
  border-radius: 0 0 0 0;
  cursor: pointer; }

div.gru-nav span.badge,
div.menucell span.badge {
  font-size: 80%;
  line-height: 100%; }
div.gru-nav span.badge::before,
div.menucell span.badge::before {
  content: '('; }
div.gru-nav span.badge::after,
div.menucell span.badge::after {
  content: ')'; }

@media screen and (max-width: 1024px) {
  .gru-nav-wrapper {
    margin-top: -60px; }

  div.gru-nav {
    height: auto;
    background: transparent; }

  div.gru-nav ul ul {
    position: static;
    display: block;
    background: transparent; }
    div.gru-nav ul ul li a {
      padding-left: 5ex; }

  div.gru-nav .gru-nav-button {
    display: block;
    z-index: 200;
    position: relative;
    width: 52px;
    height: 50px;
    padding: 0;
    margin: 0;
    background: white;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    margin-left: 10px;
    border: 0; }
    div.gru-nav .gru-nav-button .sr-only {
      display: none; }
    div.gru-nav .gru-nav-button .icon-bar {
      position: absolute;
      top: 0px;
      left: 8.3333333333px;
      width: 33.3333333333px;
      margin: 0;
      border: 1px solid #000;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
    div.gru-nav .gru-nav-button .icon-bar-1 {
      top: 12.5px; }
    div.gru-nav .gru-nav-button .icon-bar-2 {
      top: 25px; }
    div.gru-nav .gru-nav-button .icon-bar-3 {
      top: 37.5px; }
    div.gru-nav .gru-nav-button + ul {
      overflow: hidden;
      height: 0px;
      border-top: 2px solid white;
      margin-top: 0;
      background: #eee; }
      div.gru-nav .gru-nav-button + ul a {
        color: black;
        border-radius: 0; }
      div.gru-nav .gru-nav-button + ul li.selected > a, div.gru-nav .gru-nav-button + ul li:hover > a {
        background-color: transparent;
        color: #FFEC44; }
    div.gru-nav .gru-nav-button + ul li:last-child {
      border-bottom: 2px solid white; }

  div.gru-nav .gru-nav-button.toggled .icon-bar-1 {
    top: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  div.gru-nav .gru-nav-button.toggled .icon-bar-2 {
    opacity: 0; }
  div.gru-nav .gru-nav-button.toggled .icon-bar-3 {
    top: 25px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  div.gru-nav .gru-nav-button.toggled + ul {
    display: block;
    height: auto; }
  div.gru-nav .gru-nav-button.toggled + ul li {
    float: none;
    display: block; }
  div.gru-nav .gru-nav-button.toggled + ul li a {
    width: 100%; } }
/* $cell-entry-hover-effect: effect applied when hovering an entry link in a
 * cell; possible values are:
 *  none: nothing special, light gray background;
 *  left-to-right: background expands from left to right;
 *  right-to-left: " from right to left;
 *  top-to-bottom: " from top to bottom;
 *  bottom-to-top: " from bottom to top;
 *  middle-to-edges: horizontally, from the middle to the edges.
 */
.gru-content #columns > .cell,
div#left div.block,
.gru-content #left .cell {
  margin-left: 0; }

.gru-content #columns > .cell,
div#right div.block,
.gru-content #right .cell {
  margin-right: 0; }

@media screen and (max-width: 1024px) {
  div#left div.block,
  .gru-content #left .cell,
  div#right div.block,
  .gru-content #right .cell {
    margin-right: 0;
    margin-left: 0; } }
div.a2-block {
  margin: 4em auto;
  max-width: 80ex; }
  div.a2-block form, div.a2-block p {
    margin: 1em 0.5em; }

div#sidebar + div#columns > div.a2-block {
  margin: 0 0 3em 0; }

div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content div.cell,
div.block {
  text-align: left;
  background: transparent;
  color: inherit;
  box-sizing: border-box;
  border-radius: 0;
  border: 0px solid transparent; }

div#services > ul > li,
div#left div.a2-block, div#right div.a2-block,
.gru-content div.cell,
div.block {
  padding: 0;
  margin: 0px 10px 10px 10px; }
  div#services > ul > li h2 + div,
  div#left div.a2-block h2 + div, div#right div.a2-block h2 + div,
  .gru-content div.cell h2 + div,
  div.block h2 + div {
    padding: 1rem; }

.gru-content div.cell.categoriescell div div,
.gru-content div.cell.wcscurrentdraftscell div div,
.gru-content div.cell.wcscurrentformscell div div,
div#services > ul > li > strong {
  padding: 0;
  margin: 0; }

div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content div.block h2,
div.links-list h2,
div#services > ul > li > strong > a,
.gru-content div.textcell h2:first-child,
.gru-content div.cell h2:first-child {
  position: relative;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  div#rub_service div.category h3 else,
  .gru-content div.a2-block h2 else,
  .gru-content div.block h2 else,
  div.links-list h2 else,
  div#services > ul > li > strong > a else,
  .gru-content div.textcell h2:first-child else,
  .gru-content div.cell h2:first-child else {
    width: 100%; }

div.links-list p {
  margin: 1em; }

div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 0;
  /* make sure first/last children don't overflow the cell radius */ }
  div#rub_service div.category ul > li > a,
  div#services > ul > li > ul > li > a,
  div#account-management ul > li > a,
  div.links-list ul > li > a,
  div.menucell ul > li > a,
  div.wcsformcell > li > a,
  div.notificationscell ul > li > a,
  div.categoriescell ul > li > a,
  div.wcsformsofcategorycell ul > li > a,
  div.wcscurrentdraftscell ul > li > a,
  div.wcscurrentformscell ul > li > a {
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
    color: #4D4D4D;
    border-bottom: 1px solid #000;
    position: relative; }
    div#rub_service div.category ul > li > a:hover,
    div#services > ul > li > ul > li > a:hover,
    div#account-management ul > li > a:hover,
    div.links-list ul > li > a:hover,
    div.menucell ul > li > a:hover,
    div.wcsformcell > li > a:hover,
    div.notificationscell ul > li > a:hover,
    div.categoriescell ul > li > a:hover,
    div.wcsformsofcategorycell ul > li > a:hover,
    div.wcscurrentdraftscell ul > li > a:hover,
    div.wcscurrentformscell ul > li > a:hover {
      color: inherit;
      background-color: #eee; }
  div#rub_service div.category ul li.more-items a,
  div#services > ul > li > ul li.more-items a,
  div#account-management ul li.more-items a,
  div.links-list ul li.more-items a,
  div.menucell ul li.more-items a,
  div.wcsformcell li.more-items a,
  div.notificationscell ul li.more-items a,
  div.categoriescell ul li.more-items a,
  div.wcsformsofcategorycell ul li.more-items a,
  div.wcscurrentdraftscell ul li.more-items a,
  div.wcscurrentformscell ul li.more-items a {
    display: block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-align: center; }
  div#rub_service div.category ul > li:first-child a,
  div#services > ul > li > ul > li:first-child a,
  div#account-management ul > li:first-child a,
  div.links-list ul > li:first-child a,
  div.menucell ul > li:first-child a,
  div.wcsformcell > li:first-child a,
  div.notificationscell ul > li:first-child a,
  div.categoriescell ul > li:first-child a,
  div.wcsformsofcategorycell ul > li:first-child a,
  div.wcscurrentdraftscell ul > li:first-child a,
  div.wcscurrentformscell ul > li:first-child a {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  div#rub_service div.category ul > li:last-child a,
  div#services > ul > li > ul > li:last-child a,
  div#account-management ul > li:last-child a,
  div.links-list ul > li:last-child a,
  div.menucell ul > li:last-child a,
  div.wcsformcell > li:last-child a,
  div.notificationscell ul > li:last-child a,
  div.categoriescell ul > li:last-child a,
  div.wcsformsofcategorycell ul > li:last-child a,
  div.wcscurrentdraftscell ul > li:last-child a,
  div.wcscurrentformscell ul > li:last-child a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  div#rub_service div.category ul ul > li:first-child a, div#rub_service div.category ul ul > li:last-child a,
  div#services > ul > li > ul ul > li:first-child a,
  div#services > ul > li > ul ul > li:last-child a,
  div#account-management ul ul > li:first-child a,
  div#account-management ul ul > li:last-child a,
  div.links-list ul ul > li:first-child a,
  div.links-list ul ul > li:last-child a,
  div.menucell ul ul > li:first-child a,
  div.menucell ul ul > li:last-child a,
  div.wcsformcell ul > li:first-child a,
  div.wcsformcell ul > li:last-child a,
  div.notificationscell ul ul > li:first-child a,
  div.notificationscell ul ul > li:last-child a,
  div.categoriescell ul ul > li:first-child a,
  div.categoriescell ul ul > li:last-child a,
  div.wcsformsofcategorycell ul ul > li:first-child a,
  div.wcsformsofcategorycell ul ul > li:last-child a,
  div.wcscurrentdraftscell ul ul > li:first-child a,
  div.wcscurrentdraftscell ul ul > li:last-child a,
  div.wcscurrentformscell ul ul > li:first-child a,
  div.wcscurrentformscell ul ul > li:last-child a {
    border-radius: 0; }
  div#rub_service div.category ul li div.description,
  div#services > ul > li > ul li div.description,
  div#account-management ul li div.description,
  div.links-list ul li div.description,
  div.menucell ul li div.description,
  div.wcsformcell li div.description,
  div.notificationscell ul li div.description,
  div.categoriescell ul li div.description,
  div.wcsformsofcategorycell ul li div.description,
  div.wcscurrentdraftscell ul li div.description,
  div.wcscurrentformscell ul li div.description {
    position: relative;
    top: -1px;
    border-top: 1px solid transparent;
    padding: 0 1rem;
    font-size: 90%;
    color: #666;
    border-bottom: 1px solid #000; }
    div#rub_service div.category ul li div.description p,
    div#services > ul > li > ul li div.description p,
    div#account-management ul li div.description p,
    div.links-list ul li div.description p,
    div.menucell ul li div.description p,
    div.wcsformcell li div.description p,
    div.notificationscell ul li div.description p,
    div.categoriescell ul li div.description p,
    div.wcsformsofcategorycell ul li div.description p,
    div.wcscurrentdraftscell ul li div.description p,
    div.wcscurrentformscell ul li div.description p {
      margin-top: 0;
      margin-bottom: 1ex; }

div.list-of-forms span.form-number {
  -ms-flex-grow: 1;
  flex-grow: 1;
  margin-right: 1rem;
  opacity: 0.3;
  font-size: 80%; }
div.list-of-forms span.form-status {
  margin-right: 0;
  margin-left: auto; }
div.list-of-forms span.form-title {
  margin-right: 1rem; }

div.cell div.intro p {
  margin: 0; }
div.cell div.intro p + p {
  margin-top: 1ex; }
div.cell::after {
  content: "";
  display: block;
  clear: both; }

.gru-content div.cell.no-bottom-margin {
  margin-bottom: 0;
  border-radius: 0 0 0 0;
  border-bottom: 0; }
  .gru-content div.cell.no-bottom-margin p:last-child {
    margin-bottom: 0;
    padding-bottom: 1ex; }
  .gru-content div.cell.no-bottom-margin + div {
    margin-top: 0;
    border-radius: 0 0 0 0;
    border-top: 0; }
    .gru-content div.cell.no-bottom-margin + div.no-bottom-margin {
      border-radius: 0; }
    .gru-content div.cell.no-bottom-margin + div p:first-child {
      margin-top: 0;
      padding-top: 1ex; }
.gru-content div.cell div.textcell {
  border: 0;
  margin-left: 0;
  margin-right: 0; }
  .gru-content div.cell div.textcell p, .gru-content div.cell div.textcell h3, .gru-content div.cell div.textcell h4, .gru-content div.cell div.textcell h5 {
    margin-left: 0;
    margin-right: 0; }

div.menucell ul ul a {
  padding-left: 3em;
  font-size: 90%; }

div.wcs-tracking-code-input form {
  margin: 1em; }

div.searchcell form {
  padding: 1em; }

div.cell div.loading {
  color: #444;
  position: relative; }

@-webkit-keyframes cell-loading-pulse {
  to {
    width: 100%; } }
@keyframes cell-loading-pulse {
  to {
    width: 100%; } }
div.cell div.loading span {
  position: relative;
  z-index: 10;
  padding: 0.3rem;
  display: inline-block; }

div.cell div.loading::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 0px;
  background: #eee;
  height: 100%;
  -webkit-animation: cell-loading-pulse 2s linear infinite alternate;
  animation: cell-loading-pulse 2s linear infinite alternate; }

div.cell div.loading.error-loading {
  background: #f44; }

div.cell div.loading.error-loading::after {
  content: none; }

.gru-content div.cell.shown-because-admin {
  opacity: 0.5;
  background-image: repeating-linear-gradient(-45deg, #eee 0px, #eee 14px, transparent 15px, transparent 30px); }
  .gru-content div.cell.shown-because-admin h2 {
    background: transparent; }
  .gru-content div.cell.shown-because-admin:hover {
    opacity: 1;
    background-image: inherit; }
    .gru-content div.cell.shown-because-admin:hover h2 {
      background: inherit; }

div.lingobasketcell h3.regie-name {
  margin: 2ex 1ex;
  font-weight: normal;
  border-bottom: 1px solid #aaa; }

div.lingobasketcell ul {
  padding-left: 1em;
  list-style: circle;
  list-style-position: inside; }
  div.lingobasketcell ul li input {
    display: none; }
  div.lingobasketcell ul li a {
    display: inline-block;
    padding-bottom: 1ex; }
  div.lingobasketcell ul li:last-child {
    list-style: none; }

div.lingobasketcell button, div.newsletterscell button,
div.lingobasketcell input[type=submit], div.newsletterscell input[type=submit] {
  margin: 0 1em 1em 1em; }

/* newsletters */
.newsletterscell table {
  width: 100%;
  font-size: 0.9em;
  margin: 0.5em 0; }
  .newsletterscell table thead td, .newsletterscell table tbody td {
    padding-left: 5px; }
  .newsletterscell table thead td {
    font-weight: bold;
    text-align: center; }
  .newsletterscell table tbody td:nth-child(1) {
    text-align: left; }
  .newsletterscell table tbody td {
    text-align: center; }

div.feedcell h3 {
  margin: 0 0 0.5ex 0; }

div.feedcell div.feed-content div,
div.feedcell div.feed-content p {
  margin: 0.5ex 0 1.5ex 0; }

div.feedcell img {
  max-width: 100%; }

/* booking calendar */
div.bookingcalendar p.paginator {
  position: relative;
  margin-top: 0;
  text-align: center; }
  div.bookingcalendar p.paginator span.previous, div.bookingcalendar p.paginator span.next {
    opacity: 0.5; }
  div.bookingcalendar p.paginator .previous {
    position: absolute;
    left: 0; }
  div.bookingcalendar p.paginator .next {
    position: absolute;
    right: 0; }
div.bookingcalendar table th {
  text-align: center;
  height: 2.2em; }
div.bookingcalendar table tbody th {
  padding-right: 1ex; }
div.bookingcalendar table td {
  border: 1px solid #ddd;
  position: relative; }
  div.bookingcalendar table td input[type=checkbox] {
    position: relative;
    display: block;
    width: 100%;
    z-index: 10; }
  div.bookingcalendar table td input[type=checkbox] + label {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    -ms-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s; }
  div.bookingcalendar table td input[type=checkbox]:disabled + label {
    background: #ccc; }
  div.bookingcalendar table td.active-column input, div.bookingcalendar table td.active-column label {
    pointer-events: none; }
  div.bookingcalendar table td.active-column.clickable input, div.bookingcalendar table td.active-column.clickable label {
    pointer-events: auto; }
  div.bookingcalendar table td input[type=checkbox]:checked + label {
    background: #00c500; }
  div.bookingcalendar table td.absent {
    background: #eee; }
  div.bookingcalendar table td.unavailable {
    background: #c50000; }
div.bookingcalendar table {
  margin-bottom: 1em; }

/* login page */
div#login-page.methods2 > div.block {
  width: 50%;
  width: calc(50% - 2em);
  margin: 0;
  margin-right: 2em;
  float: left; }
  div#login-page.methods2 > div.block > div {
    padding: 1em; }

div#login-page.methods3 > div.block {
  width: 33%;
  width: calc(33% - 2em);
  margin: 0;
  margin-right: 2em;
  float: left; }
  div#login-page.methods3 > div.block > div {
    padding: 1em; }

@media screen and (max-width: 1024px) {
  div#login-page.methods2 > div.block,
  div#login-page.methods3 > div.block {
    width: auto;
    float: none;
    margin: 1ex; } }

div.cell hr {
  width: 80%; }

.gru-content div.tipipaymentformcell > div > div {
  padding: 0 1em; }

/* family cell styles */
div.familyinfoscell h3 {
  padding: 5px 0;
  margin: 5px 0; }
div.familyinfoscell div.address {
  margin: 1ex 0; }
  div.familyinfoscell div.address h4 {
    margin: 0; }
div.familyinfoscell div.family-data {
  padding-bottom: 2ex;
  border-bottom: none; }
div.familyinfoscell div.family_unlink {
  text-align: right; }
div.familyinfoscell div.family_members {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    div.familyinfoscell div.family_members {
      flex-direction: column; } }
div.familyinfoscell div.family_adults, div.familyinfoscell div.family_children {
  width: 48%; }
  @media screen and (max-width: 1024px) {
    div.familyinfoscell div.family_adults, div.familyinfoscell div.family_children {
      width: auto; } }
  div.familyinfoscell div.family_adults > div, div.familyinfoscell div.family_children > div {
    border-bottom: none;
    padding-bottom: 1ex;
    margin: 1ex 0; }
  div.familyinfoscell div.family_adults .name, div.familyinfoscell div.family_children .name {
    font-size: 115%; }
div.familyinfoscell p {
  margin: 0;
  padding: 0; }
  div.familyinfoscell p span.label {
    font-weight: bold; }

/* support foldable cells */
div.cell.foldable > div > h2:first-child {
  cursor: pointer; }
  div.cell.foldable > div > h2:first-child::after {
    font-family: FontAwesome;
    content: "\f106";
    /* angle-up */
    position: absolute;
    right: 1em; }
div.cell.foldable.folded > div > h2:first-child {
  display: block; }
  div.cell.foldable.folded > div > h2:first-child::after {
    content: "\f107";
    /* angle-down */ }
div.cell.foldable.folded > div > * {
  display: none; }

#toplinks {
  position: absolute;
  top: 0;
  left: auto;
  right: 1em;
  border-radius: 0 0 1em 1em;
  background: white;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  width: auto;
  padding: 1ex 2em 0.3ex 2em;
  border: 3px solid #FFEC44;
  border-width: 0 1px 1px 1px; }
  @media screen and (max-width: 1024px) {
    #toplinks {
      border-right: 0;
      right: 0;
      max-width: 90%;
      text-align: right;
      border-bottom-right-radius: 0;
      padding-right: 1ex; }
      #toplinks span.sep {
        display: none; } }

#toplinks span.connected-user {
  padding-right: 1ex; }
  @media screen and (max-width: 1024px) {
    #toplinks span.connected-user {
      padding-right: 0; } }

body .ui-front {
  z-index: 1000; }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-widget-content {
  border: 1px solid #aaa;
  background: white; }
  .ui-widget-content .ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc;
    position: relative;
    text-align: center;
    padding: 3px; }
    .ui-widget-content .ui-widget-header a {
      color: #333; }

.ui-datepicker {
  display: none;
  padding: .2em .2em 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.5em; }
  .ui-datepicker table {
    width: 100%;
    border-collapse: collapse; }
    .ui-datepicker table td {
      text-align: right; }
      .ui-datepicker table td a {
        background: #eee;
        border: 1px solid #aaa;
        display: block;
        padding: 0.4ex 1ex; }
        .ui-datepicker table td a:hover {
          border-color: #666; }
  .ui-datepicker a {
    border-bottom: 0; }
  .ui-datepicker .ui-datepicker-prev {
    display: block;
    position: absolute;
    left: 0.5ex;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-prev::after {
      font-family: FontAwesome;
      content: "\f060";
      /* fa-arrow-left */ }
    .ui-datepicker .ui-datepicker-prev span {
      display: none; }
  .ui-datepicker .ui-datepicker-next {
    display: block;
    position: absolute;
    right: 0.5ex;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-next::after {
      font-family: FontAwesome;
      content: "\f061";
      /* fa-arrow-right */ }
    .ui-datepicker .ui-datepicker-next span {
      display: none; }

/* dialog styling */
.ui-helper-clearfix {
  min-height: 0; }
  .ui-helper-clearfix::before, .ui-helper-clearfix::after {
    content: "";
    display: table;
    border-collapse: collapse; }
  .ui-helper-clearfix::after {
    clear: both; }

div.ui-widget-overlay {
  background: #333;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 1000; }

.ui-widget {
  font-size: 1.1em; }
  .ui-widget .ui-widget {
    font-size: 1em; }

div.ui-dialog {
  border: 0;
  outline: 0;
  background: white;
  box-shadow: #666666 0px 0px 20px 2px;
  padding: 0;
  border-radius: 0;
  max-width: 80%;
  min-width: 30%;
  position: absolute; }
  div.ui-dialog .ui-dialog-titlebar {
    background: #eee;
    border-radius: 0;
    border: none;
    position: relative;
    padding: 0.4em 1em;
    cursor: move;
    text-align: left; }
    div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      font-size: 130%;
      font-weight: normal; }
    div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      position: absolute;
      right: .3em;
      height: 20px;
      min-width: 20px;
      padding: 0;
      color: transparent;
      margin-right: 0;
      outline: none; }
      div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick::after {
        color: #333;
        content: "\f00d";
        /* fa-times */
        font-family: FontAwesome;
        display: block; }
      div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
        display: block;
        text-indent: -9999999px; }
    div.ui-dialog .ui-dialog-titlebar button {
      padding: 0;
      border: 1px solid transparent;
      background: transparent;
      box-shadow: none;
      cursor: pointer; }
  div.ui-dialog .ui-widget-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto; }
  div.ui-dialog .ui-dialog-buttonpane {
    position: relative;
    background: #eee;
    border-top: 1px solid #aaaaaa;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em; }
    div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: right; }
    div.ui-dialog .ui-dialog-buttonpane button {
      margin: 0.5em 0 0.5em 1em; }
  div.ui-dialog form p input,
  div.ui-dialog form p select,
  div.ui-dialog form p textarea {
    width: 100%; }
  div.ui-dialog form p input[type=radio], div.ui-dialog form p input[type=checkbox] {
    width: auto; }

.ui-tooltip {
  display: inline-block;
  box-shadow: #666 0px 0px 4px 0px;
  z-index: 100000; }
  .ui-tooltip div.ui-tooltip-content {
    background: white;
    padding: 1ex; }

ul.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 15em;
  overflow-y: scroll;
  overflow-x: hidden; }
  ul.ui-autocomplete li {
    margin: 0;
    padding: 0 1ex;
    position: relative;
    min-height: 0; }
    ul.ui-autocomplete li:hover {
      background: #eee; }

/* $form-style: global style of form elements; possible values
 * are:
 * classic: nothing special.
 * light: light bottom border, no other border.
 */
input, select, button, textarea {
  font-size: 100%;
  font-family: Roboto;
  vertical-align: baseline; }

label {
  margin-bottom: 0; }

form.quixote div.widget {
  margin-bottom: 2ex; }

div.error {
  color: black;
  font-weight: bold;
  background: transparent url(../dialog-warning.png) top left no-repeat;
  padding-left: 22px;
  margin-left: 5px; }

span.required {
  margin-left: 0.7ex;
  position: relative;
  top: -0.2ex; }

div.widget div.title {
  margin-bottom: 0; }

div.buttons {
  margin-top: 2em; }

div.buttons div {
  display: inline-block; }
  div.buttons div input[name="submit"] {
    font-weight: bold; }

.fargo-pick-popup button,
button.ui-button,
a.pk-button,
a.pk-big-button,
a#a2-continue,
div.gru-content button,
input[type=submit],
div.buttons input {
  background: #FFEC44;
  color: #000;
  padding: 10px 15px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  transition: all 0.2s ease;
  margin-right: 2ex;
  vertical-align: middle;
  box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21); }
  .fargo-pick-popup button:hover,
  button.ui-button:hover,
  a.pk-button:hover,
  a.pk-big-button:hover,
  a#a2-continue:hover,
  div.gru-content button:hover,
  input[type=submit]:hover,
  div.buttons input:hover {
    box-shadow: 0px 0px 5px #777;
    background: #FFEC44;
    color: #000; }

div.gru-content form.disabled-during-submit div.buttons {
  cursor: wait; }
  div.gru-content form.disabled-during-submit div.buttons button {
    pointer-events: none;
    box-shadow: none;
    opacity: 0.7; }

button:disabled,
input[type=submit]:disabled {
  pointer-events: none;
  box-shadow: none;
  cursor: not-allowed;
  background: #a2a2a2;
  color: black; }

input, input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="file"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select {
  background: white;
  border: 1px solid #AAA;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0.2em 0px;
  outline: medium none;
  padding: 0.7ex 0.7em 0.7ex 0.7em;
  max-width: 100%;
  transition: all 0.5s ease; }
  input:focus:not([readonly]), input[type="text"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), input[type="file"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="month"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="week"]:focus:not([readonly]), textarea:focus:not([readonly]), select:focus:not([readonly]) {
    background-color: #ffffff;
    border: 1px solid #AAA; }

input[readonly], select[readonly], textarea[readonly] {
  border-width: 0 0 1px 0;
  border-radius: 0; }

select[readonly] {
  background-image: none; }

input[type=file] {
  border: none;
  padding-left: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-right: 4em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDQuOCA0NDQuOCI+PHBhdGggZD0iTTI0OC4xIDM1Mkw0MzQgMTY1LjljNy4yLTYuOSAxMC44LTE1LjQgMTAuOC0yNS43IDAtMTAuMy0zLjYtMTguOC0xMC44LTI1LjdsLTIxLjQtMjEuN2MtNy03LTE1LjYtMTAuNi0yNS43LTEwLjYtOS45IDAtMTguNiAzLjUtMjYgMTAuNkwyMjIuNCAyMzEuNSA4My43IDkyLjhjLTctNy0xNS42LTEwLjYtMjUuNy0xMC42LTkuOSAwLTE4LjYgMy41LTI2IDEwLjZsLTIxLjQgMjEuN2MtNyA3LTEwLjYgMTUuNi0xMC42IDI1LjdzMy41IDE4LjcgMTAuNiAyNS43TDE5Ni40IDM1MmM3LjQgNyAxNi4xIDEwLjYgMjYgMTAuNiAxMC4xIDAgMTguNy0zLjUgMjUuNy0xMC42eiIvPjwvc3ZnPg==");
  background-position: right 1.3rem center;
  background-repeat: no-repeat;
  background-size: 1rem auto; }
  select::-ms-expand {
    /* remove the arrow of select element in IE */
    display: none; }

input[type="checkbox"],
input[type="radio"] {
  margin-right: 1ex;
  margin-bottom: 1ex; }

div.content label {
  margin-right: 1em; }

div.widget div.content ul {
  padding: 0;
  margin: 0;
  list-style: none; }

span.helptext,
div.hint {
  display: block;
  font-size: 80%; }

form p label {
  display: block;
  font-weight: bold; }

div.a2-block form input,
div.a2-block form select {
  width: 100%; }

div.a2-block form input[type=checkbox],
div.a2-block form input[type=radio] {
  width: auto; }

div.a2-block form button,
div.a2-block form input[type=submit] {
  width: auto;
  min-width: 20ex; }

div.a2-block ul#id_edit-profile-title {
  margin-left: 1em;
  margin-top: -1ex; }
  div.a2-block ul#id_edit-profile-title li {
    display: inline-block;
    margin-right: 2em; }
  div.a2-block ul#id_edit-profile-title label {
    font-weight: normal; }

form ul.errorlist {
  padding: 0;
  margin: 2em 0 0 0;
  list-style: none; }
  form ul.errorlist li::before {
    content: "\f06a";
    font-family: FontAwesome;
    padding-right: 1ex; }

body .ui-front {
  z-index: 1000; }

/* select2 */
div.select2-container,
span.select2-container {
  min-width: 20em;
  margin: 0.2em 0; }
  div.select2-container a.select2-choice,
  span.select2-container a.select2-choice {
    padding: 0.2ex 0.7em; }
  div.select2-container span.select2-selection--single,
  div.select2-container a.select2-choice,
  div.select2-container a.select2-choice div,
  span.select2-container span.select2-selection--single,
  span.select2-container a.select2-choice,
  span.select2-container a.select2-choice div {
    background: white;
    border-radius: 0; }
  div.select2-container .select2-choices,
  div.select2-container .select2-choice,
  span.select2-container .select2-choices,
  span.select2-container .select2-choice {
    box-shadow: none; }

div.select2-container.select2-drop-above .select2-choice {
  background: white;
  border-radius: 0; }

div.select2-container-active a.select2-choices,
div.select2-container-active a.select2-choice {
  border: 1px solid #AAA; }

div.select2-drop {
  box-shadow: none;
  border-radius: 0; }

div.select2-search {
  margin-top: 4px; }

div.cell[class*=grid-],
div.dataview div[class*=grid-],
form.quixote div[class*=grid-] {
  clear: none; }
  div.cell[class*=grid-].newline,
  div.dataview div[class*=grid-].newline,
  form.quixote div[class*=grid-].newline {
    clear: both; }

div[class*=grid-] {
  float: left;
  box-sizing: border-box;
  padding-right: 1em; }
  @media screen and (max-width: 480px) {
    div[class*=grid-] {
      width: 100%;
      padding-right: 0; } }
  div[class*=grid-] textarea, div[class*=grid-] select, div[class*=grid-] input[type=text], div[class*=grid-] input[type=password], div[class*=grid-] input[type=email] {
    width: 100%; }
  div[class*=grid-].newline {
    clear: both; }

form div[class*=grid-] + h3, form div[class*=grid-] + h4, form div[class*=grid-] + p, form div[class*=grid-] + div {
  clear: both; }

form div[class*=grid-] span.select2-selection,
form div[class*=grid-] div.select2-container {
  width: 100% !important; }

.gru-content #columns > .cell[class*=grid-] {
  margin-right: 1rem; }

.grid-1-1 {
  width: calc( 100% - 1rem); }

.grid-1-2 {
  width: calc( 50% - 0.5rem); }

.grid-2-2 {
  width: calc( 100% - 0.5rem); }

.grid-1-3 {
  width: calc( 33.3333333333% - 0.3333333333rem); }

.grid-2-3 {
  width: calc( 66.6666666667% - 0.3333333333rem); }

.grid-3-3 {
  width: calc( 100% - 0.3333333333rem); }

.grid-1-4 {
  width: calc( 25% - 0.25rem); }
  @media screen and (max-width: 1024px) {
    .grid-1-4 {
      width: calc(50% - 1rem); } }

.grid-2-4 {
  width: calc( 50% - 0.25rem); }
  @media screen and (max-width: 1024px) {
    .grid-2-4 {
      width: calc(50% - 1rem); } }

.grid-3-4 {
  width: calc( 75% - 0.25rem); }
  @media screen and (max-width: 1024px) {
    .grid-3-4 {
      width: calc(100% - 1rem); } }

.grid-4-4 {
  width: calc( 100% - 0.25rem); }
  @media screen and (max-width: 1024px) {
    .grid-4-4 {
      width: calc(100% - 1rem); } }

.grid-1-6 {
  width: calc( 16.6666666667% - 0.1666666667rem); }
  @media screen and (max-width: 1024px) {
    .grid-1-6 {
      width: calc(33.3333333333% - 1rem); } }

.grid-2-6 {
  width: calc( 33.3333333333% - 0.1666666667rem); }
  @media screen and (max-width: 1024px) {
    .grid-2-6 {
      width: calc(33.3333333333% - 1rem); } }

.grid-3-6 {
  width: calc( 50% - 0.1666666667rem); }
  @media screen and (max-width: 1024px) {
    .grid-3-6 {
      width: calc(50% - 1rem); } }

.grid-4-6 {
  width: calc( 66.6666666667% - 0.1666666667rem); }
  @media screen and (max-width: 1024px) {
    .grid-4-6 {
      width: calc(66.6666666667% - 1rem); } }

.grid-5-6 {
  width: calc( 83.3333333333% - 0.1666666667rem); }
  @media screen and (max-width: 1024px) {
    .grid-5-6 {
      width: calc(66.6666666667% - 1rem); } }

.grid-6-6 {
  width: calc( 100% - 0.1666666667rem); }
  @media screen and (max-width: 1024px) {
    .grid-6-6 {
      width: calc(100% - 1rem); } }

.grid-1-12 {
  width: calc( 8.3333333333% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-1-12 {
      width: calc(33.3333333333% - 1rem); } }

.grid-2-12 {
  width: calc( 16.6666666667% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-2-12 {
      width: calc(33.3333333333% - 1rem); } }

.grid-3-12 {
  width: calc( 25% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-3-12 {
      width: calc(33.3333333333% - 1rem); } }

.grid-4-12 {
  width: calc( 33.3333333333% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-4-12 {
      width: calc(33.3333333333% - 1rem); } }

.grid-5-12 {
  width: calc( 41.6666666667% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-5-12 {
      width: calc(50% - 1rem); } }

.grid-6-12 {
  width: calc( 50% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-6-12 {
      width: calc(50% - 1rem); } }

.grid-7-12 {
  width: calc( 58.3333333333% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-7-12 {
      width: calc(50% - 1rem); } }

.grid-8-12 {
  width: calc( 66.6666666667% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-8-12 {
      width: calc(66.6666666667% - 1rem); } }

.grid-9-12 {
  width: calc( 75% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-9-12 {
      width: calc(66.6666666667% - 1rem); } }

.grid-10-12 {
  width: calc( 83.3333333333% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-10-12 {
      width: calc(66.6666666667% - 1rem); } }

.grid-11-12 {
  width: calc( 91.6666666667% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-11-12 {
      width: calc(66.6666666667% - 1rem); } }

.grid-12-12 {
  width: calc( 100% - 0.0833333333rem); }
  @media screen and (max-width: 1024px) {
    .grid-12-12 {
      width: calc(100% - 1rem); } }

/* hide a bunch of elements */
div#droite,
div#services > h3,
div#steps h2,
div#sidebox div#links {
  display: none; }

/* general layout */
div#gauche {
  clear: both;
  width: 18.5%;
  float: left;
  margin-top: 15px; }

div#rub_service {
  background: white;
  margin-top: 15px; }
  div#rub_service h2 {
    text-align: center; }

div#gauche + div#rub_service {
  width: 79.5%;
  float: right;
  clear: none; }

/* style homepage blocks */
div#services > ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: 0;
  list-style: none; }
  @media screen and (max-width: 1024px) {
    div#services > ul {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      -ms-column-count: 1;
      -o-column-count: 1;
      column-count: 1; } }

div#services > ul > li {
  display: inline-block; }

div#services ul li li {
  list-style: none; }

div#services > ul > li {
  margin: 0;
  margin-bottom: 10px;
  width: 100%; }

div.large div#rub_service h3,
div#rub_service h3 {
  border: none;
  text-align: left;
  border-bottom: 2px solid transparent; }

div#rub_service div.dataview,
div#rub_service dl#evolutions,
div#rub_service form {
  padding: 1ex; }

div#rub_service div.dataview div.title h3 {
  font-size: 115%;
  border: 0; }

div#rub_service div.dataview div.subtitle h4 {
  font-size: 110%; }

/* tracking code */
div#tracking-code button {
  margin-top: 1em; }

div#tracking-code a {
  font-size: 150%;
  display: inline-block;
  padding: 0.5ex 0 0 0.5ex;
  color: #444; }

div#tracking-code {
  margin-bottom: 1em; }

div#services div.block-custom-text {
  margin: 1em; }

/* steps */
div#steps ol {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #868686; }
  div#steps ol li {
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2ex;
    border-radius: 0;
    padding: 1ex;
    letter-spacing: 1px; }
  div#steps ol li.current {
    border: 0;
    background: transparent;
    color: #000; }
    div#steps ol li.current span.label {
      font-weight: bold; }
  div#steps ol li span.marker {
    font-size: 250%;
    display: block; }

@media screen and (max-width: 1024px) {
  div#gauche {
    float: none;
    width: 100%; }

  div#side {
    display: flex;
    flex-direction: column; }
    div#side > div {
      flex: 1 0 auto; }

  div#tracking-code {
    font-size: 80%;
    order: 1; }
    div#tracking-code h3 {
      display: inline-block; }
    div#tracking-code .text-tracking-code-short-text {
      display: none; }

  div#steps {
    position: static;
    margin: 0;
    color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }
    div#steps ol {
      list-style: none;
      padding: 0 0;
      margin: 0;
      text-align: left; }
      div#steps ol li {
        border: none;
        display: inline-block;
        margin: 0;
        padding: 0 1em 1ex 0;
        list-style: none;
        border-radius: 0; }
        div#steps ol li span.marker {
          float: none;
          display: inline;
          font-size: 26px;
          position: static;
          padding: 2px 9px;
          font-weight: bold;
          color: white;
          text-align: center;
          background: #ddd;
          border-radius: 0;
          border: 1px solid #ddd; }
      div#steps ol li.current {
        background: inherit;
        color: inherit; }
        div#steps ol li.current span.label {
          font-weight: normal; }
        div#steps ol li.current span.marker {
          background: transparent;
          color: #000;
          border-radius: 0; }
      div#steps ol li.step-before .label {
        display: none; } }
/* @endif ($responsive-steps == horizontal) */
@media screen and (max-width: 1024px) {
  div#gauche + div#rub_service,
  div#rub_service {
    width: 100%;
    margin: 0;
    float: none; } }
li.required-authentication span {
  display: none; }

li.required-authentication a:after {
  content: "\f084";
  font-family: FontAwesome;
  position: absolute;
  right: 1ex;
  color: #444; }

div.text-check-before-submit,
ul#evolutions,
div.gru-content #disclose-dataview,
div#receipt-intro {
  margin: 1em;
  padding: 0;
  display: block; }

div.dataview {
  display: none; }

div.qommon-map {
  height: 280px; }

p.use-file-from-fargo span {
  cursor: pointer;
  border-bottom: 1px dotted #999; }

/* journal */
ul#evolutions {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative; }

#evolutions:after {
  /* the vertical timeline itself */
  content: "";
  background: #bbb;
  position: absolute;
  width: 1px;
  top: 40px;
  left: 30px;
  height: calc(100% - 40px);
  z-index: 0;
  border-radius: 3px; }

ul#evolutions li {
  list-style-image: none;
  margin: 1em 0 2em 0;
  z-index: 10;
  position: relative; }

ul#evolutions li:after {
  /* li:after, horizontal line, from the timeline to the item */
  content: "";
  background: #bbb;
  position: absolute;
  width: 100px;
  left: 30px;
  top: 39px;
  height: 1px;
  z-index: -10; }

ul#evolutions div.evolution-metadata {
  width: auto;
  display: inline-block;
  background: white;
  margin-left: 60px;
  padding: 1ex;
  padding-top: 30px;
  padding-bottom: 0;
  margin-bottom: 0; }

ul#evolutions span.time {
  display: block;
  color: #aaa; }

ul#evolutions li div.msg span.time {
  padding-left: 0; }

ul#evolutions span.status {
  font-weight: bold;
  display: inline-block; }

ul#evolutions span.user {
  display: block;
  opacity: 0.5; }

ul#evolutions span.user span {
  font-size: 80%; }

ul#evolutions li div.msg {
  padding: 1ex;
  padding-top: 0;
  position: relative;
  background: white;
  margin-left: 60px;
  margin-right: 30px; }

ul#evolutions li div.msg div.comment {
  padding: 1ex 1em;
  background: #EEEEEE; }

#evolutions .msg-system {
  margin-bottom: 30px; }

ul#evolutions li span.item {
  /* left circle icon */
  box-sizing: border-box;
  position: absolute;
  text-align: center;
  width: 31px;
  height: 31px;
  display: block;
  left: 15px;
  border-radius: 20px;
  border: 1px solid #888;
  top: 24px;
  background: #000 !important;
  box-shadow: 0 0 0px 5px white; }
  ul#evolutions li span.item::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #FFEC44;
    position: relative;
    left: 11px;
    top: 11px;
    border-radius: 5px; }

div.dataview div.field {
  margin-bottom: 1ex; }
div.dataview span.label {
  font-weight: bold; }
div.dataview .value {
  display: block;
  margin-left: 1ex; }

form div.errornotice, form ul.errorlist.nonfield li {
  margin-top: 0ex; }

/* classes to be used in forms */
div.halfwidth {
  width: 45%;
  float: left; }

div.widget.halfwidth.right {
  clear: none;
  margin-left: 5%; }

div.fullwidth {
  width: 95%; }

div.halfwidth textarea, div.halfwidth select, div.halfwidth input,
div.fullwidth textarea,
div.fullwidth select,
div.fullwidth input {
  width: 100%; }

div.buttons,
div.dataview > p,
div.dataview div.page {
  clear: both; }

form div.page::after,
div.dataview div.page::after {
  content: "";
  display: block;
  clear: both; }

div.form-validation div.page {
  background: #f0f0f0;
  padding-left: 1ex;
  box-sizing: border-box; }

div.form-validation div.page > h3 {
  padding-top: 1ex;
  font-size: 140%; }

div#rub_service div.form-validation div.page div h3 {
  border-bottom-width: 1px; }

label.activity {
  display: block;
  background: url(../img/spinner.gif) no-repeat top right;
  padding-right: 30px; }

span.geoloc-error {
  padding-left: 1ex;
  font-weight: normal;
  font-size: smaller;
  float: right; }

.fileprogress {
  border: 1px solid #888; }

.fileprogress .bar {
  background: #FFEC44;
  line-height: 1.5em;
  padding-left: 1ex;
  white-space: nowrap; }

.fileinfo {
  line-height: 1.5em; }

div.fileinfo a.remove {
  text-indent: 0;
  background: none;
  color: transparent; }

div.fileinfo a.remove:before {
  font-family: FontAwesome;
  content: "\f057";
  color: #FFEC44; }

div.RankedItemsWidget label input {
  margin-right: 1em; }

div.RadiobuttonsWidget.hidden, div.SingleSelectHintWidget.hidden,
div.SingleSelectWidget.hidden, div.SingleSelectWidgetWithOther.hidden {
  display: none; }

div.CheckboxesWidget div.content ul li.disabled {
  color: #b3b3b3; }

div.RadiobuttonsWidget div.content input[disabled] + span {
  color: #b3b3b3; }

.fileinfo img {
  max-width: 100%; }

/* $notification-style:
 *  classic: black icon
 *  border-icon: colored icon on left boder
 */
div.textcell h3,
div.textcell h4,
div.textcell h5,
div.textcell p,
div.textcell table {
  margin: 1ex 0.5rem; }

span#environment-label,
div#footer div.cell.test-banner {
  position: fixed;
  line-height: 200%;
  font-weight: bold;
  color: white;
  top: 5em;
  right: -5em;
  background: red;
  width: 25em;
  z-index: 1000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  text-align: center;
  border: 2px solid #cc0000;
  box-sizing: border-box; }
  @media screen and (max-width: 1024px) {
    span#environment-label,
    div#footer div.cell.test-banner {
      top: auto;
      bottom: 0;
      right: 0;
      width: 25vw;
      font-size: 70%;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      -webkit-transform-origin: top left;
      -moz-transform-origin: top left;
      -ms-transform-origin: top left;
      -o-transform-origin: top left;
      transform-origin: top left; } }

div#footer div.cell.test-banner p {
  margin: 0; }

#login-methods {
  width: 48%;
  float: left; }

#welcome-text {
  padding: 0 1em;
  width: 48%;
  width: calc(48% - 2em);
  float: right; }

@media screen and (max-width: 1024px) {
  #welcome-text,
  #login-methods {
    width: auto;
    float: none; } }
br.clear {
  clear: both; }

div#login-methods label {
  display: block; }

div#login-methods input {
  margin-left: 1ex; }

#profile span.label {
  color: #666666;
  font-size: 90%;
  display: block; }

#profile div.value {
  margin-left: 0;
  margin-bottom: 1ex; }
  #profile div.value span.nodata {
    font-style: italic; }

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; }
  @media screen and (max-width: 1024px) {
    a#publik-portal-agent {
      display: none; } }

div#consent_banner {
  position: fixed;
  width: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
  box-shadow: 0 0 8px 1px #666;
  padding: 1ex 0;
  bottom: 0; }
  div#consent_banner div.actions {
    padding-top: 1ex; }
  div#consent_banner button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    cursor: pointer; }

ul.logout-list {
  padding: 0;
  margin: 1em; }

div#continue-link {
  margin: 1em; }

/* overlay for page changes; this requires one of transitions/$foo.scss files,
 * (see additional explanations in there) and some custom javascript code to
 * create the overlay on a given event; for example:
 *
    $(function() {
      $(window).on('pageshow', function() {
        $('#page-change-overlay').remove();
      });
      $('form.quixote').on('submit', function() {
        var overlay = $('<div id="page-change-overlay"></div>').appendTo('body');
        overlay[0].offsetHeight; // force redraw to get fade-in of overlay
        overlay.toggleClass('on');
        return true;
      });
    });
 *
 */
div#page-change-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 100000;
  background: white;
  opacity: 0; }

div#page-change-overlay.on {
  z-index: 100000;
  opacity: 0.9; }

/* django.contrib.messages */
#messages ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#messages li,
div.infonotice,
div.successnotice,
div.warningnotice,
div.errornotice,
form ul.errorlist.nonfield li {
  background: #F9DEDE;
  color: #000000;
  margin: 1rem 0;
  padding: 1rem;
  padding-left: 4rem;
  position: relative; }
  #messages li::before,
  div.infonotice::before,
  div.successnotice::before,
  div.warningnotice::before,
  div.errornotice::before,
  form ul.errorlist.nonfield li::before {
    content: "\f06a";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  #messages li p,
  div.infonotice p,
  div.successnotice p,
  div.warningnotice p,
  div.errornotice p,
  form ul.errorlist.nonfield li p {
    margin: 0 0 0.6rem 0; }

#messages li.warning,
div.warningnotice {
  background: #fdf4da;
  color: #000000;
  border-color: #f2bc19; }
  #messages li.warning::before,
  div.warningnotice::before {
    content: "\f071"; }

#messages li.success,
div.successnotice {
  background: #def9de;
  color: #000000;
  border-color: #31da31; }
  #messages li.success::before,
  div.successnotice::before {
    content: "\f058";
    /* check-circle */ }

#messages li.info,
div.infonotice {
  background: #dee7f9;
  color: #000000;
  border-color: #3169da; }
  #messages li.info::before,
  div.infonotice::before {
    content: "\f05a"; }

form ul.errorlist.nonfield {
  margin-top: 0; }
  form ul.errorlist.nonfield li {
    margin-top: 0; }

/* lingo cells */
table.invoices th.invoice-amount {
  text-align: right;
  padding-right: 1ex; }

td.amount {
  text-align: right; }

table.invoices {
  width: 100%; }
  table.invoices th {
    text-align: left;
    padding: 0.5ex; }
  table.invoices td {
    padding: 0.5ex 1ex; }
  table.invoices tr:nth-child(even) {
    background: #eee; }
  table.invoices td:last-child {
    width: 16ex;
    line-height: 150%; }
  table.invoices a.icon-view, table.invoices a.icon-pdf {
    white-space: nowrap; }
  table.invoices a.icon-view:before {
    padding-right: 1ex;
    font-family: FontAwesome;
    content: "\f06e\00a0";
    /* eye */ }
  table.invoices a.icon-pdf:before {
    padding-right: 1ex;
    font-family: FontAwesome;
    content: "\f1c1\00a0";
    /* file-pdf-o */ }

/* invoice popup */
div.ui-dialog #item span.amount, div.ui-dialog #item span.timestamp {
  position: absolute;
  right: 1em; }
div.ui-dialog #item div {
  margin: 2ex 0;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.5ex; }
  div.ui-dialog #item div.paid-info::before, div.ui-dialog #item div.no-online-payment-reason::before {
    content: '\f05a';
    /* info-circle */
    font-family: FontAwesome;
    margin-right: 0.3em; }

div.ui-dialog.alert .ui-dialog-titlebar {
  background: #E65050; }

/* fargo */
div#user-files {
  position: relative;
  /* -file-text-o */
  /* -file-image-o */
  /* -file-audio-o */
  /* -file-video-o */
  /* -file-o */
  /* -file-pdf-o */ }
  div#user-files table {
    width: 100%;
    border-collapse: collapse; }
  div#user-files th {
    text-align: left;
    padding: 0.5ex;
    text-transform: lowercase; }
  div#user-files th a {
    color: inherit; }
  div#user-files tbody tr {
    cursor: pointer; }
  div#user-files tbody tr:hover td.title {
    text-decoration: underline; }
  div#user-files tr.description-row {
    cursor: auto;
    font-size: 90%; }
  div#user-files td {
    padding: 0.5ex 1em;
    border: 1px solid white; }
  div#user-files td.size {
    text-align: right; }
  div#user-files td.thumbnail {
    text-align: center; }
  div#user-files tbody tr.odd {
    background: white; }
  div#user-files tbody tr.even {
    background: #eee; }
  div#user-files li.current {
    position: absolute;
    right: 0; }
  div#user-files a.icon-remove,
  div#user-files a.icon-edit {
    display: inline-block; }
    div#user-files a.icon-remove::before,
    div#user-files a.icon-edit::before {
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: none;
      content: "\f040";
      /* pencil */
      color: #FFEC44; }
  div#user-files a.icon-remove::before {
    content: "\f057"; }
  div#user-files button.icon-remove-sign {
    border: none;
    background: none;
    box-shadow: none;
    padding: 2px;
    line-height: 100%;
    color: #FFEC44;
    margin-right: 0; }
  div#user-files button.icon-remove-sign::before {
    font-family: FontAwesome;
    content: "\f057"; }
  div#user-files td.action-column {
    width: 2ex;
    text-align: center;
    vertical-align: middle; }
  div#user-files tr::before {
    font-family: FontAwesome;
    content: "";
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 2em; }
  div#user-files tr.mime-text::before {
    content: "\f0f6"; }
  div#user-files tr.mime-image::before {
    content: "\f1c5"; }
  div#user-files tr.mime-audio::before {
    content: "\f1c7"; }
  div#user-files tr.mime-video::before {
    content: "\f1c8"; }
  div#user-files tr.mime-application::before {
    content: "\f016"; }
  div#user-files tr.mime-application-pdf::before {
    content: "\f1c1"; }
  div#user-files td.thumbnail {
    max-width: 100px; }
    div#user-files td.thumbnail img {
      min-width: 60px;
      max-width: 100%; }

div.table-container ul.pagination {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 2ex 1ex 1.5ex 1ex; }
  div.table-container ul.pagination li {
    float: left;
    line-height: 150%; }
  div.table-container ul.pagination > li.cardinality {
    float: right; }

.fargo-pick-popup th {
  text-align: left;
  padding: 0.5ex;
  text-transform: lowercase; }

table.shades tbody tr:nth-child(2n+1) {
  background: #eee; }

table.headers th {
  background: #FFEC44;
  color: #000;
  padding: 1ex 1em; }

table.centered-cells td {
  text-align: center; }

.combo-search-results em {
  background: yellow; }

div.a2-continue {
  padding: 1em; }

div.meetings_table {
  /* style for templates/qommon/forms/widgets/select--meetings.html */
  margin-top: 1ex;
  display: flex;
  width: 100%; }
  div.meetings_table > div {
    flex: 0 1 auto;
    width: 20%;
    text-align: center;
    display: none; }
  div.meetings_table div.head {
    padding-bottom: 1ex; }
  div.meetings_table div span {
    display: block;
    cursor: pointer;
    padding: 0.3ex 0; }
    div.meetings_table div span.disabled {
      opacity: 0.3; }
  div.meetings_table span.selectable:hover {
    background: #ccc;
    color: black; }
  div.meetings_table span.selectable.on {
    background: #FFEC44;
    color: #000; }

div.location-icon {
  box-sizing: border-box;
  pointer-events: none;
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 100%;
  position: relative;
  top: -5px;
  left: -5px;
  border: 1px solid #800;
  z-index: -100 !important; }

div.leaflet-control-gps.pending {
  opacity: 0.5; }
  div.leaflet-control-gps.pending a {
    cursor: wait; }

#nav-skip {
  position: absolute;
  top: 0;
  width: 10em; }

#nav-skip a {
  position: absolute;
  left: -7000px;
  z-index: 100; }
  #nav-skip a:focus {
    left: 0; }

/* Library of general classes to be used in text cells and other places
 *
 * The classes are prefixed by pk-.
 */
a.pk-button, a.pk-big-button {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0;
  height: auto; }

a.pk-big-button {
  padding: 2rem 4rem; }

.gru-content div.cell.pk-transparent {
  border-color: transparent;
  background: transparent; }

table.pk-data-table {
  border-collapse: collapse; }
  table.pk-data-table.pk-table-headers thead th {
    background: transparent;
    color: #000;
    font-style: 32px;
    font-weight: bold;
    text-transform: none;
    font-family: "JosefinSans"; }
  table.pk-data-table th, table.pk-data-table td {
    padding: 0.5ex 2ex 0.5ex 1ex;
    border-bottom: 1px solid #aaa; }
  table.pk-data-table th {
    border-bottom-width: 2px; }
  table.pk-data-table.pk-table-borders th, table.pk-data-table.pk-table-borders td {
    border: 1px solid #aaa; }
  table.pk-data-table.pk-table-borders th {
    border-bottom-width: 2px; }
  table.pk-data-table.pk-table-center th, table.pk-data-table.pk-table-center td {
    text-align: center; }
  table.pk-data-table.pk-table-🦓 tbody tr:nth-child(2n+1), table.pk-data-table.pk-table-zebra tbody tr:nth-child(2n+1) {
    background: #eee; }

@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-Thin.eot");
  src: url("../xstatic/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Thin.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Thin.woff") format("woff"), url("../xstatic/fonts/Roboto-Thin.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Thin.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Thin";
  src: url("../xstatic/fonts/Roboto-Thin.eot");
  src: url("../xstatic/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Thin.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Thin.woff") format("woff"), url("../xstatic/fonts/Roboto-Thin.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Thin.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-ThinItalic.eot");
  src: url("../xstatic/fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-ThinItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-ThinItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-ThinItalic.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("../xstatic/fonts/Roboto-ThinItalic.eot");
  src: url("../xstatic/fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-ThinItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-ThinItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-ThinItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-Light.eot");
  src: url("../xstatic/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Light.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Light.woff") format("woff"), url("../xstatic/fonts/Roboto-Light.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Light.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Light";
  src: url("../xstatic/fonts/Roboto-Light.eot");
  src: url("../xstatic/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Light.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Light.woff") format("woff"), url("../xstatic/fonts/Roboto-Light.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Light.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-LightItalic.eot");
  src: url("../xstatic/fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-LightItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-LightItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-LightItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-LightItalic.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "Roboto-LightItalic";
  src: url("../xstatic/fonts/Roboto-LightItalic.eot");
  src: url("../xstatic/fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-LightItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-LightItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-LightItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-LightItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-Regular.eot");
  src: url("../xstatic/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Regular.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Regular.woff") format("woff"), url("../xstatic/fonts/Roboto-Regular.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Regular.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Regular";
  src: url("../xstatic/fonts/Roboto-Regular.eot");
  src: url("../xstatic/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Regular.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Regular.woff") format("woff"), url("../xstatic/fonts/Roboto-Regular.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Regular.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-RegularItalic.eot");
  src: url("../xstatic/fonts/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-RegularItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-RegularItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-RegularItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-RegularItalic.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: "Roboto-RegularItalic";
  src: url("../xstatic/fonts/Roboto-RegularItalic.eot");
  src: url("../xstatic/fonts/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-RegularItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-RegularItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-RegularItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-RegularItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-Medium.eot");
  src: url("../xstatic/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Medium.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Medium.woff") format("woff"), url("../xstatic/fonts/Roboto-Medium.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Medium.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Medium";
  src: url("../xstatic/fonts/Roboto-Medium.eot");
  src: url("../xstatic/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Medium.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Medium.woff") format("woff"), url("../xstatic/fonts/Roboto-Medium.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Medium.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-MediumItalic.eot");
  src: url("../xstatic/fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-MediumItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-MediumItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-MediumItalic.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "Roboto-MediumItalic";
  src: url("../xstatic/fonts/Roboto-MediumItalic.eot");
  src: url("../xstatic/fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-MediumItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-MediumItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-MediumItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-Bold.eot");
  src: url("../xstatic/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Bold.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Bold.woff") format("woff"), url("../xstatic/fonts/Roboto-Bold.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Bold";
  src: url("../xstatic/fonts/Roboto-Bold.eot");
  src: url("../xstatic/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Bold.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Bold.woff") format("woff"), url("../xstatic/fonts/Roboto-Bold.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Bold.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-BoldItalic.eot");
  src: url("../xstatic/fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-BoldItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-BoldItalic.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: "Roboto-BoldItalic";
  src: url("../xstatic/fonts/Roboto-BoldItalic.eot");
  src: url("../xstatic/fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-BoldItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-BoldItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-Black.eot");
  src: url("../xstatic/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Black.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Black.woff") format("woff"), url("../xstatic/fonts/Roboto-Black.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Black.svg#Roboto") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Black";
  src: url("../xstatic/fonts/Roboto-Black.eot");
  src: url("../xstatic/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-Black.woff2") format("woff2"), url("../xstatic/fonts/Roboto-Black.woff") format("woff"), url("../xstatic/fonts/Roboto-Black.ttf") format("truetype"), url("../xstatic/fonts/Roboto-Black.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("../xstatic/fonts/Roboto-BlackItalic.eot");
  src: url("../xstatic/fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-BlackItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-BlackItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-BlackItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-BlackItalic.svg#Roboto") format("svg");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("../xstatic/fonts/Roboto-BlackItalic.eot");
  src: url("../xstatic/fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Roboto-BlackItalic.woff2") format("woff2"), url("../xstatic/fonts/Roboto-BlackItalic.woff") format("woff"), url("../xstatic/fonts/Roboto-BlackItalic.ttf") format("truetype"), url("../xstatic/fonts/Roboto-BlackItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/Thin/JosefinSans-Thin.eot");
  src: url("../xstatic/fonts/Thin/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Thin/JosefinSans-Thin.woff2") format("woff2"), url("../xstatic/fonts/Thin/JosefinSans-Thin.woff") format("woff"), url("../xstatic/fonts/Thin/JosefinSans-Thin.ttf") format("truetype"), url("../xstatic/fonts/Thin/JosefinSans-Thin.svg#JosefinSans") format("svg");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "JosefinSans-Thin";
  src: url("../xstatic/fonts/Thin/JosefinSans-Thin.eot");
  src: url("../xstatic/fonts/Thin/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Thin/JosefinSans-Thin.woff2") format("woff2"), url("../xstatic/fonts/Thin/JosefinSans-Thin.woff") format("woff"), url("../xstatic/fonts/Thin/JosefinSans-Thin.ttf") format("truetype"), url("../xstatic/fonts/Thin/JosefinSans-Thin.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.eot");
  src: url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.woff2") format("woff2"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.woff") format("woff"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.ttf") format("truetype"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.svg#JosefinSans") format("svg");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: "JosefinSans-ThinItalic";
  src: url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.eot");
  src: url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.woff2") format("woff2"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.woff") format("woff"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.ttf") format("truetype"), url("../xstatic/fonts/ThinItalic/JosefinSans-ThinItalic.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/Light/JosefinSans-Light.eot");
  src: url("../xstatic/fonts/Light/JosefinSans-Light.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Light/JosefinSans-Light.woff2") format("woff2"), url("../xstatic/fonts/Light/JosefinSans-Light.woff") format("woff"), url("../xstatic/fonts/Light/JosefinSans-Light.ttf") format("truetype"), url("../xstatic/fonts/Light/JosefinSans-Light.svg#JosefinSans") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "JosefinSans-Light";
  src: url("../xstatic/fonts/Light/JosefinSans-Light.eot");
  src: url("../xstatic/fonts/Light/JosefinSans-Light.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Light/JosefinSans-Light.woff2") format("woff2"), url("../xstatic/fonts/Light/JosefinSans-Light.woff") format("woff"), url("../xstatic/fonts/Light/JosefinSans-Light.ttf") format("truetype"), url("../xstatic/fonts/Light/JosefinSans-Light.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.eot");
  src: url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.woff2") format("woff2"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.woff") format("woff"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.ttf") format("truetype"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.svg#JosefinSans") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "JosefinSans-LightItalic";
  src: url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.eot");
  src: url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.woff2") format("woff2"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.woff") format("woff"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.ttf") format("truetype"), url("../xstatic/fonts/LightItalic/JosefinSans-LightItalic.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot");
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff2") format("woff2"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff") format("woff"), url("../xstatic/fonts/Regular/JosefinSans-Regular.ttf") format("truetype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.svg#JosefinSans") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "JosefinSans-Regular";
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot");
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff2") format("woff2"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff") format("woff"), url("../xstatic/fonts/Regular/JosefinSans-Regular.ttf") format("truetype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot");
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff2") format("woff2"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff") format("woff"), url("../xstatic/fonts/Regular/JosefinSans-Regular.ttf") format("truetype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.svg#JosefinSans") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "JosefinSans-Regular";
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot");
  src: url("../xstatic/fonts/Regular/JosefinSans-Regular.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff2") format("woff2"), url("../xstatic/fonts/Regular/JosefinSans-Regular.woff") format("woff"), url("../xstatic/fonts/Regular/JosefinSans-Regular.ttf") format("truetype"), url("../xstatic/fonts/Regular/JosefinSans-Regular.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.eot");
  src: url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.woff2") format("woff2"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.woff") format("woff"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.ttf") format("truetype"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.svg#JosefinSans") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "JosefinSans-SemiBold";
  src: url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.eot");
  src: url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.woff2") format("woff2"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.woff") format("woff"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.ttf") format("truetype"), url("../xstatic/fonts/SemiBold/JosefinSans-SemiBold.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.eot");
  src: url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.woff2") format("woff2"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.woff") format("woff"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.ttf") format("truetype"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.svg#JosefinSans") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: "JosefinSans-SemiBoldItalic";
  src: url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.eot");
  src: url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.woff2") format("woff2"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.woff") format("woff"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.ttf") format("truetype"), url("../xstatic/fonts/SemiBoldItalic/JosefinSans-SemiBoldItalic.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/Bold/JosefinSans-Bold.eot");
  src: url("../xstatic/fonts/Bold/JosefinSans-Bold.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Bold/JosefinSans-Bold.woff2") format("woff2"), url("../xstatic/fonts/Bold/JosefinSans-Bold.woff") format("woff"), url("../xstatic/fonts/Bold/JosefinSans-Bold.ttf") format("truetype"), url("../xstatic/fonts/Bold/JosefinSans-Bold.svg#JosefinSans") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "JosefinSans-Bold";
  src: url("../xstatic/fonts/Bold/JosefinSans-Bold.eot");
  src: url("../xstatic/fonts/Bold/JosefinSans-Bold.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/Bold/JosefinSans-Bold.woff2") format("woff2"), url("../xstatic/fonts/Bold/JosefinSans-Bold.woff") format("woff"), url("../xstatic/fonts/Bold/JosefinSans-Bold.ttf") format("truetype"), url("../xstatic/fonts/Bold/JosefinSans-Bold.svg#JosefinSans") format("svg"); }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.eot");
  src: url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.woff2") format("woff2"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.woff") format("woff"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.ttf") format("truetype"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.svg#JosefinSans") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: "JosefinSans-BoldItalic";
  src: url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.eot");
  src: url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.woff2") format("woff2"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.woff") format("woff"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.ttf") format("truetype"), url("../xstatic/fonts/BoldItalic/JosefinSans-BoldItalic.svg#JosefinSans") format("svg"); }
div.toplinks {
  float: right; }

#content div.wcsformsofcategorycell > div > div h2:first-child, #content div.bandeau h3 a {
  font-family: Roboto !important;
  font-size: 1.1rem;
  font-weight: normal;
  background-color: #FFEC44;
  color: #000;
  padding: 1rem;
  box-sizing: border-box;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px); }
  #content div.wcsformsofcategorycell > div > div h2:first-child::before, #content div.bandeau h3 a::before {
    height: auto;
    width: auto;
    background: #000000;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1; }
  #content div.wcsformsofcategorycell > div > div h2:first-child:after, #content div.bandeau h3 a:after {
    content: '\f105';
    font-family: FontAwesome;
    float: right; }
  #content div.wcsformsofcategorycell > div > div h2:hover:first-child, #content div.bandeau h3 a:hover {
    color: #FFEC44; }
    #content div.wcsformsofcategorycell > div > div h2:first-child:hover::before, #content div.bandeau h3 a:hover::before {
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1); }

#content div.cell.wcscurrentformscell li, #content div.cell.wcscurrentdraftscell > div li, body.page-profil div#account-management li {
  background-color: e5e5e5;
  margin: 0.5ex 0;
  padding: 0 3ex; }
  #content div.cell.wcscurrentformscell li:nth-child(2n+1), #content div.cell.wcscurrentdraftscell > div li:nth-child(2n+1), body.page-profil div#account-management li:nth-child(2n+1) {
    background-color: #f1f1ef; }
  #content div.cell.wcscurrentformscell li a, #content div.cell.wcscurrentdraftscell > div li a, body.page-profil div#account-management li a {
    border: 0;
    position: relative;
    font-weight: bold;
    text-decoration: none; }
    #content div.cell.wcscurrentformscell li a:hover, #content div.cell.wcscurrentdraftscell > div li a:hover, body.page-profil div#account-management li a:hover {
      background: transparent; }
    #content div.cell.wcscurrentformscell li a::after, #content div.cell.wcscurrentdraftscell > div li a::after, body.page-profil div#account-management li a::after {
      content: '\f105';
      /* fa-angle-right */
      font-family: FontAwesome;
      position: absolute;
      left: 0; }

/* required headers sizes */
h1, h2, h3, h4 {
  font-family: 'JosefinSans';
  color: #000;
  line-height: 1em;
  font-weight: bold; }

h1 {
  font-size: 50px;
  margin-bottom: 25px;
  padding-bottom: 15px;
  text-transform: uppercase; }

h2 {
  font-size: 32px;
  padding-bottom: 13px; }

h3 {
  font-size: 30px; }

h4 {
  font-size: 24px; }

label {
  font-weight: bold; }
  label span {
    font-weight: normal; }
    label span.required {
      color: #f00; }

div#main-content-wrapper {
  z-index: 1;
  margin-bottom: 5ex; }
  div#main-content-wrapper .message {
    border: 0;
    padding: 0;
    width: auto;
    background: transparent;
    font-size: 0.8em; }

/* wcs widgets */
div.CheckboxesWidget label,
div.RadiobuttonsWidget label {
  position: relative; }
div.CheckboxesWidget input[type=radio] + span,
div.CheckboxesWidget input[type=checkbox] + span,
div.RadiobuttonsWidget input[type=radio] + span,
div.RadiobuttonsWidget input[type=checkbox] + span {
  padding-left: 5px; }
  div.CheckboxesWidget input[type=radio] + span::before,
  div.CheckboxesWidget input[type=checkbox] + span::before,
  div.RadiobuttonsWidget input[type=radio] + span::before,
  div.RadiobuttonsWidget input[type=checkbox] + span::before {
    content: "";
    position: absolute;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #555555;
    font-size: 1em;
    width: 14px;
    height: 14px;
    left: 0;
    top: 0;
    speak: none; }
  div.CheckboxesWidget input[type=radio] + span::after,
  div.CheckboxesWidget input[type=checkbox] + span::after,
  div.RadiobuttonsWidget input[type=radio] + span::after,
  div.RadiobuttonsWidget input[type=checkbox] + span::after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #000000;
    line-height: normal;
    position: absolute; }
div.CheckboxesWidget input[type=radio] + span::after, div.CheckboxesWidget input[type=radio] + span::before,
div.RadiobuttonsWidget input[type=radio] + span::after,
div.RadiobuttonsWidget input[type=radio] + span::before {
  border-radius: 50%; }
div.CheckboxesWidget input[type=radio]:checked + span::after,
div.CheckboxesWidget input[type=checkbox]:checked + span::after,
div.RadiobuttonsWidget input[type=radio]:checked + span::after,
div.RadiobuttonsWidget input[type=checkbox]:checked + span::after {
  content: ""; }

div#rub_service h2 {
  text-align: left; }

div#nav > ul, button {
  text-transform: uppercase;
  border: 0; }

div.gru-content button {
  transition: all 0.3s ease-in-out;
  font-weight: bold; }
  div.gru-content button:hover {
    background-color: #000;
    color: #FFEC44; }

div#nav > ul li {
  border-right: 1px solid #555;
  padding: 0 0.5em; }
  div#nav > ul li:last-child {
    border: 0; }

div.menucell ul > li > a, div.links-list ul > li > a {
  text-transform: uppercase;
  padding-left: 0.5em;
  padding-right: 0.5em; }

/* wcs */
div.widget-with-error select, div.widget-with-error input, div.widget-with-error textarea {
  box-shadow: 0 0 5px #f00; }

#content {
  flex-direction: column; }
  #content div.cell.actualite {
    background: #f8af3c;
    position: relative;
    padding-left: 2em; }
    #content div.cell.actualite::before {
      position: absolute;
      content: "\f05a";
      /* fa-info */
      font-family: FontAwesome;
      top: 1ex;
      left: 1em; }
    #content div.cell.actualite > div {
      padding: 1ex; }
  #content div.cell.wcscurrentformscell h2:first-child, #content div.cell.wcscurrentdraftscell > div h2:first-child {
    font-size: 1.25em;
    text-transform: uppercase;
    padding: 1ex 1em 0.5ex 1em; }
    #content div.cell.wcscurrentformscell h2:first-child::before, #content div.cell.wcscurrentdraftscell > div h2:first-child::before {
      display: none; }
  #content div.cell.wcscurrentformscell span.form-number, #content div.cell.wcscurrentdraftscell > div span.form-number {
    display: none; }
  #content div.cell.wcscurrentformscell {
    margin-bottom: 3ex; }
    #content div.cell.wcscurrentformscell h2 {
      background-color: #99dcbd; }
    #content div.cell.wcscurrentformscell.done h2 {
      background-color: #eeaed1; }
  #content div.cell.wcscurrentdraftscell h2 {
    background-color: #b0d4ec; }
  #content div.wcsformsofcategorycell {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 1.3ex 0; }
    #content div.wcsformsofcategorycell.administration > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.administration > div > div.on h2:first-child::before {
        background-image: url("img/administration-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.administration > div > div h2:first-child {
      background-image: url("img/administration.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.administration > div > div h2:first-child:hover::before {
        background-image: url("img/administration-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.dechets > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.dechets > div > div.on h2:first-child::before {
        background-image: url("img/dechets-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.dechets > div > div h2:first-child {
      background-image: url("img/dechets.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.dechets > div > div h2:first-child:hover::before {
        background-image: url("img/dechets-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.eau_potable > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.eau_potable > div > div.on h2:first-child::before {
        background-image: url("img/eau_potable-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.eau_potable > div > div h2:first-child {
      background-image: url("img/eau_potable.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.eau_potable > div > div h2:first-child:hover::before {
        background-image: url("img/eau_potable-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.eaux_usees > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.eaux_usees > div > div.on h2:first-child::before {
        background-image: url("img/eaux_usees-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.eaux_usees > div > div h2:first-child {
      background-image: url("img/eaux_usees.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.eaux_usees > div > div h2:first-child:hover::before {
        background-image: url("img/eaux_usees-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.economie > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.economie > div > div.on h2:first-child::before {
        background-image: url("img/economie-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.economie > div > div h2:first-child {
      background-image: url("img/economie.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.economie > div > div h2:first-child:hover::before {
        background-image: url("img/economie-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.logement > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.logement > div > div.on h2:first-child::before {
        background-image: url("img/logement-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.logement > div > div h2:first-child {
      background-image: url("img/logement.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.logement > div > div h2:first-child:hover::before {
        background-image: url("img/logement-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.rh > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.rh > div > div.on h2:first-child::before {
        background-image: url("img/rh-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.rh > div > div h2:first-child {
      background-image: url("img/rh.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.rh > div > div h2:first-child:hover::before {
        background-image: url("img/rh-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.solidarite > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.solidarite > div > div.on h2:first-child::before {
        background-image: url("img/solidarite-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.solidarite > div > div h2:first-child {
      background-image: url("img/solidarite.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.solidarite > div > div h2:first-child:hover::before {
        background-image: url("img/solidarite-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.urbanisme > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.urbanisme > div > div.on h2:first-child::before {
        background-image: url("img/urbanisme-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.urbanisme > div > div h2:first-child {
      background-image: url("img/urbanisme.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.urbanisme > div > div h2:first-child:hover::before {
        background-image: url("img/urbanisme-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.voirie > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.voirie > div > div.on h2:first-child::before {
        background-image: url("img/voirie-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.voirie > div > div h2:first-child {
      background-image: url("img/voirie.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.voirie > div > div h2:first-child:hover::before {
        background-image: url("img/voirie-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.autres-questions > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.autres-questions > div > div.on h2:first-child::before {
        background-image: url("img/autres-questions-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.autres-questions > div > div h2:first-child {
      background-image: url("img/autres-questions.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.autres-questions > div > div h2:first-child:hover::before {
        background-image: url("img/autres-questions-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.deplacements > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.deplacements > div > div.on h2:first-child::before {
        background-image: url("img/deplacements-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.deplacements > div > div h2:first-child {
      background-image: url("img/deplacements.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.deplacements > div > div h2:first-child:hover::before {
        background-image: url("img/deplacements-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.environnement > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.environnement > div > div.on h2:first-child::before {
        background-image: url("img/environnement-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.environnement > div > div h2:first-child {
      background-image: url("img/environnement.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.environnement > div > div h2:first-child:hover::before {
        background-image: url("img/environnement-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell.participation > div > div.on h2:first-child {
      color: #FFEC44; }
      #content div.wcsformsofcategorycell.participation > div > div.on h2:first-child::before {
        background-image: url("img/participation-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
    #content div.wcsformsofcategorycell.participation > div > div h2:first-child {
      background-image: url("img/participation.png");
      background-repeat: no-repeat;
      background-position: 0.5rem center;
      background-size: 1.8rem;
      padding-left: 3rem; }
      #content div.wcsformsofcategorycell.participation > div > div h2:first-child:hover::before {
        background-image: url("img/participation-hover.png");
        background-repeat: no-repeat;
        background-position: 0.5rem center;
        background-size: 1.8rem;
        padding-left: 3rem; }
    #content div.wcsformsofcategorycell > div > div h2:first-child {
      font-family: Roboto !important;
      font-size: 1.1rem;
      font-weight: normal;
      background-color: #FFEC44;
      box-shadow: 0px 0px 10px #888888;
      color: #000;
      padding: 1rem;
      box-sizing: border-box;
      cursor: pointer; }
    #content div.wcsformsofcategorycell > div > div ul {
      display: none;
      position: absolute;
      z-index: 10;
      background: white;
      width: 100%;
      box-shadow: 0px 0px 5px #888888; }
      @media screen and (max-width: 1024px) {
        #content div.wcsformsofcategorycell > div > div ul {
          position: relative; } }
      #content div.wcsformsofcategorycell > div > div ul li a {
        text-decoration: none;
        border-color: #edece7;
        padding-left: 1.5em; }
        #content div.wcsformsofcategorycell > div > div ul li a:hover {
          background: #f2f2f0; }
        #content div.wcsformsofcategorycell > div > div ul li a::after {
          content: '\f105';
          /* fa-angle-right */
          font-family: FontAwesome;
          position: absolute;
          left: 0.7em;
          top: 1rem; }
    #content div.wcsformsofcategorycell > div > div.on h2:first-child:after {
      content: '\f107'; }
    #content div.wcsformsofcategorycell > div > div.on ul {
      display: block; }
  #content div.trackingcodeinputcell {
    box-shadow: 0px 0px 10px #888888;
    padding: 0.5ex;
    margin: 1.5ex 10px 6ex 10px;
    transition: max-height 500ms ease-in-out; }
    #content div.trackingcodeinputcell h2:first-child {
      font-family: Roboto !important;
      padding: 1ex 1ex 0 1ex; }
      #content div.trackingcodeinputcell h2:first-child::before {
        display: none; }
    @media screen and (max-width: 1024px) {
      #content div.trackingcodeinputcell {
        max-height: 4em;
        background: #ffffff;
        z-index: 9999;
        position: fixed;
        bottom: 0;
        left: 0;
        margin-bottom: 0; }
        #content div.trackingcodeinputcell::before {
          content: '\f077';
          font-family: FontAwesome;
          position: absolute;
          top: 1ex;
          right: 1ex; }
        #content div.trackingcodeinputcell:hover {
          max-height: 300px; } }
    #content div.trackingcodeinputcell input {
      background: #f1f1f1;
      width: 10em; }
    #content div.trackingcodeinputcell button {
      background: #2a2a2a;
      color: #FFEC44; }
  #content div.topbanner-wrapper {
    width: 100%; }
  #content div.topbanner-footer {
    margin-bottom: 3ex; }
  #content div.content-wrapper div.columns {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #content div.content-wrapper div.columns {
        flex-direction: column; } }
    #content div.content-wrapper div.columns div.right {
      width: 30%; }
    #content div.content-wrapper div.columns div.left {
      width: 65%; }
      #content div.content-wrapper div.columns div.left div.categories {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 1.35em; }
        @media screen and (max-width: 1024px) {
          #content div.content-wrapper div.columns div.left div.categories {
            column-count: 1;
            -moz-column-count: 1;
            -webkit-column-count: 1; } }
    @media screen and (max-width: 1024px) {
      #content div.content-wrapper div.columns div.right, #content div.content-wrapper div.columns div.left {
        width: 100%; } }
  #content div.bandeau {
    background-repeat: no-repeat;
    padding-top: 130px;
    height: 448px; }
    @media screen and (max-width: 1024px) {
      #content div.bandeau {
        padding-top: 50px;
        height: 300px; } }
    #content div.bandeau div {
      background: #FFFFFF;
      width: 60%;
      margin: 0 auto;
      padding: 1em; }
      @media screen and (max-width: 1024px) {
        #content div.bandeau div {
          width: 80%; } }
    #content div.bandeau h2:first-child {
      text-align: center;
      font-size: 2.75em;
      font-weight: normal; }
      #content div.bandeau h2:first-child::before {
        display: none; }
    #content div.bandeau h3, #content div.bandeau h4 {
      text-align: center; }
      #content div.bandeau h3 a, #content div.bandeau h4 a {
        font-family: Roboto; }
    #content div.bandeau h4 a {
      font-size: 0.8em; }
    #content div.bandeau h3 a {
      text-decoration: none;
      font-size: 0.75em;
      font-weight: bold;
      background: #FFEC44;
      border: 2px solid #000;
      padding: 0.75ex 2ex;
      position: relative;
      box-sizing: border-box;
      display: inline-block; }
      #content div.bandeau h3 a:after {
        content: '\f061';
        /* arrow-right */
        font-family: FontAwesome;
        width: 2em;
        font-size: 0.7em;
        margin-top: 0.15ex;
        position: relative;
        top: -0.15ex; }

form#champRecherche input {
  padding: 0;
  transition: none;
  margin: 0;
  box-shadow: none; }

/* wcs form page */
body.page-demarches #columns {
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 1024px) {
    body.page-demarches #columns {
      flex-direction: column; } }
  body.page-demarches #columns #gauche {
    float: none;
    order: 1;
    width: 185px; }
    @media screen and (max-width: 1024px) {
      body.page-demarches #columns #gauche {
        order: 0; } }
    @media screen and (max-width: 1024px) {
      body.page-demarches #columns #gauche {
        width: 100%; } }
  body.page-demarches #columns #side {
    margin-top: 2ex; }
  body.page-demarches #columns #rub_service {
    float: none;
    flex-grow: 1;
    padding-right: 60px; }
    @media screen and (max-width: 1024px) {
      body.page-demarches #columns #rub_service {
        padding-right: 10px; } }
    body.page-demarches #columns #rub_service h2 {
      text-transform: uppercase;
      font-size: 2.2em;
      margin-bottom: 2ex; }
    body.page-demarches #columns #rub_service div.form-validation div.page {
      padding-left: 0;
      background: #e6e6e6; }
    body.page-demarches #columns #rub_service div.form-validation div.text-check-before-submit {
      font-size: 1.3em;
      font-weight: bold;
      margin: 0; }
    body.page-demarches #columns #rub_service form.quixote {
      background: #e6e6e6; }
      body.page-demarches #columns #rub_service form.quixote h3 {
        text-transform: uppercase;
        background: #FFEC44;
        margin: -9px 0 0 -9px;
        padding: 1.5ex 0.45ex 0.75ex 1ex;
        width: 100%; }
      body.page-demarches #columns #rub_service form.quixote div + h3 {
        margin-top: 1.5ex;
        display: inline-block; }
      body.page-demarches #columns #rub_service form.quixote div.title {
        font-size: 1.2em;
        margin: 0.75ex 0; }
      body.page-demarches #columns #rub_service form.quixote p.use-file-from-fargo {
        font-size: 1.1em; }
        body.page-demarches #columns #rub_service form.quixote p.use-file-from-fargo span {
          border-bottom: 1px solid #FFEC44; }
    body.page-demarches #columns #rub_service div.buttons.submit {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-flex-wrap: wrap-reverse;
      -moz-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
      -o-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }
      body.page-demarches #columns #rub_service div.buttons.submit button {
        text-transform: uppercase;
        padding: 15px 25px; }
      body.page-demarches #columns #rub_service div.buttons.submit > div {
        position: relative; }
      body.page-demarches #columns #rub_service div.buttons.submit div.submit-button {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        -o-flex-grow: 2;
        flex-grow: 2; }
        body.page-demarches #columns #rub_service div.buttons.submit div.submit-button div {
          float: right; }
        body.page-demarches #columns #rub_service div.buttons.submit div.submit-button button::after {
          content: "\f054";
          font-family: FontAwesome;
          padding-left: 0.5em; }
        body.page-demarches #columns #rub_service div.buttons.submit div.submit-button button:hover::after {
          color: #FFEC44; }
      body.page-demarches #columns #rub_service div.buttons.submit div.previous-button button::before {
        content: "\f053";
        font-family: FontAwesome;
        padding-right: 0.5em; }
      body.page-demarches #columns #rub_service div.buttons.submit div.previous-button button:hover::before {
        color: #FFEC44; }
      body.page-demarches #columns #rub_service div.buttons.submit div.SubmitWidget.cancel-button button {
        background: #aaa; }
  body.page-demarches #columns div#tracking-code {
    background: #000000;
    padding: 1ex;
    margin-bottom: 3em;
    color: #FFEC44;
    font-family: 'Josefin-Sans', sans-serif; }
    body.page-demarches #columns div#tracking-code h3, body.page-demarches #columns div#tracking-code a {
      color: #FFEC44;
      font-size: 1.2em; }
    body.page-demarches #columns div#tracking-code h3 {
      font-size: 1.2em;
      text-transform: uppercase; }
      body.page-demarches #columns div#tracking-code h3::after {
        content: ':';
        padding-left: 5px; }
    body.page-demarches #columns div#tracking-code div.text-tracking-code-short-text {
      font-size: 0.75em;
      padding: 0 1ex; }
      body.page-demarches #columns div#tracking-code div.text-tracking-code-short-text p {
        margin: 1ex 0; }
  body.page-demarches #columns div#evolution-log h2::before, body.page-demarches #columns div#summary h2::before {
    left: 0; }
  body.page-demarches #columns div#evolution-log div.evolution-metadata, body.page-demarches #columns div#evolution-log div.msg {
    background: #f1f1ef;
    display: block; }
  body.page-demarches #columns div#evolution-log div.msg {
    margin-right: 0; }
  body.page-demarches #columns div#evolution-log ul#evolutions span.item {
    background: #99dcbd !important;
    color: #FFFFFF !important;
    border: 0; }
  body.page-demarches #columns div#evolution-log ul#evolutions li::after {
    background: #f1f1ef;
    transform: rotate(45deg);
    width: 1em;
    height: 1em;
    top: 30px;
    left: 55px; }
  body.page-demarches #columns div#evolution-log ul#evolutions::after {
    border: 1px dashed #bbb;
    box-sizing: border-box;
    background: transparent; }
  body.page-demarches #columns div#evolution-log div.evolution-metadata {
    padding-top: 20px; }
    body.page-demarches #columns div#evolution-log div.evolution-metadata span.status::after {
      content: "|";
      padding: 0 0 0 0.5em; }
    body.page-demarches #columns div#evolution-log div.evolution-metadata span.time {
      display: inline;
      color: #000;
      text-transform: uppercase; }
  body.page-demarches #columns div#receipt-intro {
    margin: 0; }
    body.page-demarches #columns div#receipt-intro p#tracking-code a {
      display: block;
      background: #f1f1ef;
      text-align: center;
      font-size: 1.5em;
      font-weight: bold;
      padding: 1ex;
      margin: 0; }
  body.page-demarches #columns div#summary div.page h3 {
    display: none; }
  body.page-demarches #columns div#summary a#disclose-dataview {
    background: #f1f1ef;
    padding: 2ex;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0; }
    body.page-demarches #columns div#summary a#disclose-dataview::after {
      content: '\f107';
      font-family: FontAwesome;
      position: absolute;
      right: 4em;
      font-size: 1.5em; }

/* wcs widgets */
div.PasswordWidget + div.PasswordWidget {
  margin-top: -3ex; }

+ div.RankedItemsWidget li {
  padding: 3px 0; }

div.TableWidget td, div.TableWidget th,
div.SingleSelectTableWidget td, div.SingleSelectTableWidget th,
div.TableWidget td, div.TableWidget th, div.TableListRowsWidget td,
div.TableListRowsWidget th {
  padding: 3px; }

/* wcs progress bar styles */
div#steps ol {
  /* make it possible to grow over its parent size, this makes sure the
   * step number bubble have enough width even with long page names */
  min-width: 23em;
  position: relative; }
  @media screen and (max-width: 1024px) {
    div#steps ol {
      min-width: auto;
      align-items: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; } }
  div#steps ol::before {
    content: "";
    speak: none;
    position: absolute;
    top: 0;
    left: 40px;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #FFEC44;
    z-index: -2; }
    @media screen and (max-width: 1024px) {
      div#steps ol::before {
        display: none; } }
  div#steps ol li {
    position: relative;
    margin: 25px 0;
    border: 0;
    padding: 1ex 1ex 1ex 0; }
    div#steps ol li span.marker {
      font-size: 1.5em;
      font-weight: bold;
      color: #93989d;
      border-radius: 50%;
      width: 80px;
      height: 80px;
      text-align: center;
      position: relative;
      display: table-cell;
      vertical-align: middle;
      background: #EBECED; }
      @media screen and (max-width: 1024px) {
        div#steps ol li span.marker {
          width: 45px;
          height: 45px;
          padding: 0; }
          div#steps ol li span.marker::after {
            content: ' ';
            height: 1px;
            width: 15px;
            top: 50%;
            padding: 0;
            left: -16px;
            position: absolute;
            background-color: #FFEC44; } }
    @media screen and (max-width: 1024px) {
      div#steps ol li.first span.marker::after {
        display: none; } }
    div#steps ol li.current span.marker {
      background: #FFEC44;
      color: #000000;
      border-radius: 50%; }
    div#steps ol li.current .label {
      color: #000000; }
    div#steps ol li .step-after .marker {
      background: #EBECED; }
    div#steps ol li .marker::after {
      content: "";
      width: 90px;
      height: 90px;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      top: -5px;
      left: -5px;
      z-index: -1; }
    div#steps ol li .label {
      color: #000000;
      padding-left: 10px;
      display: table-cell;
      vertical-align: middle; }
      @media screen and (max-width: 1024px) {
        div#steps ol li .label {
          display: none; } }

body.page-register #sidebar, body.page-register #columns, body.page-connexion #sidebar, body.page-connexion #columns {
  background: #fff;
  margin: 4ex 0; }
body.page-register #columns, body.page-connexion #columns {
  margin: 0; }

body.page-porte-doc #content div.cell h2 {
  text-transform: uppercase; }
body.page-porte-doc div#user-files th a, body.page-porte-doc div#user-files button, body.page-porte-doc div#user-files th {
  text-transform: uppercase; }
body.page-porte-doc div#user-files button {
  border: 2px solid #000;
  float: right; }
body.page-porte-doc div#user-files tbody tr:nth-child(2n+1) {
  background-color: #f1f1ef; }
body.page-porte-doc div#user-files tbody tr:nth-child(2n) {
  background-color: #e5e5e5; }

.a2-block button, .a2-block input[type='submit'], #login-page button, #login-page input[type='submit'] {
  font-weight: bold;
  padding: 15px 25px;
  margin: 1ex 0; }

#login-page h2 {
  margin-bottom: 1ex; }
#login-page a {
  color: #f95731; }
#login-page form input[type=text], #login-page form input[type=password] {
  width: 100%;
  padding: 1ex; }
#login-page div.buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media screen and (max-width: 1024px) {
    #login-page div.buttons {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  #login-page div.buttons button {
    background: #aaa; }

div.block div#fc-button-wrapper, div.a2-block div#fc-button-wrapper {
  padding: 9ex 0 20px 0px; }
  div.block div#fc-button-wrapper #fc-button div, div.a2-block div#fc-button-wrapper #fc-button div {
    height: auto; }
  @media screen and (max-width: 1024px) {
    div.block div#fc-button-wrapper, div.a2-block div#fc-button-wrapper {
      padding-top: 20px; } }

body.page-profil div.a2-block h2, body.page-profil div#a2-profile h2 {
  text-transform: uppercase; }
body.page-profil div#account-management h2 {
  display: none; }
body.page-profil div#left {
  width: 70%; }
  body.page-profil div#left.profile {
    width: 100%;
    float: none; }
body.page-profil div#right {
  width: 30%; }
  body.page-profil div#right.account-management {
    width: 100%;
    float: none; }
@media screen and (max-width: 1024px) {
  body.page-profil div#left, body.page-profil div#right {
    float: none;
    display: block;
    width: 100%; } }

div.a2-block button {
  width: 100%; }

/* authentic styles */
div#profile {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2; }
  @media screen and (max-width: 1024px) {
    div#profile {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      -ms-column-count: 1;
      -o-column-count: 1;
      column-count: 1; } }
  div#profile dd {
    font-size: 120%; }

div#fc-button a.button div {
  height: auto; }

body.page-demandes #columns #left, body.page-porte-doc #columns #left {
  width: 70%; }
  @media screen and (max-width: 1024px) {
    body.page-demandes #columns #left, body.page-porte-doc #columns #left {
      width: 100%; } }
body.page-demandes #columns #right, body.page-porte-doc #columns #right {
  width: 30%; }
  @media screen and (max-width: 1024px) {
    body.page-demandes #columns #right, body.page-porte-doc #columns #right {
      width: 100%; } }

body.page-register div#frontend-registration-email, body.page-register div#frontend-registration-fc {
  display: inline-block;
  width: 45%; }
  @media screen and (max-width: 1024px) {
    body.page-register div#frontend-registration-email, body.page-register div#frontend-registration-fc {
      display: block;
      width: 100%; } }
body.page-register #frontend-registration-email {
  padding: 1ex 1em;
  vertical-align: top; }
  body.page-register #frontend-registration-email h2 {
    text-transform: uppercase; }
  body.page-register #frontend-registration-email button {
    border: 2px solid #000000;
    font-weight: bold;
    width: 100%; }
    body.page-register #frontend-registration-email button::after {
      content: '\f061';
      font-family: FontAwesome;
      width: 2em;
      font-size: 0.9em;
      margin-left: 0.75em; }
body.page-register #frontend-registration-fc h2 {
  display: none; }

/*# sourceMappingURL=style.css.map */