@charset "UTF-8";
/* # Config */
/****************/
/* # Media Queries with _Sass-mq_ */
/****************/
/* https://github.com/sass-mq/sass-mq */
/****************/
/* # Variables */
/****************/
/* # Sass plugins */
@import url("https://fonts.googleapis.com/css2?family=Signika:wght@300;400;500;600;700&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
}

body:after {
  content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png);
  display: none;
}

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-loader, .lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  display: table;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/lightbox/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/lightbox/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 8/9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 0;
}

/* # Utilities */
/* # Clearfix */
/*
http://nicolasgallagher.com/micro-clearfix-hack/
*/
/* # _Reset_  */
/**** Keyframes Animation ****/
/*
Accessibility hidden
https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
*/
/* # block stretching */
/* # Fonts */
/*****************/
/****** _Project *****/
/*****************/
/* # Base */
/* # Font Mixins */
/* One mixin by font-style, order by asc */
/*****************/
/****** Custom *****/
/*****************/
@keyframes first-bar {
  0% {
    top: 0;
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(0deg);
    top: 50%;
  }
  60% {
    top: 50%;
    transform: rotate(0deg);
  }
  100% {
    top: 50%;
    transform: rotate(45deg);
  }
}
@keyframes second-bar {
  0% {
    opacity: 1;
  }
  60% {
    top: 50%;
    transform: rotate(0deg);
    opacity: 1;
  }
  61% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes last-bar {
  0% {
    bottom: 0;
    transform: rotate(0deg);
  }
  40% {
    bottom: 50%;
    transform: translate(0, 50%) rotate(0deg);
  }
  60% {
    bottom: 50%;
    transform: translate(0, 50%) rotate(0deg);
  }
  100% {
    bottom: 50%;
    transform: translate(0, 50%) rotate(-45deg);
  }
}
@keyframes first-bar-close {
  0% {
    top: 50%;
    transform: rotate(45deg);
  }
  40% {
    top: 50%;
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(0deg);
    top: 50%;
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}
@keyframes second-bar-close {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  61% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes last-bar-close {
  0% {
    bottom: 50%;
    transform: translate(0, 50%) rotate(-45deg);
  }
  40% {
    bottom: 50%;
    transform: translate(0, 50%) rotate(0deg);
  }
  60% {
    transform: translate(0, 50%) rotate(0deg);
    bottom: 50%;
  }
  100% {
    bottom: 0;
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes arrow-circle {
  0% {
    transform: translate(0, 0);
  }
  49% {
    transform: translate(0, 4rem);
    opacity: 1;
    visibility: visible;
  }
  50% {
    opacity: 0;
    visibility: hidden;
  }
  51% {
    transform: translate(0, -4rem);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes menu-arrow-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* # Base */
/*****************/
/******HTML5 Elements*****/
/*****************/
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  body {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}
@media all and (min-width: 86.25em) {
  body {
    font-size: 1.9rem;
    line-height: 3rem;
  }
}
body {
  color: #000;
}
body.loading {
  overflow: hidden;
}
body.toolbar-drawer, body.toolbar {
  padding: 0;
}

*, *::before, *::after {
  background-repeat: no-repeat;
}

h1, h2, h3, h4 {
  margin: 0;
}

p {
  margin: 0 0 2rem 0;
}
@media all and (min-width: 62.375em) {
  p {
    margin: 0 0 3rem 0;
  }
}

svg, img {
  width: 100%;
  max-width: 100%;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}

em,
strong {
  color: #2F3032;
}

blockquote {
  padding: 0;
  margin: 0;
}

button:focus,
input:focus {
  outline: 0;
}

video {
  max-width: 100%;
}

/*****************/
/****** MAIN *****/
/*****************/
.container {
  max-width: 1244px;
  margin: 0 auto;
  padding-right: 2.4rem;
  padding-left: 2.4rem;
  width: 100%;
}
@media all and (min-width: 86.25em) {
  .container {
    padding-right: 0;
    padding-left: 0;
  }
}

.max-1380 .container {
  max-width: 1392px;
}

@media all and (min-width: 62.375em) {
  .sub-container {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

@media all and (min-width: 62.375em) {
  .col-6 {
    float: left;
    width: 40%;
    margin-right: 10%;
  }
}

@media all and (min-width: 62.375em) {
  .col-4 {
    float: left;
    width: 30%;
    margin-right: 10%;
  }
}

@media all and (min-width: 62.375em) {
  .col-8 {
    float: left;
    width: 50%;
    margin-right: 10%;
  }
}

@media all and (min-width: 62.375em) {
  .wrapping-img {
    float: left;
    max-width: 40%;
    margin-right: 5%;
    margin-bottom: 3rem;
  }
}

.row {
  margin: 0;
  clear: both;
}
.row::before {
  display: table;
  content: " ";
}
.row::after {
  content: " ";
  display: table;
  clear: both;
}
.row-relative {
  position: relative;
}

.v-container {
  display: table;
  height: 100%;
  width: 100%;
}

.v-align {
  display: table-cell;
  vertical-align: middle;
}

/*****************/
/****** USEFUL CLASSES *****/
/*****************/
.fullheight {
  height: 100vh;
}

.hide-for-viewer {
  position: absolute;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* # Font Mixins */
/* One mixin by font-style, order by asc */
/*****************/
/****** Custom *****/
/*****************/
.text-formatted li {
  color: #000;
  font-size: 1.8rem;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  margin-bottom: 2.5rem;
  list-style-type: disc;
  line-height: 2.6rem;
}
@media all and (min-width: 62.375em) {
  .text-formatted li {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
.text-formatted h2, .text-formatted h3, .text-formatted h4, .text-formatted h5, .text-formatted h6 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: "Signika", sans-serif;
}
.text-formatted h3, .text-formatted h4, .text-formatted h5, .text-formatted h6 {
  font-weight: normal;
  color: #2F3032;
}
.text-formatted h4 {
  font-weight: 300;
}
.text-formatted em {
  font-style: italic;
}
.text-formatted ul {
  padding-left: 2rem;
}
.text-formatted img {
  width: auto;
  height: auto;
}
.text-formatted .myButton {
  display: inline-block;
}
.text-formatted .field--name-thumbnail {
  display: inline-block;
}
.text-formatted .field--name-thumbnail img {
  width: auto;
}

.underline {
  display: inline-block;
  position: relative;
}
.underline:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1rem;
  width: 100%;
  height: 0.8rem;
  background-color: #fff;
}

blockquote {
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
  padding: 3rem 0 0 4.5rem;
  margin: 4rem 0;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  blockquote {
    font-size: 2rem;
    line-height: 2.8rem;
    padding: 3rem 7rem 0 7rem;
    margin: 6rem 0 4rem 0;
  }
}
@media all and (min-width: 86.25em) {
  blockquote {
    font-size: 2.6rem;
    line-height: 3.6rem;
    padding: 5rem 10rem 0 10rem;
    margin: 8rem 0 6rem 0;
  }
}
blockquote::before {
  content: "“";
  font-family: "Source Sans 3", sans-serif;
  font-size: 4.5rem;
  font-weight: 900;
  color: #1a4c93;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (min-width: 62.375em) {
  blockquote::before {
    font-size: 9rem;
  }
}
blockquote em {
  display: block;
  font-family: "Univers", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5rem;
  margin-top: 2rem;
  text-align: right;
}
@media all and (min-width: 62.375em) {
  blockquote em {
    font-size: 1.9rem;
    line-height: 3rem;
    margin-right: -10rem;
  }
}

.chapo {
  font-family: "Univers", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.05em;
}
@media all and (min-width: 62.375em) {
  .chapo {
    font-size: 2.6rem;
    line-height: 4rem;
    letter-spacing: 0.1em;
  }
}

h1 {
  font-family: "Signika", sans-serif;
  font-size: 3.6rem;
  font-weight: 600;
  text-transform: none;
  line-height: 4rem;
  color: #2F3032;
  border-bottom: 4px solid #E87200;
  margin-bottom: 1rem;
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: inline-block;
}
@media all and (min-width: 62.375em) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}
h1.main-title {
  font-style: normal;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 3rem;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media all and (min-width: 62.375em) {
  h1.main-title {
    font-size: 5rem;
    line-height: 6rem;
  }
}

h2 {
  font-family: "Signika", sans-serif;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 5.6rem;
  color: #2F3032;
  margin-bottom: 1rem;
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media all and (min-width: 62.375em) {
  h2 {
    font-size: 2.6rem;
    letter-spacing: 0;
    line-height: 4rem;
    padding: 0;
  }
}
@media all and (min-width: 62.375em) {
  .page-node-type-homepage h2 {
    font-size: 3.6rem;
    letter-spacing: 0;
    line-height: 3.8rem;
    padding: 0;
  }
}
h2.title-centered {
  text-align: center;
}
.vm-search-result-wrapper h2 {
  font-weight: normal;
}

.page-node-type-homepage h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Signika", sans-serif;
  border-bottom: 4px solid #E87200;
}

h3 {
  font-family: "Signika", sans-serif;
  color: #2F3032;
  font-style: normal;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 3.2rem;
  margin-bottom: 2rem;
}
h3.news-title {
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 2.6rem;
  color: #1a4c93;
  margin: 1rem 0;
}
h3.title-page-metier-teaser {
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin-bottom: 0;
}

h5 {
  font-family: "Signika", sans-serif;
  color: #2F3032;
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 62.375em) {
  h5 {
    font-size: 2.2rem;
    line-height: 3.6rem;
  }
}

p {
  color: #000;
  font-size: 1.8rem;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  line-height: 2.6rem;
}
@media all and (min-width: 62.375em) {
  p {
    font-size: 1.8rem;
  }
}
p a {
  font-weight: 700;
  color: #1a4c93;
  text-decoration: underline;
}

ul li:not(.header_social_item):before {
  /*
  content: "• ";
  color: $blue;
   */
}

ol li {
  list-style: inherit;
}

ol {
  counter-reset: item;
}
ol li {
  display: block;
}
ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #1a4c93;
}

.main-content a {
  font-weight: 700;
  color: #E87200;
  text-decoration: underline;
}
.main-content hr {
  border-color: #1a4c93;
}
.main-content {
  padding: 4.5rem 2rem 0 2rem;
}
@media all and (min-width: 62.375em) {
  .main-content {
    padding: 3rem 2rem 0 2rem;
  }
}
.main-content section {
  margin: 3rem 0;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .main-content section {
    margin: 5rem 0;
  }
}
@media all and (min-width: 86.25em) {
  .main-content section {
    margin: 7rem 0;
  }
}
.main-content .chapo {
  font-family: "Univers", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.05em;
}
@media all and (min-width: 62.375em) {
  .main-content .chapo {
    font-size: 2.6rem;
    line-height: 4rem;
    letter-spacing: 0.1em;
  }
}
.main-content ol li {
  list-style: inherit;
}
.main-content ol {
  counter-reset: item;
}
.main-content ol li {
  display: block;
}
.main-content ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #1a4c93;
}
.main-content ul li {
  margin-bottom: 0.5rem;
  text-indent: -0.7em;
}
.main-content ul li:before {
  content: "• ";
  color: #1a4c93;
  /* or whatever color you prefer */
}
.main-content .row-photo:first-of-type {
  margin-top: 5rem;
}
.main-content .row-photo:last-of-type {
  margin-bottom: 5rem;
}
.main-content .row-photo::before, .main-content .row-photo::after {
  clear: both;
}
.main-content .row-photo .photo {
  position: relative;
  width: 100%;
  background-size: cover;
  cursor: pointer;
  background-position: center;
}
@media all and (max-width: 998px-0.16 em) {
  .main-content .row-photo .photo {
    margin: 3rem 0 0 0;
  }
}
@media all and (min-width: 62.375em) {
  .main-content .row-photo .photo {
    float: left;
  }
}
.main-content .row-photo .photo:hover .photo_overlay {
  opacity: 1;
}
.main-content .row-photo .photo_overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.6s ease;
  padding: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .main-content .row-photo .photo_overlay {
    padding: 0 0 4rem 10%;
  }
}
.main-content .row-photo .photo-1:before,
.main-content .row-photo .photo-4:before {
  content: "";
  float: left;
  padding-bottom: 133.3333333333%;
}
.main-content .row-photo .photo-1:after,
.main-content .row-photo .photo-4:after {
  content: "";
  display: table;
  clear: both;
}
@media all and (min-width: 62.375em) {
  .main-content .row-photo .photo-1,
  .main-content .row-photo .photo-4 {
    width: 30%;
    margin-right: 10%;
    margin-bottom: 10rem;
  }
}
.main-content .row-photo .photo-2:before,
.main-content .row-photo .photo-5:before {
  content: "";
  float: left;
  padding-bottom: 66.6666666667%;
}
.main-content .row-photo .photo-2:after,
.main-content .row-photo .photo-5:after {
  content: "";
  display: table;
  clear: both;
}
@media all and (min-width: 62.375em) {
  .main-content .row-photo .photo-2,
  .main-content .row-photo .photo-5 {
    width: 60%;
    margin-bottom: 10rem;
  }
}
.main-content .row-photo .photo-3:before,
.main-content .row-photo .photo-6:before {
  content: "";
  float: left;
  padding-bottom: 41.6666666667%;
}
.main-content .row-photo .photo-3:after,
.main-content .row-photo .photo-6:after {
  content: "";
  display: table;
  clear: both;
}
@media all and (min-width: 62.375em) {
  .main-content .row-photo .photo-3,
  .main-content .row-photo .photo-6 {
    margin-bottom: 10rem;
  }
}

.subtitle,
.field--name-field-subtitle {
  font-size: 1.8rem;
  text-align: center;
  color: #585756;
}

.description,
.field--name-field-description {
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #585756;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  max-width: 98rem;
  margin: 0 auto;
}
@media all and (min-width: 62.375em) {
  .description,
  .field--name-field-description {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.txt-white {
  color: #fff;
}
.txt-white a {
  color: #fff;
}
.txt-white p {
  color: #fff;
}
.txt-white h2, .txt-white h3 {
  color: #fff;
}
.txt-white .field--name-field-description {
  color: #fff;
}

.header-banner h1,
.slider-banner h1 {
  text-transform: none;
  color: #fff;
  line-height: 3.7rem;
}
@media all and (min-width: 62.375em) {
  .header-banner h1,
  .slider-banner h1 {
    line-height: 5.8rem;
  }
}
.header-banner .subtitle,
.header-banner .field--name-field-subtitle,
.header-banner .field--name-field-page-subtitle,
.slider-banner .subtitle,
.slider-banner .field--name-field-subtitle,
.slider-banner .field--name-field-page-subtitle {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #fff;
  font-weight: 300;
  text-transform: unset;
}
@media all and (min-width: 62.375em) {
  .header-banner .subtitle,
  .header-banner .field--name-field-subtitle,
  .header-banner .field--name-field-page-subtitle,
  .slider-banner .subtitle,
  .slider-banner .field--name-field-subtitle,
  .slider-banner .field--name-field-page-subtitle {
    margin-top: 0;
    font-size: 3.6rem;
    line-height: 4.3rem;
  }
}

.no-background.header-banner h1 {
  color: #000;
  text-align: center;
  font-family: "Signika", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 138.462% */
  width: 100%;
  border-bottom: 2px solid #E87200;
  display: block;
}
@media all and (min-width: 62.375em) {
  .no-background.header-banner h1 {
    color: var(--foj-black-1, #2F3032);
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px; /* 127.273% */
    border-bottom: 4px solid #E87200;
  }
}
.no-background .block-field-blocknodepage-carrefourtitle {
  width: 100%;
  padding: 0 1.5rem 0 1.5rem;
}
@media all and (min-width: 62.375em) {
  .no-background .block-field-blocknodepage-carrefourtitle {
    width: auto;
  }
}

.slider-banner .subtitle, .slider-banner .field--name-field-subtitle {
  font-size: 3.2rem;
}
@media all and (min-width: 62.375em) {
  .slider-banner .subtitle, .slider-banner .field--name-field-subtitle {
    font-size: 5rem;
    line-height: 6rem;
  }
}
@media all and (min-width: 62.375em) {
  .slider-banner h1 {
    margin-top: 7rem;
  }
}

.slider-home-wrapper {
  color: #fff;
}
.slider-home-wrapper h2 {
  color: #fff;
  font-size: 3.2rem;
  line-height: 3.8rem;
  margin-bottom: 0;
  letter-spacing: 0.2rem;
  padding: 0;
}
@media all and (min-width: 62.375em) {
  .slider-home-wrapper h2 {
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 600;
  }
}
.slider-home-wrapper .subtitle-wrapper {
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 300;
}

a.facebook {
  background: url(../images/icons/svg/facebook.svg) no-repeat left center;
  text-decoration: none;
  color: #000;
  font-weight: normal;
}
.footer-item a.facebook {
  padding-left: 2.5rem;
  font-weight: 700;
  color: #1a4c93;
  text-decoration: underline;
}
.footer-item a.facebook:hover {
  text-decoration: none;
}

.text-citation {
  padding-top: 6.4rem;
  padding-bottom: 2.6rem;
  position: relative;
  margin-top: 6.5rem;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 32px;
  color: #576574;
  max-width: 962px;
}
.text-citation p {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 32px;
  color: #576574;
}
.text-citation:before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/icons/citation-top.svg) no-repeat center center;
  width: 79px;
  height: 56px;
  top: 0;
  left: 0;
}
.text-citation:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/icons/citation-bottom.svg) no-repeat center center;
  width: 79px;
  height: 56px;
  bottom: -20px;
  right: 0;
}
@media all and (min-width: 62.375em) {
  .text-citation:after {
    bottom: 0;
  }
}
@media all and (min-width: 62.375em) {
  .text-citation {
    font-size: 2.6rem;
    line-height: 36px;
    padding-left: 5.3rem;
    margin-left: 40px;
  }
  .text-citation p {
    font-size: 2.6rem;
    line-height: 36px;
  }
}

.text-sign {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #000;
  position: relative;
  top: -30px;
}
@media all and (min-width: 62.375em) {
  .text-sign {
    padding-left: 5.3rem;
    margin: 2rem 0 11.2rem 4rem;
    position: static;
    top: auto;
  }
}

.js-shave-more,
.js-shave-less {
  display: block;
  margin-top: 2rem;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #E87200;
  cursor: pointer;
}

.js-shave-char {
  cursor: pointer;
}

.field--name-field-contact .field__label {
  /* FOJ/H2 */
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 68px;
  color: #2F3032;
  padding-left: 7rem;
  background: url(../images/icons/contact.svg) no-repeat left center;
  margin-top: 4rem;
  margin-bottom: 2rem;
  margin-left: 10px;
}
@media all and (min-width: 86.25em) {
  .field--name-field-contact .field__label {
    font-size: 32px;
    margin-bottom: 4rem;
    line-height: 68px;
  }
}

.field--name-field-documents > .field__label {
  /* FOJ/H2 */
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 68px;
  color: #2F3032;
  padding-left: 7rem;
  background: url(../images/icons/plus-loin.svg) no-repeat left center;
  margin-top: 4rem;
  margin-bottom: 3rem;
  margin-left: 15px;
}

.field--name-field-ref-medias > .field__label,
.field--name-field-media-images > .field__label {
  /* FOJ/H2 */
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 68px;
  color: #2F3032;
  padding-left: 7rem;
  background: url(../images/icons/medias.svg) no-repeat left center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.text-center {
  text-align: center;
}

.title-soutien {
  text-align: center;
  color: #E87200;
  font-size: 3.2rem;
  margin-top: 1rem;
  margin-bottom: 4rem;
  font-weight: 600;
}

.field__label {
  font-family: "Source Sans 3", sans-serif;
}

.inside-contact-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.show-on-desktop {
  display: none;
}
@media all and (min-width: 62.375em) {
  .show-on-desktop {
    display: block;
  }
}

@media all and (min-width: 62.375em) {
  .display-flex {
    display: flex;
  }
}

.display-flex-on-desktop {
  display: none;
}
@media all and (min-width: 62.375em) {
  .display-flex-on-desktop {
    display: flex;
  }
}

.align-item-center {
  align-items: center;
}

.hide-on-desktop {
  display: block;
}
@media all and (min-width: 62.375em) {
  .hide-on-desktop {
    display: none !important;
  }
}

.show-on-wide {
  display: none;
}
@media screen and (min-width: 469px) {
  .show-on-wide {
    display: block;
  }
}

.hide-on-wide {
  display: block;
}
@media screen and (min-width: 760px) {
  .hide-on-wide {
    display: none !important;
  }
}

.show-on-tablet {
  display: none;
}
@media screen and (min-width: 1024px) {
  .show-on-tablet {
    display: block;
  }
}

.hide-on-tablet {
  display: block;
}
@media screen and (min-width: 1024px) {
  .hide-on-tablet {
    display: none !important;
  }
}

@media all and (max-width: 998px-0.16 em) {
  .mobile-centered {
    text-align: center;
  }
}

.google-lang img {
  width: 32px;
  max-width: 100%;
}

.video-container {
  position: relative;
  display: inline-block;
}
.video-container .video-poster {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-size: cover;
}
.video-container .video-poster .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
  width: 10rem;
}
@media all and (min-width: 62.375em) {
  .video-container .video-poster .video-btn {
    width: 20rem;
  }
}
.video-container .video-controls {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  height: 4rem;
}
.video-container .video-play {
  width: 3rem;
  display: flex;
  flex-flow: column wrap;
  padding: 0 0.5rem;
}
.video-container .video-play img {
  max-width: 100%;
  margin: 0 auto;
}
.video-container .info-time {
  font-size: 1.2rem;
  width: 10rem;
  text-align: center;
  color: #1a4c93;
}
.video-container .load {
  width: calc(80% - 10rem);
  padding: 1.5rem 2rem;
  cursor: pointer;
}
.video-container .load-bar {
  position: relative;
  background-color: #fff;
  height: 3px;
}
.video-container .load-bar_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #1a4c93;
}
.video-container .volume {
  width: calc(20% - 10rem);
  padding: 1rem 0;
  cursor: pointer;
  padding: 1.5rem 2rem;
}
.video-container .volume-bar {
  position: relative;
  background-color: #fff;
  height: 3px;
}
.video-container .volume-bar_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #1a4c93;
}

/* # Atoms */
/* # Buttons */
.btn,
.button,
.field--name-field-cta {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
@media all and (min-width: 86.25em) {
  .btn,
  .button,
  .field--name-field-cta {
    font-size: 1.4rem;
  }
}
.btn > a,
.button > a,
.field--name-field-cta > a {
  display: block;
  padding: 1.5rem 3.5rem;
}
.btn,
.button,
.field--name-field-cta {
  display: block;
  border: 1px solid #02B95C;
  margin: 1rem 0;
  border-radius: 0.8rem;
  cursor: pointer;
  background: #02B95C;
  color: #fff;
  width: auto;
  text-align: center;
  font-size: 1.8rem;
}
@media all and (min-width: 62.375em) {
  .btn,
  .button,
  .field--name-field-cta {
    display: inline-block;
    width: auto;
    font-size: 1.8rem;
  }
}
.btn:hover,
.button:hover,
.field--name-field-cta:hover {
  transition: all 0.6s ease;
  background-color: #fff;
  color: #02B95C;
}
.btn.btn-bg,
.button.btn-bg,
.field--name-field-cta.btn-bg {
  background-color: #1a4c93;
  color: #fff;
  text-decoration: none;
}
.btn.btn-bg:hover,
.button.btn-bg:hover,
.field--name-field-cta.btn-bg:hover {
  background-color: #fff;
  color: #1a4c93;
}
.btn.btn-read-more,
.button.btn-read-more,
.field--name-field-cta.btn-read-more {
  border: none;
  text-transform: none;
  font-size: 1.8rem;
  background: transparent;
  color: #E87200;
  text-align: left;
  padding: 1rem 0 0 0;
}
.btn.btn-read-more a,
.button.btn-read-more a,
.field--name-field-cta.btn-read-more a {
  background: url(../images/icons/read-more.svg) no-repeat center right;
  padding-right: 3.2rem;
}
.btn.btn-read-more:hover,
.button.btn-read-more:hover,
.field--name-field-cta.btn-read-more:hover {
  background: transparent;
  color: #E87200;
  text-decoration: underline;
}
.btn.faire-un-don,
.button.faire-un-don,
.field--name-field-cta.faire-un-don {
  font-weight: 600;
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 1.4rem;
  transition: none;
}
@media all and (max-width: 998px-0.16 em) {
  .btn.faire-un-don,
  .button.faire-un-don,
  .field--name-field-cta.faire-un-don {
    text-align: center;
    width: 100%;
  }
}
.btn.btn-slider-homepage,
.button.btn-slider-homepage,
.field--name-field-cta.btn-slider-homepage {
  font-size: 1.4rem;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 300;
  border: 1px solid #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  color: #fff;
}
.btn.btn-slider-homepage:hover,
.button.btn-slider-homepage:hover,
.field--name-field-cta.btn-slider-homepage:hover {
  background: #fff;
  color: #1a4c93;
}
.btn.btn-top,
.button.btn-top,
.field--name-field-cta.btn-top {
  background-color: #1a4c93;
  color: #fff;
}
.btn.btn-white,
.button.btn-white,
.field--name-field-cta.btn-white {
  background-color: #fff;
  color: #1a4c93;
  border: none;
}
.btn.c-blue,
.button.c-blue,
.field--name-field-cta.c-blue {
  color: #1a4c93;
}
.btn.c-blue:hover,
.button.c-blue:hover,
.field--name-field-cta.c-blue:hover {
  background-color: #1a4c93;
  color: #fff;
}
.btn.text-bold,
.button.text-bold,
.field--name-field-cta.text-bold {
  font-weight: 900;
}
.btn.more-news,
.button.more-news,
.field--name-field-cta.more-news {
  margin-bottom: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
}
.btn.mobile-centered,
.button.mobile-centered,
.field--name-field-cta.mobile-centered {
  display: table;
  margin: 2rem auto 0 auto;
}
.btn.btn-orange,
.button.btn-orange,
.field--name-field-cta.btn-orange {
  border-color: #E87200;
  background: #E87200;
  padding: 1.5rem;
}
.btn.btn-orange:hover,
.button.btn-orange:hover,
.field--name-field-cta.btn-orange:hover {
  background-color: #fff;
  color: #E87200;
}
.btn.sticky-button-cta-nous-soutenir,
.button.sticky-button-cta-nous-soutenir,
.field--name-field-cta.sticky-button-cta-nous-soutenir {
  position: fixed;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  left: 0;
  top: 8.2rem;
  text-align: center;
  padding: 0;
  font-size: 1.7rem;
  line-height: 4.5rem;
}
@media all and (min-width: 62.375em) {
  .btn.sticky-button-cta-nous-soutenir,
  .button.sticky-button-cta-nous-soutenir,
  .field--name-field-cta.sticky-button-cta-nous-soutenir {
    top: 10.6rem;
  }
}
.btn_donate,
.button_donate,
.field--name-field-cta_donate {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: inline-block;
  align-self: flex-end;
  z-index: 5;
}
@media all and (min-width: 62.375em) {
  .btn_donate,
  .button_donate,
  .field--name-field-cta_donate {
    bottom: 3.5rem;
    right: 2.5rem;
  }
}
.btn_donate.white,
.button_donate.white,
.field--name-field-cta_donate.white {
  background-color: #fff;
  color: #1a4c93;
}
@media all and (min-width: 62.375em) {
  .btn_donate_mobile,
  .button_donate_mobile,
  .field--name-field-cta_donate_mobile {
    display: none;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .btn_donate_desktop,
  .button_donate_desktop,
  .field--name-field-cta_donate_desktop {
    display: none;
  }
}
.btn.twitter,
.button.twitter,
.field--name-field-cta.twitter {
  color: #1a4c93;
  fill: #1a4c93;
  text-transform: capitalize;
  text-decoration: none;
  padding: 1.2rem 2rem 1rem 4rem;
  background: url(../images/icons/svg/twitter2.svg) no-repeat 1.25rem center;
}
@media all and (min-width: 62.375em) {
  .btn.twitter,
  .button.twitter,
  .field--name-field-cta.twitter {
    padding: 1.2rem 4rem 1rem 6rem;
    width: 14.3rem;
    background: url(../images/icons/svg/twitter2.svg) no-repeat 2.5rem center;
  }
}
.btn.facebook,
.button.facebook,
.field--name-field-cta.facebook {
  color: #1a4c93;
  text-transform: capitalize;
  text-decoration: none;
  padding: 1.2rem 2rem 1rem 4rem;
  background: url(../images/icons/svg/facebook2.svg) no-repeat 2rem center;
}
@media all and (min-width: 62.375em) {
  .btn.facebook,
  .button.facebook,
  .field--name-field-cta.facebook {
    padding: 1.2rem 3rem 1rem 5rem;
    width: 14.3rem;
    background: url(../images/icons/svg/facebook2.svg) no-repeat 2.5rem center;
  }
}
.btn.linkedin,
.button.linkedin,
.field--name-field-cta.linkedin {
  color: #1a4c93;
  text-transform: capitalize;
  text-decoration: none;
  padding: 1.2rem 2rem 1rem 4rem;
  background: url(../images/icons/svg/linkedin2.svg) no-repeat 1.3rem 0.9rem;
}
@media all and (min-width: 62.375em) {
  .btn.linkedin,
  .button.linkedin,
  .field--name-field-cta.linkedin {
    padding: 1.2rem 4rem 1rem 6rem;
    width: 14.3rem;
    background: url(../images/icons/svg/linkedin2.svg) no-repeat 2.5rem 0.9rem;
  }
}
.btn.btn-download,
.button.btn-download,
.field--name-field-cta.btn-download {
  text-transform: uppercase;
  text-decoration: none;
  padding: 2rem 7rem 2rem 3rem;
  background: url(../images/icons/svg/download.svg) no-repeat right 1.3rem center;
  line-height: 1.8rem;
  width: 100%;
  max-width: 23rem;
}
.btn.btn-download:hover,
.button.btn-download:hover,
.field--name-field-cta.btn-download:hover {
  color: #fff;
  background-color: #1a4c93;
  background-image: url(../images/icons/svg/download-hover.svg);
  background-repeat: no-repeat;
  background-position: right 1.3rem center;
}
@media all and (max-width: 998px-0.16 em) {
  .btn.btn-download,
  .button.btn-download,
  .field--name-field-cta.btn-download {
    padding: 1rem 7rem 1rem 3rem;
    background-size: 3.2rem;
  }
}
.btn.btn-popup-video,
.button.btn-popup-video,
.field--name-field-cta.btn-popup-video {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.5rem;
  color: #fff;
  background: #1a4c93 url(../images/icons/svg/video-play.svg) no-repeat right 0.3rem center;
  text-align: center;
  line-height: 2rem;
  font-size: 1.4rem;
  margin: 0.5rem 0;
  width: 100%;
}
.btn.btn-popup-video:hover,
.button.btn-popup-video:hover,
.field--name-field-cta.btn-popup-video:hover {
  color: #1a4c93;
  background: #fff url(../images/icons/svg/video-play.svg) no-repeat right 1.3rem center;
}
@media all and (min-width: 62.375em) {
  .btn.btn-popup-video,
  .button.btn-popup-video,
  .field--name-field-cta.btn-popup-video {
    padding: 1.5rem 6rem 1.5rem 2.5rem;
    width: auto;
  }
}
.btn.load-more,
.button.load-more,
.field--name-field-cta.load-more {
  cursor: pointer;
  padding-left: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #1a4c93;
  background-color: transparent;
  margin: 4rem auto;
  padding: 1.5rem 4rem;
}
.btn.load-more.loading,
.button.load-more.loading,
.field--name-field-cta.load-more.loading {
  background: transparent url(../images/icons/svg/load-more.svg) no-repeat 1.5rem center;
  transition: none;
}
.btn.load-more:hover,
.button.load-more:hover,
.field--name-field-cta.load-more:hover {
  background: transparent;
}

.field--name-field-media-document .file--application-pdf {
  background: url(../images/icons/download.svg) no-repeat right center;
  padding-left: 0;
  padding-right: 35px;
  color: #E87200;
}
.field--name-field-media-document .file--application-pdf a {
  color: #E87200;
}

#lang_choice {
  background: url(../images/icons/menu-mobile-dropdown.svg) no-repeat center right 8px;
  width: 68px;
  height: 32px;
  cursor: pointer;
  border-radius: 8px;
  border-color: #bebebe;
  color: #000;
  text-align: left;
  font-family: "Signika", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  padding-left: 12px;
}
@media all and (min-width: 62.375em) {
  #lang_choice {
    background: url(../images/icons/globe.svg) no-repeat center center;
    width: 109px;
    height: 40px;
    text-align: center;
    padding-left: 0;
    font-size: 18px;
  }
}

.block-dropdown-language {
  margin-left: 2rem;
}
.block-dropdown-language .dropbutton-action span {
  display: none;
  cursor: pointer;
}
.block-dropdown-language .dropbutton-action span.active-language {
  display: block;
}
.block-dropdown-language .open .dropbutton-action span {
  display: block;
}
.block-dropdown-language .open .dropbutton-action span.active-language {
  display: block;
}
.block-dropdown-language fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.block-dropdown-language .dropbutton {
  padding: 0;
}
.block-dropdown-language .fieldset-legend {
  display: none;
}
.block-dropdown-language .dropbutton-widget {
  position: relative;
}
.block-dropdown-language .dropbutton-widget ul li {
  margin-bottom: 0;
}
.block-dropdown-language .dropbutton-widget .active-language {
  display: block;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 4px 25px 4px 38px;
  background: url(../images/icons/globe.svg) no-repeat 4px center;
}
.block-dropdown-language .dropbutton {
  position: relative;
}
.block-dropdown-language .dropbutton .dropbutton-arrow {
  /* transition: all 0.75s 0.25s; */
  /* height: 1.3rem; */
  display: inline-block;
  border: none;
  position: absolute;
  /* transition: all 0.75s 0.25s; */
  /* height: 1.3rem; */
}
.block-dropdown-language .dropbutton-toggle {
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.block-dropdown-language .dropbutton-toggle .dropbutton-arrow {
  position: absolute;
  top: 0;
  border: none;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icons/language-dropdown.svg) no-repeat center right 12px;
  left: 0;
}
.block-dropdown-language .dropbutton-toggle button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: none;
}
.block-dropdown-language .dropbutton {
  overflow: initial;
}
.block-dropdown-language .dropbutton .secondary-action {
  position: relative;
  border-radius: 0 0 24px 24px;
  text-align: center;
}
.block-dropdown-language .dropbutton .secondary-action .language-link {
  padding: 5px 0 10px 0;
}

.js .dropbutton-multiple .dropbutton-widget {
  padding-right: 0;
}

.field--name-field-consult a,
.external-link a {
  color: #E87200;
  text-transform: capitalize;
  border-bottom: 1px solid #E87200;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 2rem;
}
.field--name-field-consult a:after,
.external-link a:after {
  background: url(../images/icons/external-link.svg) no-repeat center center;
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  margin-left: 1rem;
  border: none;
}

.hug-input {
  position: relative;
}
.hug-input::before {
  content: url("../images/icons/loupe-white.svg");
  position: absolute;
  width: 1.3rem;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.hug-input input {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  padding: 1rem 3.5rem 1rem 3rem;
  color: #fff;
}
@media all and (min-width: 62.375em) {
  .hug-input input {
    padding: 2rem 7rem 2rem 2.5rem;
    font-size: 2.6rem;
    letter-spacing: 0.1em;
  }
}
.hug-input_control {
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  visibility: hidden;
}
@media all and (max-width: 998px-0.16 em) {
  .hug-input_control {
    right: 2rem;
  }
}
.hug-input_clear {
  cursor: pointer;
  width: 1.1rem;
}
.hug-input_submit {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-right: 2rem;
  width: 1.9rem;
}
.hug-input_submit img {
  width: 1.9rem;
  max-width: none;
}
/* # Molecules */
/* # Formulaires */
::-webkit-input-placeholder { /* Chrome */
  color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

:focus::-webkit-input-placeholder { /* Chrome */
  color: transparent;
}

:focus:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}

:focus::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}

:focus:-moz-placeholder { /* Firefox 4 - 18 */
  color: transparent;
}

input,
textarea,
button,
select {
  line-height: normal;
  border-radius: 0px;
  border: 1px solid;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #000;
}

input::-ms-clear {
  display: none;
}
.ie9 input {
  line-height: normal !important;
}
input[type=radio], input[type=checkbox] {
  padding: 0 !important;
}
input[type=radio], input[type=checkbox], input[type=submit] {
  width: auto;
  height: auto;
  min-height: 0;
}

textarea {
  resize: none;
}

select {
  line-height: normal;
}
select::-ms-expand {
  display: none;
}

@media all and (min-width: 62.375em) {
  .projects-search,
  .partners-search {
    font-size: 1.4rem;
    line-height: 3rem;
  }
}
.projects-search .container,
.partners-search .container {
  padding: 0;
}
@media all and (min-width: 62.375em) {
  .projects-search .filter,
  .partners-search .filter {
    float: left;
    width: 20%;
    border-right: 1px solid #d8d8d8;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search .filter,
  .partners-search .filter {
    position: absolute;
    font-size: 1.2rem;
    width: 100%;
    background-color: #f2f2f2;
    z-index: 1;
    line-height: 4rem;
    margin-left: -2rem;
    padding-left: 2rem;
    transition: transform 0.6s ease;
  }
  .projects-search .filter:nth-child(1),
  .partners-search .filter:nth-child(1) {
    top: calc(7.1rem + (1 - 1) * 4rem);
  }
  .projects-search .filter:nth-child(2),
  .partners-search .filter:nth-child(2) {
    top: calc(7.1rem + (2 - 1) * 4rem);
  }
  .projects-search .filter:nth-child(3),
  .partners-search .filter:nth-child(3) {
    top: calc(7.1rem + (3 - 1) * 4rem);
  }
  .projects-search .filter:nth-child(4),
  .partners-search .filter:nth-child(4) {
    top: calc(7.1rem + (4 - 1) * 4rem);
  }
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search .filter.closed,
  .partners-search .filter.closed {
    transform: translate(-100%, 0);
  }
}
.projects-search .filter p,
.partners-search .filter p {
  text-transform: uppercase;
}
@media all and (min-width: 62.375em) {
  .projects-search .filter p,
  .partners-search .filter p {
    width: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search .filter p,
  .partners-search .filter p {
    float: left;
    width: 70%;
  }
}
@media all and (min-width: 62.375em) {
  .projects-search .filter label,
  .partners-search .filter label {
    margin-right: 2rem;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search .filter label,
  .partners-search .filter label {
    float: left;
  }
}
@media all and (min-width: 62.375em) {
  .projects-search .col-lg-6,
  .partners-search .col-lg-6 {
    width: 40%;
    float: left;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search .col-lg-6,
  .partners-search .col-lg-6 {
    width: 75%;
    float: left;
    padding: 0;
  }
}
.projects-search .col-lg-6 > div,
.partners-search .col-lg-6 > div {
  position: relative;
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search .col-lg-6 > div,
  .partners-search .col-lg-6 > div {
    text-align: center;
    line-height: 7rem;
    border-left: 1px solid #d8d8d8;
  }
}
.projects-search .col-lg-6 > div::before,
.partners-search .col-lg-6 > div::before {
  content: url("../images/icons/loupe.svg");
  position: absolute;
  top: 0.2rem;
  width: 1.1rem;
  height: 1.1rem;
}
@media all and (min-width: 62.375em) {
  .projects-search .col-lg-6 > div::before,
  .partners-search .col-lg-6 > div::before {
    width: 1.7rem;
    height: 1.7rem;
  }
}
@media all and (min-width: 62.375em) {
  .projects-search .filter,
  .projects-search .col-lg-6,
  .partners-search .filter,
  .partners-search .col-lg-6 {
    text-align: center;
    padding: 3.5rem 0;
  }
}
.projects-search input[type=checkbox],
.partners-search input[type=checkbox] {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-color: #000;
  background: transparent;
  width: 1rem;
  height: 1rem;
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search input[type=checkbox],
  .partners-search input[type=checkbox] {
    position: absolute;
    top: 50%;
    margin-left: 1rem;
    transform: translate(0, -50%);
  }
}
.projects-search input[type=checkbox]::after,
.partners-search input[type=checkbox]::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-color: #f2f2f2;
  right: -75%;
  top: -75%;
}
.projects-search input[type=checkbox]:checked,
.partners-search input[type=checkbox]:checked {
  border-color: #1a4c93;
}
.projects-search input[type=checkbox]:checked::before,
.partners-search input[type=checkbox]:checked::before {
  content: url("../images/icons/check.svg");
  position: absolute;
  top: -0.8rem;
  right: -0.4rem;
  width: 1rem;
  height: 1rem;
  z-index: 1;
}
.projects-search input[type=text],
.partners-search input[type=text] {
  background-color: #f2f2f2;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  text-transform: uppercase;
}
@media all and (min-width: 62.375em) {
  .projects-search input[type=text],
  .partners-search input[type=text] {
    padding-left: 4rem;
    padding-bottom: 2rem;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .projects-search input[type=text],
  .partners-search input[type=text] {
    font-size: 1rem;
    max-width: 80%;
    padding: 1rem 0 1rem 3rem;
  }
}
.projects-search input[type=text]:-webkit-autofill,
.partners-search input[type=text]:-webkit-autofill {
  -webkit-box-shadow: unset;
  -webkit-text-fill-color: #000;
}

@media all and (min-width: 62.375em) {
  .partners-search .filter {
    width: 25%;
  }
}

.page-description_search-toggle {
  text-transform: uppercase;
  font-size: 0.9rem;
  cursor: pointer;
}
@media all and (max-width: 998px-0.16 em) {
  .page-description_search-toggle {
    float: left;
    width: 25%;
    height: 7rem;
    padding: 1.5rem 0;
    text-align: center;
  }
}
@media all and (min-width: 62.375em) {
  .page-description_search-toggle {
    display: none;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .page-description_search-toggle.closed .opened {
    display: none;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .page-description_search-toggle.opened .closed {
    display: none;
  }
}

/* # Organisms */
.annuals-reports-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .annuals-reports-wrapper {
    display: grid;
    /* flex-wrap: initial; */
    gap: 2rem;
    /* grid-column: 2; */
    /*grid-template-rows: [row1-start] 50% [row1-end row2-start] 50% [row2-end];*/
    grid-template-columns: 1fr 1fr;
    flex: none;
  }
}

.annuals-reports-item {
  display: flex;
}
@media all and (min-width: 62.375em) {
  .annuals-reports-item {
    flex: 50%;
  }
}

.annual-report-node-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-top: 3rem;
}
@media all and (min-width: 62.375em) {
  .annual-report-node-wrapper {
    flex-direction: column;
    gap: 0;
  }
}

.annual-repport-image img {
  width: auto;
  height: auto;
  max-width: 115px;
  border: 1px solid #888;
}
@media all and (min-width: 62.375em) {
  .annual-repport-image img {
    max-width: 227px;
  }
}

.annual-repport-content h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a4c93;
  line-height: 2.6rem;
  margin: 1rem 0;
  text-transform: none;
}
.annual-repport-content p {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
@media all and (min-width: 62.375em) {
  .annual-repport-content p {
    font-size: 1.8rem;
    line-height: 4rem;
  }
}

.field--name-field-image {
  text-align: center;
}
.field--name-field-image img {
  width: auto;
  height: auto;
}
@media all and (min-width: 62.375em) {
  .field--name-field-image img {
    float: right;
  }
}

span[id=soutien],
span[id=Rejoignez-nous],
span[id=stages],
span[id=Métiers] {
  position: relative;
  top: -120px;
  display: block;
}

.block-field-blockblock-contentjoin-usfield-title {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #576574;
  margin-bottom: 3rem;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .block-field-blockblock-contentjoin-usfield-title {
    text-align: left;
    margin-bottom: 70px;
  }
}

.field--name-field-text p {
  color: #576574;
}

.view-id-block_metiers .slick-list {
  padding-bottom: 1rem;
}
.view-id-block_metiers .structure-teaser-toggle {
  display: none;
}
.view-id-block_metiers {
  text-align: left;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 0 0 15px;
}
.view-id-block_metiers .arrow-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  color: #E87200;
  text-align: center;
}
.view-id-block_metiers .arrow-nav .left,
.view-id-block_metiers .arrow-nav .right {
  display: inline-block;
  width: 3rem;
  text-align: center;
}
@media all and (min-width: 86.25em) {
  .view-id-block_metiers .arrow-nav {
    display: none;
  }
}
@media all and (min-width: 62.375em) {
  .view-id-block_metiers {
    margin: 0 auto;
  }
}
.view-id-block_metiers .view-content .slick-slide > div > div {
  vertical-align: top;
}
.view-id-block_metiers .view-content .slick-slide > div > div > article {
  max-width: 327.5px;
  margin-left: 10px;
}
@media all and (min-width: 86.25em) {
  .view-id-block_metiers .view-content .slick-slide > div > div > article {
    margin-left: 0;
  }
}
@media all and (min-width: 86.25em) {
  .view-id-block_metiers {
    padding: 0 15px;
  }
  .view-id-block_metiers .view-content .slick-track {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    transform: none !important;
    width: 1380px !important;
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .view-id-block_metiers .view-content .slick-track > div {
    vertical-align: top;
  }
  .view-id-block_metiers .view-content .slick-track > div > article {
    width: 330px;
    padding: 10px;
  }
}
.view-id-block_metiers .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  margin-right: 10px;
  width: 346px;
}
@media all and (min-width: 86.25em) {
  .view-id-block_metiers .slick-slide {
    margin-right: 0;
    width: 327.5px;
  }
}
.view-id-block_metiers .slick-track {
  padding-top: 10px;
  padding-bottom: 10px;
}

.view-list-our-missions {
  text-align: left;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
}
.view-list-our-missions .arrow-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  color: #E87200;
  text-align: center;
}
.view-list-our-missions .arrow-nav .left,
.view-list-our-missions .arrow-nav .right {
  cursor: pointer;
  display: inline-block;
  width: 3rem;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .view-list-our-missions {
    margin: 0 auto;
  }
}
.view-list-our-missions .view-content .slick-slide > div > div {
  vertical-align: top;
}
.view-list-our-missions .view-content .slick-slide > div > div > article {
  max-width: 420px;
  margin-left: 10px;
}
@media all and (min-width: 86.25em) {
  .view-list-our-missions .view-content .slick-track > div {
    vertical-align: top;
  }
  .view-list-our-missions .view-content .slick-track > div > article {
    padding: 10px;
  }
}
.view-list-our-missions .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  margin-right: 24px;
  width: 303px;
}
@media all and (min-width: 86.25em) {
  .view-list-our-missions .slick-slide {
    width: 335px;
    margin-right: 20px;
  }
}
.view-list-our-missions .slick-track {
  padding-top: 10px;
  padding-bottom: 10px;
}

.block-views-blocklist-our-missions-block-1 {
  text-align: center;
}
.block-views-blocklist-our-missions-block-1 h2 {
  margin-bottom: 6rem;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/icons/differentes-missions.svg) no-repeat center top 40px;
  background-size: 75px;
  padding: 12.5rem 2rem 0;
}
@media all and (min-width: 62.375em) {
  .block-views-blocklist-our-missions-block-1 h2 {
    background: url(../images/icons/differentes-missions.svg) no-repeat center top;
    background-size: 75px;
    padding: 11.5rem 0 0;
    margin-top: 3rem;
    margin-bottom: 7.2rem;
    font-size: 44px;
    font-weight: 600;
  }
}
.block-views-blocklist-our-missions-block-1 .layout.cart-teaser-listing {
  margin-bottom: 10px;
}
.block-views-blocklist-our-missions-block-1 .layout.cart-teaser-listing h3 {
  margin-bottom: 10px;
}
.block-views-blocklist-our-missions-block-1 .layout .img-teaser-top {
  height: 200px;
}
@media all and (min-width: 62.375em) {
  .block-views-blocklist-our-missions-block-1 .layout .img-teaser-top {
    height: 242.5px;
  }
}
.block-views-blocklist-our-missions-block-1 .layout .teaser-content-top {
  min-height: 198px;
}
.block-views-blocklist-our-missions-block-1 .layout .teaser-content-inside {
  height: auto;
  min-height: 280px;
  padding: 2.4rem;
}
@media all and (min-width: 62.375em) {
  .block-views-blocklist-our-missions-block-1 .layout .teaser-content-inside {
    height: auto;
    min-height: 242.5px;
  }
}

.block-views-blockliste-of-our-news-block-1 {
  text-align: center;
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.block-views-blockliste-of-our-news-block-1 h2 {
  font-family: "Signika", sans-serif;
  margin-bottom: 4rem;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/icons/our-news.svg) no-repeat center top;
  padding: 6rem 0 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 56px;
  width: 295px;
  background-size: 60px;
}
@media all and (min-width: 62.375em) {
  .block-views-blockliste-of-our-news-block-1 h2 {
    padding: 10.5rem 0 0;
    font-size: 44px;
    width: auto;
    background-size: auto;
  }
}

@media all and (min-width: 62.375em) {
  .our-news-block-foj .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    transform: none !important;
    width: 1380px !important;
    margin: 20px auto;
  }
}
.our-news-block-foj .view-content {
  grid-template-columns: 1fr;
}

.our-news-block .more-link {
  text-align: center;
  padding: 20px;
  width: auto;
  margin: auto;
}
.our-news-block .more-link a {
  background: #E87200;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  padding: 1.5rem 3.5rem;
  margin: 1rem 0;
  border-radius: 0.8rem;
  cursor: pointer;
  color: #fff;
  width: 100%;
  font-size: 1.8rem;
}
.our-news-block .more-link a:hover {
  background-color: #fff;
  color: #E87200;
  border-color: #E87200;
  border: solid 1px #e87200;
}

.view-liste-of-our-news {
  text-align: left;
  max-width: 1480px;
  margin: 0 0 0 -1.2rem;
  padding: 0;
}
@media all and (min-width: 86.25em) {
  .view-liste-of-our-news {
    padding: 0;
    margin: 0 auto;
  }
  .view-liste-of-our-news .slick-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.view-liste-of-our-news .arrow-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  color: #E87200;
  text-align: center;
}
.view-liste-of-our-news .arrow-nav .left,
.view-liste-of-our-news .arrow-nav .right {
  display: inline-block;
  width: 3rem;
  text-align: center;
  cursor: pointer;
}
@media all and (min-width: 62.375em) {
  .view-liste-of-our-news {
    margin: 0 auto;
  }
}
.view-liste-of-our-news .view-content .slick-slide {
  vertical-align: top;
}
.view-liste-of-our-news .view-content .slick-slide > article {
  max-width: 343px;
  margin-left: 10px;
  margin-bottom: 10px;
}
@media all and (min-width: 86.25em) {
  .view-liste-of-our-news .view-content .slick-slide > article {
    max-width: 420px;
    margin-left: 0;
  }
}
@media all and (min-width: 86.25em) {
  .view-liste-of-our-news {
    padding: 0 15px;
  }
  .view-liste-of-our-news .view-content .slick-track > div {
    vertical-align: top;
  }
  .view-liste-of-our-news .view-content .slick-track > div > article {
    width: 420px;
    padding: 10px;
  }
}
.view-liste-of-our-news .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  margin-right: 24px;
}
@media all and (min-width: 86.25em) {
  .view-liste-of-our-news .slick-slide {
    width: 450px;
    margin-right: 0;
  }
}
.view-liste-of-our-news .slick-track {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cart-teaser-listing {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #fff;
}
.cart-teaser-listing h3 {
  line-height: 2.7rem;
}
.cart-teaser-listing .teaser-content-inside {
  padding: 2.5rem 2rem 1rem 2rem;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #576574;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-items: baseline;
  justify-content: space-between;
  min-height: 305px;
}
.cart-teaser-listing .teaser-content-inside p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #576574;
}
.cart-teaser-listing .teaser-content-inside .btn-read-more {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cart-teaser-listing .block-field-blocknodepage-missionsfield-teaser div {
  text-overflow: ellipsis;
  white-space: revert;
  padding: 14px 23px 12px 0px;
}
.cart-teaser-listing .block-extra-field-blocknodepage-missionslinks,
.cart-teaser-listing .block-extra-field-blocknodepage-actualiteslinks {
  padding-bottom: 10px;
}
.cart-teaser-listing .img-hover-zoom {
  height: 242.5px;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.cart-teaser-listing .img-hover-zoom img {
  transition: transform 0.5s ease;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.cart-teaser-listing .img-hover-zoom:hover img {
  transform: scale(1.25);
}
.cart-teaser-listing img {
  width: auto;
  max-width: none;
  height: 100%;
}
.cart-teaser-listing .field--name-field-describe {
  min-height: 14rem;
}

.cart,
.field--name-field-ref-medias > .field__items > .field__item,
.field--name-field-ref-medias .slick-slide > div > .field__item > article {
  width: auto;
  background: #FFFFFF;
  border-top: 4px solid #E87200;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  border-radius: 0 0 8px 8px;
  flex: none;
  order: 0;
  flex-grow: 1;
  padding: 2rem;
}
@media all and (min-width: 62.375em) {
  .cart,
  .field--name-field-ref-medias > .field__items > .field__item,
  .field--name-field-ref-medias .slick-slide > div > .field__item > article {
    padding: 2rem;
    width: 469.5px;
  }
}
.cart a,
.field--name-field-ref-medias > .field__items > .field__item a,
.field--name-field-ref-medias .slick-slide > div > .field__item > article a {
  color: #E87200;
}
.cart ul,
.field--name-field-ref-medias > .field__items > .field__item ul,
.field--name-field-ref-medias .slick-slide > div > .field__item > article ul {
  color: #2F3032;
}
.cart ul li,
.field--name-field-ref-medias > .field__items > .field__item ul li,
.field--name-field-ref-medias .slick-slide > div > .field__item > article ul li {
  color: #2F3032;
  margin-bottom: 1rem;
}

@media all and (min-width: 62.375em) {
  .page-node-type-page-structure .field--name-field-documents .field__items .field__item:not(:last-child) {
    margin-bottom: 24px;
  }
}

.field--name-field-contact .field--name-field-title-sector-job,
.field--name-field-contact .document-title,
.field--name-field-documents .field--name-field-title-sector-job,
.field--name-field-documents .document-title {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #000000;
  margin-bottom: 3.5rem;
}
.field--name-field-contact .field--name-field-title-sector-job,
.field--name-field-documents .field--name-field-title-sector-job {
  margin-bottom: 32px;
}
.field--name-field-contact .name-contact,
.field--name-field-documents .name-contact {
  display: flex;
  gap: 0.5rem;
  font-weight: bold;
  margin-bottom: 16px;
}
.field--name-field-contact .field--name-field-adress,
.field--name-field-documents .field--name-field-adress {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  margin-bottom: 16px;
}
.field--name-field-contact .field--name-field-email,
.field--name-field-documents .field--name-field-email {
  padding-left: 3.5rem;
  background: url(../images/icons/email.svg) no-repeat left center;
  margin-bottom: 12px;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.field--name-field-contact .field--name-field-phone,
.field--name-field-documents .field--name-field-phone {
  padding-left: 3.5rem;
  background: url(../images/icons/phone.svg) no-repeat left center;
  margin-bottom: 12px;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.field--name-field-contact .field--name-field-lastname,
.field--name-field-contact .field--name-field-firstname,
.field--name-field-documents .field--name-field-lastname,
.field--name-field-documents .field--name-field-firstname {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
.field--name-thumbnail img {
  height: auto;
}

.field--name-field-photos-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.field--name-field-photos-gallery img {
  height: auto;
}
@media all and (min-width: 62.375em) {
  .field--name-field-photos-gallery {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.js-field-slick {
  text-align: left;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 0 0 15px;
}
@media all and (min-width: 86.25em) {
  .js-field-slick {
    padding: 0;
  }
  .js-field-slick .slick-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.js-field-slick .arrow-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  color: #E87200;
  text-align: center;
}
.js-field-slick .arrow-nav .left,
.js-field-slick .arrow-nav .right {
  display: inline-block;
  width: 3rem;
  text-align: center;
  cursor: pointer;
}
@media all and (min-width: 62.375em) {
  .js-field-slick {
    margin: 0 auto;
  }
}
.js-field-slick .field__items .slick-slide > div > div {
  vertical-align: top;
}
.js-field-slick .field__items .slick-slide > div > div > article {
  max-width: 470px;
  margin-left: 10px;
  margin-bottom: 10px;
}
@media all and (min-width: 86.25em) {
  .js-field-slick .field__items .slick-slide > div > div > article {
    margin-left: 0;
  }
}
@media all and (min-width: 86.25em) {
  .js-field-slick {
    padding: 0 15px;
  }
  .js-field-slick .field__items .slick-track > div {
    vertical-align: top;
  }
  .js-field-slick .field__items .slick-track > div > article {
    width: 470px;
    padding: 10px;
  }
}
.js-field-slick .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  margin-right: 3.5rem;
  width: 470px;
}
.js-field-slick .slick-track {
  padding-top: 10px;
  padding-bottom: 10px;
}

.page-node-type-page-structure .js-field-slick {
  padding: 0;
}
.page-node-type-page-structure .js-field-slick .field__items .slick-slide > div > div > article {
  max-width: none;
  margin-left: 10px;
  margin-bottom: 10px;
  width: auto;
}
.page-node-type-page-structure .slick-initialized .slick-slide {
  display: block;
  width: 100vw;
  padding-right: 60px;
}

.js-slick-mode-gallery.field--name-field-media-images .slick-initialized .slick-slide {
  display: block;
  padding-right: 0;
  margin-right: 20px;
}
.js-slick-mode-gallery.field--name-field-media-images img {
  height: auto;
}
.js-slick-mode-gallery .arrow-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  color: #E87200;
  text-align: center;
}
.js-slick-mode-gallery .arrow-nav .left,
.js-slick-mode-gallery .arrow-nav .right {
  cursor: pointer;
  display: inline-block;
  width: 3rem;
  text-align: center;
}
@media all and (min-width: 86.25em) {
  .js-slick-mode-gallery {
    padding: 0;
  }
  .js-slick-mode-gallery .slick-list {
    padding-left: 0;
    padding-right: 0;
  }
}

.slick-lightbox-inner .slick-slide {
  padding-right: 0 !important;
}

@media all and (min-width: 62.375em) {
  .page-node-type-page-structure .block.block-layout-builder.block-field-blocknodepage-structurefield-contact .js-field-slick .slick-track {
    width: 988px !important;
  }
  .page-node-type-page-structure .block.block-layout-builder.block-field-blocknodepage-structurefield-contact .js-field-slick .slick-track > div {
    vertical-align: top;
    width: 100%;
    padding-top: 18px;
  }
}
.block-field-blockblock-contentyear-numberfield-numbers {
  display: block;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2rem 0;
}
.block-field-blockblock-contentyear-numberfield-numbers .field--name-field-numbers {
  width: 1210px;
  border-radius: 8px;
  padding: 5.3rem 4rem;
  margin: 0 1rem;
  white-space: nowrap;
  transition: all 0.2s;
  background: #FFFFFF;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media all and (min-width: 62.375em) {
  .block-field-blockblock-contentyear-numberfield-numbers .field--name-field-numbers {
    width: 1382px;
  }
}
.block-field-blockblock-contentyear-numberfield-numbers .field--name-field-numbers > .field__item {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  background: #FFFFFF;
  max-width: 25rem;
}
.block-field-blockblock-contentyear-numberfield-numbers .field--name-field-numbers {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.block-field-blockblock-contentyear-numberfield-numbers .field--name-field-number-year {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 76px;
  line-height: 68px;
  color: #E87200;
  margin-bottom: 1rem;
}
.block-field-blockblock-contentyear-numberfield-numbers .field--name-field-text-under {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #2F3032;
}
@media all and (min-width: 62.375em) {
  .block-field-blockblock-contentyear-numberfield-numbers .field--name-field-text-under {
    font-size: 18px;
    line-height: 32px;
  }
}

.block-field-blockblock-contentyear-numberfield-title h2 {
  color: #576574;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  margin-top: 4rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: none;
  max-width: 229px;
}
@media all and (min-width: 62.375em) {
  .block-field-blockblock-contentyear-numberfield-title h2 {
    font-size: 32px;
    line-height: 68px;
    max-width: none;
    margin-bottom: 4rem;
  }
}

body.flyout-menu {
  --mobile-width: 100%;
  --background-color: white;
  --link-color: white;
  transition: transform 0.25s;
}
@media all and (min-width: 62.375em) {
  body.flyout-menu .region-header .block-dropdown-language {
    display: block;
  }
}
body.flyout-menu .flyout-menu-wrapper ul {
  list-style: none;
  padding: 0;
}
body.flyout-menu .flyout-menu-wrapper ul li a {
  text-decoration: none;
}
@media all and (min-width: 62.375em) {
  body.flyout-menu .flyout-menu-wrapper ul li a {
    padding: 1rem 0;
  }
}
@media all and (min-width: 86.25em) {
  body.flyout-menu .flyout-menu-wrapper ul li a {
    padding: 1rem 0;
  }
}
@media all and (min-width: 86.25em) {
  body.flyout-menu .flyout-menu-wrapper ul li {
    padding: 0 1rem;
  }
}
@media all and (min-width: 86.25em) {
  body.flyout-menu .flyout-menu-wrapper ul li.dropbutton-action {
    padding: 0;
  }
}
body.flyout-menu #flyout-menu-horizontal {
  display: none;
}
body.flyout-menu #flyout-menu-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  width: var(--mobile-width);
  height: 100vh;
  background-color: var(--background-color);
  overflow: scroll;
  z-index: 9999;
}
body.flyout-menu #flyout-menu-offcanvas ul {
  margin: 0;
}
body.flyout-menu #flyout-menu-offcanvas ul li {
  padding: 0;
}
body.flyout-menu #flyout-menu-offcanvas ul li .sub-menu-toggle {
  display: block;
  clear: both;
  float: right;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23fff" d="M 22.800781 9 L 15 9 L 15 1.199219 C 15 0.539062 14.460938 0 13.800781 0 L 10.199219 0 C 9.539062 0 9 0.539062 9 1.199219 L 9 9 L 1.199219 9 C 0.539062 9 0 9.539062 0 10.199219 L 0 13.800781 C 0 14.460938 0.539062 15 1.199219 15 L 9 15 L 9 22.800781 C 9 23.460938 9.539062 23.996094 10.199219 24 L 13.800781 24 C 14.460938 24 15 23.460938 15 22.800781 L 15 15 L 22.800781 15 C 23.460938 14.996094 23.996094 14.460938 24 13.800781 L 24 10.199219 C 24 9.539062 23.460938 9.003906 22.800781 9 Z M 22.800781 9 "/%3E%3C/svg%3E');
  background-position: 50%;
  background-size: 0.75rem;
  background-repeat: no-repeat;
  cursor: pointer;
}
body.flyout-menu #flyout-menu-offcanvas ul .sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin-left: 2rem;
  margin-bottom: 1rem;
}
body.flyout-menu #flyout-menu-offcanvas ul .sub-menu li {
  border-bottom: 0;
  padding: 0.25rem 0;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu {
  display: block;
  margin: 0;
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 9999;
  left: 0;
  height: 100vh;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li {
  padding: 0 2rem;
  border: none;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a {
  line-height: 3.2rem;
  display: block;
  padding-left: 3rem;
  padding-bottom: 3rem;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a:before {
  content: "•";
  /* font-weight: bold; */
  display: inline-block;
  width: 0.75em;
  margin-left: 0;
  font-size: 4rem;
  line-height: 6rem;
  font-family: Sans-Serif, serif;
  position: absolute;
  left: 2.5rem;
  top: -1.4rem;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.blue:before {
  color: #54A0FF;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.grey:before {
  color: #8395A7;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.blue1:before {
  color: #0ABDE3;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.blue2:before {
  color: #00D2D3;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.green:before {
  color: #1DD1A1;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.purple1:before {
  color: #F368E0;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.purple2:before {
  color: #5F27CD;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.yellow:before {
  color: #F1C40F;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li a.purple3:before {
  color: #7D5FFF;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li.sub-menu-nav {
  display: flex;
  justify-content: space-between;
  justify-items: center;
  padding: 0 2.5rem;
  height: 7rem;
  border-bottom: 1px solid #BEBEBE;
  margin-top: 0;
  margin-bottom: 2rem;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu li.sub-menu-nav .sub-menu-back {
  display: block;
  background: url(../images/icons/arrow-left.svg) no-repeat center;
  width: 9px;
  height: 100%;
  font-size: 0;
}
body.flyout-menu #flyout-menu-offcanvas ul .open .sub-menu a {
  margin-right: 0;
  color: #000;
}
body.flyout-menu #flyout-menu-offcanvas ul .sub-menu-open > .sub-menu-toggle {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23fff" d="M 22.800781 9 C 23.460938 9 24 9.539062 24 10.199219 L 24 13.800781 C 24 14.460938 23.460938 15 22.800781 15 L 1.199219 15 C 0.539062 15 0.00390625 14.460938 0 13.800781 L 0 10.199219 C 0.00390625 9.539062 0.539062 9.003906 1.199219 9 Z M 22.800781 9 "/%3E%3C/svg%3E');
}
body.flyout-menu #flyout-menu-offcanvas ul .sub-menu-open > .sub-menu {
  display: block;
}
body.flyout-menu #flyout-menu-offcanvas .dropbutton-widget,
body.flyout-menu #flyout-menu-offcanvas .dropdown-language-item.dropbutton,
body.flyout-menu #flyout-menu-offcanvas .dropbutton-action,
body.flyout-menu #flyout-menu-offcanvas .block-dropdown-language .dropbutton-widget .active-language {
  display: inline-block;
}
body.flyout-menu .main-menu-aside-mobile {
  display: flex;
  gap: 2rem;
  align-items: center;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu {
  border-bottom: none;
  z-index: 999;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Signika", sans-serif;
  margin-right: 20px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li {
  display: inline-block;
  position: relative;
  line-height: 11.5rem;
  padding: 0;
  margin: 0;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li a {
  line-height: 2rem;
  display: inline-block;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li a:hover {
  border-bottom: 4px solid #E87200;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li.menu-item--active-trail > a {
  border-bottom: 4px solid #E87200;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li.menu-item--expanded {
  padding-right: 0.5rem;
  list-style-type: none;
  list-style-image: none;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li.menu-item--expanded::after {
  position: absolute;
  width: 9px;
  top: -2px;
  right: 2px;
  /* transition: all 0.75s 0.25s; */
  /* height: 1.3rem; */
  display: inline-block;
  height: 5px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul {
  display: none;
  position: absolute;
  top: 7.7rem;
  left: -20px;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  min-width: 30rem;
  height: auto;
  z-index: 999;
  padding: 4.4rem 3.2rem;
  border-radius: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li {
  display: block;
  border-bottom: none;
  text-transform: none;
  padding: 0;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a {
  display: block;
  padding: 0;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  color: #000000;
  line-height: 3rem;
  margin-bottom: 2.2rem;
  border-bottom: 4px solid transparent;
  transition: border-bottom 1s;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.is-active {
  border-bottom: 4px solid transparent;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.is-active {
  -webkit-text-decoration: solid underline #E87200 4px;
          text-decoration: solid underline #E87200 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.blue:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.blue.is-active {
  -webkit-text-decoration: solid underline #54A0FF 4px;
          text-decoration: solid underline #54A0FF 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.yellow:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.yellow.is-active {
  -webkit-text-decoration: solid underline #F1C40F 4px;
          text-decoration: solid underline #F1C40F 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.grey:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.grey.is-active {
  -webkit-text-decoration: solid underline #8395A7 4px;
          text-decoration: solid underline #8395A7 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.blue1:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.blue1.is-active {
  -webkit-text-decoration: solid underline #0ABDE3 4px;
          text-decoration: solid underline #0ABDE3 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.blue2:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.is-active:hover {
  -webkit-text-decoration: solid underline #00D2D3 4px;
          text-decoration: solid underline #00D2D3 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.green:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.green.is-active {
  -webkit-text-decoration: solid underline #1DD1A1 4px;
          text-decoration: solid underline #1DD1A1 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.purple1:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.purple1.is-active {
  -webkit-text-decoration: solid underline #F368E0 4px;
          text-decoration: solid underline #F368E0 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.purple2:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.purple2.is-active {
  -webkit-text-decoration: solid underline #5F27CD 4px;
          text-decoration: solid underline #5F27CD 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.purple3:hover, body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li a.purple3.is-active {
  -webkit-text-decoration: solid underline #7D5FFF 4px;
          text-decoration: solid underline #7D5FFF 4px;
  text-underline-offset: 8px;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li:hover {
  color: #1a4c93;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul li:last-child a {
  margin-bottom: 0;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul.sub-menu li {
  color: #000;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li ul.sub-menu li:hover {
  color: #1a4c93;
  background: none;
}
body.flyout-menu #flyout-menu-horizontal .hug-main-menu > li:hover ul {
  display: block;
}
@media all and (min-width: 62.375em) {
  body.flyout-menu #flyout-menu-horizontal .hug-main-menu {
    display: flex;
    align-items: center;
    gap: 3rem;
  }
}
@media all and (min-width: 62.375em) {
  body.flyout-menu #flyout-menu-horizontal .hug-main-menu {
    display: flex;
    align-items: center;
    gap: 5.6rem;
  }
}
@media all and (min-width: 62.375em) {
  body.flyout-menu #flyout-menu-horizontal {
    display: flex;
    align-items: center;
    gap: 3rem;
  }
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu {
  margin: 0;
  padding: 0;
}
@media all and (min-width: 62.375em) {
  body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu {
    padding: 0 1rem 0 1rem;
  }
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu li {
  text-transform: none;
  border-bottom: none;
  font-weight: 600;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu li:first-child {
  border-top: 1px solid #f2f2f2;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open ul.hug-main-menu a {
  display: block;
  width: 100%;
  line-height: 6rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open .main-menu-aside {
  padding: 0 1rem 0 1rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open li {
  position: relative;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.menu-item--expanded {
  padding-right: 1.25rem;
  list-style-type: none;
  list-style-image: none;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.menu-item--expanded::after {
  position: absolute;
  width: 9px;
  top: 1rem;
  right: 1rem;
  display: inline-block;
  height: 5px;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open li.open.menu-item--expanded::after {
  transform: rotate(180deg);
  top: 3rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left #flyout-menu-offcanvas {
  left: 0;
  font-size: 1.8rem;
  font-family: "Signika", sans-serif;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left #flyout-menu-offcanvas > ul {
  margin: 0;
  padding: 0 0 0 2.5rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-left #flyout-menu-offcanvas > ul > li {
  border-top: none;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-right {
  overflow: hidden;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open.flyout-menu-right #flyout-menu-offcanvas {
  top: 8rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open #flyout-menu-offcanvas {
  display: block;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open .bottom-page {
  margin: 2rem -1.5rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open .block-content--bottom-2 {
  padding: 0 1.5rem;
}
body.flyout-menu.flyout-menu-mobile.flyout-menu-open .block-content--bottom-2 p {
  display: flex;
  justify-content: space-between;
}
body.flyout-menu.flyout-menu-mobile #flyout-menu-horizontal {
  display: none;
}

.mobile-menu-header {
  height: 7rem;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #f2f2f2;
}
@media all and (min-width: 62.375em) {
  .mobile-menu-header {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .js .dropbutton-wrapper {
    width: auto;
  }
  .block-dropdown-language {
    margin-left: 0;
    display: inline-block;
    padding-left: 1rem;
  }
}
.flyout-menu-toggle {
  --color: $dark;
  --open-color: dark;
  --hover-opacity: 1;
  display: inline-block;
  background-color: transparent;
  border: 0;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  margin: 0;
  overflow: visible;
  cursor: pointer;
  padding: 0;
}
.flyout-menu-toggle:hover {
  opacity: var(--hover-opacity);
}
.flyout-menu-toggle .toggle-wrapper {
  width: 24px;
  height: 18px;
  display: inline-block;
  position: relative;
  margin-top: 1em;
}
.flyout-menu-toggle .toggle-wrapper .toggle,
.flyout-menu-toggle .toggle-wrapper .toggle::before,
.flyout-menu-toggle .toggle-wrapper .toggle::after {
  width: 24px;
  height: 1px;
  background-color: #2F3032;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.flyout-menu-toggle .toggle-wrapper .toggle {
  display: block;
  top: 50%;
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  margin-top: -2px;
}
.flyout-menu-toggle .toggle-wrapper .toggle::before, .flyout-menu-toggle .toggle-wrapper .toggle::after {
  content: "";
  display: block;
}
.flyout-menu-toggle .toggle-wrapper .toggle::before {
  top: -10px;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.flyout-menu-toggle .toggle-wrapper .toggle::after {
  bottom: -10px;
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.flyout-menu-toggle.is-open:hover {
  opacity: var(--hover-opacity);
}
.flyout-menu-toggle.is-open .toggle {
  background-color: #2F3032;
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.flyout-menu-toggle.is-open .toggle::before {
  background-color: #2F3032;
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.flyout-menu-toggle.is-open .toggle::after {
  background-color: #2F3032;
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

body:not(.flyout-menu-mobile) .flyout-menu-toggle-block {
  display: none;
}

.search-media-page-wrapper .project-filters-search {
  color: #2F3032;
}
.search-media-page-wrapper .project-filters-search .fieldset-legend {
  display: none;
}
.search-media-page-wrapper .project-filters-search .fieldset-wrapper .form-radios {
  display: flex;
  gap: 0;
}
@media all and (min-width: 62.375em) {
  .search-media-page-wrapper .project-filters-search .fieldset-wrapper .form-radios {
    gap: 2rem;
  }
}
.search-media-page-wrapper .project-filters-search .fieldset-wrapper .form-radios label {
  cursor: pointer;
  color: #2F3032;
  font-family: "Signika", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.panel-open .search-media-page-wrapper .project-filters-search .fieldset-wrapper .js-form-item-medias label {
  font-weight: 600;
  color: #2F3032;
  font-size: 18px;
  padding: 8px 0;
  margin-bottom: 16px;
}
@media all and (min-width: 62.375em) {
  .panel-open .search-media-page-wrapper .project-filters-search .fieldset-wrapper .js-form-item-medias label {
    cursor: pointer;
    color: #2F3032;
    font-family: "Signika", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px 12px;
    margin-bottom: 0;
  }
}

header[role=banner] {
  clear: both;
  width: 100%;
  box-shadow: 0 0 10px #d8d8d8;
  z-index: 199;
  position: fixed;
  background: #fff;
  border-bottom: 2px solid #E87200;
}
@media all and (min-width: 62.375em) {
  header[role=banner] {
    box-shadow: none;
  }
}
header[role=banner] .block-system-branding-block {
  flex-grow: 1;
}
@media all and (min-width: 86.25em) {
  header[role=banner] .block-system-branding-block {
    width: auto;
  }
}
header[role=banner] .region-header {
  display: flex;
  position: relative;
  align-items: center;
}
@media all and (min-width: 62.375em) {
  header[role=banner] .region-header {
    justify-content: space-around;
  }
}
header[role=banner] .region-header {
  max-width: 1728px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
header[role=banner] nav[role=navigation] {
  border: none;
}
header[role=banner] nav[role=navigation] > ul {
  width: auto;
}
header[role=banner] nav[role=navigation] > ul li {
  text-indent: 0;
}
header[role=banner] nav[role=navigation] > ul li:before {
  display: none;
  margin: 0 10px;
}
header[role=banner] .language-switcher-language-url {
  float: left;
}
header[role=banner] .header-search-form {
  margin: 0 6rem 0 4rem;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  header[role=banner] .header-search-form {
    margin: 0 2rem 0 1rem;
  }
}

.main-header {
  max-width: 330px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  height: 40vh;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  gap: 2rem;
}
@media all and (min-width: 62.375em) {
  .main-header {
    max-width: 1170px;
  }
}
@media all and (min-width: 86.25em) {
  .main-header {
    padding: unset;
    height: 60vh;
    max-height: 476px;
  }
}

.no-background .main-header {
  color: #fff;
  min-height: 5rem;
}
@media all and (min-width: 62.375em) {
  .no-background .main-header {
    min-height: 45rem;
  }
}
.no-background .main-header {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem 0 1.5rem;
  gap: 0;
}
@media all and (min-width: 62.375em) {
  .no-background .main-header {
    padding: 8rem 1.5rem 0 1.5rem;
    min-height: auto;
    height: auto;
    max-width: 1170px;
  }
}

.header-compact .main-header {
  min-height: auto;
}

.page-node-type-homepage .header-banner .banner-image img {
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  clip-path: ellipse(120% 100% at 50% 0);
  height: 470px;
}
@media all and (min-width: 62.375em) {
  .page-node-type-homepage .header-banner .banner-image img {
    min-height: 730px;
    height: auto;
    clip-path: ellipse(100% 100% at 50% 0);
  }
}

.header-banner {
  width: 100%;
}
.header-banner .banner-image {
  position: absolute;
  width: 100%;
  padding: 0;
  top: 0;
  left: 0;
}
.layout-builder--content-preview-disabled .header-banner .banner-image {
  position: relative;
  transform: unset;
  mix-blend-mode: unset;
  z-index: unset;
  top: unset;
  left: unset;
}
.header-banner .banner-image img {
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  clip-path: ellipse(100% 100% at 50% 0);
  -webkit-clip-path: ellipse(100% 100% at 50% 0);
  height: 40vh;
}
@media all and (min-width: 86.25em) {
  .header-banner .banner-image img {
    height: 60vh;
    max-height: 476px;
  }
}
.header-banner .back-link {
  color: white;
  font-size: 1.2rem;
}
.header-banner .back-link:before {
  display: inline-block;
  content: " ";
  height: 18px;
  width: 28px;
  margin-right: 10px;
  background-image: url("../images/icons/svg/back-link.svg");
  top: 0.5rem;
  position: relative;
}

.header .site-logo {
  float: left;
}
.header .site-logo img {
  width: 120px;
  max-width: none;
}
@media all and (min-width: 62.375em) {
  .header .site-logo img {
    width: 145px;
  }
}

.block-field-blocknodemedia-livresfield-information-livre a[href] {
  color: rgb(187, 83, 0);
  font-weight: 400;
  cursor: pointer;
}
.block-field-blocknodemedia-livresfield-information-livre p {
  font-size: 1.6rem;
}

@media screen and (max-width: 991px) {
  .block-field-blocknodemedia-livresfield-title-book > div,
  .block-field-blocknodemedia-livresfield-published-year > div,
  .block-field-blocknodemedia-livresfield-edition-livre > div,
  .block-field-blocknodemedia-livresfield-isbn-livres > div,
  .block-field-blocknodemedia-livresfield-information-livre > div,
  .block-field-blocknodemedia-livresfield-book-autor > div {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  .section-beige .container {
    max-width: 720px;
  }
  .block-field-blocknodemedia-livresfield-title-book > div,
  .block-field-blocknodemedia-livresfield-published-year > div,
  .block-field-blocknodemedia-livresfield-edition-livre > div,
  .block-field-blocknodemedia-livresfield-isbn-livres > div,
  .block-field-blocknodemedia-livresfield-information-livre > div,
  .block-field-blocknodemedia-livresfield-book-autor > div {
    display: flex;
    margin: 0;
  }
  .block-field-blocknodemedia-livresfield-title-book > div div.field__label,
  .block-field-blocknodemedia-livresfield-published-year > div div.field__label,
  .block-field-blocknodemedia-livresfield-edition-livre > div div.field__label,
  .block-field-blocknodemedia-livresfield-isbn-livres > div div.field__label,
  .block-field-blocknodemedia-livresfield-information-livre > div div.field__label,
  .block-field-blocknodemedia-livresfield-book-autor > div div.field__label {
    color: #000;
    font-size: 1.6rem;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 900;
    line-height: 2.6rem;
    margin-left: 2px;
  }
  .block-field-blocknodemedia-livresfield-title-book > div div.field__label::after,
  .block-field-blocknodemedia-livresfield-published-year > div div.field__label::after,
  .block-field-blocknodemedia-livresfield-edition-livre > div div.field__label::after,
  .block-field-blocknodemedia-livresfield-isbn-livres > div div.field__label::after,
  .block-field-blocknodemedia-livresfield-information-livre > div div.field__label::after,
  .block-field-blocknodemedia-livresfield-book-autor > div div.field__label::after {
    content: ":";
  }
  .block-field-blocknodemedia-livresfield-title-book > div div.field__item,
  .block-field-blocknodemedia-livresfield-published-year > div div.field__item,
  .block-field-blocknodemedia-livresfield-edition-livre > div div.field__item,
  .block-field-blocknodemedia-livresfield-isbn-livres > div div.field__item,
  .block-field-blocknodemedia-livresfield-information-livre > div div.field__item,
  .block-field-blocknodemedia-livresfield-book-autor > div div.field__item {
    color: #000;
    font-size: 1.6rem;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 400;
    line-height: 2.6rem;
    margin-left: 2px;
  }
}
.menu-secondary {
  padding-left: 0;
}
.menu-secondary li {
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 4rem;
}
@media all and (min-width: 62.375em) {
  .menu-secondary {
    display: flex;
    justify-content: center;
  }
  .menu-secondary li {
    border-right: 1px solid #BEBEBE;
    padding-right: 2.4rem;
    margin-right: 2.4rem;
    font-size: 22px;
    font-family: "Signika", sans-serif;
  }
  .menu-secondary li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
  }
  .menu-secondary li a {
    display: inline-block;
    line-height: 4rem;
    border-bottom: 2px solid transparent;
  }
  .menu-secondary li a:hover {
    border-bottom: 2px solid #E87200;
  }
}
@media all and (min-width: 62.375em) and (min-width: 62.375em) {
  .menu-secondary li a {
    line-height: 2.4rem;
  }
}

.featured-block-title-centered.mission-valeurs-block-title {
  text-align: center;
}

.charte-ethique .field__item h2:not(.page-node-type-homepage) {
  margin-left: 25px;
}
.charte-ethique .clearfix.text-formatted.field.field--name-field-footer.field--type-text-long.field--label-hidden.field__item > p {
  color: #585756;
  font-weight: 400;
}
.charte-ethique .clearfix.text-formatted.field.field--name-field-formated-text.field--type-text-long.field--label-hidden.field__item {
  margin: auto;
}

.paragraph.paragraph--type--pane-listing.paragraph--view-mode--default.pane-slick {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 700px) {
  .mission-valeurs {
    width: auto;
    margin: 0px 8rem 30px 8rem;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .mission-valeurs {
    flex: 30%;
  }
  .mission-valeurs .field__item {
    padding: 2rem;
  }
  .mission-valeurs .field__item .paragraph:after {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    border: 1px solid #e6e6e6;
    margin: 0 auto 0 auto;
    border-right: none;
  }
  .mission-valeurs .field__item:last-child .paragraph:after {
    display: none;
  }
}
@media all and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-p-numbers {
    display: flex;
    margin: 4.5rem auto;
    align-items: center;
  }
}
.mission-valeurs .field--name-field-p-numbers > .field__item {
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-p-numbers > .field__item {
    flex: 30%;
  }
}
@media all and (min-width: 62.375em) and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-p-numbers > .field__item .paragraph {
    width: 200px;
    margin: auto;
  }
}
@media all and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-p-numbers > .field__item:not(:last-child) .paragraph {
    border-bottom: 1px solid #e6e6e6;
  }
}
@media all and (min-width: 62.375em) and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-p-numbers > .field__item:not(:last-child) .paragraph {
    border: none;
  }
}
@media all and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-p-numbers > .field__item:not(:last-child) {
    border-right: 1px solid #e6e6e6;
  }
}
.mission-valeurs .field--name-field-text-number {
  font-weight: 900;
  font-size: 20px;
  line-height: 3.2rem;
  color: #1B4C93;
  margin-bottom: 1rem;
}
.mission-valeurs .field--name-field-text {
  color: #1a4c93;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 900;
  max-width: 20rem;
  margin: 0 auto;
}
@media all and (min-width: 62.375em) {
  .mission-valeurs .field--name-field-text {
    min-height: 6rem;
  }
}

header [role=banner] nav[role=navigation] {
  width: 100%;
  text-align: right;
}
header [role=banner] nav[role=navigation].tabs {
  clear: both;
}
header [role=banner] nav[role=navigation] {
  /*margin-top: 2em;
  border-bottom: 4px solid #47a3da;*/
}
header [role=banner] {
  /* general ul style */
}
header [role=banner] nav[role=navigation] ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
header [role=banner] {
  /* first level ul style */
}
header [role=banner] nav[role=navigation] > ul,
header [role=banner] nav[role=navigation] .cbp-hrsub-inner {
  width: 90%;
  max-width: 70em;
}
header [role=banner] nav[role=navigation] > ul > li {
  display: inline-block;
}
header [role=banner] nav[role=navigation] > ul > li > a {
  font-weight: 700;
  padding: 1em;
  color: #2F3032;
  display: inline-block;
  border: 4px solid transparent;
}
header [role=banner] nav[role=navigation] > ul > li > a:hover {
  border-bottom: 4px solid #E87200;
}
header [role=banner] nav[role=navigation] > ul > li.cbp-hropen a,
header [role=banner] nav[role=navigation] > ul > li.cbp-hropen > a:hover {
  color: #fff;
  background: #47a3da;
}
header [role=banner] {
  /* sub-menu */
}
header [role=banner] nav[role=navigation] .menu li .menu {
  display: none;
  position: absolute;
  background: #47a3da;
  width: 100%;
  left: 0;
}
header [role=banner] .cbp-hropen .cbp-hrsub {
  display: block;
  padding-bottom: 3em;
}
header [role=banner] nav[role=navigation] .cbp-hrsub-inner > div {
  width: 33%;
  float: left;
  padding: 0 2em 0;
}
header [role=banner] nav[role=navigation] .cbp-hrsub-inner:before,
header [role=banner] nav[role=navigation] .cbp-hrsub-inner:after {
  content: " ";
  display: table;
}
header [role=banner] nav[role=navigation] .cbp-hrsub-inner:after {
  clear: both;
}
header [role=banner] nav[role=navigation] .cbp-hrsub-inner > div a {
  line-height: 2em;
}
header [role=banner] .cbp-hrsub h4 {
  color: #afdefa;
  padding: 2em 0 0.6em;
  margin: 0;
  font-size: 160%;
  font-weight: 300;
}
header [role=banner] {
  /* Examples for media queries */
}
@media screen and (max-width: 52.75em) {
  header [role=banner] nav[role=navigation] {
    font-size: 80%;
  }
}
@media screen and (max-width: 43em) {
  header [role=banner] nav[role=navigation] {
    font-size: 120%;
    border: none;
  }
  header [role=banner] nav[role=navigation] > ul,
  header [role=banner] nav[role=navigation] .cbp-hrsub-inner {
    width: 100%;
    padding: 0;
  }
  header [role=banner] nav[role=navigation] .cbp-hrsub-inner {
    padding: 0 2em;
    font-size: 75%;
  }
  header [role=banner] nav[role=navigation] > ul > li {
    display: block;
    border-bottom: 4px solid #47a3da;
  }
  header [role=banner] nav[role=navigation] > ul > li > a {
    display: block;
    padding: 1em 3em;
  }
  header [role=banner] nav[role=navigation] .cbp-hrsub {
    position: relative;
  }
  header [role=banner] .cbp-hrsub h4 {
    padding-top: 0.6em;
  }
}
@media screen and (max-width: 36em) {
  header [role=banner] nav[role=navigation] .cbp-hrsub-inner > div {
    width: 100%;
    float: none;
    padding: 0 2em;
  }
}

.mailchimp-signup-subscribe-form form,
.mailchimp-signup-subscribe-form-block form {
  display: flex;
}
.mailchimp-signup-subscribe-form .form-email,
.mailchimp-signup-subscribe-form-block .form-email {
  background: #FFFFFF;
  /* FOJ/border */
  padding: 14px 16px;
  border: 1px solid #BEBEBE;
  border-radius: 8px 0 0 8px;
  width: 100%;
}
.mailchimp-signup-subscribe-form .form-email::-moz-placeholder, .mailchimp-signup-subscribe-form-block .form-email::-moz-placeholder {
  color: #576574;
}
.mailchimp-signup-subscribe-form .form-email::placeholder,
.mailchimp-signup-subscribe-form-block .form-email::placeholder {
  color: #576574;
}
@media all and (min-width: 62.375em) {
  .mailchimp-signup-subscribe-form .form-email,
  .mailchimp-signup-subscribe-form-block .form-email {
    padding: 14px 16px 14px 16px;
    width: 342px;
  }
}
.mailchimp-signup-subscribe-form .button,
.mailchimp-signup-subscribe-form-block .button {
  width: 92px;
  height: 50px;
  margin: 0;
  background: #02B95C;
  border: 1px solid #02B95C;
  border-radius: 0 8px 8px 0;
  padding: 1.2rem 0.5rem;
}
.mailchimp-signup-subscribe-form .button:hover,
.mailchimp-signup-subscribe-form-block .button:hover {
  background: #fff;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .mailchimp-signup-subscribe-form .button,
  .mailchimp-signup-subscribe-form-block .button {
    height: 50px;
    padding: 1.5rem 0.5rem;
  }
}
@media all and (min-width: 86.25em) {
  .mailchimp-signup-subscribe-form .button,
  .mailchimp-signup-subscribe-form-block .button {
    height: 57px;
  }
}

.field--name-field-p-tabs {
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
.field--name-field-p-tabs > .field__item:first-child .field--name-field-title-paragraph {
  margin-right: 4rem;
  padding-right: 0;
  position: relative;
}
.field--name-field-p-tabs > .field__item:first-child .field--name-field-title-paragraph:after {
  position: absolute;
  display: block;
  content: "";
  border-right: 1px solid #BEBEBE;
  height: 4.8rem;
  width: 1px;
  top: -4px;
  right: -20px;
}
.field--name-field-p-tabs > .field__item .field--name-field-title-paragraph {
  cursor: pointer;
  color: #2F3032;
  text-align: center;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 175% */
}
.field--name-field-p-tabs > .field__item .field--name-field-title-paragraph:hover {
  border-bottom: 3px solid #E87200;
}
@media all and (min-width: 62.375em) {
  .field--name-field-p-tabs > .field__item .field--name-field-title-paragraph {
    cursor: pointer;
    font-size: 2.2rem;
    color: #2F3032;
    text-align: center;
    font-family: "Signika", sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 3.8rem;
    border-bottom: 3px solid transparent;
  }
}

.paragraph-tab .field--name-field-body {
  display: none;
}
.paragraph-tab.active .field--name-field-body {
  margin-top: 3.2rem;
  display: block;
  position: absolute;
  left: 0;
}
.paragraph-tab.active .field--name-field-title-paragraph {
  border-bottom: 3px solid #E87200;
}

.field--name-field-p-tabs {
  position: relative;
  margin-top: 4rem;
}

.paragraph--type--paragraph-collaborator .field--name-field-body p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
}
@media all and (min-width: 62.375em) {
  .paragraph--type--paragraph-collaborator .field--name-field-body p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
  }
}

.cart-structure-title {
  display: flex;
}
.cart-structure-title .layout__region--right-tags {
  margin: 0;
}
.cart-structure-title .layout__region--right-tags .field__item {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.structure-teaser-toggle {
  width: 28px;
  height: 17px;
  display: block;
  cursor: pointer;
  transition: 0.5s; /* Transition duration */
  margin-top: 1rem;
}
.structure-teaser-toggle.open {
  background: url(../images/icons/arrow-close.svg) no-repeat center center;
}

.teaser-structure-content .layout__region--content {
  max-height: none;
  transition: max-height 0.25s ease-in;
}
.teaser-structure-content .layout__region--bottom {
  margin-top: 0;
}
@media all and (min-width: 62.375em) {
  .teaser-structure-content .layout__region--bottom {
    margin-top: 2.4rem;
  }
}

.teaser-structure-content .cart-structure-content {
  margin: 0;
}

.cart-structure .field--name-field-logos {
  min-height: 32px;
  margin-bottom: 20px;
}

.close .teaser-structure-content .layout__region--content {
  max-height: 0;
  min-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}
.close .structure-teaser-toggle {
  transform: rotate(180deg); /* How many times it'll rotate = degrees÷360 */
}

.cart-structure .block-field-blocknodepage-structurefield-number-of-places .field--label-above {
  display: flex;
  align-content: center;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  flex-direction: column;
  margin-bottom: 1rem;
}
@media all and (min-width: 62.375em) {
  .cart-structure .block-field-blocknodepage-structurefield-number-of-places .field--label-above {
    display: grid;
    align-content: center;
    grid-template-columns: 200px 1fr;
    gap: 10px;
  }
}
.cart-structure .field--label-inline {
  display: flex;
  align-content: center;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  flex-direction: column;
  margin-bottom: 1rem;
}
@media all and (min-width: 62.375em) {
  .cart-structure .field--label-inline {
    display: grid;
    align-content: center;
    grid-template-columns: 200px 1fr;
    gap: 10px;
  }
}
.cart-structure .field--name-field-geographic-pole.field--label-inline,
.cart-structure .field--name-field-localisation.field--label-inline,
.cart-structure .field--name-field-age.field--label-inline,
.cart-structure .field--name-field-number-of-places.field--label-inline,
.cart-structure .field--name-field-admissions-condition.field--label-inline {
  margin-bottom: 0;
  padding-bottom: 0;
}
.cart-structure .field--name-field-geographic-pole.field--label-inline .field__label,
.cart-structure .field--name-field-localisation.field--label-inline .field__label,
.cart-structure .field--name-field-age.field--label-inline .field__label,
.cart-structure .field--name-field-number-of-places.field--label-inline .field__label,
.cart-structure .field--name-field-admissions-condition.field--label-inline .field__label {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4rem; /* 177.778% */
}
.cart-structure .field--name-field-geographic-pole.field--label-inline .field__item,
.cart-structure .field--name-field-localisation.field--label-inline .field__item,
.cart-structure .field--name-field-age.field--label-inline .field__item,
.cart-structure .field--name-field-number-of-places.field--label-inline .field__item,
.cart-structure .field--name-field-admissions-condition.field--label-inline .field__item {
  color: #576574;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem; /* 177.778% */
}
.cart-structure .field__label {
  font-weight: bold;
}
.cart-structure .field__label:after {
  content: ":";
}
.cart-structure .layout__region--top-second {
  display: grid;
  align-content: center;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  align-items: center;
}
@media all and (min-width: 62.375em) {
  .cart-structure .layout__region--top-second {
    min-height: 165px;
  }
}
.cart-structure .layout__region--top-second .block-field-blocknodepage-structurefield-logos {
  display: none;
}
@media all and (min-width: 62.375em) {
  .cart-structure .layout__region--top-second .block-field-blocknodepage-structurefield-logos {
    display: block;
  }
}
.cart-structure .layout__region--top-second img {
  height: auto;
  width: auto;
  margin-right: 0;
}
.cart-structure .layout__region--top-second h3 {
  font-size: 2.6rem;
  margin-bottom: 0;
}
.cart-structure .layout__region--top-second h3 a {
  color: #2F3032;
}
.cart-structure .field__item,
.cart-structure .field__item p {
  color: #576574;
  font-size: 18px;
}
.cart-structure .text-page-metier-teaser.field__item, .cart-structure .text-page-metier-teaser.field__item p, .cart-structure .text-page-metier-teaser.field__item li {
  color: #2F3032;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.cart-structure .text-page-metier-teaser.field__item li {
  line-height: 28px;
}
.cart-structure .text-page-metier-teaser ul {
  margin-top: 0;
}
.cart-structure .field--name-field-admissions-condition .field__item p {
  margin-bottom: 0;
}

.cart.cart-structure {
  width: 100%;
}

@media all and (min-width: 62.375em) {
  .view-id-search_strucure .view-content {
    display: grid;
    align-content: center;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.path-find-structure .block-extra-field-blocknodepage-structurelinks {
  margin: -21px 0px -32px 8px;
}
@media all and (min-width: 62.375em) {
  .path-find-structure .block-extra-field-blocknodepage-structurelinks {
    margin-bottom: 0;
  }
}
.path-find-structure .block-field-blocknodepage-structurefield-admissions-condition {
  min-height: 90px;
}

.path-emploi main[role=main] {
  background: none;
}
@media all and (min-width: 62.375em) {
  .path-emploi main[role=main] {
    background: url(/themes/custom/fondation/css/../images/background-publication.png) no-repeat center 109px;
    background-size: cover;
    border-bottom: 4px solid #e87200;
  }
}
.path-emploi .cart-structure {
  padding-bottom: 0;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.path-emploi .teaser-structure-content {
  padding: 0px 31px 8px 0px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #576574;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-items: baseline;
  justify-content: space-between;
  min-height: 305px;
}
.path-emploi .btn-read-more {
  padding-bottom: 0;
  margin-bottom: 0;
}
.path-emploi .block-field-blocknodepage-metier-stagefield-introduction div {
  max-height: 282px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: revert;
}

.js-nos-metiers-slick .cart-structure-content {
  display: none;
}
.js-nos-metiers-slick .cart-structure-title {
  margin-bottom: 8px;
}
.js-nos-metiers-slick .cart {
  min-height: 448px;
  padding: 18px 24px 24px 24px;
}
.js-nos-metiers-slick .teaser-structure-content .layout__region--content {
  min-height: 282px;
}
.js-nos-metiers-slick .teaser-structure-content {
  padding: 0;
}
.js-nos-metiers-slick .node__links ul li {
  margin-bottom: 0;
}

.block-views-blockblock-metiers-block-2 .cart {
  min-height: 420px;
  padding: 18px 24px 24px 24px;
}
.block-views-blockblock-metiers-block-2 .teaser-structure-content .layout__region--content {
  min-height: 260px;
  padding: 0;
}

.js-form-item-search-structure input {
  background: #FFFFFF;
  color: #2F3032;
  border: 1px solid #BEBEBE;
  border-radius: 8px;
  padding: 15px 16px;
}
.js-form-item-search-structure input::-moz-placeholder {
  color: #576574;
}
.js-form-item-search-structure input::placeholder {
  color: #576574;
}

.block-foj-structure {
  margin-top: 23px;
}

@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .foj-structure-search .structures-wrapper-tabs {
    margin-top: 3.8rem;
  }
}

.page-node-type-page-carrefour .main-header {
  height: auto;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .main-header {
    max-height: none;
  }
}

#tamaro-widget.tamaro-widget div {
  font-family: "Signika", sans-serif !important;
  font-size: 1.8rem !important;
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header .title .text {
  font-size: 1.8rem !important;
}

.rnw-widget-container {
  max-width: 880px;
  margin: 0 auto;
}
.rnw-widget-container .payment-submit {
  text-align: center !important;
}
.rnw-widget-container #tamaro-widget.tamaro-widget .payment-submit .main button {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
@media all and (min-width: 86.25em) {
  .rnw-widget-container #tamaro-widget.tamaro-widget .payment-submit .main button {
    font-size: 1.4rem;
  }
}
.rnw-widget-container #tamaro-widget.tamaro-widget .payment-submit .main button {
  display: block;
  padding: 1.5rem 3.5rem;
  border: 1px solid #02B95C;
  margin: 1rem 0;
  border-radius: 0.8rem;
  cursor: pointer;
  background: #02B95C;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
}
@media all and (min-width: 62.375em) {
  .rnw-widget-container #tamaro-widget.tamaro-widget .payment-submit .main button {
    display: inline-block;
    width: auto;
    font-size: 1.8rem;
  }
}
.rnw-widget-container #tamaro-widget.tamaro-widget .payment-submit .main button:hover {
  transition: all 0.6s ease;
  background-color: #fff;
  color: #02B95C;
}

/* # Templates */
.bottom-page {
  background: #F5F5F5;
}
.bottom-page p, .bottom-page a {
  font-size: 1.5rem;
  text-align: center;
  color: #585756;
  text-decoration: none;
  font-weight: normal;
}
@media all and (min-width: 62.375em) {
  .bottom-page p, .bottom-page a {
    text-align: left;
  }
}
.bottom-page img {
  width: auto;
  max-width: 150px;
}
@media all and (min-width: 62.375em) {
  .bottom-page .bottom-page-inside {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 120rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media all and (min-width: 62.375em) {
  .bottom-page .bottom-item {
    flex-grow: 1;
    width: 50%;
    justify-content: space-around;
  }
}

.footer .btn-top img {
  width: 1em;
}

.region-bottom-col2 {
  padding: 0 1.5rem;
}
.region-bottom-col2 p {
  display: flex;
  justify-content: space-between;
}
@media all and (min-width: 62.375em) {
  .region-bottom-col2 p {
    justify-content: flex-end;
    gap: 2rem;
  }
}

#block-bottom2 {
  padding: 0 1.5rem;
  max-width: 39rem;
  margin: 0 auto;
}
#block-bottom2 p {
  display: flex;
  justify-content: space-between;
}

@media all and (min-width: 62.375em) {
  .footer-page-warpper {
    max-width: 75em;
    margin: auto;
  }
}

.footer-page-inside {
  display: block;
  padding: 0 2rem;
}
@media all and (min-width: 62.375em) {
  .footer-page-inside {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 3rem;
    margin: 0 auto;
    max-width: 75em;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    gap: 2rem;
  }
}
.footer-page-inside p {
  font-size: 1.6rem;
  color: #585756;
  line-height: 2.8rem;
}
.footer-page-inside svg {
  width: auto;
}
.footer-page-inside .footer-item {
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.footer-page-inside .footer-item a {
  font-weight: 400;
  color: #2F3032;
  text-decoration: underline;
}
.footer-page-inside .footer-item img {
  width: auto;
}
.footer-page-inside .footer-item h4 {
  font-family: "Signika", sans-serif;
  margin-top: 0;
  color: #2F3032;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  text-transform: capitalize;
}
.footer-page-inside .footer-item #block-footercolumnfive h4 {
  text-transform: initial;
}
.footer-page-inside .footer-item .region-footer-col2 h4:nth-of-type(2) {
  padding-top: 40px;
}
.footer-page-inside:first-child {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
@media all and (min-width: 62.375em) {
  .footer-page-inside:first-child {
    border: none;
  }
}
.footer-page-inside:last-child {
  border-top: none;
  border-bottom: none;
}
@media all and (min-width: 62.375em) {
  .footer-page-inside {
    border: none;
  }
}
.footer-page-inside .field--name-body {
  font-size: 1.4rem;
  color: #585756;
  padding: 0 1.5rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
  display: none;
}
@media all and (min-width: 62.375em) {
  .footer-page-inside .field--name-body {
    display: block;
    padding: 0;
  }
}
.footer-page-inside .open .field--name-body {
  display: block;
}
.footer-page-inside .open h2 {
  border-bottom: none;
  margin-bottom: 1rem;
}
@media all and (min-width: 62.375em) {
  .footer-page-inside {
    justify-content: space-evenly;
    flex: 1;
  }
}

.region-footer-before {
  padding: 3.4rem 2rem 5.4rem 2rem;
}
.region-footer-before .newsletter-form {
  box-sizing: border-box;
  display: block;
  max-width: 434px;
  background: #FFFFFF;
  border: 1px solid #BEBEBE;
  border-radius: 8px;
}
.region-footer-before .newsletter-form form p {
  margin: 0;
  display: flex;
}
.region-footer-before .newsletter-form form p #email {
  width: 80%;
  padding: 10px;
  border: none;
  border-radius: 8px 0px 0px 8px;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  color: #585756;
}
.region-footer-before .newsletter-form form p ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #585756;
}
.region-footer-before .newsletter-form form p ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #585756;
}
.region-footer-before .newsletter-form form p button[type=submit] {
  width: auto;
  height: 54px;
  border: none;
  border-radius: 0px 8px 8px 0px;
  background: #02B95C;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0 2rem;
}
.region-footer-before .newsletter-form form p button[type=submit]:focus, .region-footer-before .newsletter-form form p button[type=submit]:active {
  outline: none;
}

.footer {
  padding: 1.5rem 0 0 0;
}
@media all and (min-width: 62.375em) {
  .footer {
    padding: 7rem 0 0 0;
  }
}
.footer_column {
  margin-bottom: 4rem;
}
@media all and (min-width: 62.375em) {
  .footer_column {
    float: left;
    width: 30%;
  }
}
@media all and (min-width: 62.375em) {
  .footer_column:last-of-type {
    width: 40%;
  }
}
.footer_title {
  font-family: "Univers-bold", sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5rem;
  text-transform: uppercase;
}
@media all and (min-width: 62.375em) {
  .footer_title {
    font-size: 1.9rem;
    line-height: 3rem;
  }
}
.footer_title {
  color: #1a4c93;
  margin-bottom: 1.5rem;
}
.footer_text img:not(.footer_icon) {
  width: 10%;
  max-width: 100%;
  float: left;
  margin-right: 5%;
}
.footer_text p {
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
  margin-bottom: 0;
}
@media all and (min-width: 62.375em) {
  .footer_text p {
    float: left;
    width: 100%;
  }
}
.footer_icon {
  width: 1.5rem;
  margin-right: 1rem;
}
.footer_logo {
  padding: 2rem 0;
  background-color: #f2f2f2;
}
.footer_logo img {
  width: 30%;
  float: right;
  margin-right: 3rem;
}
@media all and (min-width: 62.375em) {
  .footer_logo img {
    width: auto;
    margin-left: 8rem;
  }
}
.footer .btn-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  transform: translate(0, 11rem);
  transition: transform 0.8s ease;
  font-size: 1rem;
  padding: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .footer .btn-top {
    bottom: 2rem;
    right: 2rem;
  }
}
.footer .btn-top.appear {
  transform: translate(0, 0);
}
.footer .btn-top img {
  width: 1rem;
}

#block-footercolumnfour ul li {
  font-size: 1.6rem;
  color: #2F3032;
  line-height: 2.2rem;
  margin-bottom: 1rem;
}

.header {
  top: 0;
  right: 0;
  left: 0;
  height: 8rem;
  z-index: 99;
  transition: background 0.6s ease;
}
@media all and (min-width: 62.375em) {
  .header {
    height: 10.6rem;
  }
}
.home .header .header_logo {
  opacity: 0;
  visibility: hidden;
}
.header.fixed .header_logo {
  opacity: 1;
  visibility: visible;
}
.header .site-logo {
  float: left;
  width: auto;
}
.header_container {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10rem;
}
@media all and (min-width: 62.375em) {
  .header_container {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.header .item-list {
  display: inline-block;
}
.header ul.lang {
  margin-left: 50px;
  margin-top: 10px;
  display: inline-block;
}
.header ul.lang li.active a.active {
  color: #fff;
}
.header ul.lang li:not(.header_social_item)::before {
  display: none;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .header ul.lang {
    margin-left: 10rem;
  }
}
@media all and (min-width: 62.375em) {
  .header ul.lang {
    font-family: "Source Sans 3", sans-serif;
    font-style: normal;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.9rem;
    margin-right: 3rem;
  }
}
.header ul.lang_item {
  display: inline-block;
  margin-right: 1rem;
  color: #fff;
  opacity: 0.2;
}
@media all and (min-width: 62.375em) {
  .header ul.lang_item {
    display: block;
  }
}
.header ul.lang_item.active, .header ul.lang_item:hover {
  opacity: 1;
}
.header_back-link {
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  vertical-align: top;
  line-height: 4rem;
  display: inline-block;
  color: #fff;
}
@media all and (max-width: 998px-0.16 em) {
  .header_back-link {
    position: absolute;
    right: 16rem;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.header_back-link img {
  display: inline-block;
  max-width: 1rem;
  margin-right: 2rem;
}
@media all and (max-width: 998px-0.16 em) {
  .header_back-link img {
    margin-right: 3.5rem;
    max-width: 1.5rem;
  }
}
.header_type-nav {
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  vertical-align: top;
  line-height: 4rem;
  display: none;
  color: #fff;
}
@media all and (min-width: 62.375em) {
  .header_type-nav {
    display: inline-block;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .header_type-nav span {
    display: none;
  }
}
.header_type-nav img {
  max-width: 1rem;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .header_type-nav img {
    margin: 0 1rem;
  }
}
@media all and (min-width: 86.25em) {
  .header_type-nav img {
    margin: 0 1.5rem;
  }
}
.header_mobile-search-toggle {
  position: absolute;
  top: 50%;
  right: 16rem;
  width: 1.2rem;
  transform: translate(0, -50%);
  cursor: pointer;
}
@media all and (min-width: 62.375em) {
  .header_mobile-search-toggle {
    display: none;
  }
}
.header_search {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  transition: transform 0.6s ease;
}
@media all and (min-width: 62.375em) {
  .header_search {
    top: 50%;
    right: 24rem;
    transform: translate(0, -50%);
  }
}
@media all and (max-width: 998px-0.16 em) {
  .header_search {
    position: absolute;
    left: 0;
    width: 100%;
    top: 5rem;
    background-color: #1a4c93;
    padding: 2rem;
    transform: translate(100%, 0);
  }
}
.header_search.opened {
  transform: translate(0, 0);
}
@media all and (min-width: 62.375em) {
  .front .header_search, .page-search .header_search {
    display: none;
  }
}
@media all and (min-width: 62.375em) {
  .fixed .header_search {
    display: inline-block;
  }
}
@media all and (min-width: 62.375em) {
  .header_search::before {
    content: url("../images/icons/loupe-white.svg");
    position: absolute;
    width: 1.3rem;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
}
@media all and (max-width: 998px-0.16 em) {
  .header_search::before {
    left: 2rem;
  }
}
.header_search input {
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  vertical-align: top;
  line-height: 4rem;
}
.header_search input::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
}
.header_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.header_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
}
.header_search input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}
.header_search input:focus::-webkit-input-placeholder { /* Chrome */
  color: transparent;
}
.header_search input:focus:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.header_search input:focus::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.header_search input:focus:-moz-placeholder { /* Firefox 4 - 18 */
  color: transparent;
}
.header_search input {
  line-height: 1;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
}
@media all and (min-width: 86.25em) {
  .header_search input {
    min-width: 30rem;
  }
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .header_search input {
    min-width: 25rem;
  }
}
@media all and (min-width: 62.375em) {
  .header_search input {
    padding: 1rem 7rem 1rem 2.5rem;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .header_social {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media all and (min-width: 62.375em) {
  .header_social {
    position: absolute;
    right: 6.5rem;
    top: 50%;
    transform: translate(0, -50%);
  }
}
@media all and (min-width: 62.375em) {
  .header_social_item {
    margin-right: 4.5rem;
  }
}
.header_social_item {
  display: inline-block;
}
.header_social_item img {
  max-width: 1.5rem;
}

.search-open {
  overflow: hidden;
}
.search-open .region-header:after {
  background: #000;
  display: block;
  opacity: 0.6;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

/* # Layout styles */
/*****************/
/****** TABLE LAYOUT (DEFAULT)*****/
/*****************/
.table {
  display: table;
  width: 100%;
}
.table-full {
  display: table;
  width: 100%;
  height: 100%;
}
.table-row {
  display: table-row;
  height: auto;
}
.table-row-min {
  display: table-row;
  height: 1px;
}
.table-cell {
  display: table-cell;
  vertical-align: top;
}
.table-cell-middle {
  vertical-align: middle;
}
.table-cell-bottom {
  vertical-align: bottom;
}

.page-node-type-page-missions main[role=main],
.page-node-type-page-de-contact-webform main[role=main],
.path-nous-soutenir main[role=main],
.page-node-type-media-livres main[role=main],
.path-media-gallery main[role=main] {
  padding-top: 8rem;
  padding-bottom: 0;
  background: url(/themes/custom/fondation/css/../images/background-publication.png) no-repeat center;
  background-size: cover;
  border-bottom: 4px solid #e87200;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-missions main[role=main],
  .page-node-type-page-de-contact-webform main[role=main],
  .path-nous-soutenir main[role=main],
  .page-node-type-media-livres main[role=main],
  .path-media-gallery main[role=main] {
    padding-top: 10.6rem;
    padding-bottom: 0;
  }
}

main[role=main] {
  border-bottom: 4px solid #e87200;
}

.path-recherche main[role=main] {
  padding-top: 14rem;
}

.path-find-structure main[role=main] {
  padding-top: 8rem;
  padding-bottom: 0;
  background-image: url(/themes/custom/fondation/css/../images/background-publication.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1910px;
  border-bottom: 4px solid #e87200;
}

.block-foj-media-gallery .row-title {
  text-align: center;
  font-family: "Signika", sans-serif;
  color: #2F3032;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 138.462% */
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .row-title {
    color: #E87200;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 6.8rem;
    margin-bottom: 2rem;
  }
}
.block-foj-media-gallery .row-result {
  margin-bottom: 4rem;
}
.block-foj-media-gallery div.medias-wrapper.press > article .document-title {
  min-height: 116px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery div.medias-wrapper.press > article > div {
    min-height: 450px;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery div.medias-wrapper.press > article > div > div.external-link {
    position: absolute;
    bottom: 20px;
    left: 22%;
    transform: translateX(-50%);
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.initialf > article > div {
    min-height: 287px;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.initialf > article > div > div.field--name-field-consult {
    position: absolute;
    bottom: 20px;
    left: 22%;
    transform: translateX(-50%);
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.activity > article > div {
    min-height: 411px;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.activity > article > div > div.field.field--name-field-consult {
    position: absolute;
    bottom: 20px;
    left: 22%;
    transform: translateX(-50%);
  }
}
.block-foj-media-gallery .draggable .medias-wrapper.activity, .block-foj-media-gallery .draggable .medias-wrapper.press, .block-foj-media-gallery .draggable .medias-wrapper.livres, .block-foj-media-gallery .draggable .medias-wrapper.initialf, .block-foj-media-gallery .draggable .medias-wrapper.videos {
  overflow-x: hidden;
}
.block-foj-media-gallery .draggable .medias-wrapper {
  display: block;
  position: relative;
  width: 100%;
  overflow-x: auto;
  padding: 2rem 2.5rem;
  overflow-y: hidden;
  white-space: nowrap;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .draggable .medias-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 1rem;
    cursor: default;
  }
}
.block-foj-media-gallery .medias-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  cursor: default;
  justify-items: center;
  padding: 1.5rem 1rem 1.5rem 2.5rem;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper {
    padding: 1.5rem 2.5rem;
    margin-right: 0;
    display: block;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 1rem;
    cursor: default;
  }
}
.block-foj-media-gallery .medias-wrapper > article {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  margin-right: 2.4rem;
  background: #FFFFFF;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  width: 33.3rem;
  padding: 2.4rem;
  position: relative;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper > article {
    margin-right: 0;
  }
}
.block-foj-media-gallery .medias-wrapper > article h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  border-bottom: 2px solid #E87200;
  font-family: "Signika", sans-serif;
  margin-top: 0;
  padding-top: 0;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper > article h2 {
    font-size: 26px;
  }
}
.block-foj-media-gallery .medias-wrapper > article img {
  height: auto;
}
.block-foj-media-gallery .medias-wrapper.livres {
  gap: 2.4rem;
}
.block-foj-media-gallery .medias-wrapper.livres > article {
  width: 324.5px;
  height: 444px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.livres > article {
    width: 327.5px;
    height: 506px;
  }
}
.block-foj-media-gallery .medias-wrapper.livres > article .livre-title-wrapper {
  min-height: 230px;
}
.block-foj-media-gallery .medias-wrapper.livres > article .livre-content-wrapper {
  min-height: 170px;
}
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-body p {
  font-size: 15.8px;
  margin-top: 24px;
}
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-book-autor,
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-published-year {
  font-size: 1.8rem;
  color: #2F3032;
  font-weight: 400;
}
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-book-autor .field__item,
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-published-year .field__item {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 177.778% */
}
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-book-autor .field__label,
.block-foj-media-gallery .medias-wrapper.livres > article .field--name-field-published-year .field__label {
  color: #2F3032;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 177.778% */
}
.block-foj-media-gallery .medias-wrapper.livres > article .content-meta {
  min-height: 166px;
}
.block-foj-media-gallery .medias-wrapper.livres > article .btn-read-more a {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  padding-right: 0;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.livres > article .btn-read-more a {
    position: static;
    font-size: 18px;
    background: url(../images/icons/read-more.svg) no-repeat center right;
    padding-right: 3.2rem;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.videos {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .block-foj-media-gallery .medias-wrapper.videos > article {
    width: 100%;
    max-width: none;
    padding: 2.4rem;
    height: auto;
  }
}
.block-foj-media-gallery .medias-wrapper.videos .btn-read-more {
  display: none;
}
@media all and (min-width: 25.875em) {
  .block-foj-media-gallery .medias-wrapper.videos .btn-read-more {
    display: inline-block;
    transform: translate(10px, 25px);
  }
}
.block-foj-media-gallery .medias-wrapper.videos .field--name-field-date {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.videos .field--name-field-date {
    color: #000;
    /* FOJ/Mobile/H4 */
    font-family: "Signika", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 145.455% */
  }
}
.block-foj-media-gallery .medias-wrapper.videos .field--name-field-describe p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  margin: 0; /* 177.778% */
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.videos .field--name-field-describe p .field--name-field-describe p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 177.778% */
    margin: 0; /* 177.778% */
  }
}
.block-foj-media-gallery .medias-wrapper.videos .js-trigger-video {
  padding-right: 32px;
  background: url("../images/icons/view-video.svg") no-repeat center right;
  border-bottom: 1px solid #fff;
  border-radius: unset;
}
.block-foj-media-gallery .medias-wrapper.videos .js-trigger-video:hover {
  text-decoration: none;
  border-bottom: 1px solid #E87200;
}
.block-foj-media-gallery .medias-wrapper.videos .document-title h2 {
  margin-top: 12px;
}
.block-foj-media-gallery .medias-wrapper.videos .media-description {
  min-height: 171px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery .medias-wrapper.videos .media-description {
    min-height: 141px;
    max-height: 141px;
  }
}
.block-foj-media-gallery.press > article {
  max-width: 327.5px;
  padding: 2.4rem;
  width: 327px;
  height: 418px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.press > article {
    width: 327.5px;
    height: 546px;
  }
}
.block-foj-media-gallery.press h2 {
  margin-bottom: 16px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.press .document-title-wrapper {
    min-height: 216px;
  }
}
.block-foj-media-gallery.press .field--name-field-type {
  margin-bottom: 8px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.press .field--name-field-type {
    font-family: "Signika", sans-serif;
    margin-bottom: 24px;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 145.455% */
  }
}
.block-foj-media-gallery.press .field--name-field-parution {
  margin-top: 0;
  margin-bottom: 16px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.press .field--name-field-parution {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.press .field--name-field-image-illustration {
    margin-bottom: 20px;
  }
}
.block-foj-media-gallery.press .external-link a {
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-bottom: none;
}
.block-foj-media-gallery.press .external-link a:after {
  display: none;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.press .external-link a {
    font-family: "Signika", sans-serif;
    display: inline;
    color: #E87200;
    text-transform: capitalize;
    border-bottom: 1px solid #E87200;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 2rem;
    position: static;
  }
  .block-foj-media-gallery.press .external-link a:after {
    background: url(../images/icons/external-link.svg) no-repeat center center;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-left: 1rem;
    border: none;
  }
}
.block-foj-media-gallery.activity > article {
  padding: 2.4rem;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.activity > article {
    height: 466px;
    width: 333.5px;
  }
}
.block-foj-media-gallery.activity h2 {
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.activity .field--name-field-image-illustration {
    margin-bottom: 17px;
  }
}
.block-foj-media-gallery.activity .field--name-field-consult a {
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-bottom: none;
}
.block-foj-media-gallery.activity .field--name-field-consult a:after {
  display: none;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.activity .field--name-field-consult a {
    display: inline;
    color: #E87200;
    text-transform: capitalize;
    border-bottom: 1px solid #E87200;
    position: static;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: "Signika", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 2rem;
  }
  .block-foj-media-gallery.activity .field--name-field-consult a:after {
    background: url(../images/icons/external-link.svg) no-repeat center center;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-left: 1rem;
    border: none;
  }
}
.block-foj-media-gallery.initialf > article {
  width: 327.5px;
  height: 358px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.initialf > article {
    height: 418px;
  }
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.initialf .field--name-field-image-illustration {
    min-height: 229px;
  }
}
.block-foj-media-gallery.initialf .field--name-field-parution {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  margin-bottom: 24px;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.initialf .field--name-field-parution {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 177.778% */
    margin-top: 24px;
  }
}
.block-foj-media-gallery.initialf .field--name-field-consult a {
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-bottom: none;
}
.block-foj-media-gallery.initialf .field--name-field-consult a:after {
  display: none;
}
@media all and (min-width: 62.375em) {
  .block-foj-media-gallery.initialf .field--name-field-consult a {
    display: inline;
    color: #E87200;
    text-transform: capitalize;
    border-bottom: 1px solid #E87200;
    position: static;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 2rem;
  }
  .block-foj-media-gallery.initialf .field--name-field-consult a:after {
    background: url(../images/icons/external-link.svg) no-repeat center center;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-left: 1rem;
    border: none;
  }
}

.path-media-gallery .slick-slider {
  padding: 0;
  margin-bottom: 0;
}
.path-media-gallery .slick-slide > div {
  margin: 2rem;
}
.path-media-gallery .slick-slide > div > article {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  margin-right: 2.4rem;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  width: 33.3rem !important;
  padding: 2.4rem;
  position: relative;
}
.path-media-gallery .slick-slide > div h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  border-bottom: 2px solid #E87200;
  font-family: "Signika", sans-serif;
  margin-top: 0;
  padding-top: 0;
  display: block;
}
@media all and (min-width: 62.375em) {
  .path-media-gallery .slick-slide > div h2 {
    font-size: 26px;
  }
}
@media all and (min-width: 62.375em) {
  .path-media-gallery #search-results .slick-publications-livres .livres {
    max-height: none !important;
  }
}
.path-media-gallery #search-results .slick-publications-livres .livres {
  max-height: 456px;
}
.path-media-gallery #search-results .slick-publications-press .field__item {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.path-media-gallery #search-results .row-title {
  text-align: center;
  font-family: "Signika", sans-serif;
  color: #E87200;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 138.462% */
}
@media all and (min-width: 62.375em) {
  .path-media-gallery #search-results .row-title {
    color: #E87200;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 6.8rem;
    margin-bottom: 2rem;
  }
}
.path-media-gallery #search-results .medias-wrapper > ul {
  display: none !important;
}
.path-media-gallery #search-results .medias-wrapper .field--name-field-parution {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.path-media-gallery #search-results .medias-wrapper {
  padding: 0 !important;
}
@media all and (min-width: 62.375em) {
  .path-media-gallery #search-results .medias-wrapper {
    padding: 2rem 2.5rem !important;
  }
}
.path-media-gallery #search-results .arrow-nav {
  display: none;
  justify-content: center;
  gap: 2rem;
  color: #E87200;
  text-align: center;
}
.path-media-gallery #search-results .arrow-nav .left,
.path-media-gallery #search-results .arrow-nav .right {
  display: inline-block;
  width: 3rem;
  text-align: center;
}
@media all and (min-width: 86.25em) {
  .path-media-gallery #search-results .arrow-nav {
    display: none;
  }
}

.medias-wrapper .field--name-field-parution {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 100;
}

.field--name-field-body {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.field--name-field-body p {
  color: #576574;
}

.field--name-field-book-autor {
  margin-bottom: 1.5rem;
}

.field--name-field-book-autor .field__item,
.field--name-field-published-year .field__item {
  font-weight: 100;
}

.field--name-field-date {
  font-weight: 100;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

article.relative {
  position: relative;
}
article .myButton {
  display: block;
  width: 100%;
  height: 100%;
}
article .myButton::after {
  content: "";
  display: block;
  background: url(../images/icons/play-video.svg) no-repeat center center;
  width: 64px;
  height: 46px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
article .field--name-thumbnail {
  position: relative;
}

.view-all-media {
  text-align: center !important;
  margin: 0;
  width: 100%;
  padding: 1rem 0;
}
.view-all-media a {
  color: #E87200;
}
@media all and (min-width: 62.375em) {
  .view-all-media {
    text-align: center !important;
    margin: 2rem 0;
    width: 100%;
    padding: 1rem 0;
  }
  .view-all-media a {
    color: #E87200;
  }
}

.page_header {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  background-position: center;
  background-size: cover;
  height: 60rem;
}
.page_header.fullheight {
  height: 100vh;
}
.page_header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.page_header .container {
  z-index: 1;
}
.page_header_content {
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .page_header_content {
    width: 80%;
    margin-left: 10rem;
  }
}
@media all and (min-width: 62.375em) {
  .page_header_content img {
    max-width: 20rem;
  }
}
.page_header_title {
  font-family: "Univers-bold";
  color: #fff;
  font-size: 1.7rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 3rem 0;
  margin: 1.5rem 0 0 0;
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .page_header_title {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}
@media all and (min-width: 86.25em) {
  .page_header_title {
    font-size: 3.4rem;
    line-height: 4.6rem;
  }
}
.page_header_title_sub {
  display: block;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 300;
  text-transform: initial;
  margin: 2.5rem 0 1rem 0;
}
@media all and (min-width: 62.375em) {
  .page_header_title_sub {
    letter-spacing: 0.2em;
  }
}
.page_header_search {
  position: relative;
  margin-bottom: 4rem;
}
@media all and (min-width: 62.375em) {
  .page_header_search {
    width: 40rem;
    margin-bottom: 6rem;
  }
}
.page_header_search input::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
}
.page_header_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.page_header_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
}
.page_header_search input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}
.page_header_search input:focus::-webkit-input-placeholder { /* Chrome */
  color: transparent;
}
.page_header_search input:focus:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.page_header_search input:focus::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.page_header_search input:focus:-moz-placeholder { /* Firefox 4 - 18 */
  color: transparent;
}
.page_header_discover {
  color: #fff;
  cursor: pointer;
}
.page_header_discover img, .page_header_discover_arrow {
  width: 2rem;
  margin-right: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .page_header_discover img, .page_header_discover_arrow {
    width: 4rem;
    margin-right: 3rem;
  }
}
.page_header_discover span {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
  text-transform: uppercase;
  line-height: 4rem;
}
@media all and (min-width: 62.375em) {
  .page_header_discover span {
    font-size: 1.2rem;
  }
}

.region.region-content.width-cta {
  margin-top: 0;
}

.region-top-header {
  position: fixed;
  top: 1.5rem;
  left: 20px;
  z-index: 1000;
}
@media all and (min-width: 62.375em) {
  .region-top-header {
    z-index: unset;
    position: unset;
  }
}

.block-system-branding-block {
  margin-left: 60px;
  margin-right: 4rem;
}
@media all and (min-width: 62.375em) {
  .block-system-branding-block {
    margin-left: auto;
  }
}

/* # Pages */
.page-node-type-basic-page h1 {
  display: block;
  color: #E87200;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 6.8rem;
  text-align: center;
  border: none;
}
.page-node-type-basic-page h3 {
  color: #E87200;
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}
.page-node-type-basic-page h2 {
  text-align: center;
  margin-top: 4rem;
  line-height: 3rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-basic-page h2 {
    margin-top: 8rem;
  }
}
.page-node-type-basic-page .field--name-field-projets {
  max-width: 325px;
  margin: 0 auto 2rem auto;
}
.page-node-type-basic-page .field--name-field-projets > .field__item {
  margin-bottom: 2rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-basic-page .field--name-field-projets {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto auto;
    gap: 4rem;
  }
}
.page-node-type-basic-page .field--name-field-teaser,
.page-node-type-basic-page .field--name-field-title {
  max-width: 820px;
  margin: 0 auto;
}
.page-node-type-basic-page .field--name-field-projets {
  margin-top: 4rem;
}
.page-node-type-basic-page .cart-teaser-listing .img-hover-zoom img {
  left: 0;
  border-top: 4px solid #E87200;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media all and (min-width: 62.375em) {
  .page-node-type-basic-page .cart-teaser-listing .img-hover-zoom img {
    border-top: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
@media all and (min-width: 62.375em) {
  .page-node-type-basic-page .teaser-content-inside {
    border-top: 4px solid #E87200;
  }
}
.page-node-type-basic-page .teaser-content-inside h4 {
  color: #2F3032;
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.page-node-type-basic-page .cart-teaser-listing .img-hover-zoom {
  height: 225px;
  left: 0;
  border-top: 4px solid #E87200;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media all and (min-width: 62.375em) {
  .page-node-type-basic-page .cart-teaser-listing .img-hover-zoom {
    border-top: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
.page-node-type-basic-page .teaser-content-inside {
  min-height: 241px;
}
.page-node-type-basic-page .field--name-field-titre,
.page-node-type-basic-page .field--name-field-body-2 {
  max-width: 300px;
  margin: 0 auto;
}
.page-node-type-basic-page .field--name-field-titre p,
.page-node-type-basic-page .field--name-field-body-2 p {
  margin: 0;
}
@media all and (min-width: 62.375em) {
  .page-node-type-basic-page .field--name-field-titre,
  .page-node-type-basic-page .field--name-field-body-2 {
    max-width: 820px;
  }
}
.page-node-type-basic-page .field--name-body {
  max-width: 820px;
  margin: 4rem auto 2rem auto;
}
.page-node-type-basic-page .img-hover-zoom:hover img {
  transform: none;
}

.path-frontpage h1 {
  font-size: 2.6rem;
  line-height: 4rem;
  position: relative;
  border: none;
  max-width: 50rem;
  margin: 0;
  padding: 0;
  font-weight: 600;
}
@media all and (min-width: 62.375em) {
  .path-frontpage h1 {
    font-size: 4.4rem;
    line-height: 6rem;
  }
}
.path-frontpage .field--name-field-sub-title {
  position: relative;
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: "Signika", sans-serif;
}
@media all and (min-width: 62.375em) {
  .path-frontpage .field--name-field-sub-title {
    max-width: 50rem;
    position: relative;
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
}

.foj-render-quick-search {
  position: relative;
  color: #2F3032;
  width: 100%;
}
.foj-render-quick-search input[type=submit],
.foj-render-quick-search select,
.foj-render-quick-search button {
  width: 100%;
  border: none;
  font-size: 1.8rem;
  margin: 0;
  border-radius: 8px;
}
.foj-render-quick-search select {
  line-height: 5rem;
  height: 4.9rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../images/icons/arrow-bottom.svg");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 10px;
  font-family: "Signika", sans-serif;
  color: #576574;
  padding: 0 1rem 0 1.5rem;
}
.foj-render-quick-search input[type=submit] {
  margin-top: 1rem;
  padding: 1.5rem;
}
.foj-render-quick-search label[for=edit-search] {
  display: none;
}
@media all and (min-width: 62.375em) {
  .foj-render-quick-search form {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .foj-render-quick-search .js-form-type-select {
    display: inline-block;
    width: 342px;
  }
  .foj-render-quick-search .form-actions {
    display: inline-block;
    width: 136px;
  }
  .foj-render-quick-search input[type=submit] {
    margin-top: 0;
  }
  .foj-render-quick-search .btn, .foj-render-quick-search .button {
    padding: 1.5rem;
  }
}

.page-node-type-page-actualites .field--name-field-date {
  font-family: "Signika", sans-serif;
  display: flex;
  gap: 1rem;
}
.page-node-type-page-actualites .field__label:after {
  content: ":";
}

.actualites-teaser .cart-teaser-listing .teaser-content-top {
  min-height: 180px;
}
@media all and (min-width: 62.375em) {
  .actualites-teaser .cart-teaser-listing .teaser-content-top {
    min-height: 200px;
  }
}
.actualites-teaser .cart-teaser-listing .teaser-content-inside {
  min-height: 280px;
  justify-content: flex-start;
}
@media all and (min-width: 62.375em) {
  .actualites-teaser .cart-teaser-listing .teaser-content-inside {
    min-height: 306px;
  }
}
.actualites-teaser .cart-teaser-listing h3 {
  line-height: 3.2rem;
  font-weight: 500;
  font-size: 22px;
}
@media all and (min-width: 62.375em) {
  .actualites-teaser .cart-teaser-listing h3 {
    line-height: 3.6rem;
    font-size: 26px;
  }
}
.actualites-teaser .cart-teaser-listing .block-field-blocknodepage-actualitestitle {
  min-height: 119px;
  max-height: 109px;
}
.actualites-teaser .cart-teaser-listing .block-field-blocknodepage-actualitestitle h3 {
  margin-bottom: 1rem;
}
.actualites-teaser .block-field-blocknodepage-actualitesfield-describe {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #576574;
  min-height: 109px;
}

.all-news-page .block-field-blocknodepage-carrefourtitle {
  width: 100%;
  padding-top: 3em !important;
}
@media all and (min-width: 62.375em) {
  .all-news-page .block-field-blocknodepage-carrefourtitle {
    width: auto;
  }
}
.all-news-page .cart-teaser-listing img {
  width: 100%;
  max-width: none;
  height: 100%;
}
@media all and (min-width: 62.375em) {
  .all-news-page .our-news-block-foj .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    transform: none !important;
    width: auto !important;
    margin: 20px auto;
  }
}
.all-news-page .our-news-block-foj .view-content {
  grid-template-columns: 1fr;
}
.all-news-page .our-news-block-foj .view-content .views-row {
  padding-bottom: 26px;
}
.all-news-page .main-header {
  min-height: 20rem !important;
}

.foj-structure-search,
#selected-filter-inside,
.results-count {
  max-width: 704px;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .foj-structure-search,
  #selected-filter-inside,
  .results-count {
    width: 704px;
  }
}

.results-count {
  margin: 1rem auto 6rem;
}

#selected-filter-inside {
  border-top: 1px solid #2F3032;
  padding-top: 3rem;
  margin: 1rem auto 1rem;
  clear: both;
  overflow: auto;
}
#selected-filter-inside span {
  float: left;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
#selected-filter-inside span.selected-option-title {
  margin-left: 0;
}

.page-node-type-page-carrefour .main-header {
  max-width: none;
}
.page-node-type-page-carrefour .block-field-blocknodepage-carrefourfield-icon-title {
  position: relative;
  top: 1rem;
}
.page-node-type-page-carrefour .views-exposed-form .form--inline {
  display: block;
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset {
  width: 100%;
  border: none;
  float: none;
  display: block;
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset legend {
  display: none;
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset .fieldset-wrapper {
  padding: 0;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset .fieldset-wrapper {
    padding: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset input[name=structure] {
  width: 100%;
  color: #576574;
  line-height: 4.5rem;
  background: #fff url(../images/icons/search-field.svg) no-repeat center right 15px;
  border: 1px solid #BEBEBE;
  border-radius: 8px;
  padding-left: 1rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset input[name=structure] {
    width: 425px;
  }
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset input[type=submit] {
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset input[type=submit] {
    width: auto;
  }
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset ::-moz-placeholder {
  color: #576574;
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset ::placeholder {
  color: #576574;
}
.page-node-type-page-carrefour .views-exposed-form .form--inline > fieldset label[for=edit-structure] {
  display: none;
}
.page-node-type-page-carrefour .search-medias-fieldset {
  width: 100%;
  border: none;
  float: none;
  display: block;
}
.page-node-type-page-carrefour .search-medias-fieldset legend {
  display: none;
}
.page-node-type-page-carrefour .search-medias-fieldset .fieldset-wrapper {
  padding: 0;
  justify-content: center;
  margin-top: 2rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .search-medias-fieldset .fieldset-wrapper {
    margin-top: 0;
    padding: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
  }
}
.page-node-type-page-carrefour .search-medias-fieldset input[name=search_medias] {
  width: 100%;
  color: #576574;
  line-height: 4.5rem;
  background: #fff url(../images/icons/search-field.svg) no-repeat center right 15px;
  border: 1px solid #BEBEBE;
  border-radius: 8px;
  padding-left: 1rem;
  font-family: "Signika", sans-serif;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .search-medias-fieldset input[name=search_medias] {
    width: 425px;
  }
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .search-medias-fieldset input[name=search_medias] {
    width: 470px;
  }
}
.page-node-type-page-carrefour .search-medias-fieldset input[type=submit] {
  width: 100%;
  padding: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .search-medias-fieldset input[type=submit] {
    width: auto;
    padding: 1.5rem;
  }
}
.page-node-type-page-carrefour .search-medias-fieldset ::-moz-placeholder {
  font-weight: 300;
  color: #576574;
  font-size: 16px;
  text-align: center;
}
.page-node-type-page-carrefour .search-medias-fieldset ::placeholder {
  font-weight: 300;
  color: #576574;
  font-size: 16px;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .search-medias-fieldset ::-moz-placeholder {
    text-align: left;
    font-size: 18px;
  }
  .page-node-type-page-carrefour .search-medias-fieldset ::placeholder {
    text-align: left;
    font-size: 18px;
  }
}
.page-node-type-page-carrefour .search-medias-fieldset label[for=edit-search_project] {
  display: none;
}
.page-node-type-page-carrefour .structures-wrapper-tabs {
  color: #000;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 2rem;
  font-weight: 600;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .structures-wrapper-tabs {
    font-size: 2.2rem;
    text-align: left;
    display: flex;
    gap: 2rem;
  }
}
.page-node-type-page-carrefour .structures-wrapper-tabs .filter-title {
  display: block;
  text-align: center;
  line-height: 4.8rem;
  margin-bottom: 1.6rem;
  color: #2F3032;
  font-weight: 600;
  font-family: "Signika", sans-serif;
  font-size: 2.2rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .structures-wrapper-tabs .filter-title {
    color: #576574;
    line-height: 4.8rem;
    margin-bottom: inherit;
    text-align: inherit;
    display: flex;
    gap: 2rem;
    font-weight: 400;
  }
}
@media all and (min-width: 86.25em) {
  .page-node-type-page-carrefour .structures-wrapper-tabs .filter-title {
    color: #576574;
    line-height: 3rem;
    margin-bottom: inherit;
    font-weight: inherit;
    text-align: inherit;
    display: flex;
    gap: 2rem;
  }
}
.page-node-type-page-carrefour .structures-wrapper-tabs .horizontal-tabs {
  border: none;
}
.page-node-type-page-carrefour .structures-wrapper-tabs .details-wrapper {
  max-width: 400px;
}
.page-node-type-page-carrefour .structures-wrapper-tabs .fieldset-legend {
  display: none;
}
.page-node-type-page-carrefour .structures-wrapper {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.page-node-type-page-carrefour .structures-wrapper .js-form-type-checkbox {
  display: inline-block;
  margin-right: 1rem;
  margin-top: 1rem;
}
.page-node-type-page-carrefour .structures-wrapper .form-checkboxes input {
  display: none;
}
.page-node-type-page-carrefour .structures-wrapper .horizontal-tabs .horizontal-tab-button a {
  font-size: 2.2rem;
}
.page-node-type-page-carrefour .structures-wrapper .horizontal-tabs .horizontal-tab-button a:hover {
  background: transparent;
}
.page-node-type-page-carrefour .structures-wrapper summary {
  text-align: center;
  color: #576574;
  margin-bottom: 4rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .structures-wrapper summary {
    float: left;
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
.page-node-type-page-carrefour .structures-wrapper .details-wrapper {
  color: #2F3032;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-carrefour .structures-wrapper .details-wrapper {
    padding: 0;
  }
}
.page-node-type-page-carrefour .structures-wrapper .details-wrapper label {
  cursor: pointer;
  border-bottom: 2px;
  border-bottom-color: transparent;
}
.page-node-type-page-carrefour .structures-wrapper .details-wrapper label:hover {
  border-bottom-color: #E87200;
}
.page-node-type-page-carrefour label.option {
  cursor: pointer;
  border: 1px solid #BEBEBE;
  border-radius: 8px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #2F3032;
  background: #fff;
  display: inline-block;
  padding: 8px 12px;
}
.page-node-type-page-carrefour label.option.option-active {
  background: #FEEFE1 url(../images/icons/close-small.svg) no-repeat right 1rem center;
  padding-right: 4rem;
  /* FOJ/Orange 500 */
  border: 1px solid #E87200;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.page-node-type-page-carrefour .selected-options {
  cursor: pointer;
  border-radius: 8px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #2F3032;
  display: inline-block;
  padding: 8px 12px;
  background: #FEEFE1 url(../images/icons/close-small.svg) no-repeat right 1rem center;
  padding-right: 4rem;
  border: 1px solid #E87200;
  font-style: normal;
  font-weight: 400;
}
.page-node-type-page-carrefour .selected-option-title {
  line-height: 2rem;
  padding: 8px 0;
}

.page-node-type-media-livres h1 {
  display: block;
  color: #E87200;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 6.8rem;
  text-align: center;
  border: none;
}
.page-node-type-media-livres h3 {
  color: #E87200;
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}

.search-media-page-wrapper .project-filters-search .js-form-item-medias {
  border-right: 1px solid #BEBEBE;
}

.page-node-type-homepage .cart-teaser-listing img {
  width: 100%;
}

.page-node-type-page-de-contact-webform h1 {
  display: block;
  color: #E87200;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 6.8rem;
  text-align: center;
  border: none;
}

.page-node-type-homepage main[role=main] {
  padding-bottom: 9.3rem;
  background-image: url(../images/background-home.png);
  background-position: center 900px;
  border-bottom: 4px solid #e87200;
}
@media all and (min-width: 62.375em) {
  .page-node-type-homepage main[role=main] {
    position: relative;
  }
  .page-node-type-homepage main[role=main]:after {
    display: block;
    content: "";
    background: url(../images/icons/circle-100-yellow.svg) no-repeat;
    width: 149px;
    height: 245px;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
  }
}
.page-node-type-homepage .main-header {
  min-height: 47rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-homepage .main-header {
    min-height: 78rem;
  }
}
.page-node-type-page-metier-stage h1 {
  display: block;
  color: #E87200;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 6.8rem;
  text-align: center;
  border: none;
}
.page-node-type-page-metier-stage h3 {
  color: #E87200;
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}
.page-node-type-page-metier-stage #block-fondation-content {
  padding-top: 12.7rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-metier-stage #block-fondation-content {
    padding-top: 4.7rem;
  }
}

.path-emploi #block-fondation-content {
  padding-top: 12.7rem;
}

.page-node-type-page-missions .block-field-blocknodepage-missionstitle {
  text-align: center;
  margin-bottom: 2rem;
}
.page-node-type-page-missions .block-field-blocknodepage-missionsfield-describe p > a {
  color: #e87200;
}

.path-recherche #block-fondation-page-title,
.path-recherche .views-exposed-form {
  max-width: 1244px;
  margin: 2rem auto;
  padding-right: 2rem;
  padding-left: 2rem;
  width: 100%;
}
@media all and (min-width: 86.25em) {
  .path-recherche #block-fondation-page-title,
  .path-recherche .views-exposed-form {
    margin: 4rem auto;
    padding-right: 0;
    padding-left: 0;
  }
}
.path-recherche .views-row {
  margin-bottom: 4rem;
}
.path-recherche .views-field-title h2 {
  color: #E87200;
  font-weight: 300;
  line-height: 4rem;
}
.path-recherche .views-field-url a {
  color: #E87200;
  text-decoration: underline;
}
.path-recherche .views-field-search-api-excerpt {
  font-weight: 300;
}
.path-recherche .views-field-type a {
  font-weight: 300;
  color: #576574;
}
.path-recherche #edit-basic {
  display: none;
}
@media all and (max-width: 998px-0.16 em) {
  .path-recherche .search-results {
    padding: 0 2rem;
  }
}
.path-recherche .region-content .views-exposed-form {
  width: 100%;
  border: none;
  float: none;
  display: block;
}
.path-recherche .region-content .views-exposed-form legend,
.path-recherche .region-content .views-exposed-form label {
  display: none;
}
@media all and (min-width: 62.375em) {
  .path-recherche .region-content .views-exposed-form .form--inline {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}
.path-recherche .region-content .views-exposed-form input[name=rechercher] {
  width: 100%;
  color: #576574;
  line-height: 4.5rem;
  background: #fff url(../images/icons/search-field.svg) no-repeat center right 15px;
  border: 1px solid #BEBEBE;
  border-radius: 8px;
  padding-left: 1rem;
}
@media all and (min-width: 62.375em) {
  .path-recherche .region-content .views-exposed-form input[name=rechercher] {
    width: 425px;
  }
}
.path-recherche .region-content .views-exposed-form input[type=submit] {
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .path-recherche .region-content .views-exposed-form input[type=submit] {
    width: auto;
  }
}
.path-recherche .region-content .views-exposed-form ::-moz-placeholder {
  color: #576574;
}
.path-recherche .region-content .views-exposed-form ::placeholder {
  color: #576574;
}
.path-recherche .region-content .views-exposed-form label[for=edit-search_project] {
  display: none;
}
.path-recherche .view-empty {
  margin-bottom: 4rem;
  font-size: 1.8rem;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .path-recherche .view-empty {
    text-align: left;
  }
}

.info-supp-wrapper {
  border-top: 2px solid #E87200;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media all and (min-width: 62.375em) {
  .info-supp-wrapper {
    border-top: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.info-supp-wrapper .info-sup {
  color: #E87200;
  padding: 2rem 0;
  font-size: 18px;
  font-weight: 600;
  background: #fff url(../images/icons/arrow-bottom-orange.svg) no-repeat center right;
  text-align: left;
}
.info-supp-wrapper .info-sup span {
  display: block;
  max-width: 200px;
}
.info-supp-wrapper .field--name-field-logos {
  display: none;
}
@media all and (min-width: 62.375em) {
  .info-supp-wrapper .field--name-field-logos {
    display: block;
  }
}
.info-supp-wrapper .info-supp-wrapper-inside {
  display: none;
}
@media all and (min-width: 62.375em) {
  .info-supp-wrapper .info-supp-wrapper-inside {
    display: block;
  }
}
.info-supp-wrapper.sticky-on-mobile {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  left: 0;
  background: #fff;
}
@media all and (min-width: 62.375em) {
  .info-supp-wrapper.sticky-on-mobile {
    position: static;
    width: auto;
    z-index: unset;
    background: transparent;
  }
}

.info-supp-wrapper.sticky-on-mobile.open {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  left: 0;
  background: #fff;
  overflow: auto;
}
@media all and (min-width: 62.375em) {
  .info-supp-wrapper.sticky-on-mobile.open {
    position: static;
    z-index: auto;
    background: transparent;
  }
}
.info-supp-wrapper.sticky-on-mobile.open .info-supp-wrapper-inside {
  display: block;
}

body.width-panel {
  padding-bottom: 5rem;
}
@media all and (min-width: 62.375em) {
  body.width-panel {
    padding-bottom: 0;
  }
}
body.panel-open {
  position: fixed;
  overflow: hidden;
}
@media all and (min-width: 62.375em) {
  body.panel-open {
    position: static;
    overflow: auto;
  }
}

.document-title h2 {
  font-weight: normal;
  border-bottom: 2px solid #E87200;
  display: inline-block;
  margin-bottom: 2rem;
}

.panel-open .project-filters-search .fieldset-wrapper .form-radios {
  flex-direction: column;
  text-align: left;
}
@media all and (min-width: 62.375em) {
  .panel-open .project-filters-search .fieldset-wrapper .form-radios {
    flex-direction: row;
    text-align: center;
  }
}
.panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias {
  border: none;
  margin: 0;
  padding: 0;
}
.panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias input {
  display: none;
}
@media all and (min-width: 62.375em) {
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias {
    flex-direction: row;
    text-align: center;
    border-right: 1px solid #576574;
    padding-right: 2rem;
    margin-right: 1rem;
  }
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
  }
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias label {
    font-weight: bold;
  }
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias label.option {
    border-radius: unset;
    border: none;
  }
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias input:focus + label,
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias input:active + label,
  .panel-open .project-filters-search .fieldset-wrapper .js-form-item-medias input[type=radio]:checked + label {
    border-bottom: 2px solid #E87200;
  }
}

.field--name-field-logos {
  min-height: 120px;
}

@media all and (min-width: 62.375em) {
  .field--name-field-contact .arrow-nav {
    display: none;
  }
}

.page-node-type-page-structure .field--name-field-body {
  max-width: 962px;
}

.layout__region--left--description .field__item {
  font-size: 18px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
}

.field--name-field-contact .cart,
.field--name-field-documents .cart,
.field--name-field-ref-medias .cart {
  min-height: 240px;
}
@media all and (min-width: 62.375em) {
  .field--name-field-contact,
  .field--name-field-documents,
  .field--name-field-ref-medias {
    max-width: 963px;
  }
  .field--name-field-contact .field__items,
  .field--name-field-documents .field__items,
  .field--name-field-ref-medias .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .field--name-field-contact .field__items .cart,
  .field--name-field-documents .field__items .cart,
  .field--name-field-ref-medias .field__items .cart {
    width: 100%;
  }
}
@media all and (min-width: 86.25em) {
  .field--name-field-contact,
  .field--name-field-documents,
  .field--name-field-ref-medias {
    max-width: 963px;
    margin-left: 0;
  }
  .field--name-field-contact .field__items,
  .field--name-field-documents .field__items,
  .field--name-field-ref-medias .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .field--name-field-contact .field__items .cart,
  .field--name-field-documents .field__items .cart,
  .field--name-field-ref-medias .field__items .cart {
    width: 469.5px;
  }
}

@media all and (min-width: 62.375em) {
  .has-webform main[role=main] {
    background: url(/themes/custom/fondation/css/../images/background-structure.png) center 790px;
    background-size: contain;
    border-bottom: 4px solid #e87200;
  }
}

.page-node-type-page-structure:not(.has-webform) main[role=main] {
  background: none;
  position: relative;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-structure:not(.has-webform) main[role=main] {
    background: url(../images/background-structure.png) center 698px;
    background-size: contain;
    border-bottom: 4px solid #e87200;
  }
}
.page-node-type-page-structure:not(.has-webform) .node-media-video .btn-read-more {
  display: none;
}
.page-node-type-page-structure:not(.has-webform) .field--name-field-date {
  color: #000;
  /* FOJ/Mobile/H4 */
  font-family: "Signika", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 145.455% */
}
.page-node-type-page-structure:not(.has-webform) .document-title h2 {
  color: #000;
  /* FOJ/Mobile/H4 */
  font-family: "Signika", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 145.455% */
}
.page-node-type-page-structure:not(.has-webform) .field--name-field-describe {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  margin-bottom: 0;
}

.slick-slide img {
  cursor: pointer;
}

.slick-lightbox .slick-arrow {
  display: none !important;
}
.slick-lightbox .slick-next {
  display: none;
}
.slick-lightbox .slick-prev {
  display: none;
}
.slick-lightbox:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999;
  bottom: 120px;
  right: auto;
  left: 50%;
  background: #fff url(../images/icons/icons8-swipe.gif) no-repeat center;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  animation: cssAnimation 0s ease-in 5s forwards;
  animation-fill-mode: forwards;
  transform: translate(-50%, 0);
  opacity: 80%;
}
@media all and (min-width: 62.375em) {
  .slick-lightbox:after {
    right: 20px;
    bottom: 20px;
    transform: none;
  }
}
@keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.search-project-fieldset {
  border: none;
  margin: 0;
  padding: 0 1.5rem;
  position: relative;
  color: #000;
  font-weight: 200;
}
.search-project-fieldset .projects-search-text {
  width: 100%;
  border-top-style: none;
  border-right-style: none;
  border-bottom: 1px solid;
  border-left-style: none;
  border-color: #000;
  background: transparent;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: bold;
  color: #1a4c93;
  font-style: italic;
  font-family: "Source Sans 3", sans-serif;
  padding: 2rem 1rem;
}
.search-project-fieldset .projects-search-text::-moz-placeholder {
  font-weight: normal;
}
.search-project-fieldset .projects-search-text::placeholder {
  font-weight: normal;
}
.search-project-fieldset .search-btn {
  position: absolute;
  bottom: 2rem;
  width: 26px;
  height: 26px;
  background-image: url("../images/icons/svg/search-big.svg");
  background-color: transparent;
  border: none;
  right: 2rem;
  font-size: 0;
}
.search-project-fieldset .search-btn.form-disabled {
  background-image: url("../images/icons/svg/search-big-disable.svg");
}
.search-project-fieldset .reset-btn {
  display: none;
}
@media all and (min-width: 62.375em) {
  .search-project-fieldset .reset-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 2rem;
    width: 29px;
    height: 29px;
    background-image: url("../images/icons/svg/reset.svg");
    background-color: transparent;
    border: none;
    right: 6rem;
    font-size: 0;
  }
}
.search-project-fieldset .fieldset-wrapper {
  display: flex;
  max-width: 97rem;
  margin: 0 auto;
  position: relative;
}
.search-project-fieldset .fieldset-wrapper .js-form-type-textfield {
  width: 100%;
}

.project-filters-search {
  border: none;
  max-width: 97rem;
  margin: 0.9rem auto 0 auto;
}
.project-filters-search legend {
  float: left;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 200;
}

.project-filters-search {
  padding: 1.5rem 2.5rem 0 2.5rem;
}
.project-filters-search .js-form-item-medias {
  border-right: 1px solid #576574;
  padding-right: 2rem;
  margin-right: 1rem;
}
.project-filters-search .js-form-item-medias:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
.project-filters-search .js-form-item-medias input {
  display: none;
}
.project-filters-search .js-form-item-medias label {
  font-weight: bold;
}
.project-filters-search .js-form-item-medias label.option {
  border-radius: unset;
  border: none;
}
.project-filters-search .js-form-item-medias input:focus + label,
.project-filters-search .js-form-item-medias input:active + label,
.project-filters-search .js-form-item-medias input[type=radio]:checked + label {
  border-bottom: 2px solid #E87200;
}
@media all and (min-width: 62.375em) {
  .project-filters-search {
    padding: 0 1rem;
  }
}
.project-filters-search .fieldset-wrapper {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 62.375em) {
  .project-filters-search .fieldset-wrapper {
    flex-direction: row;
  }
}
.project-filters-search .fieldset-wrapper details {
  margin: 0;
  border: none;
  position: relative;
}
@media all and (min-width: 62.375em) {
  .project-filters-search .fieldset-wrapper details.flex-filters-items-wrapper {
    margin-right: 4rem;
  }
}
.project-filters-search .fieldset-wrapper details summary {
  color: #1a4c93;
  font-size: 1.8rem;
  padding: 0 3rem;
  margin-bottom: 3rem;
  display: inline-block;
  width: 100%;
  max-width: 15rem;
  cursor: pointer;
  list-style: none;
}
.project-filters-search .fieldset-wrapper details summary::-webkit-details-marker {
  display: none;
}
@media all and (min-width: 62.375em) {
  .project-filters-search .fieldset-wrapper details summary {
    padding: 0 1.5rem 0 2rem;
  }
}
.project-filters-search .fieldset-wrapper .form-wrapper {
  border: 0;
  margin: 0;
}
.project-filters-search .fieldset-wrapper .details-wrapper {
  position: absolute;
  background: #fff;
  top: 3rem;
  z-index: 9;
  left: 2.5rem;
  padding: 0;
  box-shadow: 0 30px 30px #f2f2f2;
  width: 24rem;
}
@media all and (min-width: 62.375em) {
  .project-filters-search .fieldset-wrapper .details-wrapper {
    width: 40rem;
  }
}
.project-filters-search .fieldset-wrapper .details-wrapper .fieldset-wrapper .form-item {
  border-bottom: 1px solid #f2f2f2;
  line-height: 4rem;
  padding: 0 1.5rem 0 1.5rem;
}
.project-filters-search .fieldset-wrapper .details-wrapper .btn {
  float: right;
  margin-right: 1.5rem;
  padding: 0.7rem 1.5rem;
  font-weight: 700;
}
.project-filters-search input {
  background: transparent;
}
.project-filters-search [type=checkbox]:not(:checked),
.project-filters-search [type=checkbox]:checked {
  /* Cache la checkbox sans
     la rendre invisible aux
     lecteurs d'écran */
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.project-filters-search [type=checkbox]:not(:checked) + label,
.project-filters-search [type=checkbox]:checked + label {
  position: relative; /* permet de positionner la checkbox */
  padding-left: 2.5rem; /* place pour la box */
  line-height: 1.7;
  cursor: pointer;
}
.project-filters-search {
  /* Aspect de la case */
}
.project-filters-search [type=checkbox]:not(:checked) + label::before,
.project-filters-search [type=checkbox]:checked + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.7rem;
  height: 1.7rem;
  border: none;
  background: #d8d8d8;
  transition: all 0.275s;
}
.project-filters-search {
  /* Aspect de la coche */
}
.project-filters-search [type=checkbox]:not(:checked) + label::after,
.project-filters-search [type=checkbox]:checked + label::after {
  content: url(../images/icons/svg/valide.svg);
  speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.7rem;
  height: 1.7rem;
  color: #CB22ED;
  line-height: 0;
  transition: all 0.2s; /* Petite transition */
  background: #1a4c93;
  text-indent: 0.1rem;
}
.project-filters-search {
  /* Aspect non cochée */
}
.project-filters-search [type=checkbox]:not(:checked) + label::after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.project-filters-search {
  /* Aspect cochée */
}
.project-filters-search [type=checkbox]:checked + label::after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.project-teaser-bottom {
  background: #FAFAFA;
  margin: -60px 0 -80px 40px;
  padding: 20px;
  border: 1px solid #F4F4F4;
  z-index: 2;
  position: relative;
}
@media all and (min-width: 62.375em) {
  .project-teaser-bottom {
    max-width: 43rem;
    margin: -40px 0 auto 40px;
    padding: 1.5rem 3rem;
    min-height: 34rem;
  }
}
@media all and (min-width: 62.375em) {
  .partenaires-listing-wrapper .project-teaser-bottom {
    margin: 0 auto;
  }
}
.project-teaser-bottom .field--name-body p {
  color: #000;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media all and (min-width: 62.375em) {
  .project-teaser-bottom .field--name-body p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
.project-teaser-bottom .field--name-field-project-category {
  text-transform: uppercase;
  color: #2EBBE1;
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.project-teaser-bottom .field--name-field-project-population {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.project-teaser-bottom h3 {
  font-weight: 500;
  font-size: 2rem;
}

.news-listing-wrapper .project-teaser-bottom:hover a,
.block-hug-projets .project-teaser-bottom:hover a {
  color: white;
}
@media all and (min-width: 62.375em) {
  .news-listing-wrapper .project-teaser-bottom:hover,
  .block-hug-projets .project-teaser-bottom:hover {
    background: #1a4c93;
    color: #fff;
    cursor: pointer;
    border: 1px solid #1a4c93;
  }
  .news-listing-wrapper .project-teaser-bottom:hover .field--name-body p,
  .block-hug-projets .project-teaser-bottom:hover .field--name-body p {
    color: #fff;
  }
  .news-listing-wrapper .project-teaser-bottom:hover h3.field--name-title,
  .block-hug-projets .project-teaser-bottom:hover h3.field--name-title {
    color: #fff;
  }
  .news-listing-wrapper .project-teaser-bottom:hover .btn,
  .block-hug-projets .project-teaser-bottom:hover .btn {
    color: #fff;
    border-color: #fff;
  }
}

.project-teaser-top {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 430px;
  display: block;
  background: transparent;
  position: relative;
}
.project-teaser-top .block-field-blocknodeprojetfield-project-image {
  position: static;
}
.partenaires-listing-wrapper .project-teaser-top {
  background: none;
}
.project-teaser-top .field--name-field-image img,
.project-teaser-top .field--name-field-project-image img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.project-teaser-top .field--name-field-project-status {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
@media all and (min-width: 86.25em) {
  .project-teaser-top .field--name-field-project-status {
    font-size: 1.4rem;
  }
}
.project-teaser-top .field--name-field-project-status {
  position: absolute;
  top: 4rem;
  left: 3rem;
  border-radius: 2.5rem;
  background-color: #fff;
  color: #1a4c93;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  padding: 1.5rem;
  margin: 1rem 3rem 0 1rem;
  line-height: 2rem;
}
@media all and (min-width: 62.375em) {
  .project-teaser-top .field--name-field-project-status {
    top: 2rem;
  }
}
.hug-nodes-wrapper .project-teaser-top .field--name-field-project-status {
  top: 1.5rem;
  left: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .hug-nodes-wrapper .project-teaser-top .field--name-field-project-status {
    left: 4rem;
  }
}

.total-project-count {
  font-style: normal;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 31px;
  color: #1B4C93;
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.total-project-count > span {
  color: #00bcd4;
  font-size: 3.5rem;
}
@media all and (min-width: 62.375em) {
  .total-project-count {
    max-width: 1728px;
    margin: 0 auto 4rem auto;
  }
}

a.absolute-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.structures-results-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media all and (min-width: 62.375em) {
  .structures-results-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
  }
  .structures-results-wrapper .btn-read-more {
    margin: 0;
    padding: 0;
  }
  .structures-results-wrapper .cart {
    padding: 2rem 3rem;
  }
}

#tabs-wrapper {
  text-align: left;
  margin-bottom: 2rem;
}
#tabs-wrapper legend {
  display: none;
}
#tabs-wrapper .content {
  display: none;
}
#tabs-wrapper .content.active {
  display: block;
}

#structures-wrapper-tabs label {
  cursor: pointer;
}
#structures-wrapper-tabs label.option {
  cursor: pointer;
}
#structures-wrapper-tabs .tab {
  cursor: pointer;
  border-left: 1px solid #BEBEBE;
  margin-left: 8px;
  display: inline-block;
  line-height: 4.8rem;
}
@media all and (min-width: 62.375em) {
  #structures-wrapper-tabs .tab {
    margin-left: 24px;
  }
}
#structures-wrapper-tabs .tab > span {
  margin-left: 8px;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
@media all and (min-width: 62.375em) {
  #structures-wrapper-tabs .tab > span {
    margin-left: 24px;
  }
}
#structures-wrapper-tabs .tab > span:hover {
  border-bottom: 2px solid #E87200;
}
#structures-wrapper-tabs .tab.active > span {
  border-bottom: 2px solid #E87200;
}
#structures-wrapper-tabs .tab:first-child {
  border: none;
}
#structures-wrapper-tabs .tab:first-child > span {
  padding-left: 0;
  margin-left: 0;
}

.page_header_title .links {
  font-family: "Source Sans 3", sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  text-transform: initial;
  letter-spacing: 0.2em;
}

.container-confirmation-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.container-confirmation-step svg {
  width: 117px;
  height: 116px;
}

.container-confirmation-step .text {
  margin-top: 10px;
}

/* Styles spécifiques pour les appareils mobiles */
@media screen and (max-width: 480px) {
  .container-confirmation-step svg {
    width: 80px;
    height: 80px;
  }
}
/*****************/
/****** _Dev (To remove once the front end dev will be more advanced) *****/
/*****************/
/* # Pages */
/**
 * @file
 * Styles for system messages.
 */
.messages {
  background: no-repeat 10px 17px; /* LTR */
  border: 1px solid;
  border-width: 1px 1px 1px 0; /* LTR */
  border-radius: 2px;
  padding: 15px 20px 15px 35px; /* LTR */
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
  width: 90%;
  margin: 20px auto;
  text-align: center;
  left: auto;
  right: auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 40px;
}

[dir=rtl] .messages {
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
  padding-left: 20px;
  padding-right: 35px;
  text-align: right;
}

.messages + .messages {
  margin-top: 1.538em;
}

.messages__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.messages__item + .messages__item {
  margin-top: 0.769em;
}

/* See .color-success in Seven's colors.css */
.messages--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
  background-image: url(../../../../misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259; /* LTR */
}

[dir=rtl] .messages--status {
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
  margin-left: 0;
}

/* See .color-warning in Seven's colors.css */
.messages--warning {
  background-color: #fdf8ed;
  background-image: url(../../../../misc/icons/e29700/warning.svg);
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
  color: #734c00;
  box-shadow: -8px 0 0 #e09600; /* LTR */
}

[dir=rtl] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}

/* See .color-error in Seven's colors.css */
.messages--error {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url(../../../../misc/icons/e32700/error.svg);
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
  box-shadow: -8px 0 0 #e62600; /* LTR */
}

[dir=rtl] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
  color: #a51b00;
}

nav[role=navigation] > ul.pager__items {
  text-align: center;
  margin: 0 auto;
}

.field--name-field-multipes-links .btn {
  width: 100%;
  text-align: center;
  line-height: 2rem;
  font-size: 1.4rem;
  margin: 0.5rem 0;
}
@media all and (min-width: 62.375em) {
  .field--name-field-multipes-links {
    display: flex;
    gap: 3rem;
  }
}

.inline-fields .field,
.inline-fields .field__item {
  display: inline-flex;
  gap: 1rem;
}

.field--name-field-categorie,
.field--name-field-project-status,
.field--name-field-project-population,
.field--name-field-project-category {
  line-height: 2rem;
}
.field--name-field-categorie.field--label-inline .field__label,
.field--name-field-project-status.field--label-inline .field__label,
.field--name-field-project-population.field--label-inline .field__label,
.field--name-field-project-category.field--label-inline .field__label {
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
}
.field--name-field-categorie.field--label-inline .field__label:after,
.field--name-field-project-status.field--label-inline .field__label:after,
.field--name-field-project-population.field--label-inline .field__label:after,
.field--name-field-project-category.field--label-inline .field__label:after {
  content: " : ";
  display: inline-block;
}
.field--name-field-categorie.field--label-inline .field__item,
.field--name-field-project-status.field--label-inline .field__item,
.field--name-field-project-population.field--label-inline .field__item,
.field--name-field-project-category.field--label-inline .field__item {
  display: inline-block;
}
.field--name-field-categorie.field--label-inline .field__item:not(:last-child):after,
.field--name-field-project-status.field--label-inline .field__item:not(:last-child):after,
.field--name-field-project-population.field--label-inline .field__item:not(:last-child):after,
.field--name-field-project-category.field--label-inline .field__item:not(:last-child):after {
  content: ", ";
  display: inline-block;
}
.field--name-field-categorie.field--label-inline .field__items,
.field--name-field-project-status.field--label-inline .field__items,
.field--name-field-project-population.field--label-inline .field__items,
.field--name-field-project-category.field--label-inline .field__items {
  display: inline;
}

.field--name-field-findout-more {
  margin-top: 2rem;
}
.field--name-field-findout-more img {
  width: auto;
  max-width: 100%;
  border: 1px solid #f2f2f2;
}
@media all and (min-width: 62.375em) {
  .field--name-field-findout-more {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
  }
}

.list-links {
  padding-left: 2rem;
}
.list-links li {
  list-style: disc;
  color: #1a4c93;
  margin-bottom: 1rem;
}
.list-links a {
  color: #1a4c93;
  text-decoration: underline;
}

.field--name-field-articles-associes {
  -moz-columns: 2;
       columns: 2;
  margin-top: 2rem;
}
.field--name-field-articles-associes a {
  color: #1a4c93;
  text-decoration: underline;
  font-weight: 600;
  font-size: 2.2rem;
}

.centered-content-block {
  max-width: 860px;
  margin: 0 auto 2rem auto;
  padding: 0 2.5rem;
}
@media all and (min-width: 62.375em) {
  .centered-content-block {
    padding: 0 2rem;
  }
}
.centered-content-block .field--name-field-title {
  color: #E87200;
  font-size: 2.6rem;
  line-height: 3.6rem;
  margin-bottom: 4rem;
  margin-top: 2rem;
  font-family: "Signika", sans-serif;
  font-weight: 500;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .centered-content-block .field--name-field-title {
    font-size: 3.2rem;
    font-weight: 600;
  }
}

.section-content-880.full_width_wrapper {
  padding: 8rem 0;
  margin: 8rem 0;
}

.padding-tb-40 {
  padding: 4rem 0;
}

.leaflet-popup-content {
  margin: 8px 19px 7px 20px !important;
  line-height: 1.3;
  font-size: 1rem !important;
  min-height: 1px;
}

.global-search-form {
  float: left;
  width: 100%;
}
.global-search-form form {
  display: flex;
}
.global-search-form form input[type=text] {
  width: 130px;
}

.vm-search-result {
  display: flex;
}
.vm-search-result .search-result-img {
  width: auto;
  height: 100%;
}
.vm-search-result .excerpt {
  padding: 0 0 0 20px;
}
.vm-search-result .hug-custom-link a {
  width: 28px;
  display: block;
}

.vm-search-result-wrapper {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.no-results,
.hug-search__results__count {
  color: #1B4C93;
  font-size: 2.6rem;
  font-weight: bold;
}
.no-results .search-count,
.hug-search__results__count .search-count {
  color: #2EBBE1;
  font-size: 2.6rem;
}

.search-header-wrapper {
  border: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.search-header-wrapper legend {
  display: none;
}

@media all and (min-width: 62.375em) and (max-width: 998px-0.16 em) {
  .main-menu-aside-desktop {
    gap: 0;
  }
}

.search-header-wrapper {
  position: relative;
  border: none;
}
.search-header-wrapper .btn-search {
  cursor: pointer;
  font-size: 0;
  width: 18px;
  height: 19px;
  background-image: url("../images/icons/search.svg");
}
.search-header-wrapper .btn-search a {
  display: block;
}
.search-header-wrapper .search-box {
  display: none;
  position: absolute;
  background: transparent;
  top: -20px;
  right: -17px;
  z-index: 999;
}
@media all and (min-width: 62.375em) {
  .search-header-wrapper .search-box {
    top: -30px;
  }
}
.search-header-wrapper.open .search-box {
  display: block;
}
.search-header-wrapper .js-form-type-textfield label {
  display: none;
}
.search-header-wrapper input.form-text {
  background: #fff url("../images/icons/search.svg") no-repeat right 16px center;
  line-height: normal;
  border: 1px solid #576574;
  border-radius: 20px;
  height: 6rem;
  padding: 0 16px;
  font-size: 1.8rem;
}
.search-header-wrapper input.form-text::-moz-placeholder {
  color: #576574;
}
.search-header-wrapper input.form-text::placeholder {
  color: #576574;
}
@media all and (min-width: 62.375em) {
  .search-header-wrapper input.form-text {
    height: 8rem;
  }
}
.search-header-wrapper .form-actions {
  display: none;
}
@media all and (min-width: 62.375em) {
  .search-header-wrapper {
    margin-left: 22px;
    margin-right: 14px;
  }
}

.flyout-menu-open.open .search-box {
  display: block;
}

.main-menu-aside-mobile-header .search-header-wrapper {
  margin: 2.5rem 0 1rem 2.5rem;
}

.flex-filters .fieldset-wrapper {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 62.375em) {
  .flex-filters .fieldset-wrapper {
    flex-direction: row;
    align-items: center;
  }
}

.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.25s;
}

.search-counts-wrapper {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 3rem;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 2.1rem;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: none;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  display: none;
}

.slider-home-wrapper {
  position: relative;
}
.slider-home-wrapper .js-slider-home {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.slider-home-wrapper .js-slider-home.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.slider-home-wrapper .slick-slide {
  position: relative;
}
.slider-home-wrapper {
  overflow: hidden;
  max-height: 400px;
}
@media all and (min-width: 62.375em) {
  .slider-home-wrapper {
    max-height: 700px;
  }
}
.slider-home-wrapper .cta-wrapper {
  margin-top: 2rem;
}
@media all and (min-width: 62.375em) {
  .slider-home-wrapper .cta-wrapper {
    margin-top: 6.2rem;
  }
}
.slider-home-wrapper .slider-bg-image {
  background: black;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.slider-home-wrapper .slider-bg-image img {
  height: auto;
  width: 100vw;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-home-wrapper .slider-bg-image:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
}
.slider-home-wrapper .slider-inside {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  max-height: 400px;
}
@media all and (min-width: 108em) {
  .slider-home-wrapper .slider-inside {
    justify-content: unset;
    top: 18rem;
  }
}
.slider-home-wrapper .js-slider-home-control {
  bottom: 2rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
@media all and (min-width: 62.375em) {
  .slider-home-wrapper .js-slider-home-control {
    bottom: 8rem;
  }
}
.slider-home-wrapper .banner-arrow {
  display: none;
}
@media all and (min-width: 62.375em) {
  .slider-home-wrapper .banner-arrow {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 2.3rem;
    height: 3.4rem;
    background: url("../images/icons/svg/banner-arrow.svg") no-repeat center;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 3rem;
    animation: MoveUpDown 2s linear infinite;
  }
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 4rem;
  }
  50% {
    bottom: 2rem;
  }
}
.slick-count {
  font-size: 18px;
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: 4px;
}

.arrow-nav .right {
  font-size: 0;
  background: url(../images/icons/slider-right.svg) no-repeat center center;
  width: 25px;
  height: 24px;
}
.arrow-nav .left {
  font-size: 0;
  background: url(../images/icons/slider-left.svg) no-repeat center center;
  width: 25px;
  height: 24px;
}

.block-webform,
.webform-submission-form,
.layout-webform {
  max-width: 635px;
  margin: 0 auto;
}
.block-webform .form-item--error-message,
.webform-submission-form .form-item--error-message,
.layout-webform .form-item--error-message {
  padding-left: 25px;
  background: url(../images/icons/error.svg) no-repeat left center;
  font-size: 12px;
  line-height: 15px;
  color: #F44336;
  display: block;
  margin-top: 1rem;
}
.block-webform .form-item--error-message strong,
.webform-submission-form .form-item--error-message strong,
.layout-webform .form-item--error-message strong {
  color: #F44336;
  font-weight: normal;
}
.block-webform #edit-resources > legend,
.webform-submission-form #edit-resources > legend,
.layout-webform #edit-resources > legend {
  color: black;
  font-size: 28px;
}
.block-webform legend, .block-webform h6,
.webform-submission-form legend,
.webform-submission-form h6,
.layout-webform legend,
.layout-webform h6 {
  color: #E87200;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 2rem;
}
.block-webform .form-item,
.webform-submission-form .form-item,
.layout-webform .form-item {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}
.block-webform .conjoint-tiers-fieldset,
.block-webform .travail-fieldset,
.block-webform .participants-parents,
.block-webform .total-count-fieldset,
.block-webform .economie-divers-fieldset,
.block-webform .js-form-item-parents,
.block-webform .js-form-item-total.form-item-total,
.block-webform .bourse-pret-etude-fieldset,
.webform-submission-form .conjoint-tiers-fieldset,
.webform-submission-form .travail-fieldset,
.webform-submission-form .participants-parents,
.webform-submission-form .total-count-fieldset,
.webform-submission-form .economie-divers-fieldset,
.webform-submission-form .js-form-item-parents,
.webform-submission-form .js-form-item-total.form-item-total,
.webform-submission-form .bourse-pret-etude-fieldset,
.layout-webform .conjoint-tiers-fieldset,
.layout-webform .travail-fieldset,
.layout-webform .participants-parents,
.layout-webform .total-count-fieldset,
.layout-webform .economie-divers-fieldset,
.layout-webform .js-form-item-parents,
.layout-webform .js-form-item-total.form-item-total,
.layout-webform .bourse-pret-etude-fieldset {
  width: 90%;
}
@media all and (min-width: 62.375em) {
  .block-webform .conjoint-tiers-fieldset,
  .block-webform .travail-fieldset,
  .block-webform .participants-parents,
  .block-webform .total-count-fieldset,
  .block-webform .economie-divers-fieldset,
  .block-webform .js-form-item-parents,
  .block-webform .js-form-item-total.form-item-total,
  .block-webform .bourse-pret-etude-fieldset,
  .webform-submission-form .conjoint-tiers-fieldset,
  .webform-submission-form .travail-fieldset,
  .webform-submission-form .participants-parents,
  .webform-submission-form .total-count-fieldset,
  .webform-submission-form .economie-divers-fieldset,
  .webform-submission-form .js-form-item-parents,
  .webform-submission-form .js-form-item-total.form-item-total,
  .webform-submission-form .bourse-pret-etude-fieldset,
  .layout-webform .conjoint-tiers-fieldset,
  .layout-webform .travail-fieldset,
  .layout-webform .participants-parents,
  .layout-webform .total-count-fieldset,
  .layout-webform .economie-divers-fieldset,
  .layout-webform .js-form-item-parents,
  .layout-webform .js-form-item-total.form-item-total,
  .layout-webform .bourse-pret-etude-fieldset {
    width: 95%;
  }
}
.block-webform .conjoint-tiers-fieldset .fieldset-wrapper,
.block-webform .travail-fieldset .fieldset-wrapper,
.block-webform .participants-parents .fieldset-wrapper,
.block-webform .total-count-fieldset .fieldset-wrapper,
.block-webform .economie-divers-fieldset .fieldset-wrapper,
.block-webform .js-form-item-parents .fieldset-wrapper,
.block-webform .js-form-item-total.form-item-total .fieldset-wrapper,
.block-webform .bourse-pret-etude-fieldset .fieldset-wrapper,
.webform-submission-form .conjoint-tiers-fieldset .fieldset-wrapper,
.webform-submission-form .travail-fieldset .fieldset-wrapper,
.webform-submission-form .participants-parents .fieldset-wrapper,
.webform-submission-form .total-count-fieldset .fieldset-wrapper,
.webform-submission-form .economie-divers-fieldset .fieldset-wrapper,
.webform-submission-form .js-form-item-parents .fieldset-wrapper,
.webform-submission-form .js-form-item-total.form-item-total .fieldset-wrapper,
.webform-submission-form .bourse-pret-etude-fieldset .fieldset-wrapper,
.layout-webform .conjoint-tiers-fieldset .fieldset-wrapper,
.layout-webform .travail-fieldset .fieldset-wrapper,
.layout-webform .participants-parents .fieldset-wrapper,
.layout-webform .total-count-fieldset .fieldset-wrapper,
.layout-webform .economie-divers-fieldset .fieldset-wrapper,
.layout-webform .js-form-item-parents .fieldset-wrapper,
.layout-webform .js-form-item-total.form-item-total .fieldset-wrapper,
.layout-webform .bourse-pret-etude-fieldset .fieldset-wrapper {
  align-items: self-start;
}
.block-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers,
.block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude,
.block-webform .conjoint-tiers-fieldset .form-item-travail-detail,
.block-webform .conjoint-tiers-fieldset .form-item-economie-divers-2,
.block-webform .travail-fieldset .form-item-conjoint-tiers,
.block-webform .travail-fieldset .form-item-bourse-pret-etude,
.block-webform .travail-fieldset .form-item-travail-detail,
.block-webform .travail-fieldset .form-item-economie-divers-2,
.block-webform .participants-parents .form-item-conjoint-tiers,
.block-webform .participants-parents .form-item-bourse-pret-etude,
.block-webform .participants-parents .form-item-travail-detail,
.block-webform .participants-parents .form-item-economie-divers-2,
.block-webform .total-count-fieldset .form-item-conjoint-tiers,
.block-webform .total-count-fieldset .form-item-bourse-pret-etude,
.block-webform .total-count-fieldset .form-item-travail-detail,
.block-webform .total-count-fieldset .form-item-economie-divers-2,
.block-webform .economie-divers-fieldset .form-item-conjoint-tiers,
.block-webform .economie-divers-fieldset .form-item-bourse-pret-etude,
.block-webform .economie-divers-fieldset .form-item-travail-detail,
.block-webform .economie-divers-fieldset .form-item-economie-divers-2,
.block-webform .js-form-item-parents .form-item-conjoint-tiers,
.block-webform .js-form-item-parents .form-item-bourse-pret-etude,
.block-webform .js-form-item-parents .form-item-travail-detail,
.block-webform .js-form-item-parents .form-item-economie-divers-2,
.block-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers,
.block-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude,
.block-webform .js-form-item-total.form-item-total .form-item-travail-detail,
.block-webform .js-form-item-total.form-item-total .form-item-economie-divers-2,
.block-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers,
.block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude,
.block-webform .bourse-pret-etude-fieldset .form-item-travail-detail,
.block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2,
.webform-submission-form .conjoint-tiers-fieldset .form-item-conjoint-tiers,
.webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude,
.webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail,
.webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-2,
.webform-submission-form .travail-fieldset .form-item-conjoint-tiers,
.webform-submission-form .travail-fieldset .form-item-bourse-pret-etude,
.webform-submission-form .travail-fieldset .form-item-travail-detail,
.webform-submission-form .travail-fieldset .form-item-economie-divers-2,
.webform-submission-form .participants-parents .form-item-conjoint-tiers,
.webform-submission-form .participants-parents .form-item-bourse-pret-etude,
.webform-submission-form .participants-parents .form-item-travail-detail,
.webform-submission-form .participants-parents .form-item-economie-divers-2,
.webform-submission-form .total-count-fieldset .form-item-conjoint-tiers,
.webform-submission-form .total-count-fieldset .form-item-bourse-pret-etude,
.webform-submission-form .total-count-fieldset .form-item-travail-detail,
.webform-submission-form .total-count-fieldset .form-item-economie-divers-2,
.webform-submission-form .economie-divers-fieldset .form-item-conjoint-tiers,
.webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude,
.webform-submission-form .economie-divers-fieldset .form-item-travail-detail,
.webform-submission-form .economie-divers-fieldset .form-item-economie-divers-2,
.webform-submission-form .js-form-item-parents .form-item-conjoint-tiers,
.webform-submission-form .js-form-item-parents .form-item-bourse-pret-etude,
.webform-submission-form .js-form-item-parents .form-item-travail-detail,
.webform-submission-form .js-form-item-parents .form-item-economie-divers-2,
.webform-submission-form .js-form-item-total.form-item-total .form-item-conjoint-tiers,
.webform-submission-form .js-form-item-total.form-item-total .form-item-bourse-pret-etude,
.webform-submission-form .js-form-item-total.form-item-total .form-item-travail-detail,
.webform-submission-form .js-form-item-total.form-item-total .form-item-economie-divers-2,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-conjoint-tiers,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-2,
.layout-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers,
.layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude,
.layout-webform .conjoint-tiers-fieldset .form-item-travail-detail,
.layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-2,
.layout-webform .travail-fieldset .form-item-conjoint-tiers,
.layout-webform .travail-fieldset .form-item-bourse-pret-etude,
.layout-webform .travail-fieldset .form-item-travail-detail,
.layout-webform .travail-fieldset .form-item-economie-divers-2,
.layout-webform .participants-parents .form-item-conjoint-tiers,
.layout-webform .participants-parents .form-item-bourse-pret-etude,
.layout-webform .participants-parents .form-item-travail-detail,
.layout-webform .participants-parents .form-item-economie-divers-2,
.layout-webform .total-count-fieldset .form-item-conjoint-tiers,
.layout-webform .total-count-fieldset .form-item-bourse-pret-etude,
.layout-webform .total-count-fieldset .form-item-travail-detail,
.layout-webform .total-count-fieldset .form-item-economie-divers-2,
.layout-webform .economie-divers-fieldset .form-item-conjoint-tiers,
.layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude,
.layout-webform .economie-divers-fieldset .form-item-travail-detail,
.layout-webform .economie-divers-fieldset .form-item-economie-divers-2,
.layout-webform .js-form-item-parents .form-item-conjoint-tiers,
.layout-webform .js-form-item-parents .form-item-bourse-pret-etude,
.layout-webform .js-form-item-parents .form-item-travail-detail,
.layout-webform .js-form-item-parents .form-item-economie-divers-2,
.layout-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers,
.layout-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude,
.layout-webform .js-form-item-total.form-item-total .form-item-travail-detail,
.layout-webform .js-form-item-total.form-item-total .form-item-economie-divers-2,
.layout-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers,
.layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude,
.layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail,
.layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2 {
  position: relative;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .block-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers,
  .block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude,
  .block-webform .conjoint-tiers-fieldset .form-item-travail-detail,
  .block-webform .conjoint-tiers-fieldset .form-item-economie-divers-2,
  .block-webform .travail-fieldset .form-item-conjoint-tiers,
  .block-webform .travail-fieldset .form-item-bourse-pret-etude,
  .block-webform .travail-fieldset .form-item-travail-detail,
  .block-webform .travail-fieldset .form-item-economie-divers-2,
  .block-webform .participants-parents .form-item-conjoint-tiers,
  .block-webform .participants-parents .form-item-bourse-pret-etude,
  .block-webform .participants-parents .form-item-travail-detail,
  .block-webform .participants-parents .form-item-economie-divers-2,
  .block-webform .total-count-fieldset .form-item-conjoint-tiers,
  .block-webform .total-count-fieldset .form-item-bourse-pret-etude,
  .block-webform .total-count-fieldset .form-item-travail-detail,
  .block-webform .total-count-fieldset .form-item-economie-divers-2,
  .block-webform .economie-divers-fieldset .form-item-conjoint-tiers,
  .block-webform .economie-divers-fieldset .form-item-bourse-pret-etude,
  .block-webform .economie-divers-fieldset .form-item-travail-detail,
  .block-webform .economie-divers-fieldset .form-item-economie-divers-2,
  .block-webform .js-form-item-parents .form-item-conjoint-tiers,
  .block-webform .js-form-item-parents .form-item-bourse-pret-etude,
  .block-webform .js-form-item-parents .form-item-travail-detail,
  .block-webform .js-form-item-parents .form-item-economie-divers-2,
  .block-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers,
  .block-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude,
  .block-webform .js-form-item-total.form-item-total .form-item-travail-detail,
  .block-webform .js-form-item-total.form-item-total .form-item-economie-divers-2,
  .block-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers,
  .block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude,
  .block-webform .bourse-pret-etude-fieldset .form-item-travail-detail,
  .block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-conjoint-tiers,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-2,
  .webform-submission-form .travail-fieldset .form-item-conjoint-tiers,
  .webform-submission-form .travail-fieldset .form-item-bourse-pret-etude,
  .webform-submission-form .travail-fieldset .form-item-travail-detail,
  .webform-submission-form .travail-fieldset .form-item-economie-divers-2,
  .webform-submission-form .participants-parents .form-item-conjoint-tiers,
  .webform-submission-form .participants-parents .form-item-bourse-pret-etude,
  .webform-submission-form .participants-parents .form-item-travail-detail,
  .webform-submission-form .participants-parents .form-item-economie-divers-2,
  .webform-submission-form .total-count-fieldset .form-item-conjoint-tiers,
  .webform-submission-form .total-count-fieldset .form-item-bourse-pret-etude,
  .webform-submission-form .total-count-fieldset .form-item-travail-detail,
  .webform-submission-form .total-count-fieldset .form-item-economie-divers-2,
  .webform-submission-form .economie-divers-fieldset .form-item-conjoint-tiers,
  .webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude,
  .webform-submission-form .economie-divers-fieldset .form-item-travail-detail,
  .webform-submission-form .economie-divers-fieldset .form-item-economie-divers-2,
  .webform-submission-form .js-form-item-parents .form-item-conjoint-tiers,
  .webform-submission-form .js-form-item-parents .form-item-bourse-pret-etude,
  .webform-submission-form .js-form-item-parents .form-item-travail-detail,
  .webform-submission-form .js-form-item-parents .form-item-economie-divers-2,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-conjoint-tiers,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-bourse-pret-etude,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-travail-detail,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-economie-divers-2,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-conjoint-tiers,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-2,
  .layout-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers,
  .layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude,
  .layout-webform .conjoint-tiers-fieldset .form-item-travail-detail,
  .layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-2,
  .layout-webform .travail-fieldset .form-item-conjoint-tiers,
  .layout-webform .travail-fieldset .form-item-bourse-pret-etude,
  .layout-webform .travail-fieldset .form-item-travail-detail,
  .layout-webform .travail-fieldset .form-item-economie-divers-2,
  .layout-webform .participants-parents .form-item-conjoint-tiers,
  .layout-webform .participants-parents .form-item-bourse-pret-etude,
  .layout-webform .participants-parents .form-item-travail-detail,
  .layout-webform .participants-parents .form-item-economie-divers-2,
  .layout-webform .total-count-fieldset .form-item-conjoint-tiers,
  .layout-webform .total-count-fieldset .form-item-bourse-pret-etude,
  .layout-webform .total-count-fieldset .form-item-travail-detail,
  .layout-webform .total-count-fieldset .form-item-economie-divers-2,
  .layout-webform .economie-divers-fieldset .form-item-conjoint-tiers,
  .layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude,
  .layout-webform .economie-divers-fieldset .form-item-travail-detail,
  .layout-webform .economie-divers-fieldset .form-item-economie-divers-2,
  .layout-webform .js-form-item-parents .form-item-conjoint-tiers,
  .layout-webform .js-form-item-parents .form-item-bourse-pret-etude,
  .layout-webform .js-form-item-parents .form-item-travail-detail,
  .layout-webform .js-form-item-parents .form-item-economie-divers-2,
  .layout-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers,
  .layout-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude,
  .layout-webform .js-form-item-total.form-item-total .form-item-travail-detail,
  .layout-webform .js-form-item-total.form-item-total .form-item-economie-divers-2,
  .layout-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers,
  .layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude,
  .layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail,
  .layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2 {
    width: 25%;
  }
}
.block-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
.block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
.block-webform .conjoint-tiers-fieldset .form-item-travail-detail::after,
.block-webform .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
.block-webform .travail-fieldset .form-item-conjoint-tiers::after,
.block-webform .travail-fieldset .form-item-bourse-pret-etude::after,
.block-webform .travail-fieldset .form-item-travail-detail::after,
.block-webform .travail-fieldset .form-item-economie-divers-2::after,
.block-webform .participants-parents .form-item-conjoint-tiers::after,
.block-webform .participants-parents .form-item-bourse-pret-etude::after,
.block-webform .participants-parents .form-item-travail-detail::after,
.block-webform .participants-parents .form-item-economie-divers-2::after,
.block-webform .total-count-fieldset .form-item-conjoint-tiers::after,
.block-webform .total-count-fieldset .form-item-bourse-pret-etude::after,
.block-webform .total-count-fieldset .form-item-travail-detail::after,
.block-webform .total-count-fieldset .form-item-economie-divers-2::after,
.block-webform .economie-divers-fieldset .form-item-conjoint-tiers::after,
.block-webform .economie-divers-fieldset .form-item-bourse-pret-etude::after,
.block-webform .economie-divers-fieldset .form-item-travail-detail::after,
.block-webform .economie-divers-fieldset .form-item-economie-divers-2::after,
.block-webform .js-form-item-parents .form-item-conjoint-tiers::after,
.block-webform .js-form-item-parents .form-item-bourse-pret-etude::after,
.block-webform .js-form-item-parents .form-item-travail-detail::after,
.block-webform .js-form-item-parents .form-item-economie-divers-2::after,
.block-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
.block-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
.block-webform .js-form-item-total.form-item-total .form-item-travail-detail::after,
.block-webform .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
.block-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
.block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
.block-webform .bourse-pret-etude-fieldset .form-item-travail-detail::after,
.block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .travail-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .travail-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .travail-fieldset .form-item-travail-detail::after,
.webform-submission-form .travail-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .participants-parents .form-item-conjoint-tiers::after,
.webform-submission-form .participants-parents .form-item-bourse-pret-etude::after,
.webform-submission-form .participants-parents .form-item-travail-detail::after,
.webform-submission-form .participants-parents .form-item-economie-divers-2::after,
.webform-submission-form .total-count-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .total-count-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .total-count-fieldset .form-item-travail-detail::after,
.webform-submission-form .total-count-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .economie-divers-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .economie-divers-fieldset .form-item-travail-detail::after,
.webform-submission-form .economie-divers-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .js-form-item-parents .form-item-conjoint-tiers::after,
.webform-submission-form .js-form-item-parents .form-item-bourse-pret-etude::after,
.webform-submission-form .js-form-item-parents .form-item-travail-detail::after,
.webform-submission-form .js-form-item-parents .form-item-economie-divers-2::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-travail-detail::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-2::after,
.layout-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
.layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .conjoint-tiers-fieldset .form-item-travail-detail::after,
.layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
.layout-webform .travail-fieldset .form-item-conjoint-tiers::after,
.layout-webform .travail-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .travail-fieldset .form-item-travail-detail::after,
.layout-webform .travail-fieldset .form-item-economie-divers-2::after,
.layout-webform .participants-parents .form-item-conjoint-tiers::after,
.layout-webform .participants-parents .form-item-bourse-pret-etude::after,
.layout-webform .participants-parents .form-item-travail-detail::after,
.layout-webform .participants-parents .form-item-economie-divers-2::after,
.layout-webform .total-count-fieldset .form-item-conjoint-tiers::after,
.layout-webform .total-count-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .total-count-fieldset .form-item-travail-detail::after,
.layout-webform .total-count-fieldset .form-item-economie-divers-2::after,
.layout-webform .economie-divers-fieldset .form-item-conjoint-tiers::after,
.layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .economie-divers-fieldset .form-item-travail-detail::after,
.layout-webform .economie-divers-fieldset .form-item-economie-divers-2::after,
.layout-webform .js-form-item-parents .form-item-conjoint-tiers::after,
.layout-webform .js-form-item-parents .form-item-bourse-pret-etude::after,
.layout-webform .js-form-item-parents .form-item-travail-detail::after,
.layout-webform .js-form-item-parents .form-item-economie-divers-2::after,
.layout-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
.layout-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
.layout-webform .js-form-item-total.form-item-total .form-item-travail-detail::after,
.layout-webform .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2::after {
  content: "+";
  font-size: 40px;
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-2px);
}
@media all and (min-width: 62.375em) {
  .block-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
  .block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
  .block-webform .conjoint-tiers-fieldset .form-item-travail-detail::after,
  .block-webform .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
  .block-webform .travail-fieldset .form-item-conjoint-tiers::after,
  .block-webform .travail-fieldset .form-item-bourse-pret-etude::after,
  .block-webform .travail-fieldset .form-item-travail-detail::after,
  .block-webform .travail-fieldset .form-item-economie-divers-2::after,
  .block-webform .participants-parents .form-item-conjoint-tiers::after,
  .block-webform .participants-parents .form-item-bourse-pret-etude::after,
  .block-webform .participants-parents .form-item-travail-detail::after,
  .block-webform .participants-parents .form-item-economie-divers-2::after,
  .block-webform .total-count-fieldset .form-item-conjoint-tiers::after,
  .block-webform .total-count-fieldset .form-item-bourse-pret-etude::after,
  .block-webform .total-count-fieldset .form-item-travail-detail::after,
  .block-webform .total-count-fieldset .form-item-economie-divers-2::after,
  .block-webform .economie-divers-fieldset .form-item-conjoint-tiers::after,
  .block-webform .economie-divers-fieldset .form-item-bourse-pret-etude::after,
  .block-webform .economie-divers-fieldset .form-item-travail-detail::after,
  .block-webform .economie-divers-fieldset .form-item-economie-divers-2::after,
  .block-webform .js-form-item-parents .form-item-conjoint-tiers::after,
  .block-webform .js-form-item-parents .form-item-bourse-pret-etude::after,
  .block-webform .js-form-item-parents .form-item-travail-detail::after,
  .block-webform .js-form-item-parents .form-item-economie-divers-2::after,
  .block-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
  .block-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
  .block-webform .js-form-item-total.form-item-total .form-item-travail-detail::after,
  .block-webform .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
  .block-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
  .block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
  .block-webform .bourse-pret-etude-fieldset .form-item-travail-detail::after,
  .block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2::after,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail::after,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
  .webform-submission-form .travail-fieldset .form-item-conjoint-tiers::after,
  .webform-submission-form .travail-fieldset .form-item-bourse-pret-etude::after,
  .webform-submission-form .travail-fieldset .form-item-travail-detail::after,
  .webform-submission-form .travail-fieldset .form-item-economie-divers-2::after,
  .webform-submission-form .participants-parents .form-item-conjoint-tiers::after,
  .webform-submission-form .participants-parents .form-item-bourse-pret-etude::after,
  .webform-submission-form .participants-parents .form-item-travail-detail::after,
  .webform-submission-form .participants-parents .form-item-economie-divers-2::after,
  .webform-submission-form .total-count-fieldset .form-item-conjoint-tiers::after,
  .webform-submission-form .total-count-fieldset .form-item-bourse-pret-etude::after,
  .webform-submission-form .total-count-fieldset .form-item-travail-detail::after,
  .webform-submission-form .total-count-fieldset .form-item-economie-divers-2::after,
  .webform-submission-form .economie-divers-fieldset .form-item-conjoint-tiers::after,
  .webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude::after,
  .webform-submission-form .economie-divers-fieldset .form-item-travail-detail::after,
  .webform-submission-form .economie-divers-fieldset .form-item-economie-divers-2::after,
  .webform-submission-form .js-form-item-parents .form-item-conjoint-tiers::after,
  .webform-submission-form .js-form-item-parents .form-item-bourse-pret-etude::after,
  .webform-submission-form .js-form-item-parents .form-item-travail-detail::after,
  .webform-submission-form .js-form-item-parents .form-item-economie-divers-2::after,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-travail-detail::after,
  .webform-submission-form .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail::after,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-2::after,
  .layout-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
  .layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
  .layout-webform .conjoint-tiers-fieldset .form-item-travail-detail::after,
  .layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
  .layout-webform .travail-fieldset .form-item-conjoint-tiers::after,
  .layout-webform .travail-fieldset .form-item-bourse-pret-etude::after,
  .layout-webform .travail-fieldset .form-item-travail-detail::after,
  .layout-webform .travail-fieldset .form-item-economie-divers-2::after,
  .layout-webform .participants-parents .form-item-conjoint-tiers::after,
  .layout-webform .participants-parents .form-item-bourse-pret-etude::after,
  .layout-webform .participants-parents .form-item-travail-detail::after,
  .layout-webform .participants-parents .form-item-economie-divers-2::after,
  .layout-webform .total-count-fieldset .form-item-conjoint-tiers::after,
  .layout-webform .total-count-fieldset .form-item-bourse-pret-etude::after,
  .layout-webform .total-count-fieldset .form-item-travail-detail::after,
  .layout-webform .total-count-fieldset .form-item-economie-divers-2::after,
  .layout-webform .economie-divers-fieldset .form-item-conjoint-tiers::after,
  .layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude::after,
  .layout-webform .economie-divers-fieldset .form-item-travail-detail::after,
  .layout-webform .economie-divers-fieldset .form-item-economie-divers-2::after,
  .layout-webform .js-form-item-parents .form-item-conjoint-tiers::after,
  .layout-webform .js-form-item-parents .form-item-bourse-pret-etude::after,
  .layout-webform .js-form-item-parents .form-item-travail-detail::after,
  .layout-webform .js-form-item-parents .form-item-economie-divers-2::after,
  .layout-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
  .layout-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
  .layout-webform .js-form-item-total.form-item-total .form-item-travail-detail::after,
  .layout-webform .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
  .layout-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
  .layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
  .layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail::after,
  .layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2::after {
    transform: translateY(-20px);
  }
}
.block-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
.block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
.block-webform .conjoint-tiers-fieldset .form-item-travail-detail::after,
.block-webform .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
.block-webform .travail-fieldset .form-item-conjoint-tiers::after,
.block-webform .travail-fieldset .form-item-bourse-pret-etude::after,
.block-webform .travail-fieldset .form-item-travail-detail::after,
.block-webform .travail-fieldset .form-item-economie-divers-2::after,
.block-webform .participants-parents .form-item-conjoint-tiers::after,
.block-webform .participants-parents .form-item-bourse-pret-etude::after,
.block-webform .participants-parents .form-item-travail-detail::after,
.block-webform .participants-parents .form-item-economie-divers-2::after,
.block-webform .total-count-fieldset .form-item-conjoint-tiers::after,
.block-webform .total-count-fieldset .form-item-bourse-pret-etude::after,
.block-webform .total-count-fieldset .form-item-travail-detail::after,
.block-webform .total-count-fieldset .form-item-economie-divers-2::after,
.block-webform .economie-divers-fieldset .form-item-conjoint-tiers::after,
.block-webform .economie-divers-fieldset .form-item-bourse-pret-etude::after,
.block-webform .economie-divers-fieldset .form-item-travail-detail::after,
.block-webform .economie-divers-fieldset .form-item-economie-divers-2::after,
.block-webform .js-form-item-parents .form-item-conjoint-tiers::after,
.block-webform .js-form-item-parents .form-item-bourse-pret-etude::after,
.block-webform .js-form-item-parents .form-item-travail-detail::after,
.block-webform .js-form-item-parents .form-item-economie-divers-2::after,
.block-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
.block-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
.block-webform .js-form-item-total.form-item-total .form-item-travail-detail::after,
.block-webform .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
.block-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
.block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
.block-webform .bourse-pret-etude-fieldset .form-item-travail-detail::after,
.block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail::after,
.webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .travail-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .travail-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .travail-fieldset .form-item-travail-detail::after,
.webform-submission-form .travail-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .participants-parents .form-item-conjoint-tiers::after,
.webform-submission-form .participants-parents .form-item-bourse-pret-etude::after,
.webform-submission-form .participants-parents .form-item-travail-detail::after,
.webform-submission-form .participants-parents .form-item-economie-divers-2::after,
.webform-submission-form .total-count-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .total-count-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .total-count-fieldset .form-item-travail-detail::after,
.webform-submission-form .total-count-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .economie-divers-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .economie-divers-fieldset .form-item-travail-detail::after,
.webform-submission-form .economie-divers-fieldset .form-item-economie-divers-2::after,
.webform-submission-form .js-form-item-parents .form-item-conjoint-tiers::after,
.webform-submission-form .js-form-item-parents .form-item-bourse-pret-etude::after,
.webform-submission-form .js-form-item-parents .form-item-travail-detail::after,
.webform-submission-form .js-form-item-parents .form-item-economie-divers-2::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-travail-detail::after,
.webform-submission-form .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail::after,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-2::after,
.layout-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers::after,
.layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .conjoint-tiers-fieldset .form-item-travail-detail::after,
.layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-2::after,
.layout-webform .travail-fieldset .form-item-conjoint-tiers::after,
.layout-webform .travail-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .travail-fieldset .form-item-travail-detail::after,
.layout-webform .travail-fieldset .form-item-economie-divers-2::after,
.layout-webform .participants-parents .form-item-conjoint-tiers::after,
.layout-webform .participants-parents .form-item-bourse-pret-etude::after,
.layout-webform .participants-parents .form-item-travail-detail::after,
.layout-webform .participants-parents .form-item-economie-divers-2::after,
.layout-webform .total-count-fieldset .form-item-conjoint-tiers::after,
.layout-webform .total-count-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .total-count-fieldset .form-item-travail-detail::after,
.layout-webform .total-count-fieldset .form-item-economie-divers-2::after,
.layout-webform .economie-divers-fieldset .form-item-conjoint-tiers::after,
.layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .economie-divers-fieldset .form-item-travail-detail::after,
.layout-webform .economie-divers-fieldset .form-item-economie-divers-2::after,
.layout-webform .js-form-item-parents .form-item-conjoint-tiers::after,
.layout-webform .js-form-item-parents .form-item-bourse-pret-etude::after,
.layout-webform .js-form-item-parents .form-item-travail-detail::after,
.layout-webform .js-form-item-parents .form-item-economie-divers-2::after,
.layout-webform .js-form-item-total.form-item-total .form-item-conjoint-tiers::after,
.layout-webform .js-form-item-total.form-item-total .form-item-bourse-pret-etude::after,
.layout-webform .js-form-item-total.form-item-total .form-item-travail-detail::after,
.layout-webform .js-form-item-total.form-item-total .form-item-economie-divers-2::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail::after,
.layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-2::after {
  width: 17px;
  height: 37px;
}
@media all and (min-width: 62.375em) {
  .block-webform input[name=etat_civil],
  .webform-submission-form input[name=etat_civil],
  .layout-webform input[name=etat_civil] {
    width: 50% !important;
  }
}
.block-webform .js-form-type-tel,
.webform-submission-form .js-form-type-tel,
.layout-webform .js-form-type-tel {
  width: 100%;
}
.block-webform .contrat-ecole-fieldset,
.block-webform .conjoint-tiers-fieldset,
.block-webform .travail-fieldset,
.block-webform .participants-parents,
.block-webform .economie-divers-fieldset,
.block-webform .bourse-pret-etude-fieldset,
.webform-submission-form .contrat-ecole-fieldset,
.webform-submission-form .conjoint-tiers-fieldset,
.webform-submission-form .travail-fieldset,
.webform-submission-form .participants-parents,
.webform-submission-form .economie-divers-fieldset,
.webform-submission-form .bourse-pret-etude-fieldset,
.layout-webform .contrat-ecole-fieldset,
.layout-webform .conjoint-tiers-fieldset,
.layout-webform .travail-fieldset,
.layout-webform .participants-parents,
.layout-webform .economie-divers-fieldset,
.layout-webform .bourse-pret-etude-fieldset {
  border: none;
  padding: 0;
}
.block-webform .contrat-ecole-fieldset .description,
.block-webform .conjoint-tiers-fieldset .description,
.block-webform .travail-fieldset .description,
.block-webform .participants-parents .description,
.block-webform .economie-divers-fieldset .description,
.block-webform .bourse-pret-etude-fieldset .description,
.webform-submission-form .contrat-ecole-fieldset .description,
.webform-submission-form .conjoint-tiers-fieldset .description,
.webform-submission-form .travail-fieldset .description,
.webform-submission-form .participants-parents .description,
.webform-submission-form .economie-divers-fieldset .description,
.webform-submission-form .bourse-pret-etude-fieldset .description,
.layout-webform .contrat-ecole-fieldset .description,
.layout-webform .conjoint-tiers-fieldset .description,
.layout-webform .travail-fieldset .description,
.layout-webform .participants-parents .description,
.layout-webform .economie-divers-fieldset .description,
.layout-webform .bourse-pret-etude-fieldset .description {
  margin: 0;
}
.block-webform .contrat-ecole-fieldset .fieldset-wrapper,
.block-webform .conjoint-tiers-fieldset .fieldset-wrapper,
.block-webform .travail-fieldset .fieldset-wrapper,
.block-webform .participants-parents .fieldset-wrapper,
.block-webform .economie-divers-fieldset .fieldset-wrapper,
.block-webform .bourse-pret-etude-fieldset .fieldset-wrapper,
.webform-submission-form .contrat-ecole-fieldset .fieldset-wrapper,
.webform-submission-form .conjoint-tiers-fieldset .fieldset-wrapper,
.webform-submission-form .travail-fieldset .fieldset-wrapper,
.webform-submission-form .participants-parents .fieldset-wrapper,
.webform-submission-form .economie-divers-fieldset .fieldset-wrapper,
.webform-submission-form .bourse-pret-etude-fieldset .fieldset-wrapper,
.layout-webform .contrat-ecole-fieldset .fieldset-wrapper,
.layout-webform .conjoint-tiers-fieldset .fieldset-wrapper,
.layout-webform .travail-fieldset .fieldset-wrapper,
.layout-webform .participants-parents .fieldset-wrapper,
.layout-webform .economie-divers-fieldset .fieldset-wrapper,
.layout-webform .bourse-pret-etude-fieldset .fieldset-wrapper {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 62.375em) {
  .block-webform .contrat-ecole-fieldset .fieldset-wrapper,
  .block-webform .conjoint-tiers-fieldset .fieldset-wrapper,
  .block-webform .travail-fieldset .fieldset-wrapper,
  .block-webform .participants-parents .fieldset-wrapper,
  .block-webform .economie-divers-fieldset .fieldset-wrapper,
  .block-webform .bourse-pret-etude-fieldset .fieldset-wrapper,
  .webform-submission-form .contrat-ecole-fieldset .fieldset-wrapper,
  .webform-submission-form .conjoint-tiers-fieldset .fieldset-wrapper,
  .webform-submission-form .travail-fieldset .fieldset-wrapper,
  .webform-submission-form .participants-parents .fieldset-wrapper,
  .webform-submission-form .economie-divers-fieldset .fieldset-wrapper,
  .webform-submission-form .bourse-pret-etude-fieldset .fieldset-wrapper,
  .layout-webform .contrat-ecole-fieldset .fieldset-wrapper,
  .layout-webform .conjoint-tiers-fieldset .fieldset-wrapper,
  .layout-webform .travail-fieldset .fieldset-wrapper,
  .layout-webform .participants-parents .fieldset-wrapper,
  .layout-webform .economie-divers-fieldset .fieldset-wrapper,
  .layout-webform .bourse-pret-etude-fieldset .fieldset-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
.block-webform .contrat-ecole-fieldset .form-item-date-debut,
.block-webform .contrat-ecole-fieldset .form-item-date-debut-situation-prevue,
.block-webform .contrat-ecole-fieldset .form-item-date-debut-contrat-ecole,
.block-webform .contrat-ecole-fieldset .form-item-bourse-pret-etude-detail,
.block-webform .contrat-ecole-fieldset .form-item-travail-detail-description,
.block-webform .contrat-ecole-fieldset .form-item-economie-divers-description,
.block-webform .contrat-ecole-fieldset .participants-parents,
.block-webform .conjoint-tiers-fieldset .form-item-date-debut,
.block-webform .conjoint-tiers-fieldset .form-item-date-debut-situation-prevue,
.block-webform .conjoint-tiers-fieldset .form-item-date-debut-contrat-ecole,
.block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude-detail,
.block-webform .conjoint-tiers-fieldset .form-item-travail-detail-description,
.block-webform .conjoint-tiers-fieldset .form-item-economie-divers-description,
.block-webform .conjoint-tiers-fieldset .participants-parents,
.block-webform .travail-fieldset .form-item-date-debut,
.block-webform .travail-fieldset .form-item-date-debut-situation-prevue,
.block-webform .travail-fieldset .form-item-date-debut-contrat-ecole,
.block-webform .travail-fieldset .form-item-bourse-pret-etude-detail,
.block-webform .travail-fieldset .form-item-travail-detail-description,
.block-webform .travail-fieldset .form-item-economie-divers-description,
.block-webform .travail-fieldset .participants-parents,
.block-webform .participants-parents .form-item-date-debut,
.block-webform .participants-parents .form-item-date-debut-situation-prevue,
.block-webform .participants-parents .form-item-date-debut-contrat-ecole,
.block-webform .participants-parents .form-item-bourse-pret-etude-detail,
.block-webform .participants-parents .form-item-travail-detail-description,
.block-webform .participants-parents .form-item-economie-divers-description,
.block-webform .participants-parents .participants-parents,
.block-webform .economie-divers-fieldset .form-item-date-debut,
.block-webform .economie-divers-fieldset .form-item-date-debut-situation-prevue,
.block-webform .economie-divers-fieldset .form-item-date-debut-contrat-ecole,
.block-webform .economie-divers-fieldset .form-item-bourse-pret-etude-detail,
.block-webform .economie-divers-fieldset .form-item-travail-detail-description,
.block-webform .economie-divers-fieldset .form-item-economie-divers-description,
.block-webform .economie-divers-fieldset .participants-parents,
.block-webform .bourse-pret-etude-fieldset .form-item-date-debut,
.block-webform .bourse-pret-etude-fieldset .form-item-date-debut-situation-prevue,
.block-webform .bourse-pret-etude-fieldset .form-item-date-debut-contrat-ecole,
.block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude-detail,
.block-webform .bourse-pret-etude-fieldset .form-item-travail-detail-description,
.block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-description,
.block-webform .bourse-pret-etude-fieldset .participants-parents,
.webform-submission-form .contrat-ecole-fieldset .form-item-date-debut,
.webform-submission-form .contrat-ecole-fieldset .form-item-date-debut-situation-prevue,
.webform-submission-form .contrat-ecole-fieldset .form-item-date-debut-contrat-ecole,
.webform-submission-form .contrat-ecole-fieldset .form-item-bourse-pret-etude-detail,
.webform-submission-form .contrat-ecole-fieldset .form-item-travail-detail-description,
.webform-submission-form .contrat-ecole-fieldset .form-item-economie-divers-description,
.webform-submission-form .contrat-ecole-fieldset .participants-parents,
.webform-submission-form .conjoint-tiers-fieldset .form-item-date-debut,
.webform-submission-form .conjoint-tiers-fieldset .form-item-date-debut-situation-prevue,
.webform-submission-form .conjoint-tiers-fieldset .form-item-date-debut-contrat-ecole,
.webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude-detail,
.webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail-description,
.webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-description,
.webform-submission-form .conjoint-tiers-fieldset .participants-parents,
.webform-submission-form .travail-fieldset .form-item-date-debut,
.webform-submission-form .travail-fieldset .form-item-date-debut-situation-prevue,
.webform-submission-form .travail-fieldset .form-item-date-debut-contrat-ecole,
.webform-submission-form .travail-fieldset .form-item-bourse-pret-etude-detail,
.webform-submission-form .travail-fieldset .form-item-travail-detail-description,
.webform-submission-form .travail-fieldset .form-item-economie-divers-description,
.webform-submission-form .travail-fieldset .participants-parents,
.webform-submission-form .participants-parents .form-item-date-debut,
.webform-submission-form .participants-parents .form-item-date-debut-situation-prevue,
.webform-submission-form .participants-parents .form-item-date-debut-contrat-ecole,
.webform-submission-form .participants-parents .form-item-bourse-pret-etude-detail,
.webform-submission-form .participants-parents .form-item-travail-detail-description,
.webform-submission-form .participants-parents .form-item-economie-divers-description,
.webform-submission-form .participants-parents .participants-parents,
.webform-submission-form .economie-divers-fieldset .form-item-date-debut,
.webform-submission-form .economie-divers-fieldset .form-item-date-debut-situation-prevue,
.webform-submission-form .economie-divers-fieldset .form-item-date-debut-contrat-ecole,
.webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude-detail,
.webform-submission-form .economie-divers-fieldset .form-item-travail-detail-description,
.webform-submission-form .economie-divers-fieldset .form-item-economie-divers-description,
.webform-submission-form .economie-divers-fieldset .participants-parents,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-date-debut,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-date-debut-situation-prevue,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-date-debut-contrat-ecole,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude-detail,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail-description,
.webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-description,
.webform-submission-form .bourse-pret-etude-fieldset .participants-parents,
.layout-webform .contrat-ecole-fieldset .form-item-date-debut,
.layout-webform .contrat-ecole-fieldset .form-item-date-debut-situation-prevue,
.layout-webform .contrat-ecole-fieldset .form-item-date-debut-contrat-ecole,
.layout-webform .contrat-ecole-fieldset .form-item-bourse-pret-etude-detail,
.layout-webform .contrat-ecole-fieldset .form-item-travail-detail-description,
.layout-webform .contrat-ecole-fieldset .form-item-economie-divers-description,
.layout-webform .contrat-ecole-fieldset .participants-parents,
.layout-webform .conjoint-tiers-fieldset .form-item-date-debut,
.layout-webform .conjoint-tiers-fieldset .form-item-date-debut-situation-prevue,
.layout-webform .conjoint-tiers-fieldset .form-item-date-debut-contrat-ecole,
.layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude-detail,
.layout-webform .conjoint-tiers-fieldset .form-item-travail-detail-description,
.layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-description,
.layout-webform .conjoint-tiers-fieldset .participants-parents,
.layout-webform .travail-fieldset .form-item-date-debut,
.layout-webform .travail-fieldset .form-item-date-debut-situation-prevue,
.layout-webform .travail-fieldset .form-item-date-debut-contrat-ecole,
.layout-webform .travail-fieldset .form-item-bourse-pret-etude-detail,
.layout-webform .travail-fieldset .form-item-travail-detail-description,
.layout-webform .travail-fieldset .form-item-economie-divers-description,
.layout-webform .travail-fieldset .participants-parents,
.layout-webform .participants-parents .form-item-date-debut,
.layout-webform .participants-parents .form-item-date-debut-situation-prevue,
.layout-webform .participants-parents .form-item-date-debut-contrat-ecole,
.layout-webform .participants-parents .form-item-bourse-pret-etude-detail,
.layout-webform .participants-parents .form-item-travail-detail-description,
.layout-webform .participants-parents .form-item-economie-divers-description,
.layout-webform .participants-parents .participants-parents,
.layout-webform .economie-divers-fieldset .form-item-date-debut,
.layout-webform .economie-divers-fieldset .form-item-date-debut-situation-prevue,
.layout-webform .economie-divers-fieldset .form-item-date-debut-contrat-ecole,
.layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude-detail,
.layout-webform .economie-divers-fieldset .form-item-travail-detail-description,
.layout-webform .economie-divers-fieldset .form-item-economie-divers-description,
.layout-webform .economie-divers-fieldset .participants-parents,
.layout-webform .bourse-pret-etude-fieldset .form-item-date-debut,
.layout-webform .bourse-pret-etude-fieldset .form-item-date-debut-situation-prevue,
.layout-webform .bourse-pret-etude-fieldset .form-item-date-debut-contrat-ecole,
.layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude-detail,
.layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail-description,
.layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-description,
.layout-webform .bourse-pret-etude-fieldset .participants-parents {
  margin-right: 5px;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .block-webform .contrat-ecole-fieldset .form-item-date-debut,
  .block-webform .contrat-ecole-fieldset .form-item-date-debut-situation-prevue,
  .block-webform .contrat-ecole-fieldset .form-item-date-debut-contrat-ecole,
  .block-webform .contrat-ecole-fieldset .form-item-conjoint-tiers-name,
  .block-webform .contrat-ecole-fieldset .form-item-bourse-pret-etude-detail,
  .block-webform .contrat-ecole-fieldset .form-item-travail-detail-description,
  .block-webform .contrat-ecole-fieldset .form-item-economie-divers-description,
  .block-webform .contrat-ecole-fieldset .participants-parents,
  .block-webform .conjoint-tiers-fieldset .form-item-date-debut,
  .block-webform .conjoint-tiers-fieldset .form-item-date-debut-situation-prevue,
  .block-webform .conjoint-tiers-fieldset .form-item-date-debut-contrat-ecole,
  .block-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers-name,
  .block-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude-detail,
  .block-webform .conjoint-tiers-fieldset .form-item-travail-detail-description,
  .block-webform .conjoint-tiers-fieldset .form-item-economie-divers-description,
  .block-webform .conjoint-tiers-fieldset .participants-parents,
  .block-webform .travail-fieldset .form-item-date-debut,
  .block-webform .travail-fieldset .form-item-date-debut-situation-prevue,
  .block-webform .travail-fieldset .form-item-date-debut-contrat-ecole,
  .block-webform .travail-fieldset .form-item-conjoint-tiers-name,
  .block-webform .travail-fieldset .form-item-bourse-pret-etude-detail,
  .block-webform .travail-fieldset .form-item-travail-detail-description,
  .block-webform .travail-fieldset .form-item-economie-divers-description,
  .block-webform .travail-fieldset .participants-parents,
  .block-webform .participants-parents .form-item-date-debut,
  .block-webform .participants-parents .form-item-date-debut-situation-prevue,
  .block-webform .participants-parents .form-item-date-debut-contrat-ecole,
  .block-webform .participants-parents .form-item-conjoint-tiers-name,
  .block-webform .participants-parents .form-item-bourse-pret-etude-detail,
  .block-webform .participants-parents .form-item-travail-detail-description,
  .block-webform .participants-parents .form-item-economie-divers-description,
  .block-webform .participants-parents .participants-parents,
  .block-webform .economie-divers-fieldset .form-item-date-debut,
  .block-webform .economie-divers-fieldset .form-item-date-debut-situation-prevue,
  .block-webform .economie-divers-fieldset .form-item-date-debut-contrat-ecole,
  .block-webform .economie-divers-fieldset .form-item-conjoint-tiers-name,
  .block-webform .economie-divers-fieldset .form-item-bourse-pret-etude-detail,
  .block-webform .economie-divers-fieldset .form-item-travail-detail-description,
  .block-webform .economie-divers-fieldset .form-item-economie-divers-description,
  .block-webform .economie-divers-fieldset .participants-parents,
  .block-webform .bourse-pret-etude-fieldset .form-item-date-debut,
  .block-webform .bourse-pret-etude-fieldset .form-item-date-debut-situation-prevue,
  .block-webform .bourse-pret-etude-fieldset .form-item-date-debut-contrat-ecole,
  .block-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers-name,
  .block-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude-detail,
  .block-webform .bourse-pret-etude-fieldset .form-item-travail-detail-description,
  .block-webform .bourse-pret-etude-fieldset .form-item-economie-divers-description,
  .block-webform .bourse-pret-etude-fieldset .participants-parents,
  .webform-submission-form .contrat-ecole-fieldset .form-item-date-debut,
  .webform-submission-form .contrat-ecole-fieldset .form-item-date-debut-situation-prevue,
  .webform-submission-form .contrat-ecole-fieldset .form-item-date-debut-contrat-ecole,
  .webform-submission-form .contrat-ecole-fieldset .form-item-conjoint-tiers-name,
  .webform-submission-form .contrat-ecole-fieldset .form-item-bourse-pret-etude-detail,
  .webform-submission-form .contrat-ecole-fieldset .form-item-travail-detail-description,
  .webform-submission-form .contrat-ecole-fieldset .form-item-economie-divers-description,
  .webform-submission-form .contrat-ecole-fieldset .participants-parents,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-date-debut,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-date-debut-situation-prevue,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-date-debut-contrat-ecole,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-conjoint-tiers-name,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-bourse-pret-etude-detail,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-travail-detail-description,
  .webform-submission-form .conjoint-tiers-fieldset .form-item-economie-divers-description,
  .webform-submission-form .conjoint-tiers-fieldset .participants-parents,
  .webform-submission-form .travail-fieldset .form-item-date-debut,
  .webform-submission-form .travail-fieldset .form-item-date-debut-situation-prevue,
  .webform-submission-form .travail-fieldset .form-item-date-debut-contrat-ecole,
  .webform-submission-form .travail-fieldset .form-item-conjoint-tiers-name,
  .webform-submission-form .travail-fieldset .form-item-bourse-pret-etude-detail,
  .webform-submission-form .travail-fieldset .form-item-travail-detail-description,
  .webform-submission-form .travail-fieldset .form-item-economie-divers-description,
  .webform-submission-form .travail-fieldset .participants-parents,
  .webform-submission-form .participants-parents .form-item-date-debut,
  .webform-submission-form .participants-parents .form-item-date-debut-situation-prevue,
  .webform-submission-form .participants-parents .form-item-date-debut-contrat-ecole,
  .webform-submission-form .participants-parents .form-item-conjoint-tiers-name,
  .webform-submission-form .participants-parents .form-item-bourse-pret-etude-detail,
  .webform-submission-form .participants-parents .form-item-travail-detail-description,
  .webform-submission-form .participants-parents .form-item-economie-divers-description,
  .webform-submission-form .participants-parents .participants-parents,
  .webform-submission-form .economie-divers-fieldset .form-item-date-debut,
  .webform-submission-form .economie-divers-fieldset .form-item-date-debut-situation-prevue,
  .webform-submission-form .economie-divers-fieldset .form-item-date-debut-contrat-ecole,
  .webform-submission-form .economie-divers-fieldset .form-item-conjoint-tiers-name,
  .webform-submission-form .economie-divers-fieldset .form-item-bourse-pret-etude-detail,
  .webform-submission-form .economie-divers-fieldset .form-item-travail-detail-description,
  .webform-submission-form .economie-divers-fieldset .form-item-economie-divers-description,
  .webform-submission-form .economie-divers-fieldset .participants-parents,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-date-debut,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-date-debut-situation-prevue,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-date-debut-contrat-ecole,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-conjoint-tiers-name,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-bourse-pret-etude-detail,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-travail-detail-description,
  .webform-submission-form .bourse-pret-etude-fieldset .form-item-economie-divers-description,
  .webform-submission-form .bourse-pret-etude-fieldset .participants-parents,
  .layout-webform .contrat-ecole-fieldset .form-item-date-debut,
  .layout-webform .contrat-ecole-fieldset .form-item-date-debut-situation-prevue,
  .layout-webform .contrat-ecole-fieldset .form-item-date-debut-contrat-ecole,
  .layout-webform .contrat-ecole-fieldset .form-item-conjoint-tiers-name,
  .layout-webform .contrat-ecole-fieldset .form-item-bourse-pret-etude-detail,
  .layout-webform .contrat-ecole-fieldset .form-item-travail-detail-description,
  .layout-webform .contrat-ecole-fieldset .form-item-economie-divers-description,
  .layout-webform .contrat-ecole-fieldset .participants-parents,
  .layout-webform .conjoint-tiers-fieldset .form-item-date-debut,
  .layout-webform .conjoint-tiers-fieldset .form-item-date-debut-situation-prevue,
  .layout-webform .conjoint-tiers-fieldset .form-item-date-debut-contrat-ecole,
  .layout-webform .conjoint-tiers-fieldset .form-item-conjoint-tiers-name,
  .layout-webform .conjoint-tiers-fieldset .form-item-bourse-pret-etude-detail,
  .layout-webform .conjoint-tiers-fieldset .form-item-travail-detail-description,
  .layout-webform .conjoint-tiers-fieldset .form-item-economie-divers-description,
  .layout-webform .conjoint-tiers-fieldset .participants-parents,
  .layout-webform .travail-fieldset .form-item-date-debut,
  .layout-webform .travail-fieldset .form-item-date-debut-situation-prevue,
  .layout-webform .travail-fieldset .form-item-date-debut-contrat-ecole,
  .layout-webform .travail-fieldset .form-item-conjoint-tiers-name,
  .layout-webform .travail-fieldset .form-item-bourse-pret-etude-detail,
  .layout-webform .travail-fieldset .form-item-travail-detail-description,
  .layout-webform .travail-fieldset .form-item-economie-divers-description,
  .layout-webform .travail-fieldset .participants-parents,
  .layout-webform .participants-parents .form-item-date-debut,
  .layout-webform .participants-parents .form-item-date-debut-situation-prevue,
  .layout-webform .participants-parents .form-item-date-debut-contrat-ecole,
  .layout-webform .participants-parents .form-item-conjoint-tiers-name,
  .layout-webform .participants-parents .form-item-bourse-pret-etude-detail,
  .layout-webform .participants-parents .form-item-travail-detail-description,
  .layout-webform .participants-parents .form-item-economie-divers-description,
  .layout-webform .participants-parents .participants-parents,
  .layout-webform .economie-divers-fieldset .form-item-date-debut,
  .layout-webform .economie-divers-fieldset .form-item-date-debut-situation-prevue,
  .layout-webform .economie-divers-fieldset .form-item-date-debut-contrat-ecole,
  .layout-webform .economie-divers-fieldset .form-item-conjoint-tiers-name,
  .layout-webform .economie-divers-fieldset .form-item-bourse-pret-etude-detail,
  .layout-webform .economie-divers-fieldset .form-item-travail-detail-description,
  .layout-webform .economie-divers-fieldset .form-item-economie-divers-description,
  .layout-webform .economie-divers-fieldset .participants-parents,
  .layout-webform .bourse-pret-etude-fieldset .form-item-date-debut,
  .layout-webform .bourse-pret-etude-fieldset .form-item-date-debut-situation-prevue,
  .layout-webform .bourse-pret-etude-fieldset .form-item-date-debut-contrat-ecole,
  .layout-webform .bourse-pret-etude-fieldset .form-item-conjoint-tiers-name,
  .layout-webform .bourse-pret-etude-fieldset .form-item-bourse-pret-etude-detail,
  .layout-webform .bourse-pret-etude-fieldset .form-item-travail-detail-description,
  .layout-webform .bourse-pret-etude-fieldset .form-item-economie-divers-description,
  .layout-webform .bourse-pret-etude-fieldset .participants-parents {
    margin-right: 5px;
    width: 80%;
  }
}
.block-webform .edit-ressoources-foj,
.webform-submission-form .edit-ressoources-foj,
.layout-webform .edit-ressoources-foj {
  border: none;
}
.block-webform .form-item-total,
.webform-submission-form .form-item-total,
.layout-webform .form-item-total {
  position: relative;
}
.block-webform .form-item-total::before,
.webform-submission-form .form-item-total::before,
.layout-webform .form-item-total::before {
  content: "CHF";
  position: absolute;
  color: #585756;
  top: 35%;
  font-size: 15px;
  right: 69px;
  transform: translateY(-5PX);
  width: 17px;
}
@media all and (min-width: 62.375em) {
  .block-webform .form-item-total::before,
  .webform-submission-form .form-item-total::before,
  .layout-webform .form-item-total::before {
    Display: none;
  }
}
.block-webform .form-item-total::after,
.webform-submission-form .form-item-total::after,
.layout-webform .form-item-total::after {
  content: "=";
  font-size: 40px;
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-6px);
}
@media all and (min-width: 62.375em) {
  .block-webform .form-item-total::after,
  .webform-submission-form .form-item-total::after,
  .layout-webform .form-item-total::after {
    transform: translateY(-20px);
  }
}
.block-webform .form-item-total::after,
.webform-submission-form .form-item-total::after,
.layout-webform .form-item-total::after {
  width: 17px;
  height: 37px;
}
.block-webform .form-item-parents,
.webform-submission-form .form-item-parents,
.layout-webform .form-item-parents {
  position: relative;
}
.block-webform .form-item-parents::after,
.webform-submission-form .form-item-parents::after,
.layout-webform .form-item-parents::after {
  content: "CHF";
  position: absolute;
  top: 50%;
  right: 60px;
}
@media all and (min-width: 62.375em) {
  .block-webform .form-item-parents::after,
  .webform-submission-form .form-item-parents::after,
  .layout-webform .form-item-parents::after {
    right: 96px;
  }
}
.block-webform .form-item-parents::after,
.webform-submission-form .form-item-parents::after,
.layout-webform .form-item-parents::after {
  transform: translateY(-40%);
  transition: opacity 0.3s ease;
  opacity: 1;
  color: #576574;
}
.block-webform .form-item-parents::before,
.webform-submission-form .form-item-parents::before,
.layout-webform .form-item-parents::before {
  content: "+";
  position: absolute;
  top: 50%;
  font-size: 40px;
  right: -30px;
  transform: translateY(-40%);
  width: 17px;
  height: 37px;
}
@media all and (min-width: 62.375em) {
  .block-webform .form-item-parents::before,
  .webform-submission-form .form-item-parents::before,
  .layout-webform .form-item-parents::before {
    transform: translateY(-50%);
  }
}
.block-webform .form-item-parents:hover::after,
.webform-submission-form .form-item-parents:hover::after,
.layout-webform .form-item-parents:hover::after {
  opacity: 0;
}
@media all and (min-width: 62.375em) {
  .block-webform .form-item-date-debut,
  .block-webform .form-item-date-fin,
  .webform-submission-form .form-item-date-debut,
  .webform-submission-form .form-item-date-fin,
  .layout-webform .form-item-date-debut,
  .layout-webform .form-item-date-fin {
    width: 100%;
  }
}
.block-webform .container-inline,
.webform-submission-form .container-inline,
.layout-webform .container-inline {
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .block-webform .container-inline,
  .webform-submission-form .container-inline,
  .layout-webform .container-inline {
    display: flex;
  }
  .block-webform .container-inline .js-form-item-date-fin-sejour,
  .block-webform .container-inline .js-form-item-date-debut-sejour,
  .webform-submission-form .container-inline .js-form-item-date-fin-sejour,
  .webform-submission-form .container-inline .js-form-item-date-debut-sejour,
  .layout-webform .container-inline .js-form-item-date-fin-sejour,
  .layout-webform .container-inline .js-form-item-date-debut-sejour {
    width: 50%;
  }
  .block-webform .container-inline .form-item:first-child,
  .webform-submission-form .container-inline .form-item:first-child,
  .layout-webform .container-inline .form-item:first-child {
    margin-right: 2rem;
  }
}
@media all and (min-width: 62.375em) {
  .block-webform .form-radios,
  .webform-submission-form .form-radios,
  .layout-webform .form-radios {
    display: flex;
    align-items: center;
    gap: 4rem;
  }
}
.block-webform section,
.webform-submission-form section,
.layout-webform section {
  margin-top: 3rem;
}
@media all and (min-width: 62.375em) {
  .block-webform section h2,
  .webform-submission-form section h2,
  .layout-webform section h2 {
    margin-bottom: 3rem;
  }
}
.block-webform section:first-child,
.webform-submission-form section:first-child,
.layout-webform section:first-child {
  margin-top: 0;
}
@media all and (min-width: 62.375em) {
  .block-webform .grid-2-columns .form-radios,
  .webform-submission-form .grid-2-columns .form-radios,
  .layout-webform .grid-2-columns .form-radios {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.block-webform .webform-options-display-buttons.webform-options-display-buttons-wrapper,
.webform-submission-form .webform-options-display-buttons.webform-options-display-buttons-wrapper,
.layout-webform .webform-options-display-buttons.webform-options-display-buttons-wrapper {
  flex: auto;
}
.block-webform .description,
.webform-submission-form .description,
.layout-webform .description {
  text-align: left;
  padding-left: 0;
  margin-left: 0;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #585756;
  font-weight: 300;
  margin-bottom: 2rem;
}
.block-webform input,
.webform-submission-form input,
.layout-webform input {
  font-weight: 400;
}
.block-webform input[type=checkbox],
.webform-submission-form input[type=checkbox],
.layout-webform input[type=checkbox] {
  border: 2px solid #2F3032;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}
.block-webform input[type=checkbox]:checked,
.webform-submission-form input[type=checkbox]:checked,
.layout-webform input[type=checkbox]:checked {
  background: #02B95C url(../images/icons/checked-green.svg) no-repeat center center;
  border: 2px solid #02B95C;
}
.block-webform .submitted,
.webform-submission-form .submitted,
.layout-webform .submitted {
  display: none;
}
.block-webform fieldset.captcha,
.webform-submission-form fieldset.captcha,
.layout-webform fieldset.captcha {
  border: none;
}
.block-webform fieldset.captcha legend,
.webform-submission-form fieldset.captcha legend,
.layout-webform fieldset.captcha legend {
  font-size: 2.6rem;
  font-weight: 700;
  margin: 7rem 0 4rem 0;
  font-family: "Univers-bold", sans-serif;
  color: #1a4c93;
  text-transform: uppercase;
}
.block-webform fieldset.captcha .fieldset-wrapper,
.webform-submission-form fieldset.captcha .fieldset-wrapper,
.layout-webform fieldset.captcha .fieldset-wrapper {
  margin: 0 10rem;
}
.block-webform fieldset.captcha img,
.webform-submission-form fieldset.captcha img,
.layout-webform fieldset.captcha img {
  width: auto;
  max-width: none;
}
.block-webform .webform-section-wrapper.webform-component-markup,
.block-webform .js-form-wrapper.webform-component-markup,
.webform-submission-form .webform-section-wrapper.webform-component-markup,
.webform-submission-form .js-form-wrapper.webform-component-markup,
.layout-webform .webform-section-wrapper.webform-component-markup,
.layout-webform .js-form-wrapper.webform-component-markup {
  font-family: "Signika", sans-serif;
  font-size: 1.8rem;
  color: #E87200;
  text-transform: uppercase;
  margin: 4rem 0 2rem 0;
}
@media all and (min-width: 62.375em) {
  .block-webform .webform-section-wrapper.webform-component-markup,
  .block-webform .js-form-wrapper.webform-component-markup,
  .webform-submission-form .webform-section-wrapper.webform-component-markup,
  .webform-submission-form .js-form-wrapper.webform-component-markup,
  .layout-webform .webform-section-wrapper.webform-component-markup,
  .layout-webform .js-form-wrapper.webform-component-markup {
    font-size: 2.6rem;
    font-weight: 700;
    margin: 7rem 0 4rem 0;
  }
}
.block-webform .webform-section-wrapper.webform-component-markup p,
.block-webform .js-form-wrapper.webform-component-markup p,
.webform-submission-form .webform-section-wrapper.webform-component-markup p,
.webform-submission-form .js-form-wrapper.webform-component-markup p,
.layout-webform .webform-section-wrapper.webform-component-markup p,
.layout-webform .js-form-wrapper.webform-component-markup p {
  margin: 0;
}
.block-webform .webform-section-wrapper .iti,
.block-webform .js-form-wrapper .iti,
.webform-submission-form .webform-section-wrapper .iti,
.webform-submission-form .js-form-wrapper .iti,
.layout-webform .webform-section-wrapper .iti,
.layout-webform .js-form-wrapper .iti {
  width: 100%;
}
.block-webform .webform-section-wrapper:not(#webform-component-montant-radio):before, .block-webform .webform-section-wrapper:not(#webform-component-montant-radio):after,
.block-webform .js-form-wrapper:not(#webform-component-montant-radio):before,
.block-webform .js-form-wrapper:not(#webform-component-montant-radio):after,
.webform-submission-form .webform-section-wrapper:not(#webform-component-montant-radio):before,
.webform-submission-form .webform-section-wrapper:not(#webform-component-montant-radio):after,
.webform-submission-form .js-form-wrapper:not(#webform-component-montant-radio):before,
.webform-submission-form .js-form-wrapper:not(#webform-component-montant-radio):after,
.layout-webform .webform-section-wrapper:not(#webform-component-montant-radio):before,
.layout-webform .webform-section-wrapper:not(#webform-component-montant-radio):after,
.layout-webform .js-form-wrapper:not(#webform-component-montant-radio):before,
.layout-webform .js-form-wrapper:not(#webform-component-montant-radio):after {
  content: "";
  display: table;
}
.block-webform .webform-section-wrapper:not(#webform-component-montant-radio):after,
.block-webform .js-form-wrapper:not(#webform-component-montant-radio):after,
.webform-submission-form .webform-section-wrapper:not(#webform-component-montant-radio):after,
.webform-submission-form .js-form-wrapper:not(#webform-component-montant-radio):after,
.layout-webform .webform-section-wrapper:not(#webform-component-montant-radio):after,
.layout-webform .js-form-wrapper:not(#webform-component-montant-radio):after {
  clear: both;
}
.block-webform .webform-section-wrapper:not(.js-form-type-textfield) label, .block-webform .webform-section-wrapper:not(.js-form-type-radio) label, .block-webform .webform-section-wrapper:not(.js-form-type-select) label,
.block-webform .js-form-wrapper:not(.js-form-type-textfield) label,
.block-webform .js-form-wrapper:not(.js-form-type-radio) label,
.block-webform .js-form-wrapper:not(.js-form-type-select) label,
.webform-submission-form .webform-section-wrapper:not(.js-form-type-textfield) label,
.webform-submission-form .webform-section-wrapper:not(.js-form-type-radio) label,
.webform-submission-form .webform-section-wrapper:not(.js-form-type-select) label,
.webform-submission-form .js-form-wrapper:not(.js-form-type-textfield) label,
.webform-submission-form .js-form-wrapper:not(.js-form-type-radio) label,
.webform-submission-form .js-form-wrapper:not(.js-form-type-select) label,
.layout-webform .webform-section-wrapper:not(.js-form-type-textfield) label,
.layout-webform .webform-section-wrapper:not(.js-form-type-radio) label,
.layout-webform .webform-section-wrapper:not(.js-form-type-select) label,
.layout-webform .js-form-wrapper:not(.js-form-type-textfield) label,
.layout-webform .js-form-wrapper:not(.js-form-type-radio) label,
.layout-webform .js-form-wrapper:not(.js-form-type-select) label {
  display: none;
}
.block-webform .webform-section-wrapper .js-form-type-radio label,
.block-webform .js-form-wrapper .js-form-type-radio label,
.webform-submission-form .webform-section-wrapper .js-form-type-radio label,
.webform-submission-form .js-form-wrapper .js-form-type-radio label,
.layout-webform .webform-section-wrapper .js-form-type-radio label,
.layout-webform .js-form-wrapper .js-form-type-radio label {
  display: inline-block;
  padding-left: 2rem;
}
.block-webform .webform-section-wrapper.webform-component-checkboxes label, .block-webform .webform-section-wrapper.webform-component-webform_time label, .block-webform .webform-section-wrapper.webform-component-date label,
.block-webform .js-form-wrapper.webform-component-checkboxes label,
.block-webform .js-form-wrapper.webform-component-webform_time label,
.block-webform .js-form-wrapper.webform-component-date label,
.webform-submission-form .webform-section-wrapper.webform-component-checkboxes label,
.webform-submission-form .webform-section-wrapper.webform-component-webform_time label,
.webform-submission-form .webform-section-wrapper.webform-component-date label,
.webform-submission-form .js-form-wrapper.webform-component-checkboxes label,
.webform-submission-form .js-form-wrapper.webform-component-webform_time label,
.webform-submission-form .js-form-wrapper.webform-component-date label,
.layout-webform .webform-section-wrapper.webform-component-checkboxes label,
.layout-webform .webform-section-wrapper.webform-component-webform_time label,
.layout-webform .webform-section-wrapper.webform-component-date label,
.layout-webform .js-form-wrapper.webform-component-checkboxes label,
.layout-webform .js-form-wrapper.webform-component-webform_time label,
.layout-webform .js-form-wrapper.webform-component-date label {
  display: inline;
}
.block-webform .webform-section-wrapper.webform-component-radios > label, .block-webform .webform-section-wrapper.webform-component-checkboxes > label,
.block-webform .js-form-wrapper.webform-component-radios > label,
.block-webform .js-form-wrapper.webform-component-checkboxes > label,
.webform-submission-form .webform-section-wrapper.webform-component-radios > label,
.webform-submission-form .webform-section-wrapper.webform-component-checkboxes > label,
.webform-submission-form .js-form-wrapper.webform-component-radios > label,
.webform-submission-form .js-form-wrapper.webform-component-checkboxes > label,
.layout-webform .webform-section-wrapper.webform-component-radios > label,
.layout-webform .webform-section-wrapper.webform-component-checkboxes > label,
.layout-webform .js-form-wrapper.webform-component-radios > label,
.layout-webform .js-form-wrapper.webform-component-checkboxes > label {
  display: none;
}
.block-webform .webform-section-wrapper .js-form-type-select label,
.block-webform .js-form-wrapper .js-form-type-select label,
.webform-submission-form .webform-section-wrapper .js-form-type-select label,
.webform-submission-form .js-form-wrapper .js-form-type-select label,
.layout-webform .webform-section-wrapper .js-form-type-select label,
.layout-webform .js-form-wrapper .js-form-type-select label {
  display: block;
}
.block-webform .webform-section-wrapper .js-form-type-select select,
.block-webform .js-form-wrapper .js-form-type-select select,
.webform-submission-form .webform-section-wrapper .js-form-type-select select,
.webform-submission-form .js-form-wrapper .js-form-type-select select,
.layout-webform .webform-section-wrapper .js-form-type-select select,
.layout-webform .js-form-wrapper .js-form-type-select select {
  margin: 0.5rem 0 2rem 0;
  line-height: 2rem;
}
.block-webform .webform-section-wrapper .js-form-type-checkbox,
.block-webform .js-form-wrapper .js-form-type-checkbox,
.webform-submission-form .webform-section-wrapper .js-form-type-checkbox,
.webform-submission-form .js-form-wrapper .js-form-type-checkbox,
.layout-webform .webform-section-wrapper .js-form-type-checkbox,
.layout-webform .js-form-wrapper .js-form-type-checkbox {
  margin: 0.5rem 0;
}
.block-webform .webform-section-wrapper .js-form-type-checkbox label,
.block-webform .js-form-wrapper .js-form-type-checkbox label,
.webform-submission-form .webform-section-wrapper .js-form-type-checkbox label,
.webform-submission-form .js-form-wrapper .js-form-type-checkbox label,
.layout-webform .webform-section-wrapper .js-form-type-checkbox label,
.layout-webform .js-form-wrapper .js-form-type-checkbox label {
  display: inline-block;
  cursor: pointer;
  line-height: 20px;
}
.block-webform .webform-section-wrapper input[type=text],
.block-webform .webform-section-wrapper input[type=email],
.block-webform .webform-section-wrapper input[type=number],
.block-webform .webform-section-wrapper input[type=date],
.block-webform .webform-section-wrapper input[type=tel],
.block-webform .js-form-wrapper input[type=text],
.block-webform .js-form-wrapper input[type=email],
.block-webform .js-form-wrapper input[type=number],
.block-webform .js-form-wrapper input[type=date],
.block-webform .js-form-wrapper input[type=tel],
.webform-submission-form .webform-section-wrapper input[type=text],
.webform-submission-form .webform-section-wrapper input[type=email],
.webform-submission-form .webform-section-wrapper input[type=number],
.webform-submission-form .webform-section-wrapper input[type=date],
.webform-submission-form .webform-section-wrapper input[type=tel],
.webform-submission-form .js-form-wrapper input[type=text],
.webform-submission-form .js-form-wrapper input[type=email],
.webform-submission-form .js-form-wrapper input[type=number],
.webform-submission-form .js-form-wrapper input[type=date],
.webform-submission-form .js-form-wrapper input[type=tel],
.layout-webform .webform-section-wrapper input[type=text],
.layout-webform .webform-section-wrapper input[type=email],
.layout-webform .webform-section-wrapper input[type=number],
.layout-webform .webform-section-wrapper input[type=date],
.layout-webform .webform-section-wrapper input[type=tel],
.layout-webform .js-form-wrapper input[type=text],
.layout-webform .js-form-wrapper input[type=email],
.layout-webform .js-form-wrapper input[type=number],
.layout-webform .js-form-wrapper input[type=date],
.layout-webform .js-form-wrapper input[type=tel] {
  width: 100%;
  padding: 1.5rem 1rem;
  background: #FFFFFF;
  /* FOJ/border */
  border: 1px solid #BEBEBE;
  border-radius: 8px;
}
.block-webform .webform-section-wrapper input[type=text].js-webform-telephone-international,
.block-webform .webform-section-wrapper input[type=email].js-webform-telephone-international,
.block-webform .webform-section-wrapper input[type=number].js-webform-telephone-international,
.block-webform .webform-section-wrapper input[type=date].js-webform-telephone-international,
.block-webform .webform-section-wrapper input[type=tel].js-webform-telephone-international,
.block-webform .js-form-wrapper input[type=text].js-webform-telephone-international,
.block-webform .js-form-wrapper input[type=email].js-webform-telephone-international,
.block-webform .js-form-wrapper input[type=number].js-webform-telephone-international,
.block-webform .js-form-wrapper input[type=date].js-webform-telephone-international,
.block-webform .js-form-wrapper input[type=tel].js-webform-telephone-international,
.webform-submission-form .webform-section-wrapper input[type=text].js-webform-telephone-international,
.webform-submission-form .webform-section-wrapper input[type=email].js-webform-telephone-international,
.webform-submission-form .webform-section-wrapper input[type=number].js-webform-telephone-international,
.webform-submission-form .webform-section-wrapper input[type=date].js-webform-telephone-international,
.webform-submission-form .webform-section-wrapper input[type=tel].js-webform-telephone-international,
.webform-submission-form .js-form-wrapper input[type=text].js-webform-telephone-international,
.webform-submission-form .js-form-wrapper input[type=email].js-webform-telephone-international,
.webform-submission-form .js-form-wrapper input[type=number].js-webform-telephone-international,
.webform-submission-form .js-form-wrapper input[type=date].js-webform-telephone-international,
.webform-submission-form .js-form-wrapper input[type=tel].js-webform-telephone-international,
.layout-webform .webform-section-wrapper input[type=text].js-webform-telephone-international,
.layout-webform .webform-section-wrapper input[type=email].js-webform-telephone-international,
.layout-webform .webform-section-wrapper input[type=number].js-webform-telephone-international,
.layout-webform .webform-section-wrapper input[type=date].js-webform-telephone-international,
.layout-webform .webform-section-wrapper input[type=tel].js-webform-telephone-international,
.layout-webform .js-form-wrapper input[type=text].js-webform-telephone-international,
.layout-webform .js-form-wrapper input[type=email].js-webform-telephone-international,
.layout-webform .js-form-wrapper input[type=number].js-webform-telephone-international,
.layout-webform .js-form-wrapper input[type=date].js-webform-telephone-international,
.layout-webform .js-form-wrapper input[type=tel].js-webform-telephone-international {
  padding-left: 5rem;
  margin-bottom: 2em;
}
.block-webform .webform-section-wrapper input[type=text]::-moz-placeholder, .block-webform .webform-section-wrapper input[type=email]::-moz-placeholder, .block-webform .webform-section-wrapper input[type=number]::-moz-placeholder, .block-webform .webform-section-wrapper input[type=date]::-moz-placeholder, .block-webform .webform-section-wrapper input[type=tel]::-moz-placeholder, .block-webform .js-form-wrapper input[type=text]::-moz-placeholder, .block-webform .js-form-wrapper input[type=email]::-moz-placeholder, .block-webform .js-form-wrapper input[type=number]::-moz-placeholder, .block-webform .js-form-wrapper input[type=date]::-moz-placeholder, .block-webform .js-form-wrapper input[type=tel]::-moz-placeholder, .webform-submission-form .webform-section-wrapper input[type=text]::-moz-placeholder, .webform-submission-form .webform-section-wrapper input[type=email]::-moz-placeholder, .webform-submission-form .webform-section-wrapper input[type=number]::-moz-placeholder, .webform-submission-form .webform-section-wrapper input[type=date]::-moz-placeholder, .webform-submission-form .webform-section-wrapper input[type=tel]::-moz-placeholder, .webform-submission-form .js-form-wrapper input[type=text]::-moz-placeholder, .webform-submission-form .js-form-wrapper input[type=email]::-moz-placeholder, .webform-submission-form .js-form-wrapper input[type=number]::-moz-placeholder, .webform-submission-form .js-form-wrapper input[type=date]::-moz-placeholder, .webform-submission-form .js-form-wrapper input[type=tel]::-moz-placeholder, .layout-webform .webform-section-wrapper input[type=text]::-moz-placeholder, .layout-webform .webform-section-wrapper input[type=email]::-moz-placeholder, .layout-webform .webform-section-wrapper input[type=number]::-moz-placeholder, .layout-webform .webform-section-wrapper input[type=date]::-moz-placeholder, .layout-webform .webform-section-wrapper input[type=tel]::-moz-placeholder, .layout-webform .js-form-wrapper input[type=text]::-moz-placeholder, .layout-webform .js-form-wrapper input[type=email]::-moz-placeholder, .layout-webform .js-form-wrapper input[type=number]::-moz-placeholder, .layout-webform .js-form-wrapper input[type=date]::-moz-placeholder, .layout-webform .js-form-wrapper input[type=tel]::-moz-placeholder {
  color: #576574;
  font-weight: normal;
}
.block-webform .webform-section-wrapper input[type=text]::placeholder,
.block-webform .webform-section-wrapper input[type=email]::placeholder,
.block-webform .webform-section-wrapper input[type=number]::placeholder,
.block-webform .webform-section-wrapper input[type=date]::placeholder,
.block-webform .webform-section-wrapper input[type=tel]::placeholder,
.block-webform .js-form-wrapper input[type=text]::placeholder,
.block-webform .js-form-wrapper input[type=email]::placeholder,
.block-webform .js-form-wrapper input[type=number]::placeholder,
.block-webform .js-form-wrapper input[type=date]::placeholder,
.block-webform .js-form-wrapper input[type=tel]::placeholder,
.webform-submission-form .webform-section-wrapper input[type=text]::placeholder,
.webform-submission-form .webform-section-wrapper input[type=email]::placeholder,
.webform-submission-form .webform-section-wrapper input[type=number]::placeholder,
.webform-submission-form .webform-section-wrapper input[type=date]::placeholder,
.webform-submission-form .webform-section-wrapper input[type=tel]::placeholder,
.webform-submission-form .js-form-wrapper input[type=text]::placeholder,
.webform-submission-form .js-form-wrapper input[type=email]::placeholder,
.webform-submission-form .js-form-wrapper input[type=number]::placeholder,
.webform-submission-form .js-form-wrapper input[type=date]::placeholder,
.webform-submission-form .js-form-wrapper input[type=tel]::placeholder,
.layout-webform .webform-section-wrapper input[type=text]::placeholder,
.layout-webform .webform-section-wrapper input[type=email]::placeholder,
.layout-webform .webform-section-wrapper input[type=number]::placeholder,
.layout-webform .webform-section-wrapper input[type=date]::placeholder,
.layout-webform .webform-section-wrapper input[type=tel]::placeholder,
.layout-webform .js-form-wrapper input[type=text]::placeholder,
.layout-webform .js-form-wrapper input[type=email]::placeholder,
.layout-webform .js-form-wrapper input[type=number]::placeholder,
.layout-webform .js-form-wrapper input[type=date]::placeholder,
.layout-webform .js-form-wrapper input[type=tel]::placeholder {
  color: #576574;
  font-weight: normal;
}
.block-webform .webform-section-wrapper input[type=text].error,
.block-webform .webform-section-wrapper input[type=email].error,
.block-webform .webform-section-wrapper input[type=number].error,
.block-webform .webform-section-wrapper input[type=date].error,
.block-webform .webform-section-wrapper input[type=tel].error,
.block-webform .js-form-wrapper input[type=text].error,
.block-webform .js-form-wrapper input[type=email].error,
.block-webform .js-form-wrapper input[type=number].error,
.block-webform .js-form-wrapper input[type=date].error,
.block-webform .js-form-wrapper input[type=tel].error,
.webform-submission-form .webform-section-wrapper input[type=text].error,
.webform-submission-form .webform-section-wrapper input[type=email].error,
.webform-submission-form .webform-section-wrapper input[type=number].error,
.webform-submission-form .webform-section-wrapper input[type=date].error,
.webform-submission-form .webform-section-wrapper input[type=tel].error,
.webform-submission-form .js-form-wrapper input[type=text].error,
.webform-submission-form .js-form-wrapper input[type=email].error,
.webform-submission-form .js-form-wrapper input[type=number].error,
.webform-submission-form .js-form-wrapper input[type=date].error,
.webform-submission-form .js-form-wrapper input[type=tel].error,
.layout-webform .webform-section-wrapper input[type=text].error,
.layout-webform .webform-section-wrapper input[type=email].error,
.layout-webform .webform-section-wrapper input[type=number].error,
.layout-webform .webform-section-wrapper input[type=date].error,
.layout-webform .webform-section-wrapper input[type=tel].error,
.layout-webform .js-form-wrapper input[type=text].error,
.layout-webform .js-form-wrapper input[type=email].error,
.layout-webform .js-form-wrapper input[type=number].error,
.layout-webform .js-form-wrapper input[type=date].error,
.layout-webform .js-form-wrapper input[type=tel].error {
  border: 1px solid red;
}
.block-webform .webform-section-wrapper input[type=text].hasDatepicker,
.block-webform .webform-section-wrapper input[type=email].hasDatepicker,
.block-webform .webform-section-wrapper input[type=number].hasDatepicker,
.block-webform .webform-section-wrapper input[type=date].hasDatepicker,
.block-webform .webform-section-wrapper input[type=tel].hasDatepicker,
.block-webform .js-form-wrapper input[type=text].hasDatepicker,
.block-webform .js-form-wrapper input[type=email].hasDatepicker,
.block-webform .js-form-wrapper input[type=number].hasDatepicker,
.block-webform .js-form-wrapper input[type=date].hasDatepicker,
.block-webform .js-form-wrapper input[type=tel].hasDatepicker,
.webform-submission-form .webform-section-wrapper input[type=text].hasDatepicker,
.webform-submission-form .webform-section-wrapper input[type=email].hasDatepicker,
.webform-submission-form .webform-section-wrapper input[type=number].hasDatepicker,
.webform-submission-form .webform-section-wrapper input[type=date].hasDatepicker,
.webform-submission-form .webform-section-wrapper input[type=tel].hasDatepicker,
.webform-submission-form .js-form-wrapper input[type=text].hasDatepicker,
.webform-submission-form .js-form-wrapper input[type=email].hasDatepicker,
.webform-submission-form .js-form-wrapper input[type=number].hasDatepicker,
.webform-submission-form .js-form-wrapper input[type=date].hasDatepicker,
.webform-submission-form .js-form-wrapper input[type=tel].hasDatepicker,
.layout-webform .webform-section-wrapper input[type=text].hasDatepicker,
.layout-webform .webform-section-wrapper input[type=email].hasDatepicker,
.layout-webform .webform-section-wrapper input[type=number].hasDatepicker,
.layout-webform .webform-section-wrapper input[type=date].hasDatepicker,
.layout-webform .webform-section-wrapper input[type=tel].hasDatepicker,
.layout-webform .js-form-wrapper input[type=text].hasDatepicker,
.layout-webform .js-form-wrapper input[type=email].hasDatepicker,
.layout-webform .js-form-wrapper input[type=number].hasDatepicker,
.layout-webform .js-form-wrapper input[type=date].hasDatepicker,
.layout-webform .js-form-wrapper input[type=tel].hasDatepicker {
  background: #fff url(../images/icons/calendar.svg) no-repeat center right 1rem;
}
@media all and (min-width: 62.375em) {
  .block-webform .webform-section-wrapper input[type=text],
  .block-webform .webform-section-wrapper input[type=email],
  .block-webform .webform-section-wrapper input[type=number],
  .block-webform .webform-section-wrapper input[type=date],
  .block-webform .webform-section-wrapper input[type=tel],
  .block-webform .js-form-wrapper input[type=text],
  .block-webform .js-form-wrapper input[type=email],
  .block-webform .js-form-wrapper input[type=number],
  .block-webform .js-form-wrapper input[type=date],
  .block-webform .js-form-wrapper input[type=tel],
  .webform-submission-form .webform-section-wrapper input[type=text],
  .webform-submission-form .webform-section-wrapper input[type=email],
  .webform-submission-form .webform-section-wrapper input[type=number],
  .webform-submission-form .webform-section-wrapper input[type=date],
  .webform-submission-form .webform-section-wrapper input[type=tel],
  .webform-submission-form .js-form-wrapper input[type=text],
  .webform-submission-form .js-form-wrapper input[type=email],
  .webform-submission-form .js-form-wrapper input[type=number],
  .webform-submission-form .js-form-wrapper input[type=date],
  .webform-submission-form .js-form-wrapper input[type=tel],
  .layout-webform .webform-section-wrapper input[type=text],
  .layout-webform .webform-section-wrapper input[type=email],
  .layout-webform .webform-section-wrapper input[type=number],
  .layout-webform .webform-section-wrapper input[type=date],
  .layout-webform .webform-section-wrapper input[type=tel],
  .layout-webform .js-form-wrapper input[type=text],
  .layout-webform .js-form-wrapper input[type=email],
  .layout-webform .js-form-wrapper input[type=number],
  .layout-webform .js-form-wrapper input[type=date],
  .layout-webform .js-form-wrapper input[type=tel] {
    margin-bottom: 0;
  }
}
.block-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield,
.block-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield,
.webform-submission-form .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield,
.webform-submission-form .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield,
.layout-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield,
.layout-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield {
  position: relative;
}
.block-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix,
.block-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix,
.webform-submission-form .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix,
.webform-submission-form .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix,
.layout-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix,
.layout-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield .field-prefix {
  position: absolute;
  top: 3.8rem;
  font-family: "Source Sans 3", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
}
.block-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield input[type=text],
.block-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield input[type=text],
.webform-submission-form .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield input[type=text],
.webform-submission-form .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield input[type=text],
.layout-webform .webform-section-wrapper .webform-has-field-prefix.js-form-type-textfield input[type=text],
.layout-webform .js-form-wrapper .webform-has-field-prefix.js-form-type-textfield input[type=text] {
  padding-left: 5rem;
}
.block-webform .webform-section-wrapper #edit-submitted-valeur-autre,
.block-webform .js-form-wrapper #edit-submitted-valeur-autre,
.webform-submission-form .webform-section-wrapper #edit-submitted-valeur-autre,
.webform-submission-form .js-form-wrapper #edit-submitted-valeur-autre,
.layout-webform .webform-section-wrapper #edit-submitted-valeur-autre,
.layout-webform .js-form-wrapper #edit-submitted-valeur-autre {
  padding: 1rem 0;
  border: none;
  border-bottom: 1px solid #000;
}
@media all and (min-width: 62.375em) {
  .block-webform .webform-section-wrapper #edit-submitted-valeur-autre,
  .block-webform .js-form-wrapper #edit-submitted-valeur-autre,
  .webform-submission-form .webform-section-wrapper #edit-submitted-valeur-autre,
  .webform-submission-form .js-form-wrapper #edit-submitted-valeur-autre,
  .layout-webform .webform-section-wrapper #edit-submitted-valeur-autre,
  .layout-webform .js-form-wrapper #edit-submitted-valeur-autre {
    padding: 1.5rem 0;
    margin-bottom: 2rem;
  }
}
.block-webform .webform-section-wrapper textarea,
.block-webform .js-form-wrapper textarea,
.webform-submission-form .webform-section-wrapper textarea,
.webform-submission-form .js-form-wrapper textarea,
.layout-webform .webform-section-wrapper textarea,
.layout-webform .js-form-wrapper textarea {
  width: 100%;
  background-size: 100%;
  width: 100%;
  padding: 1.5rem 1rem;
  background: #FFFFFF;
  /* FOJ/border */
  border: 1px solid #BEBEBE;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.block-webform .webform-section-wrapper textarea::-moz-placeholder, .block-webform .js-form-wrapper textarea::-moz-placeholder, .webform-submission-form .webform-section-wrapper textarea::-moz-placeholder, .webform-submission-form .js-form-wrapper textarea::-moz-placeholder, .layout-webform .webform-section-wrapper textarea::-moz-placeholder, .layout-webform .js-form-wrapper textarea::-moz-placeholder {
  color: #576574;
  font-weight: normal;
}
.block-webform .webform-section-wrapper textarea::placeholder,
.block-webform .js-form-wrapper textarea::placeholder,
.webform-submission-form .webform-section-wrapper textarea::placeholder,
.webform-submission-form .js-form-wrapper textarea::placeholder,
.layout-webform .webform-section-wrapper textarea::placeholder,
.layout-webform .js-form-wrapper textarea::placeholder {
  color: #576574;
  font-weight: normal;
}
.block-webform .webform-section-wrapper textarea.error,
.block-webform .js-form-wrapper textarea.error,
.webform-submission-form .webform-section-wrapper textarea.error,
.webform-submission-form .js-form-wrapper textarea.error,
.layout-webform .webform-section-wrapper textarea.error,
.layout-webform .js-form-wrapper textarea.error {
  border: 1px solid red;
}
.block-webform .webform-section-wrapper .form-type-radio,
.block-webform .js-form-wrapper .form-type-radio,
.webform-submission-form .webform-section-wrapper .form-type-radio,
.webform-submission-form .js-form-wrapper .form-type-radio,
.layout-webform .webform-section-wrapper .form-type-radio,
.layout-webform .js-form-wrapper .form-type-radio {
  display: block;
  width: auto;
}
@media all and (min-width: 62.375em) {
  .block-webform .webform-section-wrapper .form-type-radio,
  .block-webform .js-form-wrapper .form-type-radio,
  .webform-submission-form .webform-section-wrapper .form-type-radio,
  .webform-submission-form .js-form-wrapper .form-type-radio,
  .layout-webform .webform-section-wrapper .form-type-radio,
  .layout-webform .js-form-wrapper .form-type-radio {
    text-align: center;
    display: inline-flex;
    text-align: center;
  }
}
.block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
.block-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
.block-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre,
.webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio,
.webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
.webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
.webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-autre,
.layout-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio,
.layout-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
.layout-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
.layout-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre {
  width: auto;
}
@media all and (min-width: 62.375em) {
  .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
  .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre,
  .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
  .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-autre,
  .layout-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .layout-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
  .layout-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .layout-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre {
    width: 20%;
    text-align: left;
  }
}
@media all and (max-width: 998px-0.16 em) {
  .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio, .block-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
  .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .block-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre,
  .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .webform-submission-form .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
  .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .webform-submission-form .js-form-wrapper .form-type-radio.form-item-submitted-autre,
  .layout-webform .webform-section-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .layout-webform .webform-section-wrapper .form-type-radio.form-item-submitted-autre,
  .layout-webform .js-form-wrapper .form-type-radio.form-item-submitted-montant-radio,
  .layout-webform .js-form-wrapper .form-type-radio.form-item-submitted-autre {
    margin-right: 1.5rem;
  }
}
.block-webform .webform-section-wrapper .js-form-type-webform-document-file label,
.block-webform .js-form-wrapper .js-form-type-webform-document-file label,
.webform-submission-form .webform-section-wrapper .js-form-type-webform-document-file label,
.webform-submission-form .js-form-wrapper .js-form-type-webform-document-file label,
.layout-webform .webform-section-wrapper .js-form-type-webform-document-file label,
.layout-webform .js-form-wrapper .js-form-type-webform-document-file label {
  display: block;
}
.block-webform .webform-section-wrapper .js-form-type-webform-document-file input,
.block-webform .js-form-wrapper .js-form-type-webform-document-file input,
.webform-submission-form .webform-section-wrapper .js-form-type-webform-document-file input,
.webform-submission-form .js-form-wrapper .js-form-type-webform-document-file input,
.layout-webform .webform-section-wrapper .js-form-type-webform-document-file input,
.layout-webform .js-form-wrapper .js-form-type-webform-document-file input {
  display: inline-block;
  position: static;
}
.block-webform .flex-large-items .form-radios,
.webform-submission-form .flex-large-items .form-radios,
.layout-webform .flex-large-items .form-radios {
  flex-direction: column;
  gap: 0;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .block-webform .flex-large-items .form-radios,
  .webform-submission-form .flex-large-items .form-radios,
  .layout-webform .flex-large-items .form-radios {
    flex-direction: row;
    gap: 1rem;
  }
}
.block-webform .flex-large-items .form-type-radio,
.webform-submission-form .flex-large-items .form-type-radio,
.layout-webform .flex-large-items .form-type-radio {
  width: 100%;
}
.block-webform .columns-items .fieldset-wrapper > .form-radios,
.webform-submission-form .columns-items .fieldset-wrapper > .form-radios,
.layout-webform .columns-items .fieldset-wrapper > .form-radios {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2vw;
}
@media all and (min-width: 62.375em) {
  .block-webform .columns-items .fieldset-wrapper > .form-radios,
  .webform-submission-form .columns-items .fieldset-wrapper > .form-radios,
  .layout-webform .columns-items .fieldset-wrapper > .form-radios {
    flex-direction: row;
    display: flex;
    gap: 1rem;
  }
}
.block-webform #webform-component-montant,
.webform-submission-form #webform-component-montant,
.layout-webform #webform-component-montant {
  display: none;
}
.block-webform .form-actions,
.webform-submission-form .form-actions,
.layout-webform .form-actions {
  display: flex;
}
.block-webform .foj-enfant,
.webform-submission-form .foj-enfant,
.layout-webform .foj-enfant {
  border-bottom: 1px solid lightgrey;
}
.block-webform .foj-enfant div[id^=edit-container-fullname]::after,
.webform-submission-form .foj-enfant div[id^=edit-container-fullname]::after,
.layout-webform .foj-enfant div[id^=edit-container-fullname]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .block-webform .foj-enfant .js-form-item.form-item,
  .webform-submission-form .foj-enfant .js-form-item.form-item,
  .layout-webform .foj-enfant .js-form-item.form-item {
    margin-right: 2rem;
  }
}
.block-webform .foj-enfant .js-form-item.form-item,
.webform-submission-form .foj-enfant .js-form-item.form-item,
.layout-webform .foj-enfant .js-form-item.form-item {
  margin-right: 0;
}
.block-webform .foj-enfant .form-wrapper,
.webform-submission-form .foj-enfant .form-wrapper,
.layout-webform .foj-enfant .form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media all and (min-width: 62.375em) {
  .block-webform .foj-enfant .form-wrapper,
  .webform-submission-form .foj-enfant .form-wrapper,
  .layout-webform .foj-enfant .form-wrapper {
    flex-direction: row;
    display: flex;
    align-items: flex-end;
  }
}
.block-webform .reservation-foj-date-sex,
.webform-submission-form .reservation-foj-date-sex,
.layout-webform .reservation-foj-date-sex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .block-webform .reservation-foj-date-sex,
  .webform-submission-form .reservation-foj-date-sex,
  .layout-webform .reservation-foj-date-sex {
    flex-direction: row;
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
}
.block-webform .name-foj-input,
.webform-submission-form .name-foj-input,
.layout-webform .name-foj-input {
  margin-right: 2rem;
}
.block-webform .label-enfant,
.webform-submission-form .label-enfant,
.layout-webform .label-enfant {
  color: #E87200;
  display: block !important;
  margin-bottom: 10px;
}
.block-webform input[type=submit],
.webform-submission-form input[type=submit],
.layout-webform input[type=submit] {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
@media all and (min-width: 86.25em) {
  .block-webform input[type=submit],
  .webform-submission-form input[type=submit],
  .layout-webform input[type=submit] {
    font-size: 1.4rem;
  }
}
.block-webform input[type=submit],
.webform-submission-form input[type=submit],
.layout-webform input[type=submit] {
  font-size: 1.8rem !important;
  display: block;
  border: 1px solid #02B95C;
  margin: 3rem auto 7rem auto;
  background: #02B95C;
  border-radius: 1rem;
  transition: all 0.6s ease;
  color: #fff;
  cursor: pointer;
  width: auto;
  padding: 1.5rem 2rem;
  display: block;
}
.block-webform input[type=submit].webform-button--previous,
.webform-submission-form input[type=submit].webform-button--previous,
.layout-webform input[type=submit].webform-button--previous {
  background: transparent;
  color: black;
  border: 1px solid black;
}
.block-webform .comment-wrapper,
.webform-submission-form .comment-wrapper,
.layout-webform .comment-wrapper {
  display: none;
}
.block-webform .error,
.webform-submission-form .error,
.layout-webform .error {
  border: none;
  box-shadow: none;
}
.block-webform fieldset.error:before,
.webform-submission-form fieldset.error:before,
.layout-webform fieldset.error:before {
  content: "X";
  color: red;
  position: absolute;
  margin-left: -2.5rem;
  margin-top: 0.8rem;
  display: block;
  font-weight: bold;
  font-size: 2.2rem;
}
.block-webform h2.form-required:after,
.block-webform label.form-required:after,
.block-webform legend span.form-required:after,
.webform-submission-form h2.form-required:after,
.webform-submission-form label.form-required:after,
.webform-submission-form legend span.form-required:after,
.layout-webform h2.form-required:after,
.layout-webform label.form-required:after,
.layout-webform legend span.form-required:after {
  content: "*";
  color: red;
  display: inline;
}
.block-webform strong.error.form-item--error-message,
.webform-submission-form strong.error.form-item--error-message,
.layout-webform strong.error.form-item--error-message {
  color: red;
}
.block-webform #paypal-form,
.webform-submission-form #paypal-form,
.layout-webform #paypal-form {
  display: none;
}
.block-webform .webform-component-managed_file .file-icon,
.webform-submission-form .webform-component-managed_file .file-icon,
.layout-webform .webform-component-managed_file .file-icon {
  display: none;
}
.block-webform .webform-component-managed_file a,
.webform-submission-form .webform-component-managed_file a,
.layout-webform .webform-component-managed_file a {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
@media all and (min-width: 86.25em) {
  .block-webform .webform-component-managed_file a,
  .webform-submission-form .webform-component-managed_file a,
  .layout-webform .webform-component-managed_file a {
    font-size: 1.4rem;
  }
}
.block-webform .webform-component-managed_file a,
.webform-submission-form .webform-component-managed_file a,
.layout-webform .webform-component-managed_file a {
  display: inline-block;
  padding: 1.5rem;
  border: 1px solid #E87200;
  margin: 1rem 0;
  border-radius: 2.5rem;
  cursor: pointer;
  transition: all 0.6s ease;
  background-color: #E87200;
  color: #fff;
}
.block-webform .webform-component-managed_file a:hover,
.webform-submission-form .webform-component-managed_file a:hover,
.layout-webform .webform-component-managed_file a:hover {
  background-color: #fff;
  color: #E87200;
}
.block-webform .webform-component-managed_file input[type=submit].form-submit,
.webform-submission-form .webform-component-managed_file input[type=submit].form-submit,
.layout-webform .webform-component-managed_file input[type=submit].form-submit {
  font-size: 1.3rem;
  margin: 0.5rem 0;
  padding: 1rem;
}
@media all and (min-width: 62.375em) {
  .block-webform .webform-component-managed_file input[type=submit].form-submit,
  .webform-submission-form .webform-component-managed_file input[type=submit].form-submit,
  .layout-webform .webform-component-managed_file input[type=submit].form-submit {
    float: right;
  }
}
.block-webform .webform-component-managed_file .form-managed-file .form-file,
.webform-submission-form .webform-component-managed_file .form-managed-file .form-file,
.layout-webform .webform-component-managed_file .form-managed-file .form-file {
  margin: 1rem 0;
  font-size: 1.4rem;
  max-width: 60%;
}
.block-webform .webform-component-managed_file #edit-submitted-label-remove-button,
.webform-submission-form .webform-component-managed_file #edit-submitted-label-remove-button,
.layout-webform .webform-component-managed_file #edit-submitted-label-remove-button {
  display: none;
}
.block-webform .webform-component-managed_file .form-submit.ajax-processed,
.webform-submission-form .webform-component-managed_file .form-submit.ajax-processed,
.layout-webform .webform-component-managed_file .form-submit.ajax-processed {
  visibility: hidden;
}
.block-webform .webform-component-managed_file .form-submit.ajax-processed.show,
.webform-submission-form .webform-component-managed_file .form-submit.ajax-processed.show,
.layout-webform .webform-component-managed_file .form-submit.ajax-processed.show {
  visibility: visible;
}
.block-webform .file-upload-js-error,
.webform-submission-form .file-upload-js-error,
.layout-webform .file-upload-js-error {
  font-size: 1.5rem;
}
.block-webform .ui-datepicker,
.webform-submission-form .ui-datepicker,
.layout-webform .ui-datepicker {
  font-size: 1.4rem;
}
.block-webform .webform-options-display-buttons .webform-options-display-buttons-wrapper,
.webform-submission-form .webform-options-display-buttons .webform-options-display-buttons-wrapper,
.layout-webform .webform-options-display-buttons .webform-options-display-buttons-wrapper {
  margin: 0;
}
.block-webform select,
.webform-submission-form select,
.layout-webform select {
  background: #fff;
  line-height: 4rem;
  height: 4rem;
  padding: 0 1rem 0 1rem;
  border-radius: 8px;
}
.block-webform .shs-select.error,
.webform-submission-form .shs-select.error,
.layout-webform .shs-select.error {
  border: 1px solid red;
}
.block-webform .webform-preview label,
.webform-submission-form .webform-preview label,
.layout-webform .webform-preview label {
  display: inline-block !important;
  font-weight: bold;
}
.block-webform .webform-preview label:after,
.webform-submission-form .webform-preview label:after,
.layout-webform .webform-preview label:after {
  content: ": ";
  display: inline;
}
.block-webform .form-type-webform-document-file > label,
.webform-submission-form .form-type-webform-document-file > label,
.layout-webform .form-type-webform-document-file > label {
  font-weight: bold;
  color: #1a4c93;
}
.block-webform .form-type-webform-document-file input[type=submit],
.webform-submission-form .form-type-webform-document-file input[type=submit],
.layout-webform .form-type-webform-document-file input[type=submit] {
  padding: 1rem;
  margin: 1rem;
  font-size: 1.4rem;
  text-transform: none;
}
@media all and (min-width: 62.375em) {
  .block-webform .form-type-webform-document-file input[type=submit],
  .webform-submission-form .form-type-webform-document-file input[type=submit],
  .layout-webform .form-type-webform-document-file input[type=submit] {
    padding: 1rem;
    margin: 1rem;
  }
}
.block-webform .form-type-webform-document-file .js-webform-document-file .button,
.webform-submission-form .form-type-webform-document-file .js-webform-document-file .button,
.layout-webform .form-type-webform-document-file .js-webform-document-file .button {
  margin: 0;
}
.block-webform input[type=tel]::-moz-placeholder, .webform-submission-form input[type=tel]::-moz-placeholder, .layout-webform input[type=tel]::-moz-placeholder {
  color: #d8d8d8;
  content: "";
}
.block-webform input[type=tel]::placeholder,
.webform-submission-form input[type=tel]::placeholder,
.layout-webform input[type=tel]::placeholder {
  color: #d8d8d8;
  content: "";
}
.block-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before, .block-webform .webform-progress-tracker .progress-step:hover .progress-marker::before, .block-webform .webform-progress-tracker .progress-step .progress-marker::after,
.webform-submission-form .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-submission-form .webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-submission-form .webform-progress-tracker .progress-step .progress-marker::after,
.layout-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.layout-webform .webform-progress-tracker .progress-step:hover .progress-marker::before,
.layout-webform .webform-progress-tracker .progress-step .progress-marker::after {
  background: transparent;
}
.block-webform .field--name-field-webform,
.webform-submission-form .field--name-field-webform,
.layout-webform .field--name-field-webform {
  margin-top: 4rem;
}
@media all and (min-width: 62.375em) {
  .block-webform .field--name-field-webform,
  .webform-submission-form .field--name-field-webform,
  .layout-webform .field--name-field-webform {
    margin-top: 6rem;
  }
}
.block-webform .field--name-field-webform .field__label,
.webform-submission-form .field--name-field-webform .field__label,
.layout-webform .field--name-field-webform .field__label {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 6.8rem;
  display: flex;
}
@media all and (min-width: 62.375em) {
  .block-webform .field--name-field-webform .field__label,
  .webform-submission-form .field--name-field-webform .field__label,
  .layout-webform .field--name-field-webform .field__label {
    text-align: center;
    width: auto;
    align-items: center;
  }
}
.block-webform .field--name-field-webform .field__label,
.webform-submission-form .field--name-field-webform .field__label,
.layout-webform .field--name-field-webform .field__label {
  justify-content: center;
  gap: 2rem;
}
.block-webform .field--name-field-webform .field__label:before,
.webform-submission-form .field--name-field-webform .field__label:before,
.layout-webform .field--name-field-webform .field__label:before {
  display: inline-block;
  background: url(../images/icons/formulaire.svg) no-repeat left center;
  width: 48px;
  height: 48px;
  content: "";
}
.block-webform .field--name-field-webform .progress-marker,
.webform-submission-form .field--name-field-webform .progress-marker,
.layout-webform .field--name-field-webform .progress-marker {
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #576574;
}
.block-webform .field--name-field-webform .progress-step.is-active .progress-marker::before,
.webform-submission-form .field--name-field-webform .progress-step.is-active .progress-marker::before,
.layout-webform .field--name-field-webform .progress-step.is-active .progress-marker::before {
  border: 1px solid #576574;
}
.block-webform .field--name-field-webform .progress-step.is-active .progress-marker::before,
.webform-submission-form .field--name-field-webform .progress-step.is-active .progress-marker::before,
.layout-webform .field--name-field-webform .progress-step.is-active .progress-marker::before {
  background: #F6F3ED;
  border: 1px solid #E87200;
  color: #E87200;
  box-shadow: 0 0 0 5px #F6F3ED;
}
.block-webform .field--name-field-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-submission-form .field--name-field-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.layout-webform .field--name-field-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before {
  background: #F6F3ED;
  box-shadow: 0 0 0 5px #F6F3ED;
}
.block-webform .field--name-field-webform .progress-marker::before,
.webform-submission-form .field--name-field-webform .progress-marker::before,
.layout-webform .field--name-field-webform .progress-marker::before {
  width: 39px;
  height: 39px;
  background: #F6F3ED;
}
.block-webform .field--name-field-webform .progress-marker::after,
.webform-submission-form .field--name-field-webform .progress-marker::after,
.layout-webform .field--name-field-webform .progress-marker::after {
  border-top: 1px solid #576574;
  top: 20px;
  height: 1px;
}
.block-webform .field--name-field-webform .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
.webform-submission-form .field--name-field-webform .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
.layout-webform .field--name-field-webform .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  border: none;
}
.block-webform .field--name-field-webform .webform-progress-tracker .progress-step.is-active:hover .progress-marker::before,
.webform-submission-form .field--name-field-webform .webform-progress-tracker .progress-step.is-active:hover .progress-marker::before,
.layout-webform .field--name-field-webform .webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
  background-color: #F6F3ED;
}
.block-webform .field--name-field-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-submission-form .field--name-field-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.layout-webform .field--name-field-webform .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before {
  border: 1px solid #576574;
}
.block-webform .field--name-field-webform .field--name-field-webform .webform-progress-tracker .progress-step .progress-marker::after,
.webform-submission-form .field--name-field-webform .field--name-field-webform .webform-progress-tracker .progress-step .progress-marker::after,
.layout-webform .field--name-field-webform .field--name-field-webform .webform-progress-tracker .progress-step .progress-marker::after {
  border: none;
}
.block-webform .field--name-field-webform label,
.webform-submission-form .field--name-field-webform label,
.layout-webform .field--name-field-webform label {
  font-size: 18px;
}
.block-webform .field--name-field-webform .columns-checkboxes,
.webform-submission-form .field--name-field-webform .columns-checkboxes,
.layout-webform .field--name-field-webform .columns-checkboxes {
  border-left: 1px solid #2F3032;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
  padding-left: 1rem;
}
.block-webform .field--name-field-webform .columns-checkboxes input[type=checkbox],
.webform-submission-form .field--name-field-webform .columns-checkboxes input[type=checkbox],
.layout-webform .field--name-field-webform .columns-checkboxes input[type=checkbox] {
  margin-right: 1rem;
}
.block-webform .js-webform-checkboxes,
.webform-submission-form .js-webform-checkboxes,
.layout-webform .js-webform-checkboxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media all and (min-width: 62.375em) {
  .block-webform .js-webform-checkboxes,
  .webform-submission-form .js-webform-checkboxes,
  .layout-webform .js-webform-checkboxes {
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    width: auto;
    align-items: center;
  }
}
.block-webform .js-form-type-checkbox,
.webform-submission-form .js-form-type-checkbox,
.layout-webform .js-form-type-checkbox {
  display: flex;
  gap: 2rem;
}

.grid-wrapper .item {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 62.375em) {
  .grid-wrapper .item {
    max-height: 48rem;
  }
}

.grid-wrapper .title a {
  position: absolute;
  top: 1em;
  left: 1em;
  font-size: 1.5em;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.grid-wrapper .title a:hover {
  text-decoration: none;
  color: white;
}

.grid-wrapper img {
  height: auto;
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
}

.grid-wrapper .item.tall img {
  position: relative;
  overflow: hidden;
  max-width: none;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
}

/* Main CSS */
.grid-wrapper > div {
  display: flex;
  justify-content: center;
}

.grid-wrapper > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-wrapper {
  display: grid;
  grid-gap: 1rem;
}
@media all and (min-width: 62.375em) {
  .grid-wrapper {
    grid-template-columns: 1fr 2fr;
    grid-auto-rows: unset;
  }
}

.grid-wrapper .wide {
  grid-column: span 2;
}

.grid-wrapper .big {
  grid-column: span 2;
  grid-row: span 2;
}

.field--name-field-gallery {
  position: relative;
  margin-top: 3rem;
}
@media all and (min-width: 62.375em) {
  .field--name-field-gallery {
    margin-top: 6rem;
  }
}

.paragraph--type--gallery .field--name-field-legende-ligne-1 {
  display: none;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  padding: 1rem;
}
.paragraph--type--gallery:hover .field--name-field-legende-ligne-1 {
  display: block;
}

@media all and (max-width: 744px-0.16 em) {
  .comite-slider-carousel-wrapper {
    width: 35rem;
    margin: auto;
  }
}
.hug-nodes-wrapper,
.comite-default-wrapper > .field--name-field-p-people {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  flex-direction: column;
}
@media all and (min-width: 46.5em) {
  .hug-nodes-wrapper,
  .comite-default-wrapper > .field--name-field-p-people {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
    flex: none;
    max-width: 1728px;
    margin: 0 auto;
  }
}
@media all and (min-width: 62.375em) {
  .hug-nodes-wrapper,
  .comite-default-wrapper > .field--name-field-p-people {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
}
@media all and (max-width: 744px-0.16 em) {
  .hug-nodes-wrapper,
  .comite-default-wrapper > .field--name-field-p-people {
    padding-bottom: 6rem;
  }
}
.hug-nodes-wrapper > article,
.hug-nodes-wrapper > .field__item,
.comite-default-wrapper > .field--name-field-p-people > article,
.comite-default-wrapper > .field--name-field-p-people > .field__item {
  position: relative;
  z-index: 0;
}
@media all and (min-width: 62.375em) {
  .hug-nodes-wrapper > article,
  .hug-nodes-wrapper > .field__item,
  .comite-default-wrapper > .field--name-field-p-people > article,
  .comite-default-wrapper > .field--name-field-p-people > .field__item {
    flex-grow: 1;
    justify-content: space-around;
    margin-bottom: 3.7rem;
  }
}
.hug-nodes-wrapper.no-results,
.comite-default-wrapper > .field--name-field-p-people.no-results {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

.projects-nav {
  text-align: center;
  margin: 0 auto;
  width: 90%;
  display: flex;
  gap: 20px;
  justify-content: space-around;
  max-width: 25rem;
}

.container-wild .container {
  max-width: 1630px;
  padding: 0 1.5rem;
}

.other-articles-total-count {
  text-align: center;
  text-decoration: underline;
  width: 100%;
  margin-top: 2rem;
}

.flex {
  display: flex;
  gap: 20px;
}

.column-70 {
  flex: 70;
}

.column-30 {
  flex: 30;
}

.centered {
  text-align: center;
}

.relative-block {
  position: relative;
  overflow: hidden;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.block-hug-content-share-block {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  float: right;
}
@media all and (min-width: 62.375em) {
  .block-hug-content-share-block {
    display: block;
    float: none;
  }
}

.block-partager-cette-page {
  display: block;
}
@media all and (min-width: 62.375em) {
  .block-partager-cette-page {
    align-items: center;
    gap: 1.5rem;
    text-align: center;
    float: none;
  }
}

.content-social-share-links {
  margin: 0;
  padding: 0;
  display: inline-flex;
}
@media all and (min-width: 62.375em) {
  .content-social-share-links {
    display: block;
  }
}
.content-social-share-links a {
  background-position: left center;
}
.content-social-share-links a:before {
  display: inline-block;
  content: " ";
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
  margin-right: 1rem;
}
.content-social-share-links a.facebook {
  background-image: url("../images/icons/svg/facebook.svg");
}
.content-social-share-links a.twitter {
  background-image: url("../images/icons/svg/twitter.svg");
}
.content-social-share-links a.linkedin {
  background-image: url("../images/icons/svg/linkedin.svg");
}

.block-language ul li {
  display: inline-block;
  padding: 0;
}
.block-language ul li:first-child {
  margin-right: 1rem;
}
.block-language ul li a {
  display: block;
  height: 4rem;
  width: 4rem;
  background: rgba(27, 76, 147, 0.12);
  border-radius: 100%;
  text-align: center;
  color: #1B4C93;
  line-height: 4rem;
  text-transform: uppercase;
  padding: 0;
}
@media all and (min-width: 62.375em) {
  .block-language ul li a {
    padding: 0 0 0 0.8rem;
  }
}
.block-language ul li a:hover, .block-language ul li a:focus, .block-language ul li a.is-active {
  background: rgb(27, 76, 147);
  border-radius: 100%;
  text-align: center;
  color: #fff;
}

.video-hidden {
  display: none;
}

.full-dev-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block-field-blocknodeprojetfield-gallery-video h2 {
  max-width: 1000px;
  margin: 0 auto;
}

.img-left-text-right {
  position: relative;
}
@media all and (min-width: 62.375em) {
  .img-left-text-right .block-field-blocknodehomepagefield-multipes-links {
    float: left;
    margin-right: 3rem;
  }
}

@media all and (min-width: 62.375em) {
  .share-text-hide-on-desktop {
    display: none;
  }
}

.socials-links a {
  font-size: 0;
  display: block;
}
@media all and (min-width: 62.375em) {
  .socials-links a {
    font-size: 1.8rem;
  }
}

.shs-widget-container {
  display: block;
}

#block-fondation-page-title {
  position: relative;
}

#block-fondation-primary-local-tasks {
  z-index: 1;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
#block-fondation-primary-local-tasks .tabs {
  display: flex;
  gap: 2rem;
  justify-content: center;
  padding-top: 2rem;
}
#block-fondation-primary-local-tasks .tabs.primary {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#block-fondation-primary-local-tasks .tabs.primary li {
  background: white;
  padding: 8px 8px;
  border-radius: 8px;
}
#block-fondation-primary-local-tasks .tabs.primary .is-active a {
  font-weight: bold;
  border-bottom: 2px solid #E87200;
}

.block-hug-book-navigation {
  padding-bottom: 1rem;
}
@media all and (min-width: 62.375em) {
  .block-hug-book-navigation {
    padding-bottom: 3rem;
  }
}

.error {
  border: 1px solid red;
  box-shadow: 0 0 10px red;
}

.ajax-throbber.sk-double-bounce .sk-child {
  background-color: #1a4c93 !important;
}

.read-more-wrapper {
  text-align: center;
}

.qr-code-description {
  margin-left: 1.6rem;
}

.js-more-items-wrapper > .hug-nodes-wrapper {
  margin-top: 3rem;
}

.listing-slick-wrapper {
  position: relative;
  margin-top: 3rem;
}

.section-beige {
  background: #F6F3ED;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.section-beige .container .block-standard-title-text {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}

.block-standard-title-text .field--name-field-title {
  text-align: center;
  color: #E87200;
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 68px;
}
.block-standard-title-text .field--name-field-text {
  max-width: 820px;
  margin: 0 auto 4rem auto;
  color: #2F3032;
}
.block-standard-title-text .field--name-field-text p {
  max-width: 820px;
  margin: 0 auto;
  color: #2F3032;
}

.block-back-link {
  text-align: center;
}
.block-back-link a {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  background: url(../images/icons/arrow-left.svg) no-repeat center left;
  padding-left: 20px;
}
.block-back-link .field--name-field-cta {
  text-align: center;
  line-height: 2rem;
  border-bottom: 2px solid #E87200;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.dropdown-language-item {
  display: flex;
  flex-direction: column;
}
.dropdown-language-item li:nth-child(3) {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-top: 3rem;
  border-top: 1px solid #e6e6e6;
}
.dropdown-language-item li.secondary-action {
  height: auto;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 4.4rem 3.2rem;
  background: #fff;
}
.dropdown-language-item li:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 1px solid #e6e6e6;
}
.dropdown-language-item .js .dropbutton-widget .dropbutton {
  overflow: auto;
}

.main-menu-aside-desktop {
  gap: 3rem;
}

.field--name-field-icon-title {
  max-width: 70px;
}

.section-margin-bottom {
  margin-bottom: 4rem;
}
.section-margin-bottom.layout:last-child {
  margin-bottom: 4rem;
}

.sub-menu-mobile.full_width_wrapper {
  padding: 0;
  margin: 0;
  height: 0;
}
@media all and (min-width: 62.375em) {
  .sub-menu-mobile.full_width_wrapper {
    padding: inherit;
    margin: inherit;
    height: inherit;
  }
}
.sub-menu-mobile.full_width_wrapper .container {
  height: 0;
}
@media all and (min-width: 62.375em) {
  .sub-menu-mobile.full_width_wrapper .container {
    max-width: none;
    height: inherit;
  }
}

.section-join-us .field--name-field-title,
.section-join-us .block-field-blockblock-contentjoin-usfield-title {
  display: none;
}
@media all and (min-width: 62.375em) {
  .section-join-us .field--name-field-title,
  .section-join-us .block-field-blockblock-contentjoin-usfield-title {
    display: block;
  }
}
.section-join-us .text-formatted p {
  line-height: 28px;
  margin-bottom: 32px;
}
@media all and (min-width: 62.375em) {
  .section-join-us .text-formatted p {
    line-height: 32px;
  }
}
@media all and (min-width: 62.375em) {
  .section-join-us .layout__region--first {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.section-join-us .field--name-field-image {
  max-width: 250px;
  display: block;
  margin: auto;
}
@media all and (min-width: 62.375em) {
  .section-join-us .field--name-field-image {
    max-width: none;
  }
}

.field--name-field-icon-title {
  width: 76px;
  height: 76px;
  padding: 10px;
}
@media all and (min-width: 62.375em) {
  .field--name-field-icon-title {
    width: 100px;
    height: 100px;
    padding: 0;
    margin-top: 38px;
  }
}

.section-first-no-margin-on-mobile.full_width_wrapper {
  margin-top: 0;
  padding-top: 1rem;
}
@media all and (min-width: 62.375em) {
  .section-first-no-margin-on-mobile.full_width_wrapper {
    padding-top: inherit;
    margin-top: 34px;
  }
}

.block-job-menu-block {
  margin-top: 0;
}
@media all and (min-width: 62.375em) {
  .block-job-menu-block {
    margin-top: 30px;
  }
}

@media all and (min-width: 62.375em) {
  .soutien-collaborateurs .centered-content-block {
    width: 884px;
  }
}
.soutien-collaborateurs .centered-content-block {
  padding: 0;
}

.centered-content-block p,
.centered-content-block h5 {
  margin-top: 0;
  margin-bottom: 0;
}
@media all and (min-width: 62.375em) {
  .centered-content-block p,
  .centered-content-block h5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.width-1380 {
  max-width: 1410px;
  margin: 0 auto;
}

.back-media-class {
  color: #000;
  text-align: center;
  font-family: "Signika", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  border-bottom: 2px solid #E87200;
  display: inline-block;
  max-width: 327px;
  margin: 0 auto;
  background: url(../images/icons/back-media.svg) no-repeat center left;
  padding-left: 32px;
  padding-right: 24px;
}

.media-back-wrapper {
  max-width: 327px;
  text-align: center;
  margin: 0 auto 56px auto;
}

@media screen and (max-width: 991px) {
  .foj-google-translate {
    margin-top: 56px !important;
  }
  .sticky-button-cta-nous-soutenir.foj-google-translate {
    margin-top: 56px !important;
  }
  #flyout-menu-offcanvas.foj-google-translate ul .open .sub-menu {
    top: 56px !important;
  }
}
/* # Layout Builder */
/*
 * @file
 * Provides the layout styles for banner layout section.
 */
.layout-builder--content-preview-disabled .layout-builder-block {
  color: #585756;
}

.header-banner {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.top_header {
  display: flex;
  margin-top: 1rem;
}
.top_header .layout__region {
  margin-top: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .top_header .layout__region {
    margin-top: 3rem;
  }
}

.top_header-wrapper,
.sub_banner_wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 100%;
}

.top_header {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.sub_banner_wrapper {
  background: #F5F5F5;
  margin-bottom: 2em;
}

.sub_banner_inside {
  max-width: 1000px;
  margin: 1.5rem auto;
  display: flex;
  color: #585756;
  font-size: 1.8rem;
  flex-direction: column;
  padding: 0;
  gap: 2rem;
}
@media all and (min-width: 62.375em) {
  .sub_banner_inside {
    margin: 3rem auto;
    flex-direction: row;
    align-items: center;
  }
}
.sub_banner_inside .field {
  line-height: 2.5rem;
}
.sub_banner_inside .sub_banner_left {
  padding-left: 1.5rem;
}
@media all and (min-width: 62.375em) {
  .sub_banner_inside .sub_banner_left {
    padding: 0;
    flex: 1 0 67%;
  }
}
@media all and (min-width: 62.375em) {
  .sub_banner_inside .sub_banner_right {
    flex: auto;
  }
}

.full_width_wrapper {
  padding: 2rem 0;
  margin: 2rem 0;
}
@media all and (min-width: 62.375em) {
  .full_width_wrapper {
    padding: 4rem 0;
    margin: 4rem 0;
  }
}
.full_width_wrapper.slider-banner {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}
@media all and (min-width: 62.375em) {
  .full_width_wrapper.slider-banner {
    margin-bottom: 9.5rem;
  }
}

.layout--twocol-section.img-left-text-right {
  max-width: 149rem;
  margin: 0 1.2rem;
  flex-direction: column-reverse;
  padding: 1.5rem 0 0 0;
}
.layout--twocol-section.img-left-text-right p {
  color: #585756;
}
.layout--twocol-section.img-left-text-right .field--type-image {
  max-width: 100%;
}
.layout--twocol-section.img-left-text-right .field--type-image img {
  width: auto;
  max-width: 100%;
  margin: 2rem auto 0 auto;
  display: block;
  height: auto;
}
@media all and (min-width: 62.375em) {
  .layout--twocol-section.img-left-text-right {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    gap: 6rem;
    justify-content: flex-start;
    padding: 0 1.5rem;
  }
  .layout--twocol-section.img-left-text-right .layout__region--first {
    flex: 0 1 auto;
  }
  .layout--twocol-section.img-left-text-right .field--type-image {
    max-width: 100%;
  }
  .layout--twocol-section.img-left-text-right .field--type-image img {
    width: auto;
    margin: 0;
    height: auto;
  }
}
@media all and (min-width: 62.375em) and (max-width: 1380px-0.16 em) {
  .layout--twocol-section.img-left-text-right {
    gap: 3rem;
  }
}
.layout--twocol-section.img-left-text-right .layout__region--second {
  flex: 1 1;
}

.with-separator {
  margin-top: 1.85rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 3.7rem;
}
@media all and (min-width: 62.375em) {
  .with-separator {
    margin-top: 6rem;
    padding-top: 6rem;
  }
}

.section-bg-grey {
  margin: 3rem 0;
  background: #F5F5F5;
  padding: 3rem 0;
}
.section-bg-grey.sub_banner_full_width_wrapper, .section-bg-grey.sub_banner_wrapper {
  margin-top: 0;
  padding: 15px 0 15px 0;
}
.section-bg-grey.slim {
  margin: 3rem 0 0 0;
  padding: 2rem 0;
}
.section-bg-grey.hug-search__filters {
  margin-top: 0;
}
.section-bg-grey.content-center .layout__region--content {
  max-width: 1000px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .section-bg-grey.content-center .layout__region--content {
    padding-right: 0;
    padding-left: 0;
  }
  .section-bg-grey.content-center .layout__region--content h2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.section-bg-grey.large-content-center .container {
  max-width: 146rem;
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  width: 100%;
}
@media all and (min-width: 62.375em) {
  .section-bg-grey.large-content-center .container h2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}

.section-basic {
  margin: 1.7rem 0;
  padding: 1.7rem 0;
}
@media all and (min-width: 62.375em) {
  .section-basic {
    margin: 3rem 0;
    padding: 3rem 0;
  }
}

.teaser_listing_two_col .teaser_listing_inside {
  display: flex;
}
.teaser_listing_two_col .teaser_listing_inside > .layout__region {
  flex: 0 1 50%;
}

@media screen and (min-width: 40em) {
  .top_header-wrapper > .layout__region {
    flex: 0 1 33%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 33%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 67%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 75%;
  }
}
.simple-back-link-mobile-centered {
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: underline;
  font-style: italic;
  margin-top: 3rem;
}
.simple-back-link-mobile-centered a {
  color: #1a4c93;
}
@media all and (min-width: 62.375em) {
  .simple-back-link-mobile-centered {
    margin-bottom: 1.8rem;
  }
}

.sub_banner {
  margin-top: 0;
  padding: 0.2rem 0;
}
@media all and (min-width: 62.375em) {
  .sub_banner {
    margin-top: 0 !important;
  }
}

.top_header_right {
  padding-left: 1.5rem;
}

.layout:last-child {
  margin-bottom: 0;
}

.js-galerie-videos figure {
  margin: 0;
}
.field--name-field-gallery-video {
  position: relative;
}

.videos-control-prev-icon {
  position: absolute;
  left: 10%;
  z-index: 2;
  background: #1a4c93;
  padding: 0.5rem;
  top: 50%;
  cursor: pointer;
}

.videos-control-next-icon {
  position: absolute;
  right: 10%;
  z-index: 999;
  background: #1a4c93;
  padding: 0.5rem;
  top: 50%;
  cursor: pointer;
}

.overlay-left,
.overlay-right {
  position: absolute;
  z-index: 998;
  display: block;
  background-color: #fff;
  opacity: 0.5;
  width: 10%;
  top: 0;
  height: 100%;
}

.overlay-left {
  left: 0;
}

.overlay-right {
  right: 0;
}

.with-margin-bottom.layout {
  margin-bottom: 4.5rem;
}

.two-col {
  display: flex;
  flex-direction: column-reverse;
  max-width: 142rem;
  margin: 0 auto;
  padding-bottom: 10rem;
}
@media all and (min-width: 62.375em) {
  .two-col {
    margin-top: 14rem;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media all and (min-width: 62.375em) {
  .two-col .sidebar-left {
    margin: 0;
    max-width: 31rem;
    width: 100%;
    padding-left: 1.5rem;
  }
}
@media all and (min-width: 86.25em) {
  .two-col .sidebar-left {
    gap: 4rem;
    padding-left: 0;
  }
}
.two-col .page-structure-content {
  max-width: none;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
@media all and (min-width: 86.25em) {
  .two-col .page-structure-content {
    max-width: 105rem;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media all and (min-width: 62.375em) {
  .two-col .page-structure-content {
    width: 961px;
    padding-right: 1.5rem;
  }
}
.two-col .layout__region--left-logos {
  text-align: center;
}
.two-col .layout__region--left-logos img {
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto;
}
.two-col .layout__region--left--description .field {
  margin-bottom: 1.6rem;
}
.two-col .layout__region--left--description .field p {
  margin: 0;
}
.two-col .layout__region--left--description .field__label {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #E87200;
  margin-bottom: 1.6rem;
}
@media all and (min-width: 62.375em) {
  .two-col .layout__region--left--description {
    margin-top: 2rem;
    background: #FFFFFF;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 4rem 2rem 2rem 2rem;
  }
}
@media all and (min-width: 62.375em) {
  .two-col .field--name-field-geoloc .field__item {
    height: 18rem;
  }
}

.two-col-simple {
  display: flex;
  flex-direction: column-reverse;
  max-width: 142rem;
  margin: 0 auto;
  padding-bottom: 10rem;
}
@media all and (min-width: 62.375em) {
  .two-col-simple {
    margin-top: 14rem;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media all and (min-width: 62.375em) {
  .two-col-simple .sidebar-left {
    margin: 0;
    max-width: 31rem;
    width: 100%;
    padding-left: 1.5rem;
  }
}
@media all and (min-width: 86.25em) {
  .two-col-simple .sidebar-left {
    gap: 4rem;
    padding-left: 0;
  }
}
.two-col-simple .layout__region--left-logos {
  text-align: center;
}
.two-col-simple .layout__region--left-logos img {
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto;
}
.two-col-simple .layout__region--left--description .field {
  margin-bottom: 1.6rem;
}
.two-col-simple .layout__region--left--description .field p {
  margin: 0;
}
.two-col-simple .layout__region--left--description .field__label {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #E87200;
  margin-bottom: 1.6rem;
}
@media all and (min-width: 62.375em) {
  .two-col-simple .layout__region--left--description {
    margin-top: 2rem;
    background: #FFFFFF;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 4rem 2rem 2rem 2rem;
  }
}
@media all and (min-width: 62.375em) {
  .two-col-simple .field--name-field-geoloc .field__item {
    height: 18rem;
  }
}
.two-col-simple .page-structure-content {
  max-width: none;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
@media all and (min-width: 86.25em) {
  .two-col-simple .page-structure-content {
    max-width: 105rem;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media all and (min-width: 62.375em) {
  .two-col-simple .page-structure-content {
    width: 961px;
    padding-right: 1.5rem;
  }
}

.page-node-type-page-missions .cart-structure {
  margin-bottom: 1rem;
}
.page-node-type-page-missions .layout__region--left--description .field {
  margin-bottom: 1.6rem;
}
.page-node-type-page-missions .layout__region--left--description .field p {
  margin: 0;
}
.page-node-type-page-missions .layout__region--left--description .cart-structure .layout__region--top-second {
  min-height: 0;
}
.page-node-type-page-missions .layout__region--left--description .cart-structure .layout__region--top-second h3 {
  margin-bottom: 2rem;
}
.page-node-type-page-missions .layout__region--left--description .field__label {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #E87200;
  margin-bottom: 1.6rem;
}
@media all and (min-width: 62.375em) {
  .page-node-type-page-missions .layout__region--left--description {
    margin-top: 0;
    margin-bottom: 2rem;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
}
.page-node-type-page-missions .layout__region--left--description .layout__region--bottom {
  margin-top: 0;
}
.page-node-type-page-missions .layout__region--left--description .cart-structure .field--label-inline {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.page-node-type-page-missions .layout__region--left--description .btn.btn-read-more {
  padding: 0;
}

.block-more-structures-block {
  text-align: center;
}
.block-more-structures-block a {
  color: #E87200;
  border-bottom: 1px solid;
  line-height: 2rem;
}

.layout--twocol-section.section-join-us {
  max-width: 1100px;
  margin: 0 auto;
}
.layout--twocol-section.section-join-us .layout__region--first {
  margin-bottom: 4rem;
}
@media all and (min-width: 62.375em) {
  .layout--twocol-section.section-join-us .layout__region--first {
    margin-bottom: 0;
    position: relative;
  }
  .layout--twocol-section.section-join-us .layout__region--first:after {
    display: block;
    content: "";
    background: url(../images/icons/circle-50-green.svg) no-repeat;
    width: 140px;
    height: 140px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -90px;
  }
}

.section-contact {
  max-width: 1100px;
  margin: 0 auto 10rem auto;
  gap: 2rem;
}
.section-contact.full_width_wrapper {
  padding: 0;
}
@media all and (min-width: 62.375em) {
  .section-contact {
    margin: 0 auto;
    padding: 0;
  }
}
@media all and (min-width: 62.375em) {
  .section-contact.layout__region--second {
    padding-left: 57px;
  }
}
.section-contact .field--name-field-title {
  font-family: "Signika", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: #576574;
  margin-bottom: 4rem;
  text-align: center;
}
@media all and (min-width: 62.375em) {
  .section-contact .field--name-field-title {
    font-size: 32px;
    line-height: 68px;
    text-align: left;
  }
}
.section-contact .field--name-field-image img {
  height: auto;
}
.section-contact .layout__region--second {
  padding-right: 1rem;
  padding-left: 1rem;
}
@media all and (min-width: 62.375em) {
  .section-contact .layout__region--second {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
.section-contact .field--name-field-text {
  color: #576574;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  margin-top: 24px;
  margin-bottom: 22px;
}
@media all and (min-width: 62.375em) {
  .section-contact .field--name-field-text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.section-contact .field--name-field-text p {
  margin-bottom: 1rem;
}
@media all and (min-width: 62.375em) {
  .section-contact .field--name-field-text p {
    margin-bottom: 2.2rem;
  }
}

.layout__region--right-tags {
  display: block;
  width: 100%;
  clear: both;
  overflow: auto;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.layout__region--right-tags .field__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 0.75rem 2rem;
  color: #000;
  background: #FEEFE1;
  border: 1px solid #E87200;
  border-radius: 48px;
  float: left;
  margin-right: 2rem;
  margin-bottom: 1rem;
}

.page-structure-content .field--name-field-geographic-pole.field__item {
  font-size: 1.8rem;
  border: none;
  background: transparent;
  background: url(../images/icons/position.svg) no-repeat left center;
  padding: 0.5rem 0 0.5rem 3rem;
}

.layout__region--right-tags .field--name-field-geographic-pole.field__item {
  line-height: 2.5rem;
}

#block-fondation-content {
  padding-top: 4.7rem;
}
@media all and (min-width: 62.375em) {
  #block-fondation-content {
    padding-top: 0;
  }
}

.section-no-margin-top {
  margin-top: 0 !important;
}

.our-news-section .container {
  padding-right: 0;
  padding-left: 2.4rem;
}
@media all and (min-width: 62.375em) {
  .our-news-section .container {
    padding-right: 0;
    padding-left: 0;
  }
}

.our-various-missions .layout__region--content {
  padding-right: 0;
  padding-left: 1rem;
}
@media all and (min-width: 62.375em) {
  .our-various-missions .layout__region--content {
    padding-right: 0;
    padding-left: 0;
  }
}

.year-figures .layout__region--content {
  padding-right: 0;
  padding-left: 1rem;
}
@media all and (min-width: 62.375em) {
  .year-figures .layout__region--content {
    padding-right: 0;
    padding-left: 0;
  }
}
.year-figures .layout__region--content .container {
  max-width: 1402px;
  padding-right: 0;
  padding-left: 0;
}

.captcha {
  padding: 0;
  margin-top: 2rem;
}
.captcha legend {
  display: none;
}
.captcha .captcha__description {
  margin-top: 1rem;
}

.webform-submission-formulaire-de-contact-form label {
  color: #576574;
}
.webform-submission-formulaire-de-contact-form select {
  width: 100%;
  padding: 1.5rem 1rem;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: 8px;
  line-height: 3rem;
  height: 6rem;
  color: #576574;
  margin-bottom: 0;
}
.webform-submission-formulaire-de-contact-form .js-form-type-select {
  margin-bottom: 0;
}

.layout-builder {
  background: transparent;
}

.layout-top-content {
  max-width: 1353px;
  margin: 0 auto;
}
.layout-top-content #block-fondation-help p {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}

form.entity-view-display-layout-builder-form, form.node-layout-builder-form {
  max-width: 1353px;
  margin: 0 auto;
}

.layout-builder {
  margin: 0 auto;
}

.layout-builder__add-section {
  outline: 1px grey dashed;
  display: inline-block;
  width: auto;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
}

.layout-builder__add-block {
  display: block;
  width: auto;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 1.4rem;
  max-width: 180px;
  margin: 1rem auto;
}

.layout-builder-block__content-preview-placeholder-label {
  font-size: 1.6rem;
  text-transform: capitalize;
  background: #1a4c93;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 20px;
}

.layout-builder__region {
  border-radius: 20px;
  border: 1px dashed #1a4c93;
  outline: none;
}
.layout-builder__region[data-region=image_header] {
  border: none;
}
.layout-builder__region[data-region=image_header] .layout-builder__add-block {
  display: none;
}

.layout-builder-block {
  background: transparent;
  border: none;
}

.layout-builder {
  border: none;
}

.layout-builder__message--defaults,
.layout-builder__message--overrides {
  display: none;
}

.layout-builder--content-preview-disabled .layout-builder-block {
  border: none;
}

.layout-builder-block {
  padding: 0.5em;
}

.js-layout-builder-region .layout-builder__region-label,
.js-layout-builder-region .layout-builder__add-block,
.js-layout-builder-region .layout-builder__link {
  text-align: center;
}

/* # Admin Path (Layout Builder) */
.compose-tips {
  max-width: 1200px;
  margin: 0 auto;
}
.compose-tips table td {
  border: 1px solid;
  padding: 1rem;
}

@media (min-width: 61em) {
  .flyout-menu .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }
}
/*# sourceMappingURL=styles.css.map */