@charset "UTF-8";
/*IMAGES RTE*/
#rub_service h2,
.mseu-main-form h2, #content div.textcell h2, #content h2, .section-demarches #rub_service div.form-validation div.page > h3 {
  font-family: "MontSerrat", arial;
  color: #31455d;
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  word-break: break-word;
  hyphens: auto; }
  @media only screen and (max-width: 767px) {
    #rub_service h2,
    .mseu-main-form h2, #content div.textcell h2, #content h2, .section-demarches #rub_service div.form-validation div.page > h3 {
      font-size: 2rem; } }

#rub_service h3,
.mseu-main-form h3, #content div.textcell h3, #content h3, div#columns div#rub_service div#summary h2,
div#columns div#rub_service div#evolution-log h2 {
  font-family: "MontSerrat", arial;
  color: #31455d;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  word-break: break-word;
  hyphens: auto; }
  @media only screen and (max-width: 767px) {
    #rub_service h3,
    .mseu-main-form h3, #content div.textcell h3, #content h3, div#columns div#rub_service div#summary h2,
    div#columns div#rub_service div#evolution-log h2 {
      font-size: 1.8rem; } }

#rub_service h4,
.mseu-main-form h4, #content div.textcell h4, #content h4 {
  font-family: "MontSerrat", arial;
  font-weight: 700;
  font-size: 1.7rem;
  color: #505050;
  line-height: 1.2;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    #rub_service h4,
    .mseu-main-form h4, #content div.textcell h4, #content h4 {
      font-size: 1.4rem; } }

#rub_service h5,
.mseu-main-form h5, #content div.textcell h5, #content h5 {
  font-size: 14px;
  text-transform: uppercase; }

.generic-form .select2 .select2-selection, #rub_service .select2 .select2-selection,
.mseu-main-form .select2 .select2-selection, #content .select2 .select2-selection, .generic-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #rub_service input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar),
.mseu-main-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #content input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .generic-form textarea, #rub_service textarea,
.mseu-main-form textarea, #content textarea {
  font-family: "OpenSans", arial;
  color: #505050;
  font-size: 1.8rem;
  font-weight: 400; }

.generic-form label:not(.option), #rub_service label:not(.option),
.mseu-main-form label:not(.option), #content label:not(.option), #content div.a2-block h3.email-address {
  font-weight: 600;
  font-family: "OpenSans", arial;
  color: #505050;
  font-size: 1.8rem; }

#content div.textcell .image-full.type-image figure figcaption {
  width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1279px) {
    #content div.textcell .image-full.type-image figure figcaption {
      width: 100%;
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (max-width: 767px) {
    #content div.textcell .image-full.type-image figure figcaption {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; } }

#rub_service,
.mseu-main-form {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

#rub_service,
.mseu-main-form, #content div.textcell, #content {
  font-family: "OpenSans", arial;
  font-size: 1.6rem;
  line-height: 1.2em;
  color: #5c5c5c;
  font-weight: 400; }
  @media only screen and (max-width: 767px) {
    #rub_service,
    .mseu-main-form, #content div.textcell, #content {
      font-size: 1.4rem; } }

#content div.textcell .type-image figure figcaption, #content div.textcell .type-image figure .image-copyright {
  font-family: "OpenSans", arial;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 400; }

#rub_service a,
.mseu-main-form a, #content div.textcell a, #content a {
  text-decoration: underline;
  transition: color, 0.5s;
  color: #31455d;
  font-weight: 600; }
  #rub_service a:hover,
  .mseu-main-form a:hover, #content a:hover, #rub_service a:focus,
  .mseu-main-form a:focus, #content a:focus {
    color: #2da192;
    text-decoration: underline; }

.generic-form .select2 .select2-selection, #rub_service .select2 .select2-selection,
.mseu-main-form .select2 .select2-selection, #content .select2 .select2-selection, .generic-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #rub_service input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar),
.mseu-main-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #content input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .generic-form textarea, #rub_service textarea,
.mseu-main-form textarea, #content textarea {
  width: 100%;
  height: 50px;
  background-color: #f6f6f6;
  border: 2px solid #dddddd;
  border-radius: 0;
  padding: 0 20px;
  transition: all, 0.5s;
  line-height: 50px; }
  .generic-form .select2 .select2-selection:focus, #rub_service .select2 .select2-selection:focus,
  .mseu-main-form .select2 .select2-selection:focus, #content .select2 .select2-selection:focus, .generic-form input:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #rub_service input:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar),
  .mseu-main-form input:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #content input:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .generic-form textarea:focus, #rub_service textarea:focus,
  .mseu-main-form textarea:focus, #content textarea:focus {
    border-color: #31455d;
    outline: none;
    background-color: #FFFFFF; }
  .generic-form .select2 .select2-selection::-webkit-input-placeholder, #rub_service .select2 .select2-selection::-webkit-input-placeholder,
  .mseu-main-form .select2 .select2-selection::-webkit-input-placeholder, #content .select2 .select2-selection::-webkit-input-placeholder, .generic-form input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder, #rub_service input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder,
  .mseu-main-form input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder, #content input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder, .generic-form textarea::-webkit-input-placeholder, #rub_service textarea::-webkit-input-placeholder,
  .mseu-main-form textarea::-webkit-input-placeholder, #content textarea::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: "MontSerrat", arial;
    font-size: 1.4rem;
    color: #7e7e7e; }
  .generic-form .select2 .select2-selection::-moz-placeholder, #rub_service .select2 .select2-selection::-moz-placeholder,
  .mseu-main-form .select2 .select2-selection::-moz-placeholder, #content .select2 .select2-selection::-moz-placeholder, .generic-form input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder, #rub_service input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder,
  .mseu-main-form input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder, #content input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder, .generic-form textarea::-moz-placeholder, #rub_service textarea::-moz-placeholder,
  .mseu-main-form textarea::-moz-placeholder, #content textarea::-moz-placeholder {
    text-transform: uppercase;
    font-family: "MontSerrat", arial;
    font-size: 1.4rem;
    color: #7e7e7e; }
  .generic-form .select2 .select2-selection::-ms-input-placeholder, #rub_service .select2 .select2-selection::-ms-input-placeholder,
  .mseu-main-form .select2 .select2-selection::-ms-input-placeholder, #content .select2 .select2-selection::-ms-input-placeholder, .generic-form input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder, #rub_service input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder,
  .mseu-main-form input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder, #content input:not(.webform-calendar):not([type="file"]):not([type="checkbox"]):not([type="radio"])::-ms-input-placeholder, .generic-form textarea::-ms-input-placeholder, #rub_service textarea::-ms-input-placeholder,
  .mseu-main-form textarea::-ms-input-placeholder, #content textarea::-ms-input-placeholder {
    text-transform: uppercase;
    font-family: "MontSerrat", arial;
    font-size: 1.4rem;
    color: #7e7e7e; }

.generic-form .RadiobuttonsWidget input[type="radio"], #rub_service .RadiobuttonsWidget input[type="radio"],
.mseu-main-form .RadiobuttonsWidget input[type="radio"], #content .RadiobuttonsWidget input[type="radio"] {
  position: absolute;
  left: -99999999px; }
  .generic-form .RadiobuttonsWidget input[type="radio"] + span, #rub_service .RadiobuttonsWidget input[type="radio"] + span,
  .mseu-main-form .RadiobuttonsWidget input[type="radio"] + span, #content .RadiobuttonsWidget input[type="radio"] + span, .generic-form .RadiobuttonsWidget input[type="radio"] + label, #rub_service .RadiobuttonsWidget input[type="radio"] + label,
  .mseu-main-form .RadiobuttonsWidget input[type="radio"] + label, #content .RadiobuttonsWidget input[type="radio"] + label {
    padding-left: 30px;
    display: block; }
    .generic-form .RadiobuttonsWidget input[type="radio"] + span:before, #rub_service .RadiobuttonsWidget input[type="radio"] + span:before,
    .mseu-main-form .RadiobuttonsWidget input[type="radio"] + span:before, #content .RadiobuttonsWidget input[type="radio"] + span:before, .generic-form .RadiobuttonsWidget input[type="radio"] + label:before, #rub_service .RadiobuttonsWidget input[type="radio"] + label:before,
    .mseu-main-form .RadiobuttonsWidget input[type="radio"] + label:before, #content .RadiobuttonsWidget input[type="radio"] + label:before {
      display: inline-block;
      content: '';
      height: 15px;
      width: 15px;
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border-radius: 50%;
      border: solid 3px #31455d; }
    .generic-form .RadiobuttonsWidget input[type="radio"] + span:after, #rub_service .RadiobuttonsWidget input[type="radio"] + span:after,
    .mseu-main-form .RadiobuttonsWidget input[type="radio"] + span:after, #content .RadiobuttonsWidget input[type="radio"] + span:after, .generic-form .RadiobuttonsWidget input[type="radio"] + label:after, #rub_service .RadiobuttonsWidget input[type="radio"] + label:after,
    .mseu-main-form .RadiobuttonsWidget input[type="radio"] + label:after, #content .RadiobuttonsWidget input[type="radio"] + label:after {
      display: inline-block;
      content: '';
      height: 15px;
      width: 15px;
      background-color: #31455d;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border-radius: 50%;
      opacity: 0; }
  .generic-form .RadiobuttonsWidget input[type="radio"]:checked + span:before, #rub_service .RadiobuttonsWidget input[type="radio"]:checked + span:before,
  .mseu-main-form .RadiobuttonsWidget input[type="radio"]:checked + span:before, #content .RadiobuttonsWidget input[type="radio"]:checked + span:before, .generic-form .RadiobuttonsWidget input[type="radio"]:checked + label:before, #rub_service .RadiobuttonsWidget input[type="radio"]:checked + label:before,
  .mseu-main-form .RadiobuttonsWidget input[type="radio"]:checked + label:before, #content .RadiobuttonsWidget input[type="radio"]:checked + label:before {
    opacity: 0; }
  .generic-form .RadiobuttonsWidget input[type="radio"]:checked + span:after, #rub_service .RadiobuttonsWidget input[type="radio"]:checked + span:after,
  .mseu-main-form .RadiobuttonsWidget input[type="radio"]:checked + span:after, #content .RadiobuttonsWidget input[type="radio"]:checked + span:after, .generic-form .RadiobuttonsWidget input[type="radio"]:checked + label:after, #rub_service .RadiobuttonsWidget input[type="radio"]:checked + label:after,
  .mseu-main-form .RadiobuttonsWidget input[type="radio"]:checked + label:after, #content .RadiobuttonsWidget input[type="radio"]:checked + label:after {
    opacity: 1; }

.generic-form .CheckboxesWidget input[type="checkbox"], #rub_service .CheckboxesWidget input[type="checkbox"],
.mseu-main-form .CheckboxesWidget input[type="checkbox"], #content .CheckboxesWidget input[type="checkbox"], .CheckboxWidget input[type="checkbox"] {
  position: absolute;
  left: -99999999px; }
  .generic-form .CheckboxesWidget input[type="checkbox"] + span, #rub_service .CheckboxesWidget input[type="checkbox"] + span,
  .mseu-main-form .CheckboxesWidget input[type="checkbox"] + span, #content .CheckboxesWidget input[type="checkbox"] + span, .CheckboxWidget input[type="checkbox"] + span {
    padding-left: 30px;
    display: block; }
    .generic-form .CheckboxesWidget input[type="checkbox"] + span:before, #rub_service .CheckboxesWidget input[type="checkbox"] + span:before,
    .mseu-main-form .CheckboxesWidget input[type="checkbox"] + span:before, #content .CheckboxesWidget input[type="checkbox"] + span:before, .CheckboxWidget input[type="checkbox"] + span:before {
      display: inline-block;
      content: '';
      height: 15px;
      width: 15px;
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border: solid 3px #31455d; }
    .generic-form .CheckboxesWidget input[type="checkbox"] + span:after, #rub_service .CheckboxesWidget input[type="checkbox"] + span:after,
    .mseu-main-form .CheckboxesWidget input[type="checkbox"] + span:after, #content .CheckboxesWidget input[type="checkbox"] + span:after, .CheckboxWidget input[type="checkbox"] + span:after {
      display: inline-block;
      content: '';
      height: 15px;
      width: 15px;
      background-color: #46cfc0;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      opacity: 0; }
  .generic-form .CheckboxesWidget input[type="checkbox"]:checked + span:before, #rub_service .CheckboxesWidget input[type="checkbox"]:checked + span:before,
  .mseu-main-form .CheckboxesWidget input[type="checkbox"]:checked + span:before, #content .CheckboxesWidget input[type="checkbox"]:checked + span:before, .CheckboxWidget input[type="checkbox"]:checked + span:before {
    opacity: 0; }
  .generic-form .CheckboxesWidget input[type="checkbox"]:checked + span:after, #rub_service .CheckboxesWidget input[type="checkbox"]:checked + span:after,
  .mseu-main-form .CheckboxesWidget input[type="checkbox"]:checked + span:after, #content .CheckboxesWidget input[type="checkbox"]:checked + span:after, .CheckboxWidget input[type="checkbox"]:checked + span:after {
    opacity: 1; }

.generic-form .select2, #rub_service .select2,
.mseu-main-form .select2, #content .select2 {
  border-style: solid;
  border-width: 2px;
  border-color: #f6f6f6; }
  .generic-form .select2:after, #rub_service .select2:after,
  .mseu-main-form .select2:after, #content .select2:after {
    position: absolute;
    top: 23px;
    right: 15px;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%) rotate(90deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237e7e7e' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }
  .generic-form .select2-container--focus.select2, #rub_service .select2-container--focus.select2,
  .mseu-main-form .select2-container--focus.select2, #content .select2-container--focus.select2 {
    border-color: #31455d; }
  .generic-form .select2 .select2-selection, #rub_service .select2 .select2-selection,
  .mseu-main-form .select2 .select2-selection, #content .select2 .select2-selection {
    height: auto;
    min-height: 46px;
    padding: 0 5px 5px 5px;
    display: flex;
    align-items: center;
    padding-right: 40px; }
  .generic-form .select2 .select2-selection__rendered, #rub_service .select2 .select2-selection__rendered,
  .mseu-main-form .select2 .select2-selection__rendered, #content .select2 .select2-selection__rendered {
    padding: 0; }
  .generic-form .select2 .select2-selection__rendered li, #rub_service .select2 .select2-selection__rendered li,
  .mseu-main-form .select2 .select2-selection__rendered li, #content .select2 .select2-selection__rendered li {
    display: flex;
    align-items: center;
    height: 30px;
    font-family: "MontSerrat", arial;
    color: #505050;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.2; }
  .generic-form .select2 .select2-search__field, #rub_service .select2 .select2-search__field,
  .mseu-main-form .select2 .select2-search__field, #content .select2 .select2-search__field {
    margin: 0;
    height: 50px !important;
    padding: 10px 10px 8px 10px !important;
    min-height: 0;
    width: 100% !important; }
    .generic-form .select2 .select2-search__field:hover, #rub_service .select2 .select2-search__field:hover,
    .mseu-main-form .select2 .select2-search__field:hover, #content .select2 .select2-search__field:hover, .generic-form .select2 .select2-search__field:active, #rub_service .select2 .select2-search__field:active,
    .mseu-main-form .select2 .select2-search__field:active, #content .select2 .select2-search__field:active, .generic-form .select2 .select2-search__field:focus, #rub_service .select2 .select2-search__field:focus,
    .mseu-main-form .select2 .select2-search__field:focus, #content .select2 .select2-search__field:focus {
      border-color: transparent !important;
      background-color: transparent !important; }
  .generic-form .select2 .select2-selection__choice + .select2-search, #rub_service .select2 .select2-selection__choice + .select2-search,
  .mseu-main-form .select2 .select2-selection__choice + .select2-search, #content .select2 .select2-selection__choice + .select2-search {
    display: none; }

.generic-form .customSelectContain, #rub_service .customSelectContain,
.mseu-main-form .customSelectContain, #content .customSelectContain {
  height: 42px; }
  .generic-form .customSelectContain .customSelect, #rub_service .customSelectContain .customSelect,
  .mseu-main-form .customSelectContain .customSelect, #content .customSelectContain .customSelect {
    padding: 7.5px 50px 7.5px 20px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    display: flex;
    align-items: center; }
    .generic-form .customSelectContain .customSelect.arrowed:after, #rub_service .customSelectContain .customSelect.arrowed:after,
    .mseu-main-form .customSelectContain .customSelect.arrowed:after, #content .customSelectContain .customSelect.arrowed:after {
      position: absolute;
      top: 50%;
      right: 15px;
      content: '';
      display: block;
      height: 20px;
      width: 20px;
      background-size: 15px;
      background-position: center;
      background-repeat: no-repeat;
      transform: translateY(-50%) rotate(90deg); }
  .generic-form .customSelectContain option, #rub_service .customSelectContain option,
  .mseu-main-form .customSelectContain option, #content .customSelectContain option {
    padding: 10px;
    font-family: "MontSerrat", arial;
    font-weight: 400;
    font-size: 1.4rem;
    color: #7e7e7e; }
  .generic-form .customSelectContain .customSelectInner, #rub_service .customSelectContain .customSelectInner,
  .mseu-main-form .customSelectContain .customSelectInner, #content .customSelectContain .customSelectInner {
    font-family: "MontSerrat", arial;
    font-weight: 400;
    font-size: 1.4rem;
    color: #7e7e7e;
    text-transform: uppercase; }
  .generic-form .customSelectContain, #rub_service .customSelectContain,
  .mseu-main-form .customSelectContain, #content .customSelectContain {
    height: 50px; }
    .generic-form .customSelectContain .customSelect, #rub_service .customSelectContain .customSelect,
    .mseu-main-form .customSelectContain .customSelect, #content .customSelectContain .customSelect {
      background-color: #F6F6F6;
      border: solid 2px transparent;
      border-radius: 0; }
      .generic-form .customSelectContain .customSelect.arrowed:after, #rub_service .customSelectContain .customSelect.arrowed:after,
      .mseu-main-form .customSelectContain .customSelect.arrowed:after, #content .customSelectContain .customSelect.arrowed:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237e7e7e' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }
    .generic-form .customSelectContain .customSelectInner, #rub_service .customSelectContain .customSelectInner,
    .mseu-main-form .customSelectContain .customSelectInner, #content .customSelectContain .customSelectInner {
      color: #7e7e7e; }
    .generic-form .customSelectContain .customSelectContain.focused .customSelect, #rub_service .customSelectContain .customSelectContain.focused .customSelect,
    .mseu-main-form .customSelectContain .customSelectContain.focused .customSelect, #content .customSelectContain .customSelectContain.focused .customSelect {
      border: solid 1px #31455d; }
    .generic-form .customSelectContain .customSelectContain select, #rub_service .customSelectContain .customSelectContain select,
    .mseu-main-form .customSelectContain .customSelectContain select, #content .customSelectContain .customSelectContain select {
      background-color: #FFFFFF;
      color: #000000; }
    .generic-form .focused.customSelectContain .customSelect, #rub_service .focused.customSelectContain .customSelect,
    .mseu-main-form .focused.customSelectContain .customSelect, #content .focused.customSelectContain .customSelect {
      border-color: #31455d; }

#content div.textcell .type-image figure {
  max-width: 100%;
  position: relative;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }
  #content div.textcell .type-image figure img {
    max-width: 100%;
    vertical-align: middle; }
  #content div.textcell .type-image figure figcaption, #content div.textcell .type-image figure .image-copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100%; }
  @media only screen and (max-width: 767px) {
    #content div.textcell .type-image figure {
      margin-left: auto !important;
      margin-right: auto !important;
      float: none !important; } }

#content div.textcell .image-original.type-image figure {
  width: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px; }

#content div.textcell .image-full.type-image figure {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw; }
  #content div.textcell .image-full.type-image figure figcaption {
    position: relative; }
    #content div.textcell .image-full.type-image figure figcaption:before {
      background-color: #f4f4f4;
      content: '';
      display: block;
      z-index: -1;
      position: absolute;
      top: 0;
      left: -5000px;
      right: -5000px;
      height: 100%; }
      @media only screen and (max-width: 767px) {
        #content div.textcell .image-full.type-image figure figcaption:before {
          left: 0;
          right: 0;
          position: static; } }

#content div.textcell .type-image figure figcaption, #content div.textcell .type-image figure .image-copyright {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.6); }

#content div.textcell ul:not(.unstyled), div.comment-field ul {
  padding-left: 60px;
  margin-bottom: 10px;
  list-style: none; }
  @media only screen and (max-width: 767px) {
    #content div.textcell ul:not(.unstyled), div.comment-field ul {
      padding-left: 20px; } }
  #content div.textcell ul:not(.unstyled) li, div.comment-field ul li {
    margin-bottom: 0px;
    position: relative;
    font-weight: 400; }
    #content div.textcell ul:not(.unstyled) li:before, div.comment-field ul li:before {
      content: '';
      height: 5px;
      width: 5px;
      background-color: #31455d;
      border-radius: 500px;
      margin-right: 6px;
      display: block;
      position: absolute;
      left: -15px;
      top: 14px; }
  #content div.textcell ul:not(.unstyled) ul, div.comment-field ul ul {
    padding-left: 90px; }
    @media only screen and (max-width: 767px) {
      #content div.textcell ul:not(.unstyled) ul, div.comment-field ul ul {
        padding-left: 40px; } }

#content div.textcell ol:not(.unstyled), div.comment-field ol {
  padding-left: 50px;
  list-style: none;
  counter-reset: item;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    #content div.textcell ol:not(.unstyled), div.comment-field ol {
      padding-left: 30px; } }
  #content div.textcell ol:not(.unstyled) li, div.comment-field ol li {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: flex-start; }
    #content div.textcell ol:not(.unstyled) li:before, div.comment-field ol li:before {
      counter-increment: item;
      content: counters(item, ".") ". ";
      color: #31455d;
      display: block;
      top: 0px;
      font-weight: 700;
      margin-right: 5px;
      margin-top: 1px; }
  #content div.textcell ol:not(.unstyled) ol, div.comment-field ol ol {
    padding-left: 90px; }
    @media only screen and (max-width: 767px) {
      #content div.textcell ol:not(.unstyled) ol, div.comment-field ol ol {
        padding-left: 40px; } }

.generic-form .widget, #rub_service .widget,
.mseu-main-form .widget {
  display: block;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 35px; }
  .generic-form .widget + .comment-field, #rub_service .widget + .comment-field,
  .mseu-main-form .widget + .comment-field {
    margin-top: -25px; }
  .generic-form .widget .title, #rub_service .widget .title,
  .mseu-main-form .widget .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px; }
  .generic-form .widget .content, #rub_service .widget .content,
  .mseu-main-form .widget .content {
    display: flex;
    flex-direction: column;
    position: relative; }
    .generic-form .widget .content .field-suffix, #rub_service .widget .content .field-suffix,
    .mseu-main-form .widget .content .field-suffix {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }

.generic-form .hint, #rub_service .hint,
.mseu-main-form .hint {
  width: 100%; }

.generic-form .buttons.submit, #rub_service .buttons.submit,
.mseu-main-form .buttons.submit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row-reverse; }
  .generic-form .buttons.submit > *, #rub_service .buttons.submit > *,
  .mseu-main-form .buttons.submit > * {
    margin-left: 20px; }
  @media only screen and (max-width: 767px) {
    .generic-form .buttons.submit, #rub_service .buttons.submit,
    .mseu-main-form .buttons.submit {
      flex-wrap: wrap;
      align-items: center; }
      .generic-form .buttons.submit > *, #rub_service .buttons.submit > *,
      .mseu-main-form .buttons.submit > * {
        margin-left: 0; }
        .generic-form .buttons.submit > * + *, #rub_service .buttons.submit > * + *,
        .mseu-main-form .buttons.submit > * + * {
          margin-top: 20px; } }
  .generic-form .buttons.submit .previous-button, #rub_service .buttons.submit .previous-button,
  .mseu-main-form .buttons.submit .previous-button {
    order: 3;
    margin-right: auto;
    margin-left: 0; }
    @media only screen and (max-width: 767px) {
      .generic-form .buttons.submit .previous-button, #rub_service .buttons.submit .previous-button,
      .mseu-main-form .buttons.submit .previous-button {
        margin: 0;
        order: 3;
        width: 50%; }
        .generic-form .buttons.submit .previous-button .content, #rub_service .buttons.submit .previous-button .content,
        .mseu-main-form .buttons.submit .previous-button .content {
          display: flex;
          justify-content: flex-start;
          flex-direction: row; }
        .generic-form .buttons.submit .previous-button button, #rub_service .buttons.submit .previous-button button,
        .mseu-main-form .buttons.submit .previous-button button {
          font-size: 0; }
          .generic-form .buttons.submit .previous-button button .btn-text, #rub_service .buttons.submit .previous-button button .btn-text,
          .mseu-main-form .buttons.submit .previous-button button .btn-text {
            font-size: 0; }
          .generic-form .buttons.submit .previous-button button:after, #rub_service .buttons.submit .previous-button button:after,
          .mseu-main-form .buttons.submit .previous-button button:after {
            content: 'Prec';
            font-size: 1.4rem;
            font-size: 1.4rem;
            color: #31455d;
            font-family: "MontSerrat", arial;
            text-transform: uppercase;
            font-size: 1.4rem; } }
  .generic-form .buttons.submit .cancel-button, #rub_service .buttons.submit .cancel-button,
  .mseu-main-form .buttons.submit .cancel-button {
    order: 2; }
    @media only screen and (max-width: 767px) {
      .generic-form .buttons.submit .cancel-button, #rub_service .buttons.submit .cancel-button,
      .mseu-main-form .buttons.submit .cancel-button {
        margin: 0;
        margin-bottom: 10px;
        order: 1;
        width: 100%; }
        .generic-form .buttons.submit .cancel-button .content, #rub_service .buttons.submit .cancel-button .content,
        .mseu-main-form .buttons.submit .cancel-button .content {
          flex-direction: row;
          justify-content: flex-end; } }
  .generic-form .buttons.submit .submit-button, #rub_service .buttons.submit .submit-button,
  .mseu-main-form .buttons.submit .submit-button {
    order: 1; }
    @media only screen and (max-width: 767px) {
      .generic-form .buttons.submit .submit-button, #rub_service .buttons.submit .submit-button,
      .mseu-main-form .buttons.submit .submit-button {
        margin: 0;
        margin-bottom: 0px;
        width: 50%;
        order: 2; }
        .generic-form .buttons.submit .submit-button .content, #rub_service .buttons.submit .submit-button .content,
        .mseu-main-form .buttons.submit .submit-button .content {
          display: flex;
          justify-content: flex-end;
          flex-direction: row; }
        .generic-form .buttons.submit .submit-button button, #rub_service .buttons.submit .submit-button button,
        .mseu-main-form .buttons.submit .submit-button button {
          font-size: 0; }
          .generic-form .buttons.submit .submit-button button .btn-text, #rub_service .buttons.submit .submit-button button .btn-text,
          .mseu-main-form .buttons.submit .submit-button button .btn-text {
            font-size: 0; }
          .generic-form .buttons.submit .submit-button button:before, #rub_service .buttons.submit .submit-button button:before,
          .mseu-main-form .buttons.submit .submit-button button:before {
            content: 'Suiv';
            font-size: 1.4rem;
            color: #31455d;
            font-family: "MontSerrat", arial;
            text-transform: uppercase;
            font-size: 1.4rem; } }

@media only screen and (max-width: 767px) {
  .generic-form > .widget, #rub_service > .widget,
  .mseu-main-form > .widget {
    display: block; }
    .generic-form > .widget .title, #rub_service > .widget .title,
    .mseu-main-form > .widget .title {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      display: block; }
    .generic-form > .widget .content, #rub_service > .widget .content,
    .mseu-main-form > .widget .content {
      width: 100%;
      margin-left: 0; } }

.generic-form ::-webkit-input-placeholder, #rub_service ::-webkit-input-placeholder,
.mseu-main-form ::-webkit-input-placeholder, #content ::-webkit-input-placeholder {
  font-family: "MontSerrat", arial;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #7e7e7e; }

.generic-form :-moz-placeholder, #rub_service :-moz-placeholder,
.mseu-main-form :-moz-placeholder, #content :-moz-placeholder {
  font-family: "MontSerrat", arial;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #7e7e7e; }

.generic-form ::-moz-placeholder, #rub_service ::-moz-placeholder,
.mseu-main-form ::-moz-placeholder, #content ::-moz-placeholder {
  font-family: "MontSerrat", arial;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #7e7e7e; }

.generic-form :-ms-input-placeholder, #rub_service :-ms-input-placeholder,
.mseu-main-form :-ms-input-placeholder, #content :-ms-input-placeholder {
  font-family: "MontSerrat", arial;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #7e7e7e; }

.generic-form .text-info, #rub_service .text-info,
.mseu-main-form .text-info, #content .text-info {
  margin-bottom: 10px;
  line-height: 1.2em; }

.generic-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar)[type="file"], #rub_service input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar)[type="file"],
.mseu-main-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar)[type="file"], #content input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar)[type="file"] {
  border: none;
  padding: 0;
  margin-right: 20px; }

.generic-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar).webform-calendar, #rub_service input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar).webform-calendar,
.mseu-main-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar).webform-calendar, #content input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar).webform-calendar {
  width: auto; }

.generic-form input[type="file"], #rub_service input[type="file"],
.mseu-main-form input[type="file"], #content input[type="file"] {
  display: flex;
  align-items: center; }

.generic-form label:not(.option), #rub_service label:not(.option),
.mseu-main-form label:not(.option), #content label:not(.option) {
  color: #31455d;
  position: relative;
  line-height: 1.2em; }
  .generic-form label:not(.option) .required, #rub_service label:not(.option) .required,
  .mseu-main-form label:not(.option) .required, #content label:not(.option) .required {
    color: #ff1818; }

.generic-form .RadiobuttonsWidget .content label + label, #rub_service .RadiobuttonsWidget .content label + label,
.mseu-main-form .RadiobuttonsWidget .content label + label, #content .RadiobuttonsWidget .content label + label {
  margin-top: 5px; }

.generic-form .CheckboxesWidget .content li + li, #rub_service .CheckboxesWidget .content li + li,
.mseu-main-form .CheckboxesWidget .content li + li, #content .CheckboxesWidget .content li + li {
  margin-top: 5px; }

.generic-form .hint, #rub_service .hint,
.mseu-main-form .hint, #content .hint, .generic-form .comment-field, #rub_service .comment-field,
.mseu-main-form .comment-field, #content .comment-field {
  font-size: 1.6rem;
  font-family: "OpenSans", arial;
  font-style: italic;
  margin-top: 5px; }

.generic-form .content label, #rub_service .content label,
.mseu-main-form .content label, #content .content label {
  font-weight: 400;
  text-transform: none; }

.generic-form .CheckboxWidget.widget .content, #rub_service .CheckboxWidget.widget .content,
.mseu-main-form .CheckboxWidget.widget .content, #content .CheckboxWidget.widget .content {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .generic-form .CheckboxWidget.widget .content input, #rub_service .CheckboxWidget.widget .content input,
  .mseu-main-form .CheckboxWidget.widget .content input, #content .CheckboxWidget.widget .content input {
    margin-top: 0;
    margin-right: 15px; }

.generic-form p, #rub_service p,
.mseu-main-form p, #content p {
  margin-bottom: 20px; }

.generic-form textarea, #rub_service textarea,
.mseu-main-form textarea, #content textarea {
  padding: 15px;
  height: auto;
  line-height: 1.2;
  display: block;
  resize: vertical; }

#side {
  border-top: solid 1px #F6F6F6;
  padding-top: 30px;
  margin-top: 30px; }
  #side #tracking-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px; }
    #side #tracking-code:before {
      content: '';
      display: inline-block;
      width: 70px;
      height: 70px;
      background-size: 40px;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%;
      background-color: #F6F6F6;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2331455d'   viewBox='0 0 375.8 195.5'%3E%3Cpath d='M367.1 65.7c3.3 0 6-2.7 6-6V21.3c0-10.4-8.4-18.8-18.8-18.8H21.6C11.2 2.5 2.8 10.9 2.8 21.3v38.4c0 3.3 2.7 6 6 6 17.9 0 32.4 14.5 32.4 32.4 0 17.9-14.5 32.4-32.4 32.4 -3.3 0-6 2.7-6 6v38.4c0 10.4 8.4 18.8 18.8 18.8h332.8c10.4 0 18.8-8.4 18.8-18.8V136.5c0-3.3-2.7-6-6-6 -17.9 0-32.4-14.5-32.4-32.4C334.8 80.2 349.3 65.7 367.1 65.7L367.1 65.7zM322.8 98.1c0 22.4 16.7 41.1 38.4 44v32.8c0 3.8-3 6.8-6.8 6.8H289.9c0-0.1 0-0.3 0-0.4V168.5c0-3.3-2.7-6-6-6 -3.3 0-6 2.7-6 6v12.8c0 0.1 0 0.3 0 0.4H21.6c-3.7 0-6.8-3.1-6.8-6.8v-32.8c21.7-2.9 38.4-21.6 38.4-44 0-22.4-16.7-41.1-38.4-44V21.3c0-3.7 3.1-6.8 6.8-6.8h256.4c0 0.1 0 0.3 0 0.4v12.8c0 3.3 2.7 6 6 6 3.3 0 6-2.7 6-6V14.9c0-0.1 0-0.3 0-0.4h64.4c3.7 0 6.8 3.1 6.8 6.8v32.8C339.5 57 322.8 75.7 322.8 98.1L322.8 98.1zM322.8 98.1'/%3E%3Cpath d='M354.4 195.2H21.6c-11.2 0-20.3-9.1-20.3-20.3V136.5c0-4.1 3.4-7.5 7.5-7.5 17 0 30.9-13.9 30.9-30.9 0-17-13.9-30.9-30.9-30.9 -4.1 0-7.5-3.4-7.5-7.5V21.3C1.3 10.1 10.4 1 21.6 1h332.8c11.2 0 20.3 9.1 20.3 20.3v38.4c0 4.1-3.4 7.5-7.5 7.5 -17 0-30.9 13.9-30.9 30.9 0 17 13.9 30.9 30.9 30.9 4.1 0 7.5 3.4 7.5 7.5v38.4C374.6 186.1 365.5 195.2 354.4 195.2zM21.6 4C12 4 4.3 11.8 4.3 21.3v38.4c0 2.5 2 4.5 4.5 4.5 18.7 0 33.9 15.2 33.9 33.9C42.6 116.8 27.4 132 8.8 132c-2.5 0-4.5 2-4.5 4.5v38.4c0 9.5 7.8 17.3 17.3 17.3h332.8c9.5 0 17.3-7.8 17.3-17.3V136.5c0-2.5-2-4.5-4.5-4.5 -18.7 0-33.9-15.2-33.9-33.9 0-18.7 15.2-33.9 33.9-33.9 2.5 0 4.5-2 4.5-4.5V21.3c0-9.5-7.8-17.3-17.3-17.3H21.6zM354.4 183.2h-66l0.1-1.7c0-0.1 0-0.1 0-0.2V168.5c0-2.5-2-4.5-4.5-4.5s-4.5 2-4.5 4.5v12.8c0 0.1 0 0.1 0 0.2l0 0.1 0.1 1.6H21.6c-4.6 0-8.3-3.7-8.3-8.3v-34.1l1.3-0.2c21.2-2.9 37.1-21.1 37.1-42.5 0-21.4-15.9-39.6-37.1-42.5l-1.3-0.2V21.3c0-4.6 3.7-8.3 8.3-8.3h258.1l-0.1 1.6c0 0.1 0 0.2 0 0.3v12.8c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5V14.9c0-0.1 0-0.2 0-0.3L288.3 13h66.1c4.6 0 8.3 3.7 8.3 8.3v34.1l-1.3 0.2c-21.1 2.9-37.1 21.1-37.1 42.5 0 21.4 15.9 39.6 37.1 42.5l1.3 0.2v34.1C362.6 179.5 358.9 183.2 354.4 183.2zM291.4 180.2h62.9c2.9 0 5.3-2.4 5.3-5.3v-31.5c-22-3.6-38.4-22.9-38.4-45.3 0-22.4 16.4-41.7 38.4-45.3V21.3c0-2.9-2.4-5.3-5.3-5.3h-62.9v11.7c0 4.1-3.4 7.5-7.5 7.5s-7.5-3.4-7.5-7.5V16H21.6c-2.9 0-5.3 2.4-5.3 5.3v31.5c22 3.6 38.4 22.9 38.4 45.3 0 22.4-16.4 41.7-38.4 45.3v31.5c0 2.9 2.4 5.3 5.3 5.3h254.9V168.5c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5V180.2z'/%3E%3Cpath d='M283.9 85.7c-3.3 0-6 2.7-6 6V104.5c0 3.3 2.7 6 6 6 3.3 0 6-2.7 6-6V91.7C289.9 88.4 287.3 85.7 283.9 85.7L283.9 85.7zM283.9 85.7'/%3E%3Cpath d='M283.9 112c-4.1 0-7.5-3.4-7.5-7.5V91.7c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5V104.5C291.4 108.6 288.1 112 283.9 112zM283.9 87.2c-2.5 0-4.5 2-4.5 4.5V104.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5V91.7C288.4 89.2 286.4 87.2 283.9 87.2z'/%3E%3Cpath d='M283.9 47.3c-3.3 0-6 2.7-6 6v12.8c0 3.3 2.7 6 6 6 3.3 0 6-2.7 6-6V53.3C289.9 50 287.3 47.3 283.9 47.3L283.9 47.3zM283.9 47.3'/%3E%3Cpath d='M283.9 73.6c-4.1 0-7.5-3.4-7.5-7.5V53.3c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5v12.8C291.4 70.2 288.1 73.6 283.9 73.6zM283.9 48.8c-2.5 0-4.5 2-4.5 4.5v12.8c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5V53.3C288.4 50.8 286.4 48.8 283.9 48.8z'/%3E%3Cpath d='M283.9 124.1c-3.3 0-6 2.7-6 6v12.8c0 3.3 2.7 6 6 6 3.3 0 6-2.7 6-6v-12.8C289.9 126.8 287.3 124.1 283.9 124.1L283.9 124.1zM283.9 124.1'/%3E%3Cpath d='M283.9 150.4c-4.1 0-7.5-3.4-7.5-7.5v-12.8c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5v12.8C291.4 147 288.1 150.4 283.9 150.4zM283.9 125.6c-2.5 0-4.5 2-4.5 4.5v12.8c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5v-12.8C288.4 127.6 286.4 125.6 283.9 125.6z'/%3E%3Cpath d='M239.1 40.9H91.9c-6.8 0-12.4 5.6-12.4 12.4v89.6c0 6.8 5.6 12.4 12.4 12.4h147.2c6.8 0 12.4-5.6 12.4-12.4V53.3C251.6 46.5 246 40.9 239.1 40.9L239.1 40.9zM239.6 142.9c0 0.2-0.2 0.4-0.4 0.4H91.9c-0.2 0-0.4-0.2-0.4-0.4V53.3c0-0.2 0.2-0.4 0.4-0.4h147.2c0.2 0 0.4 0.2 0.4 0.4V142.9zM239.6 142.9'/%3E%3Cpath d='M239.1 156.8H91.9c-7.7 0-13.9-6.2-13.9-13.9V53.3c0-7.7 6.2-13.9 13.9-13.9h147.2c7.7 0 13.9 6.2 13.9 13.9v89.6C253.1 150.6 246.8 156.8 239.1 156.8zM91.9 42.4c-6 0-10.9 4.9-10.9 10.9v89.6c0 6 4.9 10.9 10.9 10.9h147.2c6 0 10.9-4.9 10.9-10.9V53.3c0-6-4.9-10.9-10.9-10.9H91.9zM239.1 144.8H91.9c-1 0-1.9-0.9-1.9-1.9V53.3c0-1 0.9-1.9 1.9-1.9h147.2c1 0 1.9 0.9 1.9 1.9v89.6C241.1 143.9 240.2 144.8 239.1 144.8zM93.1 141.8h145V54.4h-145V141.8z'/%3E%3Cpath d='M213.6 79.3h-96c-3.3 0-6 2.7-6 6 0 3.3 2.7 6 6 6h96c3.3 0 6-2.7 6-6C219.6 82 216.9 79.3 213.6 79.3L213.6 79.3zM213.6 79.3'/%3E%3Cpath d='M213.6 92.8h-96c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5h96c4.1 0 7.5 3.4 7.5 7.5S217.7 92.8 213.6 92.8zM117.6 80.8c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5h96c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5H117.6z'/%3E%3Cpath d='M136.8 104.9h-19.2c-3.3 0-6 2.7-6 6 0 3.3 2.7 6 6 6h19.2c3.3 0 6-2.7 6-6C142.8 107.6 140.1 104.9 136.8 104.9L136.8 104.9zM136.8 104.9'/%3E%3Cpath d='M136.8 118.4h-19.2c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5h19.2c4.1 0 7.5 3.4 7.5 7.5S140.9 118.4 136.8 118.4zM117.6 106.4c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5h19.2c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5H117.6z'/%3E%3Cpath d='M213.6 104.9h-51.2c-3.3 0-6 2.7-6 6 0 3.3 2.7 6 6 6h51.2c3.3 0 6-2.7 6-6C219.6 107.6 216.9 104.9 213.6 104.9L213.6 104.9zM213.6 104.9'/%3E%3Cpath d='M213.6 118.4h-51.2c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5h51.2c4.1 0 7.5 3.4 7.5 7.5S217.7 118.4 213.6 118.4zM162.4 106.4c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5h51.2c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5H162.4z'/%3E%3C/svg%3E"); }
      @media only screen and (max-width: 767px) {
        #side #tracking-code:before .media-picto {
          height: 40px;
          width: 40px;
          background-size: 20px; } }
    #side #tracking-code h3 {
      font-size: 1.8rem;
      font-family: "OpenSans", arial;
      font-weight: 600;
      color: #505050; }
    #side #tracking-code a {
      font-family: "MontSerrat", arial;
      font-weight: 700;
      color: #31455d;
      font-size: 2.5rem;
      text-transform: uppercase;
      line-height: 1; }
  #side #steps {
    margin-bottom: 30px; }
    #side #steps > h2 {
      display: none; }
    #side #steps ol {
      display: flex;
      justify-content: space-between;
      max-width: 800px;
      margin: 0 auto;
      position: relative; }
      #side #steps ol:before {
        content: '';
        background-color: #46cfc0;
        position: absolute;
        top: 35px;
        left: 30px;
        width: calc(100% - 60px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 4px;
        z-index: 0; }
        @media only screen and (max-width: 767px) {
          #side #steps ol:before {
            top: 14px; } }
      #side #steps ol li {
        display: block;
        text-align: center;
        width: 160px;
        z-index: 2; }
        #side #steps ol li.first:before {
          content: '';
          background-color: #ffffff;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          z-index: -1;
          width: 60px; }
          @media only screen and (max-width: 767px) {
            #side #steps ol li.first:before {
              display: none; } }
        #side #steps ol li.last:after {
          content: '';
          background-color: #ffffff;
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          z-index: -1;
          width: 60px; }
          @media only screen and (max-width: 767px) {
            #side #steps ol li.last:after {
              display: none; } }
        @media only screen and (max-width: 767px) {
          #side #steps ol li {
            width: unset; } }
        #side #steps ol li .marker {
          z-index: 10;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          width: 70px;
          height: 70px;
          color: #FFFFFF;
          font-family: "MontSerrat", arial;
          font-weight: 500;
          font-size: 3.0rem;
          margin-bottom: 10px;
          position: relative; }
          #side #steps ol li .marker:before {
            content: '';
            display: block;
            height: 100%;
            width: 100%;
            left: 0;
            top: -2px;
            position: absolute;
            z-index: -1;
            border-radius: 50%; }
            @media only screen and (max-width: 767px) {
              #side #steps ol li .marker:before {
                top: -1px; } }
          @media only screen and (max-width: 767px) {
            #side #steps ol li .marker {
              height: 30px;
              width: 30px;
              font-size: 1.4rem; } }
        #side #steps ol li .label {
          display: inline-block;
          color: #31455d;
          font-size: 1.7rem;
          font-weight: 700;
          display: block;
          hyphens: auto;
          max-width: 100%;
          white-space: normal;
          padding: 0;
          text-transform: uppercase; }
          @media only screen and (max-width: 767px) {
            #side #steps ol li .label {
              display: none; } }
        #side #steps ol li.step-before .marker:before {
          background-color: #46cfc0; }
        #side #steps ol li.current .marker:before {
          background-color: #46cfc0; }
        #side #steps ol li.step-after .marker:before {
          background-color: #31455d; }

/* La structure des champs formulaire est calquée sur l'html des "démarches" :
    div.widget
        div.title > Label
        div.content > inputs

    Les noms des widgets sont également utilisés pour spécifier notamment les boutons radio / checkboxes (.CheckboxesWidget, .RadiobuttonsWidget).
*/
#rub_service,
.mseu-main-form {
  clear: both;
  margin-bottom: 40px; }
  #rub_service h4,
  .mseu-main-form h4 {
    padding-left: 0; }
  #rub_service h3,
  .mseu-main-form h3 {
    padding-left: 0; }
  #rub_service fieldset,
  .mseu-main-form fieldset {
    background-color: #F6F6F6;
    padding: 40px;
    margin-bottom: 35px; }
    #rub_service fieldset > *:last-child,
    .mseu-main-form fieldset > *:last-child {
      margin-bottom: 0; }
    #rub_service fieldset input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #rub_service fieldset select,
    .mseu-main-form fieldset input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar),
    .mseu-main-form fieldset select {
      background-color: #FFFFFF; }
    @media only screen and (max-width: 767px) {
      #rub_service fieldset,
      .mseu-main-form fieldset {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px; } }
  #rub_service .previous-button .btn-arrow,
  .mseu-main-form .previous-button .btn-arrow {
    order: 1;
    margin-right: 20px;
    transform: rotate(180deg);
    margin-left: 0; }
  #rub_service .previous-button .btn-text,
  .mseu-main-form .previous-button .btn-text {
    order: 2; }
  #rub_service .cancel-button .btn-arrow,
  .mseu-main-form .cancel-button .btn-arrow {
    display: none !important; }

#rub_service .previous-button button,
.mseu-main-form .previous-button button {
  padding: 15px 20px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: transparent;
  transition: all, 0.5s;
  overflow: hidden;
  background-color: #46cfc0;
  color: #31455d;
  font-family: "MontSerrat", arial;
  text-transform: uppercase;
  font-size: 1.4rem; }
  #rub_service .previous-button button:before,
  .mseu-main-form .previous-button button:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2331455d' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E");
    vertical-align: middle;
    margin-right: 20px;
    transform: rotate(180deg); }
  #rub_service .previous-button button:hover, #rub_service .previous-button button:focus,
  .mseu-main-form .previous-button button:hover,
  .mseu-main-form .previous-button button:focus {
    background-color: #31455d;
    color: #FFFFFF; }
    #rub_service .previous-button button:hover:before, #rub_service .previous-button button:focus:before,
    .mseu-main-form .previous-button button:hover:before,
    .mseu-main-form .previous-button button:focus:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2346cfc0' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }

#rub_service .cancel-button button,
.mseu-main-form .cancel-button button {
  padding: 15px 20px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: transparent;
  transition: all, 0.5s;
  overflow: hidden;
  color: #31455d;
  font-family: "MontSerrat", arial;
  text-transform: uppercase;
  font-size: 1.4rem;
  border-bottom: solid 1px #31455d; }
  #rub_service .cancel-button button:hover, #rub_service .cancel-button button:focus,
  .mseu-main-form .cancel-button button:hover,
  .mseu-main-form .cancel-button button:focus {
    background-color: #31455d;
    color: #46cfc0; }
    #rub_service .cancel-button button:hover:after, #rub_service .cancel-button button:focus:after,
    .mseu-main-form .cancel-button button:hover:after,
    .mseu-main-form .cancel-button button:focus:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2346cfc0' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }

#rub_service .submit-button button,
.mseu-main-form .submit-button button {
  padding: 15px 20px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: transparent;
  transition: all, 0.5s;
  overflow: hidden;
  background-color: #46cfc0;
  color: #31455d;
  font-family: "MontSerrat", arial;
  text-transform: uppercase;
  font-size: 1.4rem; }
  #rub_service .submit-button button:after,
  .mseu-main-form .submit-button button:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2331455d' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E");
    vertical-align: middle;
    margin-left: 20px; }
  #rub_service .submit-button button:hover, #rub_service .submit-button button:focus,
  .mseu-main-form .submit-button button:hover,
  .mseu-main-form .submit-button button:focus {
    background-color: #31455d;
    color: #46cfc0; }
    #rub_service .submit-button button:hover:after, #rub_service .submit-button button:focus:after,
    .mseu-main-form .submit-button button:hover:after,
    .mseu-main-form .submit-button button:focus:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2346cfc0' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }

#rub_service h2,
.mseu-main-form h2, #content div.textcell h2, #content h2 {
  margin-bottom: 20px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    #rub_service h2,
    .mseu-main-form h2, #content div.textcell h2, #content h2 {
      margin-bottom: 20px; } }

#rub_service h3,
.mseu-main-form h3, #content div.textcell h3, #content h3 {
  margin-bottom: 20px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    #rub_service h3,
    .mseu-main-form h3, #content div.textcell h3, #content h3 {
      margin-bottom: 20px; } }

#rub_service h4,
.mseu-main-form h4, #content div.textcell h4, #content h4 {
  margin-bottom: 20px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    #rub_service h4,
    .mseu-main-form h4, #content div.textcell h4, #content h4 {
      margin-bottom: 15px; } }

#rub_service h5,
.mseu-main-form h5, #content div.textcell h5, #content h5 {
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    #rub_service h5,
    .mseu-main-form h5, #content div.textcell h5, #content h5 {
      margin-bottom: 10px; } }

#content div.textcell .image-xs.type-image figure {
  width: 240px; }

#content div.textcell .image-sm.type-image figure {
  width: 400px; }

#content div.textcell .image-md.type-image figure {
  width: 675px; }

#content div.textcell .image-left.type-image figure {
  float: left;
  margin-right: 40px; }

#content div.textcell .image-right.type-image figure {
  float: right;
  margin-left: 40px; }

#rub_service strong,
.mseu-main-form strong, #content div.textcell strong, #content strong {
  font-weight: 600;
  color: #505050; }

#rub_service em,
.mseu-main-form em, #content div.textcell em, #content em {
  font-style: italic;
  color: #505050; }

#rub_service sup,
.mseu-main-form sup, #content div.textcell sup, #content sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal; }

#rub_service sub,
.mseu-main-form sub, #content div.textcell sub, #content sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal; }

#rub_service a.btn-square--filled--second,
.mseu-main-form a.btn-square--filled--second, #content a.btn-square--filled--second {
  text-decoration: none; }

#rub_service a.external:not(.wi-link-group):after,
.mseu-main-form a.external:not(.wi-link-group):after, #content a.external:not(.wi-link-group):after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2331455d'   viewBox='-49 141 512 512'%3E%3Cpath d='M439.7 141H253.5c-12.9 0-23.3 10.4-23.3 23.3 0 12.9 10.4 23.3 23.3 23.3h130L144 427.1c-9.1 9.1-9.1 23.8 0 32.9 4.5 4.5 10.5 6.8 16.5 6.8 6 0 11.9-2.3 16.5-6.8l239.5-239.5v130c0 12.9 10.4 23.3 23.3 23.3S463 363.3 463 350.5V164.3C463 151.4 452.6 141 439.7 141z'/%3E%3Cpath d='M346.6 373.7c-12.9 0-23.3 10.4-23.3 23.3v209.5H-2.5V280.6H207c12.9 0 23.3-10.4 23.3-23.3s-10.4-23.3-23.3-23.3H-25.7c-12.9 0-23.3 10.4-23.3 23.3v372.4C-49 642.6-38.6 653-25.7 653h372.4c12.9 0 23.3-10.4 23.3-23.3V397C369.9 384.1 359.5 373.7 346.6 373.7z'/%3E%3C/svg%3E");
  margin-left: 5px; }

#content div.textcell .table-content {
  clear: both;
  width: 100%;
  border-collapse: separate; }
  #content div.textcell .table-content caption {
    visibility: hidden; }
  #content div.textcell .table-content td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    color: #595959; }
    #content div.textcell .table-content td > *:last-child {
      margin-bottom: 0; }
  #content div.textcell .table-content th {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    padding: 20px;
    background-color: #f4f4f4;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    color: #212121; }
    #content div.textcell .table-content th > *:last-child {
      margin-bottom: 0; }
  #content div.textcell .table-content tbody > tr:nth-child(even) {
    background-color: #e7ecf2; }
  @media (max-width: 39.9375em) {
    #content div.textcell .tablesaw-stack.table-content td {
      display: flex;
      flex-wrap: wrap; }
    #content div.textcell .tablesaw-stack.table-content td .tablesaw-cell-label, #content div.textcell .tablesaw-stack.table-content th .tablesaw-cell-label {
      hyphens: auto;
      word-wrap: break-word; }
    #content div.textcell .table-content b {
      font-weight: 600;
      color: #212121; }
    #content div.textcell .table-content td, #content div.textcell .table-content th {
      text-align: left; }
      #content div.textcell .table-content td:nth-child(even), #content div.textcell .table-content th:nth-child(even) {
        background-color: #e7ecf2; }
    #content div.textcell .table-content tr {
      display: block;
      border-color: #31455d;
      border-width: 1px; } }

#content div.textcell {
  /* Headings */
  /* Inlines */
  /* Images */
  /* Listes */
  /* MEDIAS */ }
  #content div.textcell .field-item {
    clear: both; }
  #content div.textcell p {
    margin-bottom: 10px; }
  #content div.textcell .table-content {
    clear: both;
    margin-bottom: 40px; }
  #content div.textcell .media {
    clear: both;
    margin-bottom: 40px; }
  #content div.textcell .quote {
    clear: both;
    margin-bottom: 40px; }
    #content div.textcell .quote > *:last-child {
      margin-bottom: 0; }
  #content div.textcell .highlight-content {
    clear: both;
    margin-bottom: 40px; }
  #content div.textcell .slider-int {
    clear: both;
    margin-bottom: 40px; }
  #content div.textcell .grid-trombinoscope {
    clear: both;
    margin-bottom: 40px; }
  #content div.textcell .link-group {
    clear: both;
    margin-bottom: 40px; }

.layout-demarche {
  padding: 30px 0; }
  .layout-demarche__title, #content div.cell h2.layout-demarche__title:first-child {
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "MontSerrat", arial;
    color: #31455d;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
    line-height: 1.2em; }
    .layout-demarche__title:before, #content div.cell h2.layout-demarche__title:first-child:before {
      display: block;
      content: '';
      width: 53px;
      height: 20px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0 auto;
      margin-bottom: 10px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%2346cfc0' width='371.9' height='82.2'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath d='M351.926 42.6c-13.2 0-20.6-5.8-31.8-16.2-11.3-10.3-26.4-26.4-50.9-26.4h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.7 8.8-16.6 14.8-27.4 16.2-1.4 0-3 .5-4.9.5-13.2 0-20.6-5.8-31.8-16.2-3-2.5-5.8-5.4-9.3-8.8-10.3-8.8-23-18.1-41.6-18.1h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.8 8.8-16.6 14.7-27.4 16.2-1.4 0-3 .5-4.9.5-2.5 0-5.4.5-7.4 1.4-1 .5-2.5 1-3.4 1.9-5.4 3.4-9.3 9.8-9.3 16.2 0 2.5.5 5.4 1.4 7.4 1 2.5 2.5 4.4 4.4 6.4 1 1 1.9 1.9 3 2.5 1 .5 1.9 1.4 3.4 1.9 1.4.5 2.5 1 3.9 1 1.5.4 2.5.4 4 .4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 3 1.4 6.9 3.9 11.3 8.3 2.5 1.9 5.4 4.4 8.3 7.4 12.3 11.3 31.4 26.4 58.7 26.4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 1.4.5 3.4 1.9 5.4 3 3.9 2.5 8.3 6.9 14.7 12.2 12.3 11.3 31.4 26.4 58.8 26.4h1.9c10.3-.5 19.6-10.3 18.6-20.5.7-10.3-9.6-19.1-19.9-18.6z'/%3E%3C/g%3E%3C/svg%3E"); }
      @media only screen and (max-width: 767px) {
        .layout-demarche__title:before, #content div.cell h2.layout-demarche__title:first-child:before {
          width: 43px;
          height: 15px; } }
    @media only screen and (max-width: 767px) {
      .layout-demarche__title, #content div.cell h2.layout-demarche__title:first-child {
        font-size: 2rem;
        margin-bottom: 20px; }
        .layout-demarche__title:before, #content div.cell h2.layout-demarche__title:first-child:before {
          margin-bottom: 5px; } }
  .layout-demarche__description {
    font-size: 2.0rem;
    line-height: 1.2em;
    color: #5c5c5c;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .layout-demarche__description {
        font-size: 1.6rem; } }
  .layout-demarche--highlighted {
    background-color: #46cfc0;
    border-radius: 7px;
    padding: 50px; }
    @media only screen and (max-width: 1279px) {
      .layout-demarche--highlighted {
        padding: 30px; } }
    @media only screen and (max-width: 767px) {
      .layout-demarche--highlighted {
        padding: 20px; } }
    .layout-demarche--highlighted .layout-demarche__title:before, .layout-demarche--highlighted #content div.cell h2.layout-demarche__title:first-child:before, #content div.cell .layout-demarche--highlighted h2.layout-demarche__title:first-child:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23FFFFFF' width='371.9' height='82.2'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath d='M351.926 42.6c-13.2 0-20.6-5.8-31.8-16.2-11.3-10.3-26.4-26.4-50.9-26.4h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.7 8.8-16.6 14.8-27.4 16.2-1.4 0-3 .5-4.9.5-13.2 0-20.6-5.8-31.8-16.2-3-2.5-5.8-5.4-9.3-8.8-10.3-8.8-23-18.1-41.6-18.1h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.8 8.8-16.6 14.7-27.4 16.2-1.4 0-3 .5-4.9.5-2.5 0-5.4.5-7.4 1.4-1 .5-2.5 1-3.4 1.9-5.4 3.4-9.3 9.8-9.3 16.2 0 2.5.5 5.4 1.4 7.4 1 2.5 2.5 4.4 4.4 6.4 1 1 1.9 1.9 3 2.5 1 .5 1.9 1.4 3.4 1.9 1.4.5 2.5 1 3.9 1 1.5.4 2.5.4 4 .4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 3 1.4 6.9 3.9 11.3 8.3 2.5 1.9 5.4 4.4 8.3 7.4 12.3 11.3 31.4 26.4 58.7 26.4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 1.4.5 3.4 1.9 5.4 3 3.9 2.5 8.3 6.9 14.7 12.2 12.3 11.3 31.4 26.4 58.8 26.4h1.9c10.3-.5 19.6-10.3 18.6-20.5.7-10.3-9.6-19.1-19.9-18.6z'/%3E%3C/g%3E%3C/svg%3E"); }
    .layout-demarche--highlighted .layout-demarche__description {
      color: #31455d; }
  .layout-demarche--serial .layout-flex {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .layout-demarche--serial .layout-flex {
        display: block; } }
  .layout-demarche--serial .layout-left {
    width: 210px;
    flex-shrink: 0; }
    @media only screen and (max-width: 767px) {
      .layout-demarche--serial .layout-left {
        width: 100%; } }
  .layout-demarche--serial .layout-right {
    width: 605px; }
    @media only screen and (max-width: 1279px) {
      .layout-demarche--serial .layout-right {
        width: 450px; } }
    @media only screen and (max-width: 767px) {
      .layout-demarche--serial .layout-right {
        width: 100%; } }
  .layout-demarche--serial .layout-demarche__title, .layout-demarche--serial #content div.cell h2.layout-demarche__title:first-child, #content div.cell .layout-demarche--serial h2.layout-demarche__title:first-child {
    text-align: left; }
    .layout-demarche--serial .layout-demarche__title:before, .layout-demarche--serial #content div.cell h2.layout-demarche__title:first-child:before, #content div.cell .layout-demarche--serial h2.layout-demarche__title:first-child:before {
      margin-left: 0; }
    @media only screen and (max-width: 767px) {
      .layout-demarche--serial .layout-demarche__title, .layout-demarche--serial #content div.cell h2.layout-demarche__title:first-child, #content div.cell .layout-demarche--serial h2.layout-demarche__title:first-child {
        text-align: center; }
        .layout-demarche--serial .layout-demarche__title:before, .layout-demarche--serial #content div.cell h2.layout-demarche__title:first-child:before, #content div.cell .layout-demarche--serial h2.layout-demarche__title:first-child:before {
          margin-left: auto; } }
  .layout-demarche--serial .form-group {
    margin-bottom: 0; }
    @media only screen and (min-width: 1280px) {
      .layout-demarche--serial .form-group {
        display: flex; }
        .layout-demarche--serial .form-group .form-field {
          flex: 1; }
        .layout-demarche--serial .form-group .form-field + .form-actions {
          margin-left: 20px; } }
    @media only screen and (max-width: 1279px) {
      .layout-demarche--serial .form-group .form-actions {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px; } }

.layout-demarche-twins {
  display: flex;
  justify-content: space-between;
  border-top: solid 2px #f6f6f6;
  border-bottom: solid 2px #f6f6f6; }
  .layout-demarche-twins .layout-demarche {
    width: 440px;
    max-width: 100%;
    padding: 30px 0; }
  @media only screen and (max-width: 1279px) {
    .layout-demarche-twins {
      display: block; }
      .layout-demarche-twins .layout-demarche {
        width: 100%;
        margin: 0 auto; } }

@font-face {
  font-family: 'FontAwesome';
  src: url("/static/xstatic/fonts/fontawesome-webfont.eot");
  src: url("/static/xstatic/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/static/xstatic/fonts/fontawesome-webfont.woff") format("woff"), url("/static/xstatic/fonts/fontawesome-webfont.ttf") format("truetype"), url("/static/xstatic/fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

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;
  text-transform: none;
  background: transparent;
  color: #31455D;
  box-sizing: border-box;
  padding: 0.7rem 1rem;
  border-radius: 0;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
  font-size: 15.4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  border-bottom: 0;
  border-top: 0; }

html, body {
  margin: 0;
  min-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,
div#page main {
  -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: 1000px;
  margin: 0 auto; }

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

div#main-content-wrapper {
  position: relative;
  z-index: 100;
  max-width: 1000px;
  margin: 0px auto 0px auto;
  padding: 0; }
  @media screen and (max-width: 800px) {
    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;
  max-width: 100%; }

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

@media screen and (max-width: 800px) {
  #columns {
    padding: 0 0.7em;
    max-width: 100%; }
  #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;
      max-width: 100%;
      margin: 0 0.7em; }
      .gru-content #sidebar div.cell {
        margin-left: 0;
        margin-right: 0; } }

#footer-wrapper {
  clear: both;
  padding: 0.7em 0 1.5em 0;
  background-color: #3a3a3a;
  color: #b4b4b4; }
  #footer-wrapper::after {
    content: '';
    display: block;
    clear: both; }

h1#logo {
  padding-left: 0; }

@media screen and (max-width: 800px) {
  .desktop-only {
    display: none; } }

@media screen and (min-width: 801px) {
  .mobile-only {
    display: none; } }

.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: 800px) {
  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: 45em; }
  div.a2-block form, div.a2-block p {
    margin: 1em 0.5em; }
  @media screen and (max-width: 800px) {
    div.a2-block {
      margin: 0 auto; } }

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: white;
  color: inherit;
  box-sizing: border-box;
  border-radius: 0;
  border: 0; }

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 .cell.wcsformsofcategorycell h2 + div {
  padding: 0; }

.gru-content .cell.wcsformsofcategorycell h2 + div.intro {
  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;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

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; }
  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: #31455D;
    border-bottom: 1px solid #ccc;
    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 white;
    padding: 0 1rem;
    font-size: 90%;
    color: #666;
    border-bottom: 1px solid #ccc; }
    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: 0.7em; }

.gru-content div.wcsformsofcategorycell picture img {
  max-width: 100%;
  display: block;
  padding: 0.5rem;
  box-sizing: border-box; }

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: 0.7em; }

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: 0.7em; }
  .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: 0.7em; }

.gru-content div.cell div.textcell {
  /* don't include margins/borders for textcells embedded in
		 * other cells (via extra placeholders) */
  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 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 1em; }
  div.searchcell form input {
    -ms-flex: 1;
    flex: 1;
    margin-right: 1rem; }
  div.searchcell form button {
    margin-right: 0; }
  div.searchcell form::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #aaa;
    width: 0%; }
  div.searchcell form.searching::after {
    -webkit-animation: cell-loading-pulse 0.5s linear infinite alternate;
    animation: cell-loading-pulse 0.5s linear infinite alternate; }

#sidebar div.searchcell form {
  display: block; }
  #sidebar div.searchcell form input {
    width: 100%; }

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: 1.5em 0.7em;
  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: 0.7em; }
  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; }

.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.3em 0; }

div.feedcell div.feed-content div,
div.feedcell div.feed-content p {
  margin: 0.3em 0 1em 0; }

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

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: 0.7em; }

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; }

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: 800px) {
  div#login-page.methods2 > div.block,
  div#login-page.methods3 > div.block {
    width: auto;
    float: none;
    margin: 0.7em; } }

div.cell hr {
  width: 80%; }

.gru-content div.tipipaymentformcell > div > div {
  padding: 0 1em; }
  .gru-content div.tipipaymentformcell > div > div form #exer, .gru-content div.tipipaymentformcell > div > div form #idligne, .gru-content div.tipipaymentformcell > div > div form #idpce,
  .gru-content div.tipipaymentformcell > div > div form #rolrec, .gru-content div.tipipaymentformcell > div > div form #roldeb, .gru-content div.tipipaymentformcell > div > div form #roldet,
  .gru-content div.tipipaymentformcell > div > div form #montant_euros, .gru-content div.tipipaymentformcell > div > div form #montant_cents {
    width: auto; }

div.familyinfoscell h3 {
  padding: 5px 0;
  margin: 5px 0; }

div.familyinfoscell div.address {
  margin: 0.7em 0; }
  div.familyinfoscell div.address h4 {
    margin: 0; }

div.familyinfoscell div.family-data {
  padding-bottom: 1.5em;
  border-bottom: 0; }

div.familyinfoscell div.family_unlink {
  text-align: right; }

div.familyinfoscell div.family_members {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    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: 800px) {
    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: 0;
    padding-bottom: 0.7em;
    margin: 0.7em 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; }

div.cell.foldable > div > h2:first-child {
  cursor: pointer; }
  div.cell.foldable > div > h2:first-child::after {
    font-family: FontAwesome;
    content: "\f106";
    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"; }

div.cell.foldable.folded > div > * {
  display: none; }

#footer .menucell {
  /* custom style for menu cells in footer, center links on a single line */
  text-align: center; }
  #footer .menucell li {
    display: inline-block;
    border-right: 1px solid #b4b4b4; }
    #footer .menucell li:last-child {
      border-right: none; }
    #footer .menucell li a {
      border-radius: 0;
      border: none;
      color: #ffffff;
      padding: 0.5rem 1rem; }
      #footer .menucell li a:hover {
        background: none; }
        #footer .menucell li a:hover::after {
          content: none; }

div.gallerycell div.gallery {
  text-align: center; }
  div.gallerycell div.gallery img {
    max-width: 100%;
    border: 1px solid #888; }

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.3em 0.7em; }
        .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.3em;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-prev::after {
      font-family: FontAwesome;
      content: "\f060"; }
    .ui-datepicker .ui-datepicker-prev span {
      display: none; }
  .ui-datepicker .ui-datepicker-next {
    display: block;
    position: absolute;
    right: 0.3em;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-next::after {
      font-family: FontAwesome;
      content: "\f061"; }
    .ui-datepicker .ui-datepicker-next span {
      display: none; }

.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";
        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: 0.7em; }

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 0.7em;
    position: relative;
    min-height: 0; }
    ul.ui-autocomplete li:hover {
      background: #eee; }

div.textcell h3,
div.textcell h4,
div.textcell h5,
div.textcell p,
div.textcell table {
  margin: 0.7em 0.5rem; }

@media screen and (max-width: 800px) {
  img {
    max-width: 100%; } }

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;
  white-space: pre;
  opacity: 0.9;
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    span#environment-label,
    div#footer div.cell.test-banner {
      top: auto;
      bottom: 3rem;
      right: -1rem;
      width: 25vw;
      padding: 0 1rem;
      font-size: 70%;
      opacity: 0.7;
      border: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: bottom right;
      -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      -o-transform-origin: bottom right;
      transform-origin: bottom right; } }

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: 800px) {
  #welcome-text,
  #login-methods {
    width: auto;
    float: none; } }

br.clear {
  clear: both; }

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

div#login-methods input {
  margin-left: 0.7em; }

.block-fc a.button:focus {
  outline: 1px dotted #31455d; }

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

#profile div.value {
  margin-left: 0;
  margin-bottom: 0.7em; }
  #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: 800px) {
    a#publik-portal-agent {
      display: none; } }

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

@media screen and (max-width: 800px) {
  body.pwa div#consent_banner {
    position: absolute;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 8px 1px #333;
    top: 0;
    bottom: auto; } }

.block-password input[type=text], .block-password input[type=password] {
  width: 25em; }

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

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

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; }

#messages ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#messages li,
div.infonotice,
div.successnotice,
div.warningnotice,
div.errornotice,
form ul.errorlist.nonfield li,
div.widget div.content div.error {
  background: #F9DEDE;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem;
  position: relative;
  min-height: 2rem; }
  #messages li::before,
  div.infonotice::before,
  div.successnotice::before,
  div.warningnotice::before,
  div.errornotice::before,
  form ul.errorlist.nonfield li::before,
  div.widget div.content div.error::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, div.widget div.content div.error p {
    margin: 0 0 0.6rem 0; }
    #messages li p:first-child,
    div.infonotice p:first-child,
    div.successnotice p:first-child,
    div.warningnotice p:first-child,
    div.errornotice p:first-child, form ul.errorlist.nonfield li p:first-child, div.widget div.content div.error p:first-child {
      padding-top: 0.5rem; }
    #messages li p:last-child,
    div.infonotice p:last-child,
    div.successnotice p:last-child,
    div.warningnotice p:last-child,
    div.errornotice p:last-child, form ul.errorlist.nonfield li p:last-child, div.widget div.content div.error p:last-child {
      margin-bottom: 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"; }

#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; }

table.invoices th.invoice-amount {
  text-align: right;
  padding-right: 0.7em; }

td.amount {
  text-align: right; }

table.invoices {
  width: 100%; }
  table.invoices th {
    text-align: left;
    padding: 0.3em; }
  table.invoices td {
    padding: 0.3em 0.7em; }
  table.invoices tr:nth-child(even) {
    background: #eee; }
  table.invoices td:last-child {
    width: 8em;
    line-height: 150%; }
  table.invoices a.icon-view, table.invoices a.icon-pdf {
    white-space: nowrap; }
  table.invoices a.icon-view:before {
    padding-right: 0.7em;
    font-family: FontAwesome;
    content: "\f06e\00a0"; }
  table.invoices a.icon-pdf:before {
    padding-right: 0.7em;
    font-family: FontAwesome;
    content: "\f1c1\00a0"; }

div.ui-dialog #item span.amount, div.ui-dialog #item span.timestamp {
  position: absolute;
  right: 1em; }

div.ui-dialog #item div {
  margin: 1.5em 0;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.3em; }
  div.ui-dialog #item div.paid-info::before, div.ui-dialog #item div.no-online-payment-reason::before {
    content: '\f05a';
    font-family: FontAwesome;
    margin-right: 0.3em; }

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

div#user-files {
  position: relative; }
  div#user-files table {
    width: 100%;
    border-collapse: collapse; }
  div#user-files th {
    text-align: left;
    padding: 0.3em;
    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.3em 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";
      color: #31455d; }
  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: #31455d;
    margin-right: 0; }
  div#user-files button.icon-remove-sign::before {
    font-family: FontAwesome;
    content: "\f057"; }
  div#user-files td.action-column {
    width: 1.5em;
    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 {
  min-height: 2rem;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 1.5em 0.7em 1em 0; }
  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.3em;
  text-transform: lowercase; }

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

table.headers th {
  background: #31455d;
  color: white;
  padding: 0.7em 1em; }

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

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

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

div.meetings_table {
  margin-top: 0.7em;
  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: 0.7em; }
  div.meetings_table div span {
    display: block;
    cursor: pointer;
    padding: 0.2em 0; }
    div.meetings_table div span.disabled {
      opacity: 0.3;
      cursor: not-allowed; }
  div.meetings_table span.selectable:hover {
    background: #ccc;
    color: black; }
  div.meetings_table span.selectable.on {
    background: #31455d;
    color: white; }

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; }

.star-choice span::before {
  font-family: FontAwesome;
  content: "\f006";
  color: #888;
  font-size: 22px;
  display: inline-block;
  transition: transform ease 0.2s; }

.star-choice span.selected::before, .star-choice span:hover::before {
  content: "\f005";
  color: #ffaa00; }

.star-choice span:hover::before {
  transform: scale(1.4);
  opacity: 0.8; }

div.budget-table table {
  width: 100%; }

div.budget-table th {
  text-align: left;
  font-weight: normal; }

div.budget-table tbody td:last-child {
  width: 30%; }

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: 1rem; }
  @media screen and (max-width: 480px) {
    div[class*=grid-]:not(.never-alone) {
      width: 100%;
      padding-right: 0; } }
  div[class*=grid-] table, 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-] .select2-container {
    min-width: auto;
    width: 100% !important; }
  div[class*=grid-].newline {
    clear: both; }

div.dataview div[class*=grid-],
form div[class*=grid-] {
  box-sizing: content-box; }
  div.dataview div[class*=grid-] + h3, div.dataview div[class*=grid-] + h4,
  form div[class*=grid-] + h3,
  form div[class*=grid-] + h4 {
    padding-top: 1rem; }

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

div.dataview div[class*=grid-] + div.title, div.dataview div[class*=grid-] + div.subtitle {
  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% - 1rem); }

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

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

.grid-2-3 {
  width: calc( 66.66667% - 1rem); }

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

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

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

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

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

.grid-1-6 {
  width: calc( 16.66667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-1-6 {
      width: calc(33.33333% - 1rem); } }

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

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

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

.grid-5-6 {
  width: calc( 83.33333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-5-6 {
      width: calc(66.66667% - 1rem); } }

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

.grid-1-12 {
  width: calc( 8.33333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-1-12 {
      width: calc(33.33333% - 1rem); } }

.grid-2-12 {
  width: calc( 16.66667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-2-12 {
      width: calc(33.33333% - 1rem); } }

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

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

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

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

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

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

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

.grid-10-12 {
  width: calc( 83.33333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-10-12 {
      width: calc(66.66667% - 1rem); } }

.grid-11-12 {
  width: calc( 91.66667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-11-12 {
      width: calc(66.66667% - 1rem); } }

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

/* cancel the width: 1200px from site css */
#content div.cell h1 {
  width: auto; }

#content a {
  text-decoration: none; }

/* cancel hyphenation of some elements */
@media screen and (min-width: 500px) {
  #side #steps ol li .label,
  .section-demarches #rub_service h2,
  #content div.textcell h2, #content h2 {
    hyphens: none; } }

/* cancel focus state for input elements on validation page */
div#content div#rub_service div.form-validation input {
  cursor: default; }

div#content div#rub_service div.form-validation input:focus {
  border-color: transparent;
  background-color: #f6f6f6; }

/* style authentic forms */
div.block form button, div.a2-block form button,
div#content div#columns div.a2-block form input[type=submit],
#content div#login-page div.block form input[type=submit] {
  height: 50px;
  border-radius: 0;
  padding: 0 20px;
  transition: all, 0.5s;
  line-height: 50px;
  display: inline-block;
  width: auto;
  background-color: #46cfc0;
  border: none;
  color: #31455d;
  border-bottom: 1px solid transparent; }
  div.block form button:hover, div.block form button:focus, div.a2-block form button:hover, div.a2-block form button:focus,
  div#content div#columns div.a2-block form input[type=submit]:hover,
  div#content div#columns div.a2-block form input[type=submit]:focus,
  #content div#login-page div.block form input[type=submit]:hover,
  #content div#login-page div.block form input[type=submit]:focus {
    background-color: #31455d;
    color: #46cfc0; }
  div.block form button.submit-button, div.block form button.delete-button, div.block form button[value="Valider"], div.block form button[value="Modifier"], div.a2-block form button.submit-button, div.a2-block form button.delete-button, div.a2-block form button[value="Valider"], div.a2-block form button[value="Modifier"],
  div#content div#columns div.a2-block form input[type=submit].submit-button,
  div#content div#columns div.a2-block form input[type=submit].delete-button,
  div#content div#columns div.a2-block form input[type=submit][value="Valider"],
  div#content div#columns div.a2-block form input[type=submit][value="Modifier"],
  #content div#login-page div.block form input[type=submit].submit-button,
  #content div#login-page div.block form input[type=submit].delete-button,
  #content div#login-page div.block form input[type=submit][value="Valider"],
  #content div#login-page div.block form input[type=submit][value="Modifier"] {
    float: right;
    margin-right: 1ex; }
  div.block form button.cancel-button, div.block form button[name=cancel], div.a2-block form button.cancel-button, div.a2-block form button[name=cancel],
  div#content div#columns div.a2-block form input[type=submit].cancel-button,
  div#content div#columns div.a2-block form input[type=submit][name=cancel],
  #content div#login-page div.block form input[type=submit].cancel-button,
  #content div#login-page div.block form input[type=submit][name=cancel] {
    float: left;
    background: white;
    color: #31455d;
    border-bottom: 1px solid #31455d; }
    div.block form button.cancel-button:hover, div.block form button.cancel-button:focus, div.block form button[name=cancel]:hover, div.block form button[name=cancel]:focus, div.a2-block form button.cancel-button:hover, div.a2-block form button.cancel-button:focus, div.a2-block form button[name=cancel]:hover, div.a2-block form button[name=cancel]:focus,
    div#content div#columns div.a2-block form input[type=submit].cancel-button:hover,
    div#content div#columns div.a2-block form input[type=submit].cancel-button:focus,
    div#content div#columns div.a2-block form input[type=submit][name=cancel]:hover,
    div#content div#columns div.a2-block form input[type=submit][name=cancel]:focus,
    #content div#login-page div.block form input[type=submit].cancel-button:hover,
    #content div#login-page div.block form input[type=submit].cancel-button:focus,
    #content div#login-page div.block form input[type=submit][name=cancel]:hover,
    #content div#login-page div.block form input[type=submit][name=cancel]:focus {
      background-color: #31455d;
      color: #46cfc0; }

#content div#login-page div.block form button,
#content div#login-page div.block form input[type=submit] {
  /* center */
  display: block;
  margin: 0 auto 1.5rem auto; }

#content div#login-page div.block form button.cancel-button,
#content div#login-page div.block form button[name=cancel],
#content div#login-page div.block form input[type=submit][name=cancel] {
  display: none; }

.login-actions {
  clear: both; }

/* cancel/adjust things */
.section-demarches #rub_service .comment-field {
  font-style: inherit; }

div.hint b {
  font-weight: bold; }

div.hint i {
  font-style: italic; }

.ui-dialog-titlebar-close::after {
  content: "×";
  color: black; }

div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 100%; }

.section-demarches #rub_service .CheckboxesWidget input[type="checkbox"]:checked + span::after,
.section-demarches #rub_service .CheckboxesWidget input[type="checkbox"] + span::before,
.section-demarches #rub_service .RadiobuttonsWidget input[type="radio"]:checked + span::after,
.section-demarches #rub_service .RadiobuttonsWidget input[type="radio"] + span::before {
  top: 1.5ex; }

/* style formdata history */
ul#evolutions,
div#content #disclose-dataview,
div#receipt-intro {
  margin: 1em;
  padding: 0;
  display: block; }

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

p.use-file-from-fargo {
  margin-top: 1ex; }
  p.use-file-from-fargo span {
    display: inline-block;
    cursor: pointer;
    font-style: normal;
    text-transform: uppercase;
    color: #7D7D7D;
    border-bottom: 1px solid #7D7D7D;
    transition: all, 0.5s;
    font-size: 1.4rem;
    padding: 1ex; }
    p.use-file-from-fargo span:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237d7d7d' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E");
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-size: 14px;
      background-position: center;
      background-repeat: no-repeat;
      vertical-align: middle;
      margin-left: 20px; }
    p.use-file-from-fargo span:hover {
      background: #7D7D7D;
      color: white; }
      p.use-file-from-fargo span:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }

/* 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: 22px;
  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;
  line-height: 36px;
  font-family: FontAwesome;
  width: 40px;
  height: 40px;
  display: block;
  left: 10px;
  border-radius: 20px;
  border: 1px solid #888;
  top: 20px;
  background: white !important;
  color: #31455d !important; }

ul#evolutions li:first-child span.item:before {
  content: "\f067";
  /* plus */ }

ul#evolutions li.msg-system span.item:before {
  content: "\f141";
  /* ellipsis-h */ }

ul#evolutions li.endpoint span.item::before {
  content: "\f00c";
  /* check */ }

ul#evolutions li span.item:before {
  content: "\f075";
  /* comment */ }

div.dataview div.field {
  margin-bottom: 1ex; }

div.dataview span.label {
  color: inherit;
  font-weight: bold;
  white-space: normal; }

div.dataview .value {
  display: block;
  margin-left: 1ex; }

div#columns div#rub_service div#summary h2,
div#columns div#rub_service div#evolution-log h2 {
  margin-bottom: 1rem; }

div#columns div#rub_service div#evolution-log h2 {
  margin-top: 2em; }

ul#evolutions li::after {
  content: none; }

ul#evolutions li span.item {
  background: #31455D !important;
  color: white !important;
  border: none;
  line-height: 40px; }

#evolutions::after {
  height: calc(100% - 40px - 30px); }

div#content form#wf-actions button {
  padding: 15px 20px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: transparent;
  transition: all, 0.5s;
  overflow: hidden;
  background-color: #46cfc0;
  color: #31455d;
  font-family: "MontSerrat", arial;
  text-transform: uppercase;
  font-size: 1.4rem; }
  div#content form#wf-actions button:hover, div#content form#wf-actions button:focus {
    background-color: #31455d;
    color: #FFFFFF; }

main {
  z-index: 10; }

#rub_service > h2 {
  text-align: center; }
  #rub_service > h2::before {
    content: '';
    display: block;
    height: 40px;
    background-size: 50px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23dddddd' width='371.9' height='82.2'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath d='M351.926 42.6c-13.2 0-20.6-5.8-31.8-16.2-11.3-10.3-26.4-26.4-50.9-26.4h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.7 8.8-16.6 14.8-27.4 16.2-1.4 0-3 .5-4.9.5-13.2 0-20.6-5.8-31.8-16.2-3-2.5-5.8-5.4-9.3-8.8-10.3-8.8-23-18.1-41.6-18.1h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.8 8.8-16.6 14.7-27.4 16.2-1.4 0-3 .5-4.9.5-2.5 0-5.4.5-7.4 1.4-1 .5-2.5 1-3.4 1.9-5.4 3.4-9.3 9.8-9.3 16.2 0 2.5.5 5.4 1.4 7.4 1 2.5 2.5 4.4 4.4 6.4 1 1 1.9 1.9 3 2.5 1 .5 1.9 1.4 3.4 1.9 1.4.5 2.5 1 3.9 1 1.5.4 2.5.4 4 .4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 3 1.4 6.9 3.9 11.3 8.3 2.5 1.9 5.4 4.4 8.3 7.4 12.3 11.3 31.4 26.4 58.7 26.4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 1.4.5 3.4 1.9 5.4 3 3.9 2.5 8.3 6.9 14.7 12.2 12.3 11.3 31.4 26.4 58.8 26.4h1.9c10.3-.5 19.6-10.3 18.6-20.5.7-10.3-9.6-19.1-19.9-18.6z'/%3E%3C/g%3E%3C/svg%3E"); }

#side {
  border-top: none;
  padding-top: 0; }

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.widget div.content div.error {
  margin-top: 0; }

#steps.steps-1 {
  display: none; }

/* give a different style to page titles in validation page */
.section-demarches #rub_service div.form-validation div.page > h3 {
  margin-top: 60px; }

/* restyle elements in comment fields */
div.comment-field ul li:before {
  top: 10px; }

.section-demarches div#content div#rub_service .comment-field p {
  margin: 10px 0; }

/* reduce size of steps when there are too many of them; this is a copy of the
 * responsive part from src/02-particules/02-modules/forms/main-form/
 * _molecule-form-progressbar.scss
 */
#side #steps.steps-7 ol:before, #side #steps.steps-8 ol:before, #side #steps.steps-9 ol:before, #side #steps.steps-10 ol:before, #side #steps.steps-11 ol:before, #side #steps.steps-12 ol:before, #side #steps.steps-13 ol:before, #side #steps.steps-14 ol:before, #side #steps.steps-15 ol:before, #side #steps.steps-16 ol:before, #side #steps.steps-17 ol:before, #side #steps.steps-18 ol:before, #side #steps.steps-19 ol:before, #side #steps.steps-20 ol:before, #side #steps.steps-21 ol:before, #side #steps.steps-22 ol:before, #side #steps.steps-23 ol:before, #side #steps.steps-24 ol:before, #side #steps.steps-25 ol:before, #side #steps.steps-26 ol:before, #side #steps.steps-27 ol:before, #side #steps.steps-28 ol:before, #side #steps.steps-29 ol:before, #side #steps.steps-30 ol:before, #side #steps.steps-31 ol:before, #side #steps.steps-32 ol:before, #side #steps.steps-33 ol:before, #side #steps.steps-34 ol:before, #side #steps.steps-35 ol:before, #side #steps.steps-36 ol:before, #side #steps.steps-37 ol:before, #side #steps.steps-38 ol:before, #side #steps.steps-39 ol:before, #side #steps.steps-40 ol:before {
  top: 14px; }

#side #steps.steps-7 ol li, #side #steps.steps-8 ol li, #side #steps.steps-9 ol li, #side #steps.steps-10 ol li, #side #steps.steps-11 ol li, #side #steps.steps-12 ol li, #side #steps.steps-13 ol li, #side #steps.steps-14 ol li, #side #steps.steps-15 ol li, #side #steps.steps-16 ol li, #side #steps.steps-17 ol li, #side #steps.steps-18 ol li, #side #steps.steps-19 ol li, #side #steps.steps-20 ol li, #side #steps.steps-21 ol li, #side #steps.steps-22 ol li, #side #steps.steps-23 ol li, #side #steps.steps-24 ol li, #side #steps.steps-25 ol li, #side #steps.steps-26 ol li, #side #steps.steps-27 ol li, #side #steps.steps-28 ol li, #side #steps.steps-29 ol li, #side #steps.steps-30 ol li, #side #steps.steps-31 ol li, #side #steps.steps-32 ol li, #side #steps.steps-33 ol li, #side #steps.steps-34 ol li, #side #steps.steps-35 ol li, #side #steps.steps-36 ol li, #side #steps.steps-37 ol li, #side #steps.steps-38 ol li, #side #steps.steps-39 ol li, #side #steps.steps-40 ol li {
  width: unset; }
  #side #steps.steps-7 ol li.first::before, #side #steps.steps-8 ol li.first::before, #side #steps.steps-9 ol li.first::before, #side #steps.steps-10 ol li.first::before, #side #steps.steps-11 ol li.first::before, #side #steps.steps-12 ol li.first::before, #side #steps.steps-13 ol li.first::before, #side #steps.steps-14 ol li.first::before, #side #steps.steps-15 ol li.first::before, #side #steps.steps-16 ol li.first::before, #side #steps.steps-17 ol li.first::before, #side #steps.steps-18 ol li.first::before, #side #steps.steps-19 ol li.first::before, #side #steps.steps-20 ol li.first::before, #side #steps.steps-21 ol li.first::before, #side #steps.steps-22 ol li.first::before, #side #steps.steps-23 ol li.first::before, #side #steps.steps-24 ol li.first::before, #side #steps.steps-25 ol li.first::before, #side #steps.steps-26 ol li.first::before, #side #steps.steps-27 ol li.first::before, #side #steps.steps-28 ol li.first::before, #side #steps.steps-29 ol li.first::before, #side #steps.steps-30 ol li.first::before, #side #steps.steps-31 ol li.first::before, #side #steps.steps-32 ol li.first::before, #side #steps.steps-33 ol li.first::before, #side #steps.steps-34 ol li.first::before, #side #steps.steps-35 ol li.first::before, #side #steps.steps-36 ol li.first::before, #side #steps.steps-37 ol li.first::before, #side #steps.steps-38 ol li.first::before, #side #steps.steps-39 ol li.first::before, #side #steps.steps-40 ol li.first::before {
    display: none; }
  #side #steps.steps-7 ol li.last::after, #side #steps.steps-8 ol li.last::after, #side #steps.steps-9 ol li.last::after, #side #steps.steps-10 ol li.last::after, #side #steps.steps-11 ol li.last::after, #side #steps.steps-12 ol li.last::after, #side #steps.steps-13 ol li.last::after, #side #steps.steps-14 ol li.last::after, #side #steps.steps-15 ol li.last::after, #side #steps.steps-16 ol li.last::after, #side #steps.steps-17 ol li.last::after, #side #steps.steps-18 ol li.last::after, #side #steps.steps-19 ol li.last::after, #side #steps.steps-20 ol li.last::after, #side #steps.steps-21 ol li.last::after, #side #steps.steps-22 ol li.last::after, #side #steps.steps-23 ol li.last::after, #side #steps.steps-24 ol li.last::after, #side #steps.steps-25 ol li.last::after, #side #steps.steps-26 ol li.last::after, #side #steps.steps-27 ol li.last::after, #side #steps.steps-28 ol li.last::after, #side #steps.steps-29 ol li.last::after, #side #steps.steps-30 ol li.last::after, #side #steps.steps-31 ol li.last::after, #side #steps.steps-32 ol li.last::after, #side #steps.steps-33 ol li.last::after, #side #steps.steps-34 ol li.last::after, #side #steps.steps-35 ol li.last::after, #side #steps.steps-36 ol li.last::after, #side #steps.steps-37 ol li.last::after, #side #steps.steps-38 ol li.last::after, #side #steps.steps-39 ol li.last::after, #side #steps.steps-40 ol li.last::after {
    display: none; }
  #side #steps.steps-7 ol li .marker, #side #steps.steps-8 ol li .marker, #side #steps.steps-9 ol li .marker, #side #steps.steps-10 ol li .marker, #side #steps.steps-11 ol li .marker, #side #steps.steps-12 ol li .marker, #side #steps.steps-13 ol li .marker, #side #steps.steps-14 ol li .marker, #side #steps.steps-15 ol li .marker, #side #steps.steps-16 ol li .marker, #side #steps.steps-17 ol li .marker, #side #steps.steps-18 ol li .marker, #side #steps.steps-19 ol li .marker, #side #steps.steps-20 ol li .marker, #side #steps.steps-21 ol li .marker, #side #steps.steps-22 ol li .marker, #side #steps.steps-23 ol li .marker, #side #steps.steps-24 ol li .marker, #side #steps.steps-25 ol li .marker, #side #steps.steps-26 ol li .marker, #side #steps.steps-27 ol li .marker, #side #steps.steps-28 ol li .marker, #side #steps.steps-29 ol li .marker, #side #steps.steps-30 ol li .marker, #side #steps.steps-31 ol li .marker, #side #steps.steps-32 ol li .marker, #side #steps.steps-33 ol li .marker, #side #steps.steps-34 ol li .marker, #side #steps.steps-35 ol li .marker, #side #steps.steps-36 ol li .marker, #side #steps.steps-37 ol li .marker, #side #steps.steps-38 ol li .marker, #side #steps.steps-39 ol li .marker, #side #steps.steps-40 ol li .marker {
    height: 30px;
    width: 30px;
    font-size: 1.4rem; }
    #side #steps.steps-7 ol li .marker::before, #side #steps.steps-8 ol li .marker::before, #side #steps.steps-9 ol li .marker::before, #side #steps.steps-10 ol li .marker::before, #side #steps.steps-11 ol li .marker::before, #side #steps.steps-12 ol li .marker::before, #side #steps.steps-13 ol li .marker::before, #side #steps.steps-14 ol li .marker::before, #side #steps.steps-15 ol li .marker::before, #side #steps.steps-16 ol li .marker::before, #side #steps.steps-17 ol li .marker::before, #side #steps.steps-18 ol li .marker::before, #side #steps.steps-19 ol li .marker::before, #side #steps.steps-20 ol li .marker::before, #side #steps.steps-21 ol li .marker::before, #side #steps.steps-22 ol li .marker::before, #side #steps.steps-23 ol li .marker::before, #side #steps.steps-24 ol li .marker::before, #side #steps.steps-25 ol li .marker::before, #side #steps.steps-26 ol li .marker::before, #side #steps.steps-27 ol li .marker::before, #side #steps.steps-28 ol li .marker::before, #side #steps.steps-29 ol li .marker::before, #side #steps.steps-30 ol li .marker::before, #side #steps.steps-31 ol li .marker::before, #side #steps.steps-32 ol li .marker::before, #side #steps.steps-33 ol li .marker::before, #side #steps.steps-34 ol li .marker::before, #side #steps.steps-35 ol li .marker::before, #side #steps.steps-36 ol li .marker::before, #side #steps.steps-37 ol li .marker::before, #side #steps.steps-38 ol li .marker::before, #side #steps.steps-39 ol li .marker::before, #side #steps.steps-40 ol li .marker::before {
      top: -1px; }
  #side #steps.steps-7 ol li .label, #side #steps.steps-8 ol li .label, #side #steps.steps-9 ol li .label, #side #steps.steps-10 ol li .label, #side #steps.steps-11 ol li .label, #side #steps.steps-12 ol li .label, #side #steps.steps-13 ol li .label, #side #steps.steps-14 ol li .label, #side #steps.steps-15 ol li .label, #side #steps.steps-16 ol li .label, #side #steps.steps-17 ol li .label, #side #steps.steps-18 ol li .label, #side #steps.steps-19 ol li .label, #side #steps.steps-20 ol li .label, #side #steps.steps-21 ol li .label, #side #steps.steps-22 ol li .label, #side #steps.steps-23 ol li .label, #side #steps.steps-24 ol li .label, #side #steps.steps-25 ol li .label, #side #steps.steps-26 ol li .label, #side #steps.steps-27 ol li .label, #side #steps.steps-28 ol li .label, #side #steps.steps-29 ol li .label, #side #steps.steps-30 ol li .label, #side #steps.steps-31 ol li .label, #side #steps.steps-32 ol li .label, #side #steps.steps-33 ol li .label, #side #steps.steps-34 ol li .label, #side #steps.steps-35 ol li .label, #side #steps.steps-36 ol li .label, #side #steps.steps-37 ol li .label, #side #steps.steps-38 ol li .label, #side #steps.steps-39 ol li .label, #side #steps.steps-40 ol li .label {
    display: none; }

div#seu-grid-carrefour div.wcsformsofcategorycell ul > li > a {
  border: none; }

div#seu-grid-carrefour div.wcsformsofcategorycell ul > li:hover > a {
  color: white;
  text-decoration: none;
  background-color: transparent; }

div.commerces .demarche-topic__background {
  background-image: url(img/demarches_commerces.jpg); }

div.contact .demarche-topic__background {
  background-image: url(img/demarches_contact.jpg); }

div.enquete_pub .demarche-topic__background {
  background-image: url(img/demarches_enquete_pub.jpg); }

div.environment_nok .demarche-topic__background {
  background-image: url(img/demarches_environment_nok.jpg); }

div.environmnt_ok .demarche-topic__background {
  background-image: url(img/demarches_environmnt_ok.jpg); }

div.familles .demarche-topic__background {
  background-image: url(img/demarches_familles.jpg); }

div.orga-evenements .demarche-topic__background {
  background-image: url(img/demarches_orga-evenements.jpg); }

div.papiers .demarche-topic__background {
  background-image: url(img/demarches_papiers.jpg); }

div.sante-social .demarche-topic__background {
  background-image: url(img/demarches_sante-social.jpg); }

div.security .demarche-topic__background {
  background-image: url(img/demarches_security.jpg); }

div.sport-culture .demarche-topic__background {
  background-image: url(img/demarches_sport-culture.jpg); }

div.stationnement .demarche-topic__background {
  background-image: url(img/demarches_stationnement.jpg); }

div.travaux .demarche-topic__background {
  background-image: url(img/demarches_travaux.jpg); }

div.vie_pratique .demarche-topic__background {
  background-image: url(img/demarches_vie_pratique.jpg); }

div.voirie .demarche-topic__background {
  background-image: url(img/demarches_voirie.jpg); }

div.signalements .demarche-topic__background {
  background-image: url(img/demarches_signalements.jpg); }

div.culture .demarche-topic__background {
  background-image: url(img/demarches_culture.jpg); }

@media only screen and (max-width: 767px) {
  .seu header .seu-nav-top .seu-scrolled-logo {
    margin-left: 10px; } }

a#bottom-logo {
  padding-top: 8px; }

#content div.cell h2.layout-demarche__title:first-child {
  white-space: pre; }

#content div.home {
  width: 100%; }
  #content div.home div.cell {
    margin: 0; }

#content .demarche-list a:hover,
#content .demande-list a:hover {
  text-decoration: none; }

#content .demarche-list .demande-teaser .btn-text strong,
#content .demande-list .demande-teaser .btn-text strong {
  color: inherit; }

body.anonymous #nav-side {
  display: none; }

#messages li::before,
div.infonotice::before,
div.successnotice::before,
div.warningnotice::before,
div.errornotice::before,
form ul.errorlist.nonfield li::before,
div.widget div.content div.error::before {
  top: auto; }

.mes-informations div.actions {
  display: flex;
  justify-content: space-around;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .mes-informations div.actions {
      display: block; } }

.mes-informations h1 {
  margin-top: 2em; }

.mes-informations.suppression {
  margin-top: 4em;
  border-top: 2px solid #F6F6F6;
  padding-top: 4em; }
  .mes-informations.suppression .btn-square--filled--core {
    border-color: #FF1F53;
    background-color: #FF1F53; }

div.webform-layout-box {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    div.webform-layout-box {
      display: block; } }
  div.webform-layout-box div.form-group {
    box-sizing: border-box; }
    div.webform-layout-box div.form-group .form-field {
      padding-right: 1em; }
    div.webform-layout-box div.form-group:last-child .form-field {
      padding-right: 0; }
    div.webform-layout-box div.form-group.address, div.webform-layout-box div.form-group.mobile, div.webform-layout-box div.form-group.phone {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        div.webform-layout-box div.form-group.address, div.webform-layout-box div.form-group.mobile, div.webform-layout-box div.form-group.phone {
          width: auto; } }

.interests-list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  .interests-list .type {
    text-transform: uppercase;
    color: #2da192;
    font-size: 1.4rem; }
  .interests-list .name {
    text-transform: uppercase;
    color: #31455d;
    font-size: 1.8rem;
    font-weight: bold; }
  .interests-list li {
    margin-bottom: 2rem;
    display: inline-block;
    width: 20em;
    box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      .interests-list li {
        width: auto; } }

#interests,
#interests-edit-form {
  padding: 4rem 6rem; }
  @media only screen and (max-width: 767px) {
    #interests,
    #interests-edit-form {
      padding: 1rem; } }
  #interests .interests-list,
  #interests-edit-form .interests-list {
    display: block; }
    #interests .interests-list li,
    #interests-edit-form .interests-list li {
      display: block;
      margin-bottom: 0.5ex; }
      #interests .interests-list li .name,
      #interests-edit-form .interests-list li .name {
        text-transform: none;
        color: #5c5c5c;
        font-weight: normal; }
  #interests .interests-types,
  #interests-edit-form .interests-types {
    width: 40em;
    display: flex; }
    @media only screen and (max-width: 767px) {
      #interests .interests-types,
      #interests-edit-form .interests-types {
        width: auto;
        display: block; } }
    #interests .interests-types h3,
    #interests-edit-form .interests-types h3 {
      font-family: "MontSerrat", arial;
      font-weight: 700;
      font-size: 1.7rem;
      color: #505050;
      margin-bottom: 10px;
      text-transform: uppercase; }

#favorite-dlg .actions,
#interests .actions,
#interests-edit-form .actions {
  margin-top: 3rem;
  text-align: center; }
  #favorite-dlg .actions #favorite-cancel-button,
  #favorite-dlg .actions #interests-cancel-button,
  #interests .actions #favorite-cancel-button,
  #interests .actions #interests-cancel-button,
  #interests-edit-form .actions #favorite-cancel-button,
  #interests-edit-form .actions #interests-cancel-button {
    float: left; }
    @media only screen and (max-width: 767px) {
      #favorite-dlg .actions #favorite-cancel-button,
      #favorite-dlg .actions #interests-cancel-button,
      #interests .actions #favorite-cancel-button,
      #interests .actions #interests-cancel-button,
      #interests-edit-form .actions #favorite-cancel-button,
      #interests-edit-form .actions #interests-cancel-button {
        display: none; } }
  #favorite-dlg .actions #favorite-login-button,
  #favorite-dlg .actions #interests-edit-button,
  #interests .actions #favorite-login-button,
  #interests .actions #interests-edit-button,
  #interests-edit-form .actions #favorite-login-button,
  #interests-edit-form .actions #interests-edit-button {
    float: right; }

#interests .interests-types {
  width: 100%; }
  #interests .interests-types > div {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #interests .interests-types > div {
        width: auto; } }
    #interests .interests-types > div h3 {
      color: #31455d;
      text-transform: none; }
  #interests .interests-types li {
    width: auto; }

div.ui-dialog.dlg-favorites .ui-dialog-titlebar,
div.ui-dialog.dlg-interests .ui-dialog-titlebar {
  display: none; }

#publik-portal-agent {
  display: none; }

#content .registration_frontend h3 {
  font-size: 2rem; }

#content .registration_frontend {
  margin-bottom: 4rem; }
  #content .registration_frontend .buttons {
    text-align: right; }
  #content .registration_frontend::after {
    content: "";
    clear: both;
    display: block; }

#content div.a2-block h3.email-sent {
  text-align: center;
  font-family: "MontSerrat", arial;
  font-weight: 700;
  font-size: 1.7rem;
  color: #505050;
  margin-bottom: 10px;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    #content div.a2-block h3.email-sent {
      font-size: 1.5rem; } }

#content div.a2-block h3.email-address {
  text-align: center;
  color: #31455d;
  text-transform: none;
  margin-top: 0; }

/* logout page elements */
#continue-link {
  display: none; }

ul.logout-list::before {
  content: "Déconnexion en cours...";
  display: inline-block;
  position: relative;
  top: 16px;
  padding-right: 1ex; }

ul.logout-list div {
  display: inline-block;
  width: 16px;
  text-indent: -10000px; }
  ul.logout-list div img, ul.logout-list div iframe {
    display: block; }

.mseu #nav-side #nav-notifications .notif-list .notif-item,
.mseu #nav-side #nav-notifications .notif-list .notif-last {
  background: white; }

.CheckboxWidget label span {
  font-weight: 600; }

.mseu #nav-side #nav-notifications #trigger-notifications .notif-amount {
  width: 18px; }

#user-files table thead th {
  text-transform: uppercase;
  color: #31455d;
  font-weight: bold;
  padding-bottom: 1ex; }

#user-files table tbody tr.odd, #user-files table tbody tr.even {
  background: white; }

#user-files table tbody tr {
  border-top: 2px solid #f6f6f6; }
  #user-files table tbody tr:first-child, #user-files table tbody tr.description-row {
    border-top: none; }
  #user-files table tbody tr.description-row td {
    padding-bottom: 2ex; }
  #user-files table tbody tr td {
    padding-left: 0.5ex; }
  #user-files table tbody tr td.title {
    color: #31455d;
    text-decoration: underline; }
  #user-files table tbody tr td.action-column {
    vertical-align: top; }
    #user-files table tbody tr td.action-column a {
      padding: 0.5ex 1ex; }

@media only screen and (max-width: 767px) {
  #user-files table th.creation, #user-files table td.creation,
  #user-files table th.expiration, #user-files table td.expiration {
    display: none; } }

#user-files table tr::before {
  content: none !important; }

#user-files table tr.empty td {
  padding: 1em 0.5ex;
  font-size: 120%; }

#user-files button {
  margin-right: 2em;
  float: right;
  display: inline-block;
  cursor: pointer;
  font-style: normal;
  text-transform: uppercase;
  color: #31455d;
  border-bottom: 1px solid #31455d;
  transition: all, 0.5s;
  font-size: 1.4rem;
  padding: 1ex; }
  @media only screen and (max-width: 767px) {
    #user-files button {
      margin-right: 0;
      float: none; } }
  #user-files button:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237d7d7d' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E");
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 20px; }
  #user-files button:hover {
    background: #31455d;
    color: white; }
    #user-files button:hover:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='31' height='22'%3E%3Cpath d='m21.2 0.3a1.1 1.1 0 1 0-1.6 1.6l8 8 -26.5 0a1.1 1.1 0 0 0-1.1 1.2 1.1 1.1 0 0 0 1.1 1.1l26.6 0 -8 8a1.1 1.1 0 0 0 0 1.6 1.1 1.1 0 0 0 1.6 0l10-10a1.1 1.1 0 0 0 0-1.6l-10.1-9.9z'/%3E%3C/svg%3E"); }

td.thumbnail {
  display: table-cell;
  margin: auto;
  background: transparent;
  padding: 1rem 0; }

div.ui-dialog p {
  margin: 1rem 0; }

div.ui-dialog label {
  display: block;
  padding-bottom: 3px; }

div.ui-dialog-buttonset button {
  padding: 1rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: white; }
  div.ui-dialog-buttonset button.submit-button {
    background: #31455d;
    color: white; }
  div.ui-dialog-buttonset button.delete-button {
    background: #ff1f53;
    color: white; }

td.action-column a {
  display: block;
  padding: 1ex;
  margin: 0.5ex 0;
  box-sizing: border-box;
  border-bottom: 1px solid transparent; }
  td.action-column a:hover {
    border-bottom: 1px solid #31455d; }

.fargo-pick-popup td.description {
  font-size: 90%;
  color: #444; }

#content .a2-block form p {
  margin-top: 0;
  margin-left: 0; }

.a2-block ul.errorlist {
  font-size: 90%;
  color: red; }

#rub_service .widget.has-file .FileWidget {
  margin-bottom: 0; }

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

.fileprogress .bar {
  background: #31455d;
  color: white;
  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: #31455d; }

#content section h2 {
  margin-top: 50px;
  text-align: center; }

#main-content #content section div.form-field > input[readonly] {
  border-color: transparent;
  background: white; }

.completion-info {
  text-align: center;
  color: #31455d;
  font-size: 20px;
  font-weight: bold; }

#completion-bar {
  background: #c0bebf;
  width: 80%;
  margin: 1em auto;
  height: 17px;
  border-radius: 10px; }
  #completion-bar div {
    position: relative;
    background: #f2a501;
    border-radius: 10px;
    height: 17px; }
    #completion-bar div::after {
      content: "";
      position: absolute;
      right: 0;
      top: -12px;
      height: 40px;
      width: 40px;
      background: white;
      border-radius: 100%;
      box-shadow: 0 3px 9px 1px #666; }

#logo-link {
  box-sizing: border-box;
  height: 48px;
  padding-top: 0px; }
  @media only screen and (max-width: 767px) {
    #logo-link {
      height: 45px;
      padding-top: 8px; } }

#id_edit-profile-title li {
  display: inline-block;
  margin-right: 2em; }
  #id_edit-profile-title li label:not(.option) {
    font-weight: normal;
    color: inherit; }

a.add-favorites {
  cursor: pointer;
  transition: opacity linear 0.2s; }
  a.add-favorites.processing {
    cursor: wait;
    opacity: 0.4; }

#a2-oidc-authorization-form ul {
  line-height: 3rem; }
  #a2-oidc-authorization-form ul li {
    margin-left: 2rem;
    list-style: circle; }

#a2-oidc-authorization-form .actions {
  margin-top: 3rem; }
  #a2-oidc-authorization-form .actions button span.btn-text {
    margin-right: 0; }
  #a2-oidc-authorization-form .actions button[name=refuse] {
    float: left; }
  #a2-oidc-authorization-form .actions button[name=accept] {
    float: right; }

div.wcsformsofcategorycell ul {
  padding: 30px 0; }
  div.wcsformsofcategorycell ul > li > a {
    padding: 15px 20px;
    border-bottom: none;
    display: inline-flex; }

div.qommon-map {
  opacity: 0.99; }

div.widget table th {
  padding-right: 10px;
  padding-bottom: 5px; }

div.widget table td {
  padding-right: 10px; }
  div.widget table td .customSelectContain {
    margin-right: 10px; }

#rub_service table td {
  padding-bottom: 10px; }
  #rub_service table td .widget {
    margin-bottom: 0; }

.template-meetings .customSelectContain {
  display: none; }

div#login-page .login-actions {
  text-align: center; }
  div#login-page .login-actions a {
    font-weight: normal;
    text-decoration: underline; }

div#welcome-text {
  clear: both;
  float: none;
  width: 100%;
  background: #ffb200;
  box-sizing: border-box;
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    div#welcome-text {
      padding: 2rem 1rem; } }
  div#welcome-text h1 {
    font-size: 2.5rem; }
  div#welcome-text h1::before {
    /* adjust ~ color */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23ffffff' width='371.9' height='82.2'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath d='M351.926 42.6c-13.2 0-20.6-5.8-31.8-16.2-11.3-10.3-26.4-26.4-50.9-26.4h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.7 8.8-16.6 14.8-27.4 16.2-1.4 0-3 .5-4.9.5-13.2 0-20.6-5.8-31.8-16.2-3-2.5-5.8-5.4-9.3-8.8-10.3-8.8-23-18.1-41.6-18.1h-4.4c-22 1.9-35.8 16.6-46.5 26.4-9.8 8.8-16.6 14.7-27.4 16.2-1.4 0-3 .5-4.9.5-2.5 0-5.4.5-7.4 1.4-1 .5-2.5 1-3.4 1.9-5.4 3.4-9.3 9.8-9.3 16.2 0 2.5.5 5.4 1.4 7.4 1 2.5 2.5 4.4 4.4 6.4 1 1 1.9 1.9 3 2.5 1 .5 1.9 1.4 3.4 1.9 1.4.5 2.5 1 3.9 1 1.5.4 2.5.4 4 .4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 3 1.4 6.9 3.9 11.3 8.3 2.5 1.9 5.4 4.4 8.3 7.4 12.3 11.3 31.4 26.4 58.7 26.4h4.9c24.5-1.9 42.1-15.7 53.8-26.4 10.8-9.8 16.6-15.2 22-16.2 1 0 1.4-.5 1.9-.5 1.4 0 3 .5 4.4 1 1.4.5 3.4 1.9 5.4 3 3.9 2.5 8.3 6.9 14.7 12.2 12.3 11.3 31.4 26.4 58.8 26.4h1.9c10.3-.5 19.6-10.3 18.6-20.5.7-10.3-9.6-19.1-19.9-18.6z'/%3E%3C/g%3E%3C/svg%3E"); }
  div#welcome-text div.actions button {
    display: block;
    margin: 1rem auto;
    min-width: 25ex;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      div#welcome-text div.actions button {
        min-width: auto; } }

.required-authentication .demarche-teaser .btn-text::before {
  content: "\f023";
  font-family: FontAwesome;
  padding-right: 1ex; }

body.profile-photo-edit .a2-block div.profile-photo,
div.configjsoncell.mes-informations div.profile-photo {
  text-align: center;
  margin: 3rem 0 1rem 0; }
  body.profile-photo-edit .a2-block div.profile-photo > div,
  div.configjsoncell.mes-informations div.profile-photo > div {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: #31455D;
    border-radius: 100%;
    overflow: hidden; }

body.profile-photo-edit .a2-block p.info {
  text-align: center; }

body.profile-photo-edit .a2-block div.profile-photo > div {
  cursor: pointer; }

body.profile-photo-edit .a2-block button.delete-button {
  float: left;
  color: white;
  border-color: #FF1F53;
  background-color: #FF1F53; }

body.profile-photo-edit .a2-block #photo-form {
  display: none; }

section#banner img {
  margin: 7rem 0; }
  @media screen and (max-width: 500px) {
    section#banner img {
      margin: 3rem 0; } }

footer {
  margin-top: 4rem;
  background: #3a3a3a;
  color: #b4b4b4; }
  footer #footer {
    font-size: 14px;
    max-width: 1140px; }
    footer #footer div.menucell {
      text-align: left;
      padding-top: 2rem;
      padding-bottom: 2rem; }
      footer #footer div.menucell a {
        color: #b4b4b4;
        text-transform: uppercase;
        padding-top: 0;
        padding-bottom: 0; }
      footer #footer div.menucell ul li:first-child a {
        padding-left: 0.5rem; }
    footer #footer div.cell.configjsoncell {
      display: none; }

.template-evaluation .customSelectContain {
  display: none; }

div.section.foldable {
  margin-bottom: 1rem; }
  div.section.foldable > h2:first-child {
    cursor: pointer; }
    div.section.foldable > h2:first-child::after {
      font-family: FontAwesome;
      content: "\f106";
      position: absolute;
      right: 1em; }
    div.section.foldable > h2:first-child:focus span.disclose-message,
    div.section.foldable > h2:first-child:hover span.disclose-message {
      text-decoration: underline; }
  div.section.foldable span.disclose-message {
    padding-left: 1ex;
    font-size: 1rem;
    display: none; }
  div.section.foldable.folded span.disclose-message {
    display: inline-block; }
    @media screen and (max-width: 800px) {
      div.section.foldable.folded span.disclose-message {
        display: none; } }
  div.section.foldable.folded div {
    display: none; }
  div.section.foldable.folded > h2:first-child::after {
    content: "\f107"; }

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