@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 .select2 .select2-selection[readonly], #rub_service .select2 .select2-selection[readonly], .mseu-main-form .select2 .select2-selection[readonly], #content .select2 .select2-selection[readonly], .generic-form input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #rub_service input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .mseu-main-form input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #content input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .generic-form textarea[readonly], #rub_service textarea[readonly], .mseu-main-form textarea[readonly], #content textarea[readonly], .generic-form .select2 .select2-selection[readonly]:focus, #rub_service .select2 .select2-selection[readonly]:focus, .mseu-main-form .select2 .select2-selection[readonly]:focus, #content .select2 .select2-selection[readonly]:focus, .generic-form input[readonly]:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #rub_service input[readonly]:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .mseu-main-form input[readonly]:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), #content input[readonly]:focus:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(.webform-calendar), .generic-form textarea[readonly]:focus, #rub_service textarea[readonly]:focus, .mseu-main-form textarea[readonly]:focus, #content textarea[readonly]:focus {
    border-color: #f6f6f6;
    background-color: #f6f6f6;
    cursor: default; }

.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:checked[type="radio"] + span:before, #rub_service .RadiobuttonsWidget input:checked[type="radio"] + span:before, .mseu-main-form .RadiobuttonsWidget input:checked[type="radio"] + span:before, #content .RadiobuttonsWidget input:checked[type="radio"] + span:before, .generic-form .RadiobuttonsWidget input:checked[type="radio"] + label:before, #rub_service .RadiobuttonsWidget input:checked[type="radio"] + label:before, .mseu-main-form .RadiobuttonsWidget input:checked[type="radio"] + label:before, #content .RadiobuttonsWidget input:checked[type="radio"] + label:before {
    opacity: 0; }
  .generic-form .RadiobuttonsWidget input:checked[type="radio"] + span:after, #rub_service .RadiobuttonsWidget input:checked[type="radio"] + span:after, .mseu-main-form .RadiobuttonsWidget input:checked[type="radio"] + span:after, #content .RadiobuttonsWidget input:checked[type="radio"] + span:after, .generic-form .RadiobuttonsWidget input:checked[type="radio"] + label:after, #rub_service .RadiobuttonsWidget input:checked[type="radio"] + label:after, .mseu-main-form .RadiobuttonsWidget input:checked[type="radio"] + label:after, #content .RadiobuttonsWidget input:checked[type="radio"] + 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"], .template-address 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, .template-address 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, .template-address 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, .template-address 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:checked[type="checkbox"] + span:before, #rub_service .CheckboxesWidget input:checked[type="checkbox"] + span:before, .mseu-main-form .CheckboxesWidget input:checked[type="checkbox"] + span:before, #content .CheckboxesWidget input:checked[type="checkbox"] + span:before, .CheckboxWidget input:checked[type="checkbox"] + span:before, .template-address input:checked[type="checkbox"] + span:before {
    opacity: 0; }
  .generic-form .CheckboxesWidget input:checked[type="checkbox"] + span:after, #rub_service .CheckboxesWidget input:checked[type="checkbox"] + span:after, .mseu-main-form .CheckboxesWidget input:checked[type="checkbox"] + span:after, #content .CheckboxesWidget input:checked[type="checkbox"] + span:after, .CheckboxWidget input:checked[type="checkbox"] + span:after, .template-address input:checked[type="checkbox"] + 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: rgba(0, 0, 0, 0);
  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: rgba(0, 0, 0, 0);
  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: rgba(0, 0, 0, 0);
  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; }

.sr-only, .RadiobuttonsWidget.template-evaluation input, .RadiobuttonsWidget.template-evaluation .star-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

@supports (display: flow-root) {
  .clearfix {
    display: flow-root; }
    .clearfix::after {
      content: none; } }

div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content .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;
  padding: 0.7rem 1rem;
  border-radius: 0;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
  font-size: 0.9625em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  border-bottom: 0;
  border-top: 0; }

* {
  box-sizing: border-box; }
  *::before, *::after {
    box-sizing: inherit; }

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

div#page {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

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

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

div#header {
  width: 100%;
  position: relative;
  top: 0px;
  z-index: 0;
  padding: 0 0.7em; }
  div#header h1 {
    margin: 0; }

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

.column {
  float: left;
  width: 50%; }

#columns-wrapper {
  flex-grow: 1;
  max-width: 100%; }

.gru-content {
  display: flex; }
  .gru-content #sidebar {
    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-wrapper {
    padding: 0 0.7em;
    max-width: 100%; }
  .column {
    float: none;
    width: auto; }
  .gru-content {
    flex-direction: column; }
    .gru-content #sidebar {
      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;
  margin-top: 1.5em;
  color: #b4b4b4; }

#footer-wrapper {
  padding: 0.7em 0 1.5em 0;
  background-color: #3a3a3a; }

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

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

@media screen and (min-width: 801px) {
  .column div.a2-block,
  .gru-content div.cell,
  .block {
    margin-left: 10px;
    margin-right: 10px; }
  .gru-content #columns > .cell,
  .column:first-child .block,
  .column:first-child div.a2-block,
  .gru-content .column:first-child .cell {
    margin-left: 0; }
  .gru-content #columns > .cell,
  .column:last-child .block,
  .column:last-child div.a2-block,
  .gru-content .column:last-child .cell {
    margin-right: 0; } }

.a2-block {
  margin: 4em auto;
  max-width: 45em; }
  .a2-block form, .a2-block p {
    margin: 1em 0.5em; }
  .a2-block p {
    line-height: 1.4; }
  @media screen and (max-width: 800px) {
    .a2-block {
      margin: 0 auto; } }

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

div#sidebar + div#columns .methods2 .a2-block {
  margin-right: 2em; }

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

.column div.a2-block,
.gru-content div.cell,
.block {
  margin-top: 0;
  margin-bottom: 10px; }
  .column div.a2-block h2 + div,
  .gru-content div.cell h2 + div,
  .block h2 + div {
    padding: 1rem; }
  .column div.a2-block h2 + div.links-list,
  .gru-content div.cell h2 + div.links-list,
  .block h2 + div.links-list {
    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 .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; }

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.categoriescell 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:not(:last-child),
  div#services > ul > li > ul > li:not(:last-child),
  div#account-management ul > li:not(:last-child),
  div.links-list ul > li:not(:last-child),
  div.menucell ul > li:not(:last-child),
  div.wcsformcell > li:not(:last-child),
  div.categoriescell ul > li:not(:last-child),
  div.wcscurrentdraftscell ul > li:not(:last-child),
  div.wcscurrentformscell ul > li:not(:last-child) {
    border-bottom: 1px solid #ccc; }
  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.categoriescell ul > li > a,
  div.wcscurrentdraftscell ul > li > a,
  div.wcscurrentformscell ul > li > a {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 1rem;
    color: #31455D;
    font-weight: normal;
    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.categoriescell ul > li > a:hover,
    div.wcscurrentdraftscell ul > li > a:hover,
    div.wcscurrentformscell ul > li > a:hover {
      text-decoration: none;
      color: inherit;
      background-color: #eee; }
  div#rub_service div.category ul .add-more-items--button,
  div#services > ul > li > ul .add-more-items--button,
  div#account-management ul .add-more-items--button,
  div.links-list ul .add-more-items--button,
  div.menucell ul .add-more-items--button,
  div.wcsformcell .add-more-items--button,
  div.categoriescell ul .add-more-items--button,
  div.wcscurrentdraftscell ul .add-more-items--button,
  div.wcscurrentformscell ul .add-more-items--button {
    display: block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-align: center; }
  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.categoriescell ul li div.description,
  div.wcscurrentdraftscell ul li div.description,
  div.wcscurrentformscell ul li div.description {
    padding: 0 1rem;
    font-size: 90%;
    color: #666; }
    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.categoriescell 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.link-list-cell.has-asset-picture picture img,
.gru-content div.wcsformsofcategorycell.has-asset-picture picture img {
  max-width: 100%;
  display: block;
  padding: 0.5rem; }

div.list-of-forms span.form-number {
  flex-grow: 1;
  margin-right: 1rem;
  opacity: 0.76;
  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 ul > li:last-child {
    border-bottom: 1px solid #ccc; }
  .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 li li {
  border-bottom: none;
  border-top: 1px solid #ccc; }
  div.menucell li li a {
    padding-left: 3em;
    font-size: 90%; }

div.searchcell form {
  position: relative;
  display: flex;
  padding: 1em; }
  div.searchcell form input {
    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; }

.gru-content .lingo-basket-cell.cell h2 + .lingo-basket-cell--content {
  padding: 0; }

.lingo-basket-cell--regie-name {
  padding-left: 1rem;
  padding-right: 1rem; }

.lingo-basket-cell--list {
  list-style: none;
  margin: 0;
  padding: 0; }

.lingo-basket-cell--item {
  padding: 1rem;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline; }
  .lingo-basket-cell--item-label {
    overflow: hidden; }
  .lingo-basket-cell--item-price {
    text-align: right;
    flex: 1 0 5rem; }
  @media (max-width: 800px) {
    .lingo-basket-cell--item-actions {
      flex: 1 0 100%; } }
  @media (min-width: 801px) {
    .lingo-basket-cell--item-actions {
      margin-left: 1em; } }
  .lingo-basket-cell--item-remove {
    text-align: right; }

.lingo-basket-cell--total {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: right; }

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;
    transition: background 0.3s ease; }
  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; }

#registration-blocks.methods2 > .a2-block,
#login-page.methods2 > .block {
  width: 50%;
  width: calc(50% - 2em);
  margin: 0;
  margin-right: 2em;
  float: left; }

#registration-blocks.methods3 > .a2-block,
#login-page.methods3 > .block {
  width: 33%;
  width: calc(33% - 2em);
  margin: 0;
  margin-right: 2em;
  float: left; }

#registration-blocks > .a2-block > div,
#login-page > .block > div {
  padding: 1em; }

@media screen and (max-width: 800px) {
  #registration-blocks.methods2 > .a2-block,
  #registration-blocks.methods3 > .a2-block,
  #login-page.methods2 > .block,
  #login-page.methods3 > .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: "";
    position: absolute;
    right: 1em; }

div.cell.foldable > div > h2:first-child,
div.cell.foldable > div > picture {
  cursor: pointer; }

div.cell.foldable.folded > div > h2:first-child {
  display: block; }
  div.cell.foldable.folded > div > h2:first-child::after {
    content: ""; }

div.cell.foldable.folded > div > *:not(picture) {
  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: none;
    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 {
        text-decoration: none;
        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; }

div.gru-content div.cell div.cell-items-pagination {
  padding: 1rem; }
  div.gru-content div.cell div.cell-items-pagination .cell-items-pagination-next {
    float: right;
    margin-right: 0; }

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

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

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

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

.ui-datepicker {
  display: none;
  padding: .2em .2em 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.5em; }
  .ui-datepicker table {
    width: 100%;
    border-collapse: collapse; }
    .ui-datepicker table td {
      text-align: right; }
      .ui-datepicker table td a {
        background: #eee;
        border: 1px solid #aaa;
        display: block;
        padding: 0.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.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;
  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], div[class*=grid-] input[type=url], div[class*=grid-] input[type=tel], div[class*=grid-] input[type=number], div[class*=grid-] input[type=search], div[class*=grid-] input[type=file], div[class*=grid-] input[type=date], div[class*=grid-] input[type=datetime-local], div[class*=grid-] input[type=month], div[class*=grid-] input[type=time], div[class*=grid-] input[type=week] {
    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-] {
  padding-right: 0;
  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); } }

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

div.textcell p, div.textcell table, div.textcell ul, div.textcell ol {
  line-height: 1.4; }

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

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

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

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

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

div.card .value,
#profile .value {
  display: block;
  margin-left: 0;
  margin-bottom: 0.7em; }
  div.card .value span.nodata,
  #profile .value span.nodata {
    font-style: italic; }

div.card p {
  margin-top: 0;
  margin-bottom: 0; }

.authorized-oauth-services--list {
  padding-left: 0;
  list-style: none; }

.authorized-oauth-services--form {
  display: flex;
  justify-content: space-between; }

.authorized-oauth-services--client {
  display: block;
  font-size: 110%; }

.authorized-oauth-services--dates {
  font-size: 90%; }

@media screen and (max-width: 800px) {
  .authorized-oauth-services--since, .authorized-oauth-services--expired {
    display: block; }
  .authorized-oauth-services--separator {
    display: none; } }

.authorized-oauth-services form div button {
  margin-right: 0;
  min-width: auto; }

a#publik-portal-agent {
  z-index: 10000;
  position: absolute;
  top: 0px;
  right: 5px;
  background: white;
  color: #767676;
  padding: 5px 10px;
  border: 1px solid;
  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;
  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.error {
  background: #F9DEDE;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  #messages li.error::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  #messages li.error p {
    margin: 0 0 0.6rem 0; }
    #messages li.error p:first-child {
      padding-top: 0.5rem; }
    #messages li.error p:last-child {
      margin-bottom: 0; }

.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 !important;
  position: relative;
  min-height: 3rem; }
  .errornotice::before, form ul.errorlist.nonfield li::before, div.widget div.content div.error::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  .errornotice p, form ul.errorlist.nonfield li p, div.widget div.content div.error p {
    margin: 0 0 0.6rem 0; }
    .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; }
    .errornotice p:last-child, form ul.errorlist.nonfield li p:last-child, div.widget div.content div.error p:last-child {
      margin-bottom: 0; }
  .errornotice[class*=grid-].comment-field, form ul.errorlist.nonfield li[class*=grid-].comment-field, div.widget div.content div.error[class*=grid-].comment-field {
    box-sizing: border-box;
    margin-right: 1rem; }
  .errornotice:not([class*=grid-]).comment-field, form ul.errorlist.nonfield li:not([class*=grid-]).comment-field, div.widget div.content div.error:not([class*=grid-]).comment-field {
    clear: both; }
  .errornotice.cell, form ul.errorlist.nonfield li.cell, div.widget div.content div.cell.error {
    background: #F9DEDE !important;
    padding-bottom: 0.5em !important; }
    .errornotice.cell h2:first-child, form ul.errorlist.nonfield li.cell h2:first-child, div.widget div.content div.cell.error h2:first-child {
      background: transparent !important;
      font-weight: bold !important;
      margin: 0.7em 0.5rem !important;
      padding: 0 !important;
      color: #da3131 !important;
      border-color: #da3131 !important; }

#messages li.warning {
  background: #fdf4da;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  #messages li.warning::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  #messages li.warning p {
    margin: 0 0 0.6rem 0; }
    #messages li.warning p:first-child {
      padding-top: 0.5rem; }
    #messages li.warning p:last-child {
      margin-bottom: 0; }

.warningnotice {
  background: #fdf4da;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  .warningnotice::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  .warningnotice p {
    margin: 0 0 0.6rem 0; }
    .warningnotice p:first-child {
      padding-top: 0.5rem; }
    .warningnotice p:last-child {
      margin-bottom: 0; }
  .warningnotice[class*=grid-].comment-field {
    box-sizing: border-box;
    margin-right: 1rem; }
  .warningnotice:not([class*=grid-]).comment-field {
    clear: both; }
  .warningnotice.cell {
    background: #fdf4da !important;
    padding-bottom: 0.5em !important; }
    .warningnotice.cell h2:first-child {
      background: transparent !important;
      font-weight: bold !important;
      margin: 0.7em 0.5rem !important;
      padding: 0 !important;
      color: #f2bc19 !important;
      border-color: #f2bc19 !important; }

#messages li.success {
  background: #def9de;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  #messages li.success::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  #messages li.success p {
    margin: 0 0 0.6rem 0; }
    #messages li.success p:first-child {
      padding-top: 0.5rem; }
    #messages li.success p:last-child {
      margin-bottom: 0; }

.successnotice {
  background: #def9de;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  .successnotice::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  .successnotice p {
    margin: 0 0 0.6rem 0; }
    .successnotice p:first-child {
      padding-top: 0.5rem; }
    .successnotice p:last-child {
      margin-bottom: 0; }
  .successnotice[class*=grid-].comment-field {
    box-sizing: border-box;
    margin-right: 1rem; }
  .successnotice:not([class*=grid-]).comment-field {
    clear: both; }
  .successnotice.cell {
    background: #def9de !important;
    padding-bottom: 0.5em !important; }
    .successnotice.cell h2:first-child {
      background: transparent !important;
      font-weight: bold !important;
      margin: 0.7em 0.5rem !important;
      padding: 0 !important;
      color: #31da31 !important;
      border-color: #31da31 !important; }

#messages li.info {
  background: #dee7f9;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  #messages li.info::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  #messages li.info p {
    margin: 0 0 0.6rem 0; }
    #messages li.info p:first-child {
      padding-top: 0.5rem; }
    #messages li.info p:last-child {
      margin-bottom: 0; }

.infonotice {
  background: #dee7f9;
  color: #000000;
  margin: 1rem 0;
  padding: 0.5rem;
  padding-left: 4rem !important;
  position: relative;
  min-height: 3rem; }
  .infonotice::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }
  .infonotice p {
    margin: 0 0 0.6rem 0; }
    .infonotice p:first-child {
      padding-top: 0.5rem; }
    .infonotice p:last-child {
      margin-bottom: 0; }
  .infonotice[class*=grid-].comment-field {
    box-sizing: border-box;
    margin-right: 1rem; }
  .infonotice:not([class*=grid-]).comment-field {
    clear: both; }
  .infonotice.cell {
    background: #dee7f9 !important;
    padding-bottom: 0.5em !important; }
    .infonotice.cell h2:first-child {
      background: transparent !important;
      font-weight: bold !important;
      margin: 0.7em 0.5rem !important;
      padding: 0 !important;
      color: #3169da !important;
      border-color: #3169da !important; }

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 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 {
    display: none;
    float: left;
    line-height: 150%; }
  div.table-container ul.pagination > li.cardinality {
    float: right; }
  div.table-container ul.pagination li.previous, div.table-container ul.pagination li.next {
    display: block; }
  div.table-container ul.pagination li.current {
    display: block;
    position: absolute;
    right: 1rem; }

.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;
  align-items: flex-start;
  width: 100%; }
  div.meetings_table > div {
    flex: 0 1 auto;
    width: 20%;
    padding: 0 2px;
    text-align: center;
    display: none; }
  div.meetings_table div.head {
    padding-bottom: 0.7em; }
  div.meetings_table button {
    margin: 0;
    width: 3em;
    height: 3em; }
    div.meetings_table button.next {
      margin-left: 1em; }
    div.meetings_table button.prev {
      margin-right: 1em; }
  div.meetings_table div span {
    display: block;
    cursor: pointer;
    padding: 0.2em 0;
    border-radius: 0;
    margin-bottom: 4px; }
    div.meetings_table div span.disabled {
      opacity: 0.3;
      cursor: not-allowed; }
  div.meetings_table span.selectable {
    background: rgba(49, 69, 93, 0.2); }
    div.meetings_table span.selectable:hover {
      background: #31455d;
      color: white;
      box-shadow: 1px 0px 5px #31455d; }
    div.meetings_table span.selectable.on {
      background: #31455d;
      color: white; }
  div.meetings_table.mobile > div {
    width: 100%; }
  div.meetings_table.mobile div span {
    display: inline-block;
    padding: 0.5em;
    margin: 0.5em; }
  div.meetings_table.mobile button.prev, div.meetings_table.mobile button.next {
    margin: 0; }

div.location-icon {
  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; }

#fc-linking {
  padding: 0 1rem; }
  #fc-linking.no-account {
    text-align: center; }

div.leaflet-bottom, div.leaflet-top {
  z-index: 800; }

.login-actions ul, .login-actions li {
  margin: 0;
  padding: 0;
  list-style: none; }

.field-live-hint {
  position: absolute;
  background: #ffffee;
  color: #333;
  z-index: 1000000;
  padding: 1em 1em;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); }
  .field-live-hint span::before {
    font-family: FontAwesome;
    content: "\f0eb";
    padding-right: 0.5em; }
  .field-live-hint button.action,
  .field-live-hint button.close {
    margin: 0 1em;
    padding: 0;
    color: blue !important;
    border: none !important;
    text-decoration: underline !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto; }
  .field-live-hint button.close {
    color: #333 !important;
    margin: 0;
    text-decoration: none !important; }
    .field-live-hint button.close::after {
      content: "×"; }

.template-evaluation label.star-choice span.star::before,
div.star-choice span.star::before {
  position: static;
  height: auto;
  width: auto;
  border: none;
  font-family: FontAwesome;
  content: "\f006";
  color: #776;
  font-size: 22px;
  display: inline-block;
  transition: transform ease 0.2s; }

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

.template-evaluation label.star-choice input[type=radio]:hover + span.star::before,
.template-evaluation label.star-choice input[type=radio]:focus + span.star::before,
.template-evaluation label.star-choice span.star:hover::before,
div.star-choice input[type=radio]:hover + span.star::before,
div.star-choice input[type=radio]:focus + span.star::before,
div.star-choice span.star:hover::before {
  transform: scale(1.4);
  opacity: 0.8; }

.RadiobuttonsWidget.template-evaluation br {
  display: none; }

.RadiobuttonsWidget.template-evaluation input:focus + span.star {
  outline: 1px solid #AAA;
  outline-style: dotted; }

.RadiobuttonsWidget.template-evaluation input + span::after {
  display: none; }

.RadiobuttonsWidget.template-evaluation label {
  margin-right: 0; }

.RadiobuttonsWidget.template-evaluation input + span {
  padding-left: 0; }

/* 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 */
a.pk-button, a.lingo-basket-cell--item-pay,
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; }
  a.pk-button:hover, a.lingo-basket-cell--item-pay:hover, a.pk-button:focus, a.lingo-basket-cell--item-pay:focus,
  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;
    text-decoration: none !important; }
  a.pk-button.submit-button, a.submit-button.lingo-basket-cell--item-pay, a.pk-button.delete-button, a.delete-button.lingo-basket-cell--item-pay, a.pk-button[value="Valider"], a.lingo-basket-cell--item-pay[value="Valider"], a.pk-button[value="Modifier"], a.lingo-basket-cell--item-pay[value="Modifier"],
  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; }
  a.pk-button.cancel-button, a.cancel-button.lingo-basket-cell--item-pay, a.pk-button[name=cancel], a.lingo-basket-cell--item-pay[name=cancel],
  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; }
    a.pk-button.cancel-button:hover, a.cancel-button.lingo-basket-cell--item-pay:hover, a.pk-button.cancel-button:focus, a.cancel-button.lingo-basket-cell--item-pay:focus, a.pk-button[name=cancel]:hover, a.lingo-basket-cell--item-pay[name=cancel]:hover, a.pk-button[name=cancel]:focus, a.lingo-basket-cell--item-pay[name=cancel]:focus,
    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-infos #rub_service .comment-field,
.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 */
  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.meetings_table button,
div#content form#wf-actions button {
  padding: 15px 20px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-color: rgba(0, 0, 0, 0);
  transition: all, 0.5s;
  overflow: hidden;
  background-color: #46cfc0;
  color: #31455d;
  font-family: "MontSerrat", arial;
  text-transform: uppercase;
  font-size: 1.4rem; }
  div.meetings_table button:hover, div.meetings_table button:focus,
  div#content form#wf-actions button:hover,
  div#content form#wf-actions button:focus {
    background-color: #31455d;
    color: #FFFFFF; }

div.meetings_table button {
  padding: 0; }
  div.meetings_table button.next, div.meetings_table button.prev {
    position: relative;
    text-indent: -10em; }
    div.meetings_table button.next::after, div.meetings_table button.prev::after {
      text-indent: 0;
      position: absolute;
      content: "<";
      display: block;
      top: 0;
      line-height: 3em;
      left: 0;
      width: 100%;
      cursor: pointer; }
    div.meetings_table button.next.next::after, div.meetings_table button.prev.next::after {
      content: ">"; }

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

.wcs-step--marker {
  border-bottom: 0 none !important;
  text-decoration: none;
  cursor: pointer; }
  .wcs-step--marker-total {
    display: none; }

/* 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 {
  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,
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 .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; }
    @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;
  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: 1.429rem;
  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 {
  height: 48px;
  padding-top: 0px; }
  @media only screen and (max-width: 767px) {
    #logo-link {
      height: 45px;
      padding-top: 8px; } }

#id_title li {
  display: inline-block;
  margin-right: 2em; }
  #id_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;
  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: 1rem;
    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"; }

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

.fileprogress .bar {
  background: #31455d;
  line-height: 1.5em;
  padding-left: 0.7em;
  white-space: nowrap;
  transition: background linear 0.1s; }

.fileprogress.upload-error .bar {
  background: #FF7575;
  color: black;
  width: 100% !important;
  white-space: normal; }

.fileinfo {
  line-height: 1.5em;
  height: 100%; }

div.fileinfo a.remove {
  text-indent: 0;
  background: none;
  color: transparent;
  display: inline-block;
  width: 16px;
  text-indent: -10000px; }
  div.fileinfo a.remove::before {
    font-family: FontAwesome;
    content: "\f057";
    color: #31455d;
    text-indent: 0;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center; }

div#rub_service div.file-upload-widget:not([class*=grid-]) div.file-button {
  max-width: 500px; }

div#rub_service div.file-upload-widget div.file-button {
  overflow: hidden;
  background: white;
  margin: 0;
  border: 1px solid #AAA;
  border-radius: 0;
  height: 150px;
  position: relative;
  text-align: center; }
  div#rub_service div.file-upload-widget div.file-button:focus-within {
    border: 1px solid #AAA;
    outline: 1px solid #AAA;
    outline-style: dotted; }
  div#rub_service div.file-upload-widget div.file-button div.widget.FileWidget {
    margin-bottom: 0; }
    div#rub_service div.file-upload-widget div.file-button div.widget.FileWidget div.content {
      display: block;
      position: static; }
  div#rub_service div.file-upload-widget div.file-button input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.001;
    margin: 0;
    font-size: 0;
    cursor: pointer; }
  div#rub_service div.file-upload-widget div.file-button div.upload-done {
    display: none; }
  div#rub_service div.file-upload-widget div.file-button div.click-to-upload {
    display: block; }
  div#rub_service div.file-upload-widget div.file-button div.widget-message {
    padding-top: 30px; }
    div#rub_service div.file-upload-widget div.file-button div.widget-message::before {
      pointer-events: none;
      content: "\f016";
      font-family: FontAwesome;
      font-size: 2.857rem;
      display: block;
      padding-top: 20px;
      padding-bottom: 10px; }
    div#rub_service div.file-upload-widget div.file-button div.widget-message::after {
      pointer-events: none;
      content: "\f055";
      font-family: FontAwesome;
      font-size: 1.429rem;
      display: block;
      position: absolute;
      left: calc(50% + 10px);
      top: 30px;
      color: #31455d; }
    div#rub_service div.file-upload-widget div.file-button div.widget-message.upload-done::after {
      content: "\f05d"; }
  div#rub_service div.file-upload-widget div.file-button.file-image div.widget-message::before {
    content: "\f1c5"; }

div#rub_service div.file-upload-widget.short div.file-button {
  height: 110px; }
  div#rub_service div.file-upload-widget.short div.file-button div.widget-message {
    padding-top: 0px; }
    div#rub_service div.file-upload-widget.short div.file-button div.widget-message::before {
      padding-top: 10px; }
    div#rub_service div.file-upload-widget.short div.file-button div.widget-message::after {
      top: 5px; }

div#rub_service div.file-upload-widget.has-file div.file-button div.upload-done {
  display: block; }

div#rub_service div.file-upload-widget.has-file div.file-button div.click-to-upload {
  display: none; }

div#rub_service div.file-upload-widget.widget-readonly div.file-button div.widget-message {
  display: none; }

div#rub_service div.file-upload-widget.widget-readonly div.file-button .fileinfo.thumbnail span.filename {
  display: none; }

div#rub_service div.file-upload-widget.widget-readonly div.file-button span.filename {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  padding-top: 30px; }
  div#rub_service div.file-upload-widget.widget-readonly div.file-button span.filename::before {
    pointer-events: none;
    content: "\f016";
    font-family: FontAwesome;
    font-size: 2.857rem;
    display: block;
    padding-top: 40px;
    padding-bottom: 10px; }

div#rub_service div.file-upload-widget.widget-readonly div.file-button img {
  max-height: 100%;
  position: relative;
  z-index: 10; }

div#rub_service div.file-upload-widget div.fileprogress {
  position: absolute;
  border: none;
  overflow: hidden;
  width: 100%;
  left: 0;
  bottom: 0; }

form div.widget {
  margin-bottom: 35px; }

section.layout-demarche div.cell-items-pagination {
  padding: 1rem; }
  section.layout-demarche div.cell-items-pagination .cell-items-pagination-next {
    float: right;
    margin-right: 0; }
  section.layout-demarche div.cell-items-pagination button {
    padding: 15px 20px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-color: rgba(0, 0, 0, 0);
    transition: all, 0.5s;
    overflow: hidden;
    background-color: #46cfc0;
    color: #31455d;
    font-family: "MontSerrat", arial;
    text-transform: uppercase;
    font-size: 1.4rem; }
    section.layout-demarche div.cell-items-pagination button:hover, section.layout-demarche div.cell-items-pagination button:focus {
      background-color: #31455d;
      color: #FFFFFF; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none; }

.a2-password-policy-container {
  font-size: 90%; }

a.btn-square--bordered--core {
  text-decoration: none !important; }

div.RadiobuttonsWidget.template-evaluation::after {
  content: "Rendu pas pris en charge. (#51835)";
  background: red;
  padding: 2px 5px;
  color: white; }

div.RadiobuttonsWidget.template-evaluation .content {
  display: none !important; }

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