@charset "UTF-8";
/* Copie partielle de Bootstrap 4.5.2 avec des éléments modifiés */
@import url("https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600;700&display=swap");
.container, .container-fluid {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}

[class*=col-] {
  position: relative;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

[class*=col-nopadding] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.d-none {
  display: none !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

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

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

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.overflow-hidden {
  overflow: hidden;
}

/* Extra small devices (phones, 575px and below) */
@media only screen and (max-width: 575px) {
  [class*=col-xs-nopadding] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Small devices (tablet, 576px and up) */
@media only screen and (min-width: 576px) {
  .container, .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container {
    max-width: 540px;
  }

  .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

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

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

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

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }

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

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .justify-content-sm-center {
    justify-content: center;
  }
}
/* Medium devices (tablet, 768px and up) */
@media only screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }

  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

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

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

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

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

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

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

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

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

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

  .justify-content-md-center {
    justify-content: center;
  }

  .cursor-pointer-md {
    cursor: pointer;
  }
}
/* Large devices (laptop, 992px and up) */
@media only screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }

  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

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

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

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

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }

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

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}
/* Extralarge devices (desktop, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }

  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

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

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

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

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}
/* Extraextralarge devices (desktop, 1400px and up) */
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }

  .col-xxl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xxl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xxl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.666667%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.666667%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.666667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.666667%;
  }

  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  margin: 0;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  color: #0A1E2E;
}
body.has-bandeau-infos {
  padding-top: 30px;
}
body.has-bandeau-infos #header #block-base-theme-entete {
  top: 30px;
}

img {
  width: 100%;
  height: auto;
}

sup {
  line-height: initial;
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.container-iframe .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.remote-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.remote-video .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

p.alerte {
  position: relative;
  text-indent: 26px;
  color: #FF9C00;
}
p.alerte::before {
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  left: -26px;
  top: -2px;
  font-size: 22px;
}

/*:target:before {
    content: "";
    display: block;
    height: 50px;
    margin: -50px 0 0;
}*/
:target {
  scroll-margin-top: 120px;
}

* {
  box-sizing: border-box;
}

.listing-sit .form-dispo-wrapper .resume .recherche-open::after, .listing-sit .form-dispo-wrapper .resume .dates::after, .listing-sit .form-dispo-wrapper .resume .dates::before, .listing-sit .form-dispo-wrapper .resume .type::before, .listing-sit .form-dispo-wrapper .resume .capacite::before, #faq .question-reponse .question::after, .cardBottomSite.popup .lien::after, .cardBottomSite .close, #tunnel #page-confirmation .encart-camping .texte .ouvrir-carte-camping::before, #tunnel #page-confirmation .encart-camping .texte .capacite::before, #tunnel #page-confirmation .encart-camping .texte .dates::before, #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li::before, #tunnel .etape-tunnel#resume .payment-methods-form .message-securite::after, #tunnel #wrapper-details-reservation .col-wrapper .content .adresse::before, #tunnel #wrapper-details-reservation .col-wrapper .content .capacite::before, #tunnel #wrapper-details-reservation .col-wrapper .content .dates::before, #tunnel #wrapper-details-reservation .close, #tunnel #wrapper-moyens-paiement .close, #tunnel .wrapper-cgv .close, #tunnel #resume-reservation .row .dates::before, #tunnel > .header .title-camping .securise::before, #header .menu .menu-open::before, #popup-open .label::after, #bandeau-infos .icone, #bandeau-infos::after, .select2-container--default .select2-selection--single .select2-selection__arrow::after, .material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

h1, .titre-h1 {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  color: #0A1E2E;
  font-size: 1.875rem;
  line-height: 40px;
}

h2, .titre-h2, h3, .titre-h3 {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  color: #0A1E2E;
}
h2 a, .titre-h2 a, h3 a, .titre-h3 a {
  color: #0A1E2E;
  text-decoration: none;
}

h2, .titre-h2 {
  font-size: 1.5rem;
  line-height: 31px;
  margin-bottom: 15px;
}

h3, .titre-h3 {
  font-size: 1rem;
  line-height: 21px;
  color: #174166;
  margin: 10px 0 5px 0;
}
h3 a, .titre-h3 a {
  color: #174166;
}

.etape-tunnel#informations-personnelles form .form-actions .form-submit, .etape-tunnel#resume form .form-actions .form-submit, .espace-client form .form-actions .form-submit {
  height: 50px;
  text-align: center;
  cursor: pointer;
  border: none;
  background: transparent linear-gradient(90deg, #FF9C00 0%, #FFB232 100%) 0% 0% no-repeat padding-box;
  border-radius: 0;
  display: inline-block;
  text-decoration: none;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 50px;
  padding-left: 13px;
  padding-right: 13px;
}
.etape-tunnel#informations-personnelles form .form-actions .form-submit:hover, .etape-tunnel#resume form .form-actions .form-submit:hover, .espace-client form .form-actions .form-submit:hover {
  background: #FF9C00;
}

.bouton {
  height: 50px;
  text-align: center;
  cursor: pointer;
  border: none;
  background: transparent linear-gradient(90deg, #FF9C00 0%, #FFB232 100%) 0% 0% no-repeat padding-box;
  border-radius: 0;
  display: inline-block;
  text-decoration: none;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 50px;
  padding-left: 13px;
  padding-right: 13px;
}
.bouton:hover {
  background: #FF9C00;
}

.etape-tunnel#informations-personnelles form .form-actions #edit-cancel, .etape-tunnel#informations-personnelles form .form-actions #lien-etape-precedente, .etape-tunnel#resume form .form-actions #edit-cancel, .etape-tunnel#resume form .form-actions #lien-etape-precedente, .espace-client form .form-actions #edit-cancel, .espace-client form .form-actions #lien-etape-precedente {
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #0A1E2E;
  background: #ffffff;
  border-radius: 0;
  display: inline-block;
  text-decoration: none;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  padding-left: 13px;
  padding-right: 13px;
}
.etape-tunnel#informations-personnelles form .form-actions #edit-cancel a, .etape-tunnel#informations-personnelles form .form-actions #lien-etape-precedente a, .etape-tunnel#resume form .form-actions #edit-cancel a, .etape-tunnel#resume form .form-actions #lien-etape-precedente a, .espace-client form .form-actions #edit-cancel a, .espace-client form .form-actions #lien-etape-precedente a {
  color: #0A1E2E;
}
.etape-tunnel#informations-personnelles form .form-actions #edit-cancel:hover, .etape-tunnel#informations-personnelles form .form-actions #lien-etape-precedente:hover, .etape-tunnel#resume form .form-actions #edit-cancel:hover, .etape-tunnel#resume form .form-actions #lien-etape-precedente:hover, .espace-client form .form-actions #edit-cancel:hover, .espace-client form .form-actions #lien-etape-precedente:hover {
  background: #0A1E2E;
  color: #ffffff;
}
.etape-tunnel#informations-personnelles form .form-actions #edit-cancel:hover a, .etape-tunnel#informations-personnelles form .form-actions #lien-etape-precedente:hover a, .etape-tunnel#resume form .form-actions #edit-cancel:hover a, .etape-tunnel#resume form .form-actions #lien-etape-precedente:hover a, .espace-client form .form-actions #edit-cancel:hover a, .espace-client form .form-actions #lien-etape-precedente:hover a {
  color: #ffffff;
}

.boutonBlanc {
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #0A1E2E;
  background: #ffffff;
  border-radius: 0;
  display: inline-block;
  text-decoration: none;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  padding-left: 13px;
  padding-right: 13px;
}
.boutonBlanc a {
  color: #0A1E2E;
}
.boutonBlanc:hover {
  background: #0A1E2E;
  color: #ffffff;
}
.boutonBlanc:hover a {
  color: #ffffff;
}

.bouton .material-icons, .boutonBlanc .material-icons {
  position: relative;
  top: 38%;
  transform: translate(0, -50%);
  margin-right: 10px;
}

.select2-container--default .select2-selection--single {
  border-radius: 12px;
  background: #ffffff;
  height: 56px;
  line-height: 56px;
  border: 1px solid #505050;
  position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 56px;
  padding-right: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 56px;
  top: 7px;
  right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "arrow_drop_down";
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single {
  border-radius: 0 0 0 0 !important;
  border-bottom: none !important;
}

.select2-container--open .select2-dropdown {
  background: none !important;
  border: none !important;
}
.select2-container--open .select2-dropdown .select2-search {
  height: 56px;
  line-height: 56px;
  padding: 0;
}
.select2-container--open .select2-dropdown .select2-search .select2-search__field {
  padding: 0 15px;
  height: 56px;
  line-height: 56px;
}

.select2-results__options {
  box-shadow: 0 3px 30px #01535129;
  border: 1px solid #06171E4D;
  border-top: none;
  border-radius: 0 0 0 0;
  padding-top: 0;
  background: #ffffff;
}
.select2-results__options .select2-results__option {
  height: 56px;
  line-height: 56px;
  padding: 0 10px;
  background: #ffffff !important;
  color: #0A1E2E !important;
}
.select2-results__options .select2-results__option:nth-child(2n) {
  background: #F9F5F1 !important;
}
.select2-results__options .select2-results__option:hover {
  background: #17416610 !important;
}

.overlay-wrapper {
  position: fixed;
  right: 0;
  left: 0;
  top: -150%;
  height: 100vh;
  transition: top 0.2s linear;
  background: #F9F5F1;
  z-index: 11;
  overflow-x: hidden;
  overflow-y: scroll;
}
.overlay-wrapper::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.overlay-wrapper.active {
  top: 0;
}
.overlay-wrapper .header {
  border-bottom: 1px solid #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 23px;
  z-index: 2;
}
.overlay-wrapper .close {
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.overlay-wrapper .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: #0A1E2E;
  z-index: -1;
}
.overlay-wrapper .header {
  background: #ffffff;
  padding: 28px 30px;
  position: sticky;
  top: 0;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider {
  position: relative;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .btn-slide {
  display: block;
  position: absolute;
  top: 60px;
  color: #ffffff;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .btn-slide::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: -1;
  background: #0A1E2E;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .btn-slide.slide-left {
  left: 13px;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .btn-slide.slide-right {
  right: 13px;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .pagination {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 10px;
  background: #FF9C00;
  padding: 10px;
  display: inline-block;
  width: fit-content;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .items {
  padding: 0;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .items .item {
  margin: 0;
  width: 100vw;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .items .item .title {
  margin-top: 80px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 18px;
  text-align: center;
  width: calc(100% - 150px);
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .items .item > div {
  width: 100vw;
}
.overlay-wrapper.visites-virtuelles-wrapper .slider .items .item .container-iframe {
  margin-top: 80px;
}
.overlay-wrapper.popup-sauvegarde {
  background: #ffffff;
  text-align: left;
}
.overlay-wrapper.popup-sauvegarde .content {
  padding: 30px;
}
.overlay-wrapper.popup-sauvegarde .content .wrapper-mail {
  margin-top: 20px;
  position: relative;
  padding-left: 45px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #0A1E2E;
  margin-bottom: 10px;
}
.overlay-wrapper.popup-sauvegarde .content .wrapper-mail .material-icons {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 12px;
}
.overlay-wrapper.popup-sauvegarde .content .wrapper-mail input {
  border: none;
  width: 100%;
}
.overlay-wrapper.popup-sauvegarde .content .confirmation {
  margin-bottom: 15px;
  font-style: italic;
  color: #24881B;
}
.overlay-wrapper.popup-sauvegarde .content .validation-mail {
  width: 100%;
}
.overlay-wrapper.popup-sauvegarde .content .wrapper-checkbox {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}
.overlay-wrapper.popup-sauvegarde .content .wrapper-checkbox input {
  margin-right: 20px;
}
.overlay-wrapper.popup-sauvegarde .content .col-image img {
  display: block;
}
.overlay-wrapper.popup-sauvegarde .content .col-texte {
  padding: 20px;
  background: #F9F5F1;
}
.overlay-wrapper.popup-sauvegarde .content .col-texte .nom-hebergement {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.overlay-wrapper.popup-sauvegarde .content .col-texte .caracteristiques {
  column-count: 2;
  text-align: left;
}
.overlay-wrapper.popup-sauvegarde .content .col-texte .caracteristiques li {
  list-style-type: none;
}

#bandeau-infos {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 11;
  background: #F9F5F1;
}
#bandeau-infos::after {
  content: "expand_more";
  position: absolute;
  top: 5px;
  right: 10px;
}
#bandeau-infos .icone {
  position: absolute;
  top: 3px;
  left: 5px;
}
#bandeau-infos .sujets {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.6875rem;
  line-height: 30px;
  text-align: center;
}
#bandeau-infos .sujets .sujet {
  display: inline-block;
}
#bandeau-infos .sujets .sujet:nth-child(2) {
  padding-left: 22px;
  position: relative;
}
#bandeau-infos .sujets .sujet:nth-child(2)::before {
  content: "•";
  position: absolute;
  left: 7px;
}
#bandeau-infos .infos {
  text-align: center;
  max-height: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0s;
  transition-delay: 0s;
}
#bandeau-infos .infos a {
  text-decoration: underline;
}
#bandeau-infos.niveau1 {
  background: #E7EBEF;
}
#bandeau-infos.niveau1::after, #bandeau-infos.niveau1 .icone, #bandeau-infos.niveau1 .sujets, #bandeau-infos.niveau1 .sujets .sujet:nth-child(2)::before, #bandeau-infos.niveau1 .infos, #bandeau-infos.niveau1 a {
  color: #FF9C00;
}
#bandeau-infos.niveau2 {
  background: #174166;
}
#bandeau-infos.niveau2::after, #bandeau-infos.niveau2 .icone, #bandeau-infos.niveau2 .sujets, #bandeau-infos.niveau2 .sujets .sujet:nth-child(2)::before, #bandeau-infos.niveau2 .infos, #bandeau-infos.niveau2 a {
  color: #ffffff;
}
#bandeau-infos.niveau3 {
  background: #FF9C00;
}
#bandeau-infos.niveau3 .icone, #bandeau-infos.niveau3 .sujets, #bandeau-infos.niveau3 .sujets .sujet:nth-child(2)::before, #bandeau-infos.niveau3 a {
  color: #000000;
}
#bandeau-infos.expanded::after {
  content: "expand_less";
}
#bandeau-infos.expanded .infos {
  max-height: 500px;
}

#popup-open {
  position: fixed;
  cursor: pointer;
  height: 50px;
  width: 50px;
  box-shadow: 0 0 4px #01535129;
  border-radius: 16px;
  right: 15px;
  z-index: 9;
  bottom: 100px;
}
#popup-open .label {
  display: none;
  background: #ffffff;
  box-shadow: 0 0 4px #01535129;
  padding: 10px;
  border-radius: 10px;
  right: 55px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#popup-open .label::after {
  content: "play_arrow";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 15px;
  right: -9px;
  color: white;
}
#popup-open .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider-tags {
  overflow-x: auto;
  flex-wrap: nowrap;
  display: flex;
  margin-bottom: 20px;
  overflow-y: hidden;
}
.slider-tags::-webkit-scrollbar {
  height: 0;
}
.slider-tags .tag {
  margin-right: 10px;
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #0A1E2E;
  color: #0A1E2E;
  white-space: nowrap;
}
.slider-tags .tag.active {
  background: #0A1E2E;
  color: #ffffff;
}

.slider-descriptions .description {
  display: block;
  font-size: 0.75rem;
  line-height: 16px;
  padding-top: 10px;
  border-top: 1px solid #0A1E2E;
}
.slider-descriptions .description.hide {
  display: none;
}

#header {
  padding-top: 60px;
}
#header nav[role=navigation] {
  padding-left: 15px;
  padding-right: 15px;
}
#header nav[role=navigation] ol {
  list-style-type: none;
  padding: 0;
  margin: 6px 0 6px 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#header nav[role=navigation] ol::-webkit-scrollbar {
  height: 0;
}
#header nav[role=navigation] ol::-webkit-scrollbar-thumb {
  background: none;
}
#header nav[role=navigation] ol::-webkit-scrollbar-track {
  background: none;
}
#header nav[role=navigation] ol li {
  font-size: 0.875rem;
  line-height: 16px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
#header nav[role=navigation] ol li a {
  text-decoration: underline;
  color: #0A1E2E;
}
#header nav[role=navigation] ol li::after {
  content: "";
  background: #FF9C00;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -8px;
}
#header nav[role=navigation] ol li:last-child {
  margin-right: 0;
}
#header nav[role=navigation] ol li:last-child::after {
  display: none;
}
#header nav[role=navigation] ol li:last-child a {
  text-decoration: none;
  color: #174166;
}
#header #block-base-theme-entete {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  box-shadow: 0 2px 6px #0A1E2E29;
  z-index: 11;
}
#header #block-base-theme-entete.menu-opened {
  z-index: 20;
}
#header .menu .menu-open {
  margin: 5px 0 0 5px;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.5rem;
  line-height: 10px;
  background: #FF9C00;
  border-radius: 0;
  width: 50px;
  height: 50px;
  padding-top: 7px;
}
#header .menu .menu-open::before {
  content: "menu";
  display: block;
}
#header .menu .menu-liens {
  position: fixed;
  top: 0;
  left: -100%;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  right: 20px;
  overflow-y: auto;
  transition: left 0s linear;
  background: #ffffff;
  z-index: 11;
  padding-top: 100px;
}
#header .menu .menu-liens.active {
  left: 0;
}
#header .menu .menu-liens.active .menu-close {
  position: fixed;
}
#header .menu .menu-liens .menu-close {
  cursor: pointer;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  padding-top: 13px;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.5rem;
  line-height: 10px;
  border-radius: 0;
  background: #0A1E2E;
  color: #ffffff;
}
#header .menu .menu-liens .menu-close::before {
  content: "close";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  display: block;
}
#header .menu .menu-liens .nav > ul {
  margin: 0 0 0 30px;
  padding: 0;
  list-style-type: none;
}
#header .menu .menu-liens .nav > ul > li {
  font-size: 1.125rem;
  line-height: 20px;
  margin-bottom: 30px;
  position: relative;
}
#header .menu .menu-liens .nav > ul > li a {
  color: #0A1E2E;
  text-decoration: none;
}
#header .menu .menu-liens .nav > ul > li .more, #header .menu .menu-liens .nav > ul > li .less {
  position: absolute;
  top: 0;
  right: 25px;
  color: #0A1E2E;
}
#header .menu .menu-liens .nav > ul > li .less {
  display: none;
}
#header .menu .menu-liens .nav > ul > li > ul {
  max-height: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0s;
  transition-delay: 0s;
}
#header .menu .menu-liens .nav > ul > li.expanded > span::after {
  transform: translate(0, -50%) matrix(-1, 0, 0, -1, 0, 0);
}
#header .menu .menu-liens .nav > ul > li.expanded > ul {
  max-height: 5000px;
}
#header .menu .menu-liens .nav > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#header .menu .menu-liens .nav > ul > li ul li {
  margin: 30px 0 0 0;
  font-size: 0.875rem;
  line-height: 16px;
}
#header .logo {
  width: 110px;
  height: 42px;
  margin-top: 9px;
  margin-left: 15px;
}
#header .logo .icon {
  height: 100%;
  width: 100%;
  background: url(../images/logo.svg) no-repeat;
  background-size: contain;
  display: inline-block;
}
#header .contacts-open, #header .contacts-open-desktop {
  position: absolute;
  top: 18px;
  right: 100px;
}
#header .contacts-open::before, #header .contacts-open-desktop::before {
  content: "support_agent";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}
#header .lien-compte-utilisateur {
  position: absolute;
  top: 18px;
  right: 65px;
  color: #0A1E2E;
}
#header .lien-compte-utilisateur::before {
  content: "account_circle";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}
#header .selecteur-langue {
  position: absolute;
  top: 16px;
  right: 20px;
}
#header .selecteur-langue .language-switcher-language-url {
  margin: 0;
  list-style-type: none;
  padding: 6px;
  position: relative;
  top: 0;
  background: #ffffff;
  text-align: center;
  z-index: 1;
}
#header .selecteur-langue .language-switcher-language-url li {
  display: none;
  margin-bottom: 10px;
  width: 24px;
  height: 18px;
}
#header .selecteur-langue .language-switcher-language-url li a {
  display: inline-block;
  color: transparent;
  width: 24px;
  height: 18px;
}
#header .selecteur-langue .language-switcher-language-url li[hreflang=de] a {
  background: url(/themes/base_theme/images/drapeau-AL.svg) no-repeat;
}
#header .selecteur-langue .language-switcher-language-url li[hreflang=en-gb] a {
  background: url(/themes/base_theme/images/drapeau-EN.svg) no-repeat;
}
#header .selecteur-langue .language-switcher-language-url li[hreflang=es] a {
  background: url(/themes/base_theme/images/drapeau-ESP.svg) no-repeat;
}
#header .selecteur-langue .language-switcher-language-url li[hreflang=fr] a {
  background: url(/themes/base_theme/images/drapeau-FR.svg) no-repeat;
}
#header .selecteur-langue .language-switcher-language-url li[hreflang=nl] a {
  background: url(/themes/base_theme/images/drapeau-NL.svg) no-repeat;
}
#header .selecteur-langue .language-switcher-language-url li:first-child {
  display: block;
}
#header .selecteur-langue .language-switcher-language-url li:last-child {
  margin-bottom: 0;
}
#header .selecteur-langue:hover {
  height: initial;
  background: #ffffff;
}
#header .selecteur-langue:hover .language-switcher-language-url {
  box-shadow: 0 0 4px #01535129;
  border-radius: 0;
}
#header .selecteur-langue:hover .language-switcher-language-url li {
  display: block;
}
#header #infos-contact-mobile .tel {
  display: block;
  background: #0A1E2E;
  color: #ffffff;
}
#header #infos-contact-mobile .tarif-appel {
  font-size: 0.75rem;
  line-height: 14px;
}
#header #infos-contact-mobile .tel, #header #infos-contact-mobile .tarif-appel {
  margin-bottom: 10px;
}
#header #infos-contact-mobile .mail {
  float: right;
  color: #0A1E2E;
}

.dispo-form {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #0A1E2E;
}
.dispo-form .anchor {
  position: fixed;
  overflow: hidden;
  z-index: 5;
  background: #FF9C00;
  border: 10px solid #FF9C00;
  border-radius: 0;
  bottom: -50px;
  left: 15px;
  cursor: pointer;
  transition: bottom 0.2s ease-in-out;
  display: inline-block;
  color: #000000;
  text-decoration: none;
}
.dispo-form.not-visible .anchor {
  bottom: 15px;
}
.dispo-form .form-wrapper {
  padding: 0;
  position: relative;
}
.dispo-form .form-wrapper .loupe {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  right: 11px;
  color: #0A1E2E;
  bottom: 11px;
}
.dispo-form .date-range-picker {
  border-radius: 0;
  background: #ffffff;
  height: 50px;
  line-height: 50px;
  margin-bottom: 12px;
  position: relative;
  padding-left: 48px;
}
.dispo-form .date-range-picker input {
  border: none;
  width: 100%;
  outline: none;
}
.dispo-form .date-range-picker::before {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10px;
  color: #0A1E2E;
}
.dispo-form .form-item-type .select2-container--default, .dispo-form .form-item-personnes .select2-container--default {
  width: 100% !important;
  margin-bottom: 12px;
}
.dispo-form .form-item-type .select2-container--default .select2-selection--single, .dispo-form .form-item-personnes .select2-container--default .select2-selection--single {
  border-radius: 0;
  background: #ffffff;
  height: 50px;
  line-height: 50px;
  padding-left: 48px;
  border: none;
}
.dispo-form .form-item-type .select2-container--default .select2-selection--single::before, .dispo-form .form-item-personnes .select2-container--default .select2-selection--single::before {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: #0A1E2E;
  left: 10px;
}
.dispo-form .form-item-type .select2-container--default .select2-selection--single .select2-selection__rendered, .dispo-form .form-item-personnes .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 0.875rem;
  line-height: 50px;
}
.dispo-form .form-item-type .select2-container--default .select2-selection--single .select2-selection__arrow, .dispo-form .form-item-personnes .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;
}
.dispo-form .form-item-type .select2-container--default .select2-selection--single::before {
  content: "night_shelter";
}
.dispo-form .form-item-personnes .select2-container--default .select2-selection--single::before {
  content: "family_restroom";
}
.dispo-form .form-submit {
  width: 100%;
}
.dispo-form .date-range-picker {
  padding: 0 5px;
}
.dispo-form .date-range-picker::before {
  content: "event";
  z-index: 0;
}
.dispo-form .date-range-picker .date-range-picker-input {
  padding: 10px 5px 10px 50px;
  position: relative;
  font-size: 0.875rem;
  line-height: 50px;
  z-index: 1;
}

#block-base-theme-entetepage {
  position: relative;
}
#block-base-theme-entetepage img {
  width: 100%;
}
#block-base-theme-entetepage .wrapper #start-video {
  cursor: pointer;
  display: inline-block;
}
#block-base-theme-entetepage .wrapper .content {
  text-align: center;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
}
#block-base-theme-entetepage .wrapper .content .titre-h1 {
  color: #ffffff;
}
#block-base-theme-entetepage .wrapper .content .titre-h1 .suffix {
  display: block;
}
#block-base-theme-entetepage .wrapper .wrapper-image {
  position: relative;
}
#block-base-theme-entetepage .wrapper .wrapper-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: transparent linear-gradient(0deg, #000000CC 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}
#block-base-theme-entetepage .wrapper .wrapper-image picture img {
  display: block;
}
#block-base-theme-entetepage .wrapper.no-image .content {
  position: static;
  transform: none;
}
#block-base-theme-entetepage .wrapper.no-image .content .titre-h1 {
  color: #0A1E2E;
}
#block-base-theme-entetepage .wrapper .has-video-link {
  position: relative;
}
#block-base-theme-entetepage .wrapper .has-video-link #start-video .material-icons {
  position: relative;
  top: 5px;
}
#block-base-theme-entetepage .wrapper .images #start-video {
  position: absolute;
  left: 40px;
  bottom: 10px;
}
#block-base-theme-entetepage .wrapper #periode-ouverture-etablissement {
  color: #174166;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#block-base-theme-entetepage .wrapper .images img {
  border-radius: 0;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .dispo-form {
  position: relative;
  z-index: 2;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .container-iframe {
  display: none;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content {
  position: static;
  transform: none;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background: url(../images/ancre.svg) no-repeat;
  width: 30px;
  height: 50px;
  top: -65px;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content #start-video .material-icons {
  font-size: 1.125rem;
  line-height: 18px;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content #start-video, #block-base-theme-entetepage .wrapper.page_d_accueil .content .lien-galerie {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 18px;
  color: #ffffff;
  text-decoration: underline;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content .titre-h1 {
  margin-top: 30px;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content .titre-h1::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: calc(300px - 100px);
  width: calc(300px - 100px);
  border: 50px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  z-index: -1;
  top: -32px;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .col-image1, #block-base-theme-entetepage .wrapper.page_d_accueil .col-image2, #block-base-theme-entetepage .wrapper.page_d_accueil .col-image3, #block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie {
  margin-bottom: 10px;
  padding: 0 15px 0 15px;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .col-image1 img, #block-base-theme-entetepage .wrapper.page_d_accueil .col-image2 img, #block-base-theme-entetepage .wrapper.page_d_accueil .col-image3 img, #block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie img {
  display: block;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie .lien-galerie {
  width: 100%;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content, #block-base-theme-entetepage .wrapper.page_editoriale .content {
  position: absolute;
  top: initial !important;
  transform: translate(-50%);
  bottom: 30px;
}
#block-base-theme-entetepage .wrapper.page_d_accueil .content .titre-h1, #block-base-theme-entetepage .wrapper.page_editoriale .content .titre-h1 {
  color: #ffffff;
}
#block-base-theme-entetepage .wrapper.page_editoriale .content {
  top: 150px;
  bottom: 20px;
}
#block-base-theme-entetepage .wrapper.page_editoriale .content .titre-focus {
  font-size: 40px;
  color: #ffffff;
}
#block-base-theme-entetepage .wrapper.page_editoriale .content .titre-focus + .titre-h1 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
}

#block-base-theme-pieddepage {
  position: relative;
  padding-top: 30px;
  margin-top: 85px;
}
#block-base-theme-pieddepage::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: block;
  height: 1px;
  width: calc(100% - 60px);
  background: #174166;
  top: 0;
}
#block-base-theme-pieddepage::before {
  content: "";
  -webkit-mask: url(../images/ancre.svg) no-repeat top;
  mask: url(../images/ancre.svg) no-repeat top;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 30px;
  height: 46px;
  display: block;
  background-color: #0A1E2E;
  overflow: hidden;
  top: -46px;
}
#block-base-theme-pieddepage .titre-h3 {
  color: #0A1E2E;
}
#block-base-theme-pieddepage #contacts .col-12 {
  margin-bottom: 30px;
}
#block-base-theme-pieddepage #contacts .col-12.col-resasol {
  margin-bottom: 0;
}
#block-base-theme-pieddepage #contacts p {
  font-size: 0.875rem;
  line-height: 18px;
  margin: 0;
}
#block-base-theme-pieddepage #contacts address {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-style: normal;
}
#block-base-theme-pieddepage #contacts address .material-icons {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}
#block-base-theme-pieddepage #contacts .tel {
  padding-right: 5px;
}
#block-base-theme-pieddepage #contacts .mail {
  padding-left: 5px;
}
#block-base-theme-pieddepage #contacts .bouton {
  width: 100%;
  background: none;
  border: 1px solid #0A1E2E;
}
#block-base-theme-pieddepage #contacts .bouton:hover {
  background: #0A1E2E;
  color: #ffffff;
}
#block-base-theme-pieddepage #contacts .logo-resasol {
  display: inline-block;
  width: 169px;
  height: 50px;
  background: url("../../../../../themes/base_theme/images/logo-resasol.svg") no-repeat;
  background-size: contain;
  margin-top: 10px;
}
#block-base-theme-pieddepage #contacts ul {
  list-style-type: none;
  padding: 0;
}
#block-base-theme-pieddepage #contacts ul li {
  border-top: 1px solid #0A1E2E29;
  padding-top: 10px;
  padding-bottom: 10px;
}
#block-base-theme-pieddepage #contacts ul li a {
  color: #0A1E2E;
  text-decoration: none;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 18px;
}
#block-base-theme-pieddepage #contacts ul li:last-child {
  border-bottom: 1px solid #0A1E2E29;
}
#block-base-theme-pieddepage #liens-utiles, #block-base-theme-pieddepage #reseaux, #block-base-theme-pieddepage #contacts, #block-base-theme-pieddepage #paiements {
  position: relative;
  z-index: 0;
}
#block-base-theme-pieddepage #liens-utiles .title, #block-base-theme-pieddepage #reseaux .title, #block-base-theme-pieddepage #contacts .title, #block-base-theme-pieddepage #paiements .title {
  font-size: 1.125rem;
  line-height: 21px;
  margin-bottom: 10px;
}
#block-base-theme-pieddepage #reseaux {
  background: #F9F5F1;
  padding: 20px 30px;
  border-radius: 0 0 0 0;
}
#block-base-theme-pieddepage #reseaux .lien-newsletter:hover {
  background: #FF9C00;
  color: #0A1E2E;
}
#block-base-theme-pieddepage #reseaux .lien {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 50px;
  border: 1px solid #0A1E2E;
  border-radius: 0;
  margin-bottom: 20px;
  margin-right: 15px;
}
#block-base-theme-pieddepage #reseaux .lien::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
#block-base-theme-pieddepage #reseaux .lien.facebook::after {
  width: 8px;
  height: 15px;
  background: url(../../../../../themes/base_theme/images/facebook.svg) no-repeat;
}
#block-base-theme-pieddepage #reseaux .lien.instagram::after {
  width: 15px;
  height: 15px;
  background: url(../../../../../themes/base_theme/images/instagram.svg) no-repeat;
}
#block-base-theme-pieddepage #reseaux .lien.youtube::after {
  width: 15px;
  height: 11px;
  background: url(../../../../../themes/base_theme/images/youtube.svg) no-repeat;
}
#block-base-theme-pieddepage #reseaux .lien.tripadvisor::after {
  width: 15px;
  height: 10px;
  background: url(../../../../../themes/base_theme/images/tripadvisor.svg) no-repeat;
}
#block-base-theme-pieddepage #reseaux .lien.tiktok::after {
  width: 14px;
  height: 16px;
  background: url(../../../../../themes/base_theme/images/tiktok.svg) no-repeat;
}
#block-base-theme-pieddepage #reseaux .bouton {
  background: #0A1E2E;
  color: #ffffff;
  width: 100%;
}
#block-base-theme-pieddepage #paiements {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #0A1E2E;
  border-bottom: 1px solid #ffffff;
  border-radius: 0 0 0 0;
}
#block-base-theme-pieddepage #paiements .titre-h3 {
  color: #ffffff;
  margin-top: 0;
}
#block-base-theme-pieddepage #paiements > .container > .row .liens {
  display: flex;
  justify-content: space-between;
}
#block-base-theme-pieddepage #paiements .paiement {
  margin: 15px 0 0 0;
  display: inline-block;
}
#block-base-theme-pieddepage #paiements .paiement.chequevacancecontact {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: 0px -134px;
  width: 108px;
  height: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.chequevacancecontact {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.chequevacance {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: 0px -168px;
  width: 47px;
  height: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.chequevacance {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.sofort {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -248px 0px;
  width: 43px;
  height: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.sofort {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.tirgroupe {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -110px -134px;
  width: 73px;
  height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.tirgroupe {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.mastercard {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -248px -64px;
  width: 38px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.mastercard {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.cheque {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -248px -96px;
  width: 28px;
  height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.cheque {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.bank {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -195px -72px;
  width: 39px;
  height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.bank {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.vacaf {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -248px -30px;
  width: 36px;
  height: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.vacaf {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.cbvisa {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -49px -168px;
  width: 86px;
  height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.cbvisa {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .paiement.floa4x {
  height: 32px;
  width: 93px;
}
#block-base-theme-pieddepage #paiements .paiement.ideal {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -248px -134px;
  width: 28px;
  height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #paiements .paiement.ideal {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #paiements .lien-infos a {
  display: inline-block;
  color: #ffffff;
}
#block-base-theme-pieddepage #liens-utiles {
  padding-top: 30px;
}
#block-base-theme-pieddepage #liens-utiles ul {
  padding: 0;
  list-style-type: none;
}
#block-base-theme-pieddepage #liens-utiles ul > li {
  margin-bottom: 20px;
}
#block-base-theme-pieddepage #liens-utiles ul > li a {
  font-size: 0.875rem;
  line-height: 18px;
  color: #0A1E2E;
  text-decoration: none;
}
#block-base-theme-pieddepage #liens-utiles ul > li > ul {
  padding: 0;
  list-style-type: none;
  margin-top: 15px;
}
#block-base-theme-pieddepage #liens-utiles ul > li > ul > li {
  font-size: 0.875rem;
  line-height: 16px;
  margin-bottom: 20px;
}
#block-base-theme-pieddepage #liens-utiles .labels {
  display: flex;
  justify-content: flex-start;
  gap: 25px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#block-base-theme-pieddepage #liens-utiles .labels .break {
  flex-basis: 100%;
  height: 0;
}
#block-base-theme-pieddepage #liens-utiles .label {
  align-self: center;
  display: inline-block;
}
#block-base-theme-pieddepage #liens-utiles .label.accueilvelo {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -144px -62px;
  width: 46px;
  height: 70px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #liens-utiles .label.accueilvelo {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #liens-utiles .label.ecolabel {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: 0px -62px;
  width: 70px;
  height: 70px;
  font-size: 12px;
  padding-top: 75px;
  text-decoration: none;
  color: #000000;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #liens-utiles .label.ecolabel {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #liens-utiles .label.velodyssee {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: 0px 0px;
  width: 193px;
  height: 60px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #liens-utiles .label.velodyssee {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #liens-utiles .label.atout-france-camping {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -195px 0px;
  width: 51px;
  height: 70px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #liens-utiles .label.atout-france-camping {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #liens-utiles .label.qualidog {
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -72px -62px;
  width: 70px;
  height: 70px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #block-base-theme-pieddepage #liens-utiles .label.qualidog {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#block-base-theme-pieddepage #menu-divers {
  padding: 10px 0;
}
#block-base-theme-pieddepage #menu-divers ul {
  list-style-type: none;
  padding: 0;
}
#block-base-theme-pieddepage #menu-divers ul li {
  display: block;
  padding: 10px 0;
}
#block-base-theme-pieddepage #menu-divers ul li a {
  text-decoration: none;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 18px;
}

#offres-coups-de-coeur {
  margin-bottom: 20px;
}

#lien-toutes-offres, #bons-plans, #autres-hebergements {
  margin-bottom: 50px;
}

#tunnel {
  padding-bottom: 100px;
}
#tunnel > .header {
  border-radius: 18px;
  background: #F9F5F1;
  padding: 20px 0;
}
#tunnel > .header .title-camping .nom {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 28px;
}
#tunnel > .header .title-camping .classement {
  position: relative;
  font-size: 0.75rem;
  line-height: 14px;
  display: block;
  color: #FF9C00;
}
#tunnel > .header .title-camping .classement:after {
  color: inherit;
  letter-spacing: 2px;
  display: inline-block;
}
#tunnel > .header .title-camping .classement.classement-1-etoile:after, #tunnel > .header .title-camping .classement.classement-1-etoile-2021:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-2-etoiles:after, #tunnel > .header .title-camping .classement.classement-2-etoiles-2021:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-3-etoiles:after, #tunnel > .header .title-camping .classement.classement-3-etoiles-2021:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-4-etoiles:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-5-etoiles:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-1-cle:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-2-cles:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-3-cles:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-4-cles:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-5-cles:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-1-epi:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-2-epis:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-3-epis:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-4-epis:after {
  content: "";
}
#tunnel > .header .title-camping .classement.classement-5-epis:after {
  content: "";
}
#tunnel > .header .title-camping .securise {
  position: relative;
  padding-left: 30px;
}
#tunnel > .header .title-camping .securise::before {
  content: "lock";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 0.75rem;
  line-height: 14px;
  left: 0;
}
#tunnel > .header .numeros-etapes {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}
#tunnel > .header .numeros-etapes .numero-etape {
  width: 20%;
  display: inline-block;
  position: relative;
  padding-top: 40px;
  font-size: 0.61875rem;
  line-height: 11px;
  text-align: center;
}
#tunnel > .header .numeros-etapes .numero-etape a, #tunnel > .header .numeros-etapes .numero-etape span {
  display: inline-block;
  text-decoration: none;
  color: #174166;
}
#tunnel > .header .numeros-etapes .numero-etape a::before, #tunnel > .header .numeros-etapes .numero-etape span::before {
  content: attr(data-num);
  top: 0;
  height: 34px;
  line-height: 34px;
  width: 34px;
  border-radius: 12px;
  text-align: center;
  background: #ffffff;
  z-index: 2;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
#tunnel > .header .numeros-etapes .numero-etape a::after, #tunnel > .header .numeros-etapes .numero-etape span::after {
  content: "";
  background: #ffffff;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 15px;
  width: 100%;
  height: 2px;
  z-index: 1;
}
#tunnel > .header .numeros-etapes .numero-etape.active a::before, #tunnel > .header .numeros-etapes .numero-etape.active a::after, #tunnel > .header .numeros-etapes .numero-etape.active span::before, #tunnel > .header .numeros-etapes .numero-etape.active span::after {
  background: #FF9C00;
}
#tunnel > .header .numeros-etapes .numero-etape:first-child a::after, #tunnel > .header .numeros-etapes .numero-etape:first-child span::after {
  width: 50%;
  right: 0;
  transform: none;
}
#tunnel > .header .numeros-etapes .numero-etape:last-child a::after, #tunnel > .header .numeros-etapes .numero-etape:last-child span::after {
  width: 50%;
  left: 0;
  transform: none;
}
#tunnel .sauvegarder-sejour .material-icons {
  margin-right: 0;
  top: 18px;
}
#tunnel #resume-reservation {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  box-shadow: 0 0 6px #01535129;
  background: #ffffff;
  z-index: 2;
  border-radius: 6px 6px 0 0;
  padding: 10px 0;
}
#tunnel #resume-reservation .row {
  padding: 0 40px;
}
#tunnel #resume-reservation .row .dates {
  margin-top: 15px;
  position: relative;
  color: #FF9C00;
  padding-left: 30px;
  font-size: 0.625rem;
  line-height: 11px;
}
#tunnel #resume-reservation .row .dates::before {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  color: #0A1E2E;
}
#tunnel #resume-reservation .row .dates.Locatif::before {
  content: "bungalow";
}
#tunnel #resume-reservation .row .montantTotalRecapitulatif {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 50px;
}
#tunnel #wrapper-details-reservation, #tunnel #wrapper-moyens-paiement, #tunnel .wrapper-cgv {
  position: fixed;
  right: 0;
  left: 0;
  top: 100%;
  height: 100vh;
  transition: top 0.2s linear;
  background: #F9F5F1;
  z-index: 11;
  padding: 0;
}
#tunnel #wrapper-details-reservation.active, #tunnel #wrapper-moyens-paiement.active, #tunnel .wrapper-cgv.active {
  top: 0;
}
#tunnel #wrapper-details-reservation .close, #tunnel #wrapper-moyens-paiement .close, #tunnel .wrapper-cgv .close {
  position: absolute;
  top: 25px;
  right: 30px;
  cursor: pointer;
}
#tunnel #wrapper-details-reservation .title, #tunnel #wrapper-moyens-paiement .title, #tunnel .wrapper-cgv .title {
  font-size: 1.5rem;
  line-height: 24px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  height: 73px;
  padding-left: 30px;
  background: #ffffff;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#tunnel #wrapper-details-reservation .title::before, #tunnel #wrapper-moyens-paiement .title::before, #tunnel .wrapper-cgv .title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 73px;
  background: #ffffff;
  z-index: -1;
}
#tunnel #wrapper-details-reservation .col-wrapper, #tunnel #wrapper-moyens-paiement .col-wrapper, #tunnel .wrapper-cgv .col-wrapper {
  padding-top: 20px;
  overflow: auto;
  max-height: calc(100vh - 150px);
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
#tunnel #wrapper-details-reservation .col-wrapper .header, #tunnel #wrapper-moyens-paiement .col-wrapper .header, #tunnel .wrapper-cgv .col-wrapper .header {
  font-size: 1.125rem;
  line-height: 21px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content, #tunnel #wrapper-moyens-paiement .col-wrapper .content, #tunnel .wrapper-cgv .col-wrapper .content {
  margin-bottom: 20px;
}
#tunnel #wrapper-details-reservation .col-wrapper.floa4x::after {
  content: "";
  display: block;
  background: url(/themes/base_theme/images/floa-panneau.png) no-repeat;
  width: 250px;
  height: 250px;
  margin: 40px auto 15px auto;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .image {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 15px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .image img {
  display: block;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .nom-etablissement {
  font-size: 1.5rem;
  line-height: 28px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement {
  position: relative;
  font-size: 0.75rem;
  line-height: 14px;
  display: block;
  color: #FF9C00;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement:after {
  color: inherit;
  letter-spacing: 2px;
  display: inline-block;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-1-etoile:after, #tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-1-etoile-2021:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-2-etoiles:after, #tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-2-etoiles-2021:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-3-etoiles:after, #tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-3-etoiles-2021:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-4-etoiles:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-5-etoiles:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-1-cle:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-2-cles:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-3-cles:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-4-cles:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-5-cles:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-1-epi:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-2-epis:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-3-epis:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-4-epis:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .classement.classement-5-epis:after {
  content: "";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .nom-produit {
  font-size: 1.125rem;
  line-height: 21px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 15px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .adresse, #tunnel #wrapper-details-reservation .col-wrapper .content .capacite, #tunnel #wrapper-details-reservation .col-wrapper .content .dates {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .adresse::before, #tunnel #wrapper-details-reservation .col-wrapper .content .capacite::before, #tunnel #wrapper-details-reservation .col-wrapper .content .dates::before {
  content: "place";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .adresse::before {
  content: "place";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .capacite::before {
  content: "person";
}
#tunnel #wrapper-details-reservation .col-wrapper .content .dates {
  color: #FF9C00;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .dates strong {
  color: #0A1E2E;
}
#tunnel #wrapper-details-reservation .col-wrapper .content .dates::before {
  color: #0A1E2E;
  content: "event";
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li {
  position: relative;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li span {
  position: absolute;
  right: 0;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li.pourcentageCoupon, #tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li.pourcentageRemise {
  padding: 4px 8px;
  background: #F9F5F1;
  font-size: 13px;
  margin-bottom: 2px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li.pourcentageCoupon span, #tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li.pourcentageRemise span {
  right: 8px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li.pourcentageCoupon {
  background: #174166;
  color: #ffffff;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li .lien-details-options {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li .listeOptions .title {
  line-height: 30px;
  height: 30px;
  padding: 0 !important;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li .listeOptions .total {
  font-size: 14px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li .listeOptions .option-payante {
  margin-bottom: 15px;
}
#tunnel #wrapper-details-reservation .col-wrapper .content#recapitulatif-montant > ul li.montantTotal {
  color: #FF9C00;
}
#tunnel #ouvrir-moyens-paiement {
  margin-top: 20px;
  text-decoration: underline;
  color: #174166;
}
#tunnel #lien-etape-precedente, #tunnel #lien-etape-suivante {
  display: flex;
  gap: 5px;
}
#tunnel .etape-tunnel {
  padding-top: 30px;
}
#tunnel .etape-tunnel > .header {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 21px;
  margin-bottom: 20px;
}
#tunnel .etape-tunnel > .content .section {
  margin-bottom: 30px;
}
#tunnel .etape-tunnel > .content .section .section-header {
  margin-bottom: 10px;
  padding: 0 30px;
  justify-content: space-between;
}
#tunnel .etape-tunnel > .content .section .section-header > div:first-child {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 19px;
}
#tunnel .etape-tunnel > .content .section .section-header > div:last-child {
  font-size: 0.6875rem;
  line-height: 21px;
}
#tunnel .etape-tunnel > .content .section .section-header > div:last-child .lien {
  color: #174166;
  text-decoration: underline;
}
#tunnel .etape-tunnel > .content .section .wrapper-section-option {
  padding: 0 30px;
}
#tunnel .etape-tunnel > .content .section .wrapper-section-option .section-option {
  margin-bottom: 15px;
}
#tunnel .etape-tunnel > .content .section .wrapper-section-option .section-option > div:last-child {
  text-align: right;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#tunnel .etape-tunnel > .content .section .wrapper-section-option .section-option .select2-container--default {
  width: fit-content !important;
  width: -moz-fit-content !important;
}
#tunnel .etape-tunnel > .content .section .wrapper-section-option .section-option .texte-option {
  padding: 0 15px;
}
#tunnel .etape-tunnel > .content .section.accompagnateurs {
  margin-bottom: 20px !important;
}
#tunnel .etape-tunnel > .content .section.accompagnateurs .select2-container {
  width: fit-content !important;
  display: block !important;
}
#tunnel .etape-tunnel > .content .section.accompagnateurs .accompagnateur {
  margin-top: 20px;
  box-shadow: 0 0 4px #01535129;
  border-radius: 16px;
  padding: 30px;
}
#tunnel .etape-tunnel > .content .cgv {
  margin: 30px 0;
}
#tunnel .etape-tunnel > .content .cgv .header {
  font-size: 1rem;
  line-height: 19px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}
#tunnel .etape-tunnel > .content .cgv .lien {
  color: #174166;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 10px;
}
#tunnel .etape-tunnel > .content .cgv #cgv {
  position: absolute;
  margin-top: 10px;
}
#tunnel .etape-tunnel > .content .cgv label[for=cgv] {
  padding-left: 30px;
  display: block;
  margin: 15px 0 20px 0;
}
#tunnel .etape-tunnel > .content .cgv .mention {
  font-size: 0.6875rem;
  line-height: 13px;
}
#tunnel .etape-tunnel#options-sejour .code-promo .header {
  font-size: 1rem;
  line-height: 19px;
  margin-bottom: 15px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#tunnel .etape-tunnel#options-sejour .code-promo .content {
  padding: 0 30px;
}
#tunnel .etape-tunnel#options-sejour .code-promo .content .row {
  border: 1px solid #F9F5F1;
  border-radius: 12px;
  line-height: 50px;
  padding: 2px;
}
#tunnel .etape-tunnel#options-sejour .code-promo .content .row #coupon {
  border: none;
  margin-left: 15px;
  width: calc(100% - 15px);
  height: 48px;
  line-height: 48px;
  outline: none;
}
#tunnel .etape-tunnel#options-sejour .code-promo .content .row .bouton {
  width: 100%;
  border: none;
}
#tunnel .etape-tunnel#assurances-annulation .section .lien {
  color: #174166;
  text-decoration: underline;
}
#tunnel .etape-tunnel#assurances-annulation .wrapper-section-option .section-option {
  border: 1px solid #505050;
  padding: 15px;
  border-radius: 12px;
}
#tunnel .etape-tunnel#assurances-annulation .wrapper-section-option .section-option:hover {
  border-color: #000000;
}
#tunnel .etape-tunnel#assurances-annulation .wrapper-section-option .section-option.error {
  border-color: darkred;
}
#tunnel .etape-tunnel#assurances-annulation .wrapper-section-option .texte-option {
  font-size: 14px;
  padding: 0 15px;
}
#tunnel .etape-tunnel#assurances-annulation .wrapper-section-option .cgv {
  margin-top: 10px;
}
#tunnel .etape-tunnel#assurances-annulation .boutons {
  display: grid;
}
#tunnel .etape-tunnel#assurances-annulation .boutons #lien-etape-suivante {
  order: 1;
  margin-bottom: 20px;
}
#tunnel .etape-tunnel#assurances-annulation .boutons #lien-etape-precedente {
  order: 2;
}
#tunnel .etape-tunnel#assurances-annulation .boutons #lien-etape-precedente .boutonBlanc {
  border: 1px solid #0A1E2E;
}
#tunnel .etape-tunnel#informations-personnelles .content + .header {
  margin-top: 50px;
}
#tunnel .etape-tunnel#informations-personnelles .connexion-form .form-submit {
  margin-top: 20px;
}
#tunnel .etape-tunnel#informations-personnelles .form-item-title, #tunnel .etape-tunnel#informations-personnelles .form-item-country {
  margin-bottom: 24px;
}
#tunnel .etape-tunnel#resume ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#tunnel .etape-tunnel#resume .payment-methods-form .section {
  margin-bottom: 20px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .message-securite {
  border-radius: 12px;
  background: #F9F5F1;
  margin-bottom: 14px;
  color: #0A1E2E;
  font-size: 0.6875rem;
  line-height: 48px;
  text-transform: uppercase;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  padding-left: 60px;
  position: relative;
}
#tunnel .etape-tunnel#resume .payment-methods-form .message-securite::before, #tunnel .etape-tunnel#resume .payment-methods-form .message-securite::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#tunnel .etape-tunnel#resume .payment-methods-form .message-securite::before {
  content: "";
  background: #ffffff;
  border-radius: 12px;
  width: 40px;
  height: 40px;
  left: 4px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .message-securite::after {
  content: "https";
  left: 12px;
  color: black;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement {
  margin-bottom: 30px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li {
  cursor: pointer;
  border-radius: 12px;
  margin-bottom: 10px;
  border: 1px solid #505050;
  font-size: 0.875rem;
  line-height: 56px;
  padding-left: 60px;
  position: relative;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li::before {
  content: "radio_button_unchecked";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 12px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > strong {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.visa::after {
  content: "";
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: 0px -202px;
  width: 62px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.visa::after {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.mastercard::after {
  content: "";
  background-image: url(/themes/base_theme/images/spritesheet.png?1740148302769);
  background-position: -248px -160px;
  width: 32px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.mastercard::after {
    background-image: url(/themes/base_theme/images/spritesheet@2x.png?1740148302769);
    background-size: 291px 222px;
  }
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x::after {
  content: "";
  background: url(/themes/base_theme/images/floa-logo.svg) no-repeat;
  width: 73px;
  height: 25px;
  position: absolute;
  top: 12px;
  right: 12px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row {
  line-height: initial;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12:first-child > strong {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12:first-child label {
  display: block;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12:first-child input {
  border-radius: 4px;
  height: 42px;
  line-height: 44px;
  background: #F9F5F1;
  border: none;
  margin-bottom: 15px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12 h3 {
  color: #000000;
  margin-bottom: 10px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12.floa4x h3::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 50px;
  height: 20px;
  margin-left: 30px;
  top: 4px;
  background: url(/themes/base_theme/images/floa-4x.svg) no-repeat;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12.floa4x ul {
  list-style-type: none;
  text-align: center;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12.floa4x p {
  padding-right: 10px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12.floa4x p a {
  color: #000000;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.selected {
  cursor: default;
  border-color: #000000;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.selected::before {
  content: "radio_button_checked";
  color: #FF9C00;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.selected > ul {
  display: block;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul {
  display: none;
  list-style-type: none;
  padding: 0 0 20px 0;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li label, #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li h4 {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  display: block;
  margin: 20px 0 5px 0;
  line-height: initial;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li .js-form-type-select {
  display: inline-block;
  margin-right: 10px;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li input[type=text], #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li input[type=tel] {
  background: #F9F5F1;
  border: 1px solid #F9F5F1;
  width: 85%;
  height: 40px;
  line-height: 40px;
  text-indent: 15px;
  border-radius: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li input[type=text].error, #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li > ul > li input[type=tel].error {
  border: 1px solid red;
}
#tunnel #page-erreur-paiement {
  margin-top: 30px;
}
#tunnel #page-erreur-paiement .title {
  font-size: 1.5rem;
  line-height: 28px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#tunnel #page-erreur-paiement a {
  color: #174166;
  text-decoration: underline;
}
#tunnel #page-confirmation {
  margin-top: 30px;
}
#tunnel #page-confirmation .title {
  font-size: 1.5rem;
  line-height: 28px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#tunnel #page-confirmation .encart-camping {
  box-shadow: 0 0 4px #01535129;
  border-radius: 16px;
  margin: 0;
  padding-top: 15px;
}
#tunnel #page-confirmation .encart-camping .image {
  margin-top: 15px;
  padding: 0;
}
#tunnel #page-confirmation .encart-camping .texte {
  padding: 0 15px;
}
#tunnel #page-confirmation .encart-camping .texte .nom-produit {
  font-size: 1rem;
  line-height: 19px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  margin: 10px 0;
}
#tunnel #page-confirmation .encart-camping .texte .ouvrir-carte-camping, #tunnel #page-confirmation .encart-camping .texte .capacite, #tunnel #page-confirmation .encart-camping .texte .dates {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
  font-size: 0.625rem;
  line-height: 11px;
}
#tunnel #page-confirmation .encart-camping .texte .ouvrir-carte-camping::before, #tunnel #page-confirmation .encart-camping .texte .capacite::before, #tunnel #page-confirmation .encart-camping .texte .dates::before {
  content: "place";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}
#tunnel #page-confirmation .encart-camping .texte .ouvrir-carte-camping .lien-carte {
  display: none;
}
#tunnel #page-confirmation .encart-camping .texte .ouvrir-carte-camping::before {
  content: "place";
}
#tunnel #page-confirmation .encart-camping .texte .capacite::before {
  content: "person";
}
#tunnel #page-confirmation .encart-camping .texte .dates {
  color: #FF9C00;
}
#tunnel #page-confirmation .encart-camping .texte .dates strong {
  color: #0A1E2E;
}
#tunnel #page-confirmation .encart-camping .texte .dates::before {
  color: #0A1E2E;
  content: "event";
}
#tunnel #page-confirmation .bottom-confirmation {
  margin-top: 30px;
  text-align: center;
}
#tunnel #page-confirmation .bottom-confirmation .lien {
  color: #174166;
  text-decoration: underline;
}
#tunnel #page-confirmation .bottom-confirmation .bouton {
  margin-top: 30px;
}

.etape-tunnel#informations-personnelles form label, .etape-tunnel#informations-personnelles form .fieldset-legend, .etape-tunnel#resume form label, .etape-tunnel#resume form .fieldset-legend, .espace-client form label, .espace-client form .fieldset-legend {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}
.etape-tunnel#informations-personnelles form label.form-required, .etape-tunnel#informations-personnelles form .fieldset-legend.form-required, .etape-tunnel#resume form label.form-required, .etape-tunnel#resume form .fieldset-legend.form-required, .espace-client form label.form-required, .espace-client form .fieldset-legend.form-required {
  position: relative;
}
.etape-tunnel#informations-personnelles form label.form-required::after, .etape-tunnel#informations-personnelles form .fieldset-legend.form-required::after, .etape-tunnel#resume form label.form-required::after, .etape-tunnel#resume form .fieldset-legend.form-required::after, .espace-client form label.form-required::after, .espace-client form .fieldset-legend.form-required::after {
  content: "*";
  top: -5px;
}
.etape-tunnel#informations-personnelles form label.option, .etape-tunnel#informations-personnelles form .fieldset-legend.option, .etape-tunnel#resume form label.option, .etape-tunnel#resume form .fieldset-legend.option, .espace-client form label.option, .espace-client form .fieldset-legend.option {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
}
.etape-tunnel#informations-personnelles form .form-item-countrycode, .etape-tunnel#resume form .form-item-countrycode, .espace-client form .form-item-countrycode {
  margin-bottom: 24px;
}
.etape-tunnel#informations-personnelles form input[type=text], .etape-tunnel#informations-personnelles form input[type=email], .etape-tunnel#informations-personnelles form input[type=number], .etape-tunnel#informations-personnelles form input[type=password], .etape-tunnel#informations-personnelles form input[type=date], .etape-tunnel#informations-personnelles form select, .etape-tunnel#informations-personnelles form .js-form-type-radio, .etape-tunnel#resume form input[type=text], .etape-tunnel#resume form input[type=email], .etape-tunnel#resume form input[type=number], .etape-tunnel#resume form input[type=password], .etape-tunnel#resume form input[type=date], .etape-tunnel#resume form select, .etape-tunnel#resume form .js-form-type-radio, .espace-client form input[type=text], .espace-client form input[type=email], .espace-client form input[type=number], .espace-client form input[type=password], .espace-client form input[type=date], .espace-client form select, .espace-client form .js-form-type-radio {
  width: 100%;
  border: 1px solid #505050;
  height: 56px;
  line-height: 56px;
  margin-bottom: 24px;
  border-radius: 0;
  padding-left: 15px;
  background: #ffffff;
}
.etape-tunnel#informations-personnelles form textarea, .etape-tunnel#resume form textarea, .espace-client form textarea {
  width: 100%;
  border: 1px solid #505050;
  min-height: 200px;
  margin-bottom: 24px;
  border-radius: 12px;
  padding-left: 15px;
}
.etape-tunnel#informations-personnelles form #edit-titleid, .etape-tunnel#resume form #edit-titleid, .espace-client form #edit-titleid {
  justify-content: space-between;
  display: flex;
}
.etape-tunnel#informations-personnelles form .js-form-type-radio, .etape-tunnel#resume form .js-form-type-radio, .espace-client form .js-form-type-radio {
  width: 48%;
}
.etape-tunnel#informations-personnelles form .js-form-type-checkbox input[type=checkbox], .etape-tunnel#resume form .js-form-type-checkbox input[type=checkbox], .espace-client form .js-form-type-checkbox input[type=checkbox] {
  position: absolute;
}
.etape-tunnel#informations-personnelles form .js-form-type-checkbox label, .etape-tunnel#resume form .js-form-type-checkbox label, .espace-client form .js-form-type-checkbox label {
  padding-left: 30px;
}
.etape-tunnel#informations-personnelles form .form-actions, .etape-tunnel#resume form .form-actions, .espace-client form .form-actions {
  display: grid;
  margin-top: 10px;
}
.etape-tunnel#informations-personnelles form .form-actions .sauvegarder-sejour, .etape-tunnel#resume form .form-actions .sauvegarder-sejour, .espace-client form .form-actions .sauvegarder-sejour {
  order: 3;
  width: fit-content;
  margin-top: 30px;
}
.etape-tunnel#informations-personnelles form .form-actions #edit-cancel, .etape-tunnel#informations-personnelles form .form-actions #lien-etape-precedente, .etape-tunnel#resume form .form-actions #edit-cancel, .etape-tunnel#resume form .form-actions #lien-etape-precedente, .espace-client form .form-actions #edit-cancel, .espace-client form .form-actions #lien-etape-precedente {
  order: 2;
}
.etape-tunnel#informations-personnelles form .form-actions .form-submit, .etape-tunnel#resume form .form-actions .form-submit, .espace-client form .form-actions .form-submit {
  border: none;
  margin-bottom: 30px;
  order: 1;
}

#shadow, .shadow {
  display: none;
  z-index: 19;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(6, 23, 30, 0.5);
}

.cardBottomSite {
  position: fixed;
  bottom: -150%;
  z-index: 20;
  overflow: hidden;
  left: 0;
  width: 100vw;
  padding: 20px 30px;
  transition: bottom 0.2s linear;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-height: 90vh;
  box-shadow: 0 0 6px #01535129;
  text-align: left;
  background: #ffffff;
}
.cardBottomSite.active {
  bottom: 0;
}
.cardBottomSite > .title {
  font-size: 1.5rem;
  line-height: 28px;
  margin-bottom: 14px;
  padding-right: 30px;
}
.cardBottomSite .close {
  position: absolute;
  top: 25px;
  right: 30px;
}
.cardBottomSite .inner {
  overflow: auto;
  max-height: 72vh;
}
.cardBottomSite.popup img {
  border-radius: 0;
}
.cardBottomSite.popup .lien {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 50px;
  height: 50px;
  border-radius: 0;
  position: relative;
}
.cardBottomSite.popup .lien::after {
  content: "arrow_circle_down";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 15px;
  transform: translate(0, -50%) rotate(-90deg);
}

.ui-widget.ui-widget-content.ui-autocomplete {
  box-shadow: 0 3px 30px #01535129;
  border: 1px solid #06171E4D;
  border-top: none;
  border-radius: 0 0 0 0;
  margin-top: 8px;
  overflow: hidden;
  padding: 10px 0 0 0;
}
.ui-widget.ui-widget-content.ui-autocomplete .ui-state-active {
  border: none;
  background: none;
}
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item {
  height: 46px;
  line-height: 46px;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  background-color: #ffffff;
  padding: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 0 4px 0 #828282;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
#tarteaucitronRoot #tarteaucitronAlertBig * {
  box-sizing: border-box;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  flex: 0 0 100%;
  width: 100%;
  display: block;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 20px;
  font-weight: 400 !important;
  color: #000000;
  padding: 0 0 120px 0;
}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #ffffff;
  padding: 16px;
  margin: 0;
  text-transform: uppercase;
  border-radius: 0;
}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronAllow {
  width: calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronDeny {
  width: 100%;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  width: calc(50% - 35px);
  padding-top: 0;
  position: absolute;
  right: 28px;
  bottom: 70px;
  color: #000000;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 > .tarteaucitronCheck {
  display: none;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  flex: 0 0 100%;
  width: 100%;
  color: #000000;
  background: none;
  font-size: 10px !important;
  font-weight: 400 !important;
  text-decoration: underline;
  position: absolute;
  bottom: 15px;
  left: 0;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 > .tarteaucitronCross {
  display: none;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  display: inline-block;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #000000;
  padding: 17px;
  margin: 10px 0 0;
  width: calc(50% - 35px);
  text-transform: uppercase;
  border: 1px solid #000000;
  border-radius: 0;
  position: absolute;
  left: 28px;
  bottom: 70px;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: #ffffff;
  color: #000000;
  line-height: 36px;
  font-weight: 700 !important;
  font-size: 1.125rem;
  line-height: 21px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0;
  z-index: 1;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #ffffff;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: none;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  background: #ffffff;
  color: #000000;
  font-weight: 700 !important;
  font-size: 1.5rem;
  line-height: 28px;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: #ffffff;
  border: none;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  font-size: 0.75rem;
  line-height: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400 !important;
  opacity: 1 !important;
  border-radius: 0;
  height: 36px;
  padding: 0 20px;
  margin-left: 12px;
  margin-right: 12px;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
  background: #52b499;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background: #c62851;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronName .tarteaucitronListCookies {
  font-size: 0.8125rem;
  line-height: 15px;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background: #ffffff;
  border: none;
  border-bottom: 1px solid #828282;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  border: none;
  background: #ffffff;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  margin-bottom: 50px !important;
  margin-top: 0 !important;
}
#tarteaucitronRoot .tarteaucitronBorder {
  border: none;
}
#tarteaucitronRoot .tarteaucitronH1, #tarteaucitronRoot .tarteaucitronH2, #tarteaucitronRoot .tarteaucitronH3 {
  font-weight: 700 !important;
  color: #000000;
}
#tarteaucitronRoot .tarteaucitronH1 {
  font-size: 1.875rem;
  line-height: 34px;
  margin-bottom: 0;
}
#tarteaucitronRoot .tarteaucitronH2 {
  font-size: 1.5rem;
  line-height: 28px;
}
#tarteaucitronRoot .tarteaucitronH3 {
  font-size: 1.25rem;
  line-height: 24px;
}

.ajax-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  border-radius: 0;
  opacity: 1;
  z-index: 9999999;
  padding: 30px;
  font-size: 11px;
  text-align: left;
  background: url("../images/ajax-loader.svg") no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
}
.ajax-progress .throbber {
  display: none;
}
.ajax-progress .message {
  display: none;
}
.ajax-progress .progress-disabled {
  float: none;
}

.click-block {
  cursor: pointer;
}

.date-picker-wrapper {
  margin-top: 10px;
}
.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}
.date-picker-wrapper a {
  color: #174166;
  text-decoration: underline;
}
.date-picker-wrapper .month-name {
  text-transform: capitalize;
  color: #0A1E2E;
  font-size: 0.875rem;
  line-height: 20px;
}
.date-picker-wrapper .date-range-length-tip {
  display: none !important;
}
.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .month-wrapper {
  border-radius: 0;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
}
.date-picker-wrapper .month-wrapper table {
  width: 100%;
}
.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}
.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.date-picker-wrapper .month-wrapper table .day {
  line-height: 44px;
  width: 44px;
  font-size: 12px;
  margin: 0;
  color: #0A1E2E;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #174166;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth.checked, .date-picker-wrapper .month-wrapper table div.day.nextMonth.checked {
  color: #174166;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #F9F5F1;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #174166;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #174166;
}
.date-picker-wrapper table .caption {
  height: 40px;
  position: relative;
}
.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
  color: transparent;
  position: relative;
}
.date-picker-wrapper table .caption .next::after, .date-picker-wrapper table .caption .prev::after {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  color: #174166;
  position: absolute;
}
.date-picker-wrapper table .caption .next:hover::after, .date-picker-wrapper table .caption .prev:hover::after {
  color: #0A1E2E;
}
.date-picker-wrapper table .caption .next::after {
  right: 0;
  content: "chevron_right";
}
.date-picker-wrapper table .caption .prev::after {
  left: 0;
  content: "chevron_left";
}
.date-picker-wrapper table .week-name {
  height: 40px;
  text-transform: capitalize;
}
.date-picker-wrapper .selected-days {
  display: none;
}
.date-picker-wrapper.hide {
  display: none;
}
.date-picker-wrapper .hide {
  display: none;
}
.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
  position: relative;
  display: block;
  background-color: #0A1E2E !important;
  border-radius: 100%;
  color: #ffffff !important;
  z-index: 1;
}
.date-picker-wrapper .first-date-selected.last-date-selected::before {
  display: none;
}
.date-picker-wrapper.single-date .first-date-selected::before, .date-picker-wrapper.single-date .last-date-selected::before {
  display: none;
}

.slider {
  position: relative;
  overflow: hidden;
}
.slider .items {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  padding-left: 30px;
  padding-right: 30px;
}
.slider .items .item {
  display: inline-block;
  padding-right: 0;
  white-space: nowrap;
  scroll-snap-align: start;
  scroll-margin-left: 30px;
  margin-right: 20px;
  width: 75vw;
}
.slider .items .item > article, .slider .items .item > div {
  width: calc(75vw - 30px);
}
.slider .items .item.hide {
  display: none;
}
.slider .items::-webkit-scrollbar {
  display: none;
}
.slider .btn-slide {
  display: none;
}

#faq {
  margin-top: 40px;
  background: #F9F5F1;
  padding-top: 30px;
  padding-bottom: 30px;
}
#faq .question-reponse {
  box-shadow: 0 0 4px #01535129;
  border-radius: 0 0 0 0;
  margin-bottom: 10px;
  background: #ffffff;
  padding: 20px;
}
#faq .question-reponse .question {
  cursor: pointer;
  position: relative;
  font-size: 1rem;
  line-height: 19px;
  padding-right: 40px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
#faq .question-reponse .question::after {
  content: "expand_more";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
}
#faq .question-reponse .reponse {
  max-height: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0s;
  transition-delay: 0s;
}
#faq .question-reponse .reponse a {
  color: #174166;
}
#faq .question-reponse.expanded .question::after {
  content: "expand_less";
}
#faq .question-reponse.expanded .reponse {
  padding-top: 10px;
  max-height: 5000px;
}

.tarif {
  text-align: center;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.tarif .aucun-sejour {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 0;
}
.tarif .date-semaine {
  margin: 0;
  padding: 12px 24px;
  justify-content: space-evenly;
  border-left: 1px solid #ffffff;
  background: #0A1E2E;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 16px;
}
.tarif .date-semaine b {
  color: #FF9C00;
}
.tarif .date-semaine .separateur {
  padding: 0;
  text-indent: -1000px;
  overflow: hidden;
  position: relative;
  height: inherit;
  width: 10px;
}
.tarif .date-semaine .separateur::after {
  content: "";
  background: #FF9C00;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border-radius: 50%;
}
.tarif .tarifs-lien-resa {
  margin: 0;
  position: relative;
  padding-top: 10px;
  z-index: 0;
}
.tarif .tarifs-lien-resa .code-promo, .tarif .tarifs-lien-resa .pourcentage {
  display: block;
  margin: 0 auto 10px auto;
  font-size: 0.75rem;
  line-height: 26px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  width: fit-content;
  height: 26px;
  border-radius: 0;
  padding: 0 5px;
}
.tarif .tarifs-lien-resa .code-promo {
  background: #0A1E2E;
  color: #FF9C00;
}
.tarif .tarifs-lien-resa .pourcentage {
  background: #FF9C00;
  color: #0A1E2E;
}
.tarif .tarifs-lien-resa .pourcentage-code-promo {
  display: flex;
  gap: 5px;
  margin: 0 auto 10px auto;
  justify-content: center;
}
.tarif .tarifs-lien-resa .pourcentage-code-promo .code-promo, .tarif .tarifs-lien-resa .pourcentage-code-promo .pourcentage {
  margin: 0;
}
.tarif .tarifs-lien-resa .prix {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  color: #174166;
}
.tarif .tarifs-lien-resa .prix .barre {
  text-decoration: line-through;
  font-size: 0.6875rem;
  line-height: 14px;
  color: #0A1E2E;
}
.tarif .tarifs-lien-resa .reserver {
  margin: 10px auto;
  padding-left: 25px;
  padding-right: 25px;
}
.tarif .tarifs-lien-resa .reserver:hover {
  background: #174166;
  color: #ffffff;
}
.tarif .tarifs-lien-resa .sauvegarder .material-icons {
  margin-right: 0;
}

.listing-sit .form-search-sit-wrapper .form-item label {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}
.listing-sit .form-search-sit-wrapper .form-item label.option {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
}
.listing-sit .form-search-sit-wrapper .fieldgroup {
  margin: 20px 0 20px 0;
}
.listing-sit .form-search-sit-wrapper .fieldgroup .form-item label {
  font-size: 1rem;
  line-height: 30px;
}
.listing-sit .form-search-sit-wrapper .fieldset-legend {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0;
}
.listing-sit .form-search-sit-wrapper #form-search-sit {
  background: #ffffff;
  padding: 1px 30px 30px 30px;
  position: relative;
}
.listing-sit .form-search-sit-wrapper .overlay-wrapper {
  z-index: 20;
}
.listing-sit .forms-wrapper {
  position: sticky;
  z-index: 11;
  top: 60px;
  margin-left: -30px;
  margin-right: -30px;
}
.listing-sit .form-dispo-wrapper .resume {
  background: #F9F5F1;
  color: #0A1E2E;
  padding: 15px;
  font-size: 0.875rem;
  line-height: 18px;
}
.listing-sit .form-dispo-wrapper .resume > .row {
  margin-left: -15px;
  margin-right: -15px;
}
.listing-sit .form-dispo-wrapper .resume > .row > .col-6:first-child {
  padding-right: 10px;
  padding-left: 15px;
}
.listing-sit .form-dispo-wrapper .resume > .row > .col-6:last-child {
  padding-left: 10px;
  padding-right: 15px;
}
.listing-sit .form-dispo-wrapper .resume .dates, .listing-sit .form-dispo-wrapper .resume .type, .listing-sit .form-dispo-wrapper .resume .capacite {
  position: relative;
  padding-left: 40px;
}
.listing-sit .form-dispo-wrapper .resume .dates::before, .listing-sit .form-dispo-wrapper .resume .type::before, .listing-sit .form-dispo-wrapper .resume .capacite::before {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}
.listing-sit .form-dispo-wrapper .resume .dates::before {
  content: "event";
}
.listing-sit .form-dispo-wrapper .resume .dates::after {
  content: "arrow_right_alt";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -10px;
}
.listing-sit .form-dispo-wrapper .resume .type::before {
  content: "night_shelter";
}
.listing-sit .form-dispo-wrapper .resume .capacite::before {
  content: "family_restroom";
}
.listing-sit .form-dispo-wrapper .resume .type, .listing-sit .form-dispo-wrapper .resume .capacite {
  margin-top: 15px;
}
.listing-sit .form-dispo-wrapper .resume .recherche-open {
  position: absolute;
  top: 0;
  right: 10px;
  height: 50px;
  width: 50px;
  border-radius: 0;
  background: #FF9C00;
  color: #0A1E2E;
}
.listing-sit .form-dispo-wrapper .resume .recherche-open::after {
  content: "search";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.listing-sit .form-dispo-wrapper .dispo-form {
  height: calc(100% - 103px);
  position: relative;
}
.listing-sit .form-dispo-wrapper .dispo-form .anchor {
  display: none;
}
.listing-sit .form-dispo-wrapper .dispo-form .form-submit {
  /*position: absolute;
  bottom: 30px;
  width: calc(100% - 60px);*/
}
.listing-sit .ouverture-filtres {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F9F5F1;
  font-size: 0.875rem;
  line-height: 44px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  background: #ffffff;
}
.listing-sit .ouverture-filtres .open-filtres {
  background: #0A1E2E;
  color: #ffffff;
}
.listing-sit .ouverture-filtres .open-filtres:hover {
  background: #FF9C00;
  color: #0A1E2E;
}
.listing-sit .ouverture-filtres #wrapper-tri-semainier {
  position: relative;
}
.listing-sit .ouverture-filtres #wrapper-tri-semainier::after {
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
  pointer-events: none;
}
.listing-sit .ouverture-filtres #tri-semainier {
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #0A1E2E;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  max-width: 100%;
  padding: 0 30px 0 10px;
  -webkit-appearance: none;
  font-size: 14px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  color: #0A1E2E;
}
.listing-sit .form-search-sit-wrapper {
  background: #ffffff;
}
.listing-sit .form-search-sit-wrapper .close::after {
  border-radius: 0;
}
.listing-sit .form-search-sit-wrapper .footer {
  height: 90px;
  background: #F9F5F1;
  position: sticky;
  bottom: 0;
}
.listing-sit .form-search-sit-wrapper .footer #appliquer-filtres, .listing-sit .form-search-sit-wrapper .footer #reinit-filtres {
  line-height: 50px;
  z-index: 1;
  cursor: pointer;
}
.listing-sit .form-search-sit-wrapper .footer #appliquer-filtres {
  margin: 20px 30px 0 0;
}
.listing-sit .form-search-sit-wrapper .footer #reinit-filtres {
  margin: 20px 0 0 30px;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  text-decoration: underline;
}
.listing-sit .form-search-sit-wrapper div[id^=edit-chambre], .listing-sit .form-search-sit-wrapper div[id^=edit-capacite], .listing-sit .form-search-sit-wrapper div[id^=edit-superficie] {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.listing-sit .form-search-sit-wrapper div[id^=edit-chambre] .form-item input, .listing-sit .form-search-sit-wrapper div[id^=edit-capacite] .form-item input, .listing-sit .form-search-sit-wrapper div[id^=edit-superficie] .form-item input {
  display: none;
}
.listing-sit .form-search-sit-wrapper div[id^=edit-chambre] .form-item label, .listing-sit .form-search-sit-wrapper div[id^=edit-capacite] .form-item label, .listing-sit .form-search-sit-wrapper div[id^=edit-superficie] .form-item label {
  height: 30px;
  line-height: 30px;
  background: #E7EBEF;
  padding: 0 10px;
  display: inline-flex;
  cursor: pointer;
}
.listing-sit .form-search-sit-wrapper div[id^=edit-chambre] .form-item input:checked + label, .listing-sit .form-search-sit-wrapper div[id^=edit-capacite] .form-item input:checked + label, .listing-sit .form-search-sit-wrapper div[id^=edit-superficie] .form-item input:checked + label {
  background: #174166;
  color: #ffffff;
  position: relative;
  padding-right: 40px;
}
.listing-sit .form-search-sit-wrapper div[id^=edit-chambre] .form-item input:checked + label::after, .listing-sit .form-search-sit-wrapper div[id^=edit-capacite] .form-item input:checked + label::after, .listing-sit .form-search-sit-wrapper div[id^=edit-superficie] .form-item input:checked + label::after {
  content: "check_small";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
}
.listing-sit .form-search-sit-wrapper .titre-budget {
  font-size: 18px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  color: #0A1E2E;
}
.listing-sit .form-search-sit-wrapper .fourchette-prix {
  font-size: 14px;
  margin: 10px 0;
}
.listing-sit .form-search-sit-wrapper .form-item-prix, .listing-sit .form-search-sit-wrapper .form-item-prix-max {
  display: inline-flex;
  width: 45%;
  flex-wrap: wrap;
  gap: 4px;
  padding-right: 4px;
}
.listing-sit .form-search-sit-wrapper .form-item-prix label, .listing-sit .form-search-sit-wrapper .form-item-prix-max label {
  font-size: 16px;
  font-weight: 400;
  display: block;
}
.listing-sit .form-search-sit-wrapper .form-item-prix input, .listing-sit .form-search-sit-wrapper .form-item-prix-max input {
  border: 1px solid #0A1E2E;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  width: 100%;
}
.listing-sit .wrapper-objets-controles .texte-contre-propositions {
  padding-top: 10px;
}
.listing-sit .wrapper-objets-controles .texte-contre-propositions .avertissement {
  position: relative;
  color: #FD7D00;
  border: 1px solid #FD7D00;
  padding: 10px 16px 10px 50px;
  margin-bottom: 30px;
}
.listing-sit .wrapper-objets-controles .texte-contre-propositions .avertissement .material-icons {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
}
.listing-sit .wrapper-objets-controles .texte-contre-propositions .titre {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 31px;
  margin-bottom: 30px;
}
.listing-sit .wrapper-objets-controles .controles-semainier {
  position: sticky;
  bottom: 0;
  margin-left: -30px;
  margin-right: -30px;
  background: #0A1E2E;
  width: 100vw;
  color: #ffffff;
}
.listing-sit .wrapper-objets-controles .controles-semainier > .row {
  margin-left: -30px;
}
.listing-sit .wrapper-objets-controles .controles-semainier .description {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 56px;
  padding-left: 10px !important;
}
.listing-sit .wrapper-objets-controles .controles-semainier .semaine-precedente, .listing-sit .wrapper-objets-controles .controles-semainier .semaine-suivante {
  width: 30px;
  height: 50px;
  border-radius: 0;
  position: relative;
  top: 3px;
  background: #174166;
  color: #ffffff;
}
.listing-sit .wrapper-objets-controles .controles-semainier .semaine-precedente .material-icons, .listing-sit .wrapper-objets-controles .controles-semainier .semaine-suivante .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.listing-sit .wrapper-objets-controles .controles-semainier .col-semaine .date-semaine {
  margin: 0;
  padding: 3px 12px 5px 12px;
  justify-content: space-evenly;
  text-align: center;
  background: #0A1E2E;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 16px;
}
.listing-sit .wrapper-objets-controles .controles-semainier .col-semaine .date-semaine b {
  color: #FF9C00;
}
.listing-sit .wrapper-objets-controles .controles-semainier .col-semaine .separateur {
  padding: 0;
  text-indent: -1000px;
  overflow: hidden;
  position: relative;
  height: inherit;
  width: 20px;
}
.listing-sit .wrapper-objets-controles .controles-semainier .col-semaine .separateur::after {
  content: "";
  background: #FF9C00;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border-radius: 50%;
}
.listing-sit .col-semaine {
  display: none;
}
.listing-sit .col-semaine.active {
  display: flex !important;
}

#actualites .pagination {
  justify-content: center;
}
#actualites .pagination .liste-pagination {
  list-style-type: none;
  margin: 40px 0;
  padding: 0;
  display: flex;
}
#actualites .pagination .liste-pagination li a {
  font-size: 1.125rem;
  line-height: 50px;
  color: #0A1E2E;
  width: 50px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #ffffff;
}
#actualites .pagination .liste-pagination li a.active {
  color: #ffffff;
  background: #0A1E2E;
  border: 1px solid #0A1E2E;
}
#actualites .pagination .liste-pagination li a.material-icons {
  color: #ffffff;
  background: #0A1E2E;
  border: 1px solid #0A1E2E;
}
#actualites .pagination .liste-pagination li a.material-icons.disabled {
  background: #ffffff;
  border: 1px solid #828282;
  color: #828282;
}

.offres .push picture img, .paragraph--type--cta picture img {
  display: block;
}
.offres .push:hover picture, .paragraph--type--cta:hover picture {
  display: block;
  position: relative;
}
.offres .push:hover picture::after, .paragraph--type--cta:hover picture::after {
  content: "";
  position: absolute;
  background-color: #0A1E2E;
  opacity: 0.2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.offres .push:hover .titre-h2, .offres .push:hover .titre-h3 a, .paragraph--type--cta:hover .titre-h2, .paragraph--type--cta:hover .titre-h3 a {
  color: #FF9C00 !important;
}

article #avis {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #0A1E2E;
}
article #avis .note-principale {
  font-size: 1.875rem;
  line-height: 40px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  margin-right: 20px;
  margin-bottom: 5px;
  display: inline-block;
}
article #avis .resume {
  color: #ffffff;
}
article #avis .resume .titre-h2 {
  color: #ffffff;
}
article #avis .resume .nb-avis {
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 40px;
}
article #avis .resume .avis-type-sejour {
  margin-bottom: 20px;
  position: relative;
}
article #avis .resume .avis-type-sejour::after {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 0;
  right: 30px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
article #avis .resume .avis-type-sejour .nom {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 21px;
}
article #avis .resume .avis-type-sejour .nb-avis {
  cursor: default;
  text-decoration: none;
  margin-bottom: 20px;
  font-size: 0.75rem;
  line-height: 30px;
}
article #avis .resume .avis-type-sejour .note {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 23px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}
article #avis .etoiles {
  position: relative;
  width: 123px;
  height: 21px;
  mask: url(../images/etoiles.svg);
  display: inline-block;
}
article .avis-wrapper {
  background: #ffffff;
}
article .avis-wrapper .container .title {
  font-size: 0.875rem;
  line-height: 19px;
  width: 100%;
  background: #F9F5F1;
  padding: 10px 30px;
}
article .avis-wrapper .header .title {
  color: #174166;
  font-size: 0.75rem;
  line-height: 16px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
}
article .avis-wrapper .header .title span {
  display: block;
  color: #0A1E2E;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 23px;
}
article .avis-wrapper .header + .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
article .avis-wrapper .header + .container .etoiles + .nb-avis, article .avis-wrapper .header + .container .avis {
  margin-bottom: 40px;
}
article .avis-wrapper .header + .container .avis .material-icons {
  font-size: 15px;
  position: relative;
  top: 3px;
}
article .avis-wrapper .header + .container .avis .nom-pays {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 23px;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays {
  position: relative;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 23px;
  padding-left: 40px;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays::before, article .avis-wrapper .header + .container .avis .nom-pays .pays::after {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
article .avis-wrapper .header + .container .avis .nom-pays .pays::before {
  content: "·";
  left: 5px;
  color: #FF9C00;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays::after {
  content: "";
  left: 15px;
  width: 18px;
  height: 14px;
  display: block;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays.DE::after {
  background: url(/themes/base_theme/images/drapeau-AL.svg) no-repeat;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays.EN::after {
  background: url(/themes/base_theme/images/drapeau-EN.svg) no-repeat;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays.ES::after {
  background: url(/themes/base_theme/images/drapeau-ESP.svg) no-repeat;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays.FR::after {
  background: url(/themes/base_theme/images/drapeau-FR.svg) no-repeat;
}
article .avis-wrapper .header + .container .avis .nom-pays .pays.NL::after {
  background: url(/themes/base_theme/images/drapeau-NL.svg) no-repeat;
}
article .illustrations .paragraph a:hover, article .body a:hover, article #faq .question-reponse .reponse a:hover {
  color: #ffffff !important;
  background: #0A1E2E;
}
article .body a {
  color: #174166;
}
article .illustrations .paragraph {
  margin-bottom: 30px;
}
article .illustrations .paragraph .titre-h2 {
  margin: 15px 0 0 0;
}
article .illustrations .paragraph:last-child {
  padding-bottom: 30px;
}
article .illustrations .paragraph a {
  color: #174166;
}
article .illustrations .paragraph picture {
  border-radius: 0 0 0 0;
  overflow: hidden;
}
article .illustrations .paragraph img {
  border-radius: 0 0 0 0;
}
article #actualites {
  background: #F9F5F1;
  padding-top: 30px;
  padding-bottom: 30px;
}
article.node-page-d-accueil {
  padding-top: 50px;
}
article.node-page-d-accueil .app-elfsight.resume {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}
article.node-page-d-accueil .app-elfsight.resume > div {
  box-shadow: 0px 3px 10px #0A1E2E29;
  background: #ffffff;
}
article.node-page-d-accueil .app-elfsight.resume::before, article.node-page-d-accueil .app-elfsight.resume::after {
  content: "";
  height: 50%;
  width: 100vw;
  display: block;
  position: absolute;
  bottom: -1px;
  background: #F9F5F1;
  z-index: -1;
  left: 0;
  transform: translate(-50%);
  top: initial;
}
article.node-page-d-accueil .app-elfsight.resume::after {
  transform: translate(49%);
}
article.node-page-d-accueil #avantages {
  margin-bottom: 50px;
}
article.node-page-d-accueil #avantages .avantage {
  margin-bottom: 30px;
  padding-left: 85px;
  position: relative;
  color: #0A1E2E;
  font-size: 0.75rem;
  line-height: 16px;
}
article.node-page-d-accueil #avantages .avantage::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 30px;
  width: 40px;
  height: 40px;
  background-size: cover;
}
article.node-page-d-accueil #avantages .avantage .title {
  margin-bottom: 5px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 21px;
}
article.node-page-d-accueil #avantages .avantage.gouvernail::before {
  background: url(../images/gouvernail.svg) no-repeat;
}
article.node-page-d-accueil #avantages .avantage.parasol::before {
  background: url(../images/parasol.svg) no-repeat;
}
article.node-page-d-accueil #avantages .avantage.feux::before {
  background: url(../images/feux.svg) no-repeat;
}
article.node-page-d-accueil #avantages .avantage.diamant::before {
  background: url(../images/diamant.svg) no-repeat;
}
article.node-page-d-accueil #avantages .avantage.lotus::before {
  background: url(../images/lotus.svg) no-repeat;
}
article.node-page-d-accueil #avantages .avantage.espadrilles::before {
  background: url(../images/espadrilles.svg) no-repeat;
}
article.node-page-d-accueil .wrapper-offres {
  background: #F9F5F1;
  padding-top: 10px;
}
article.node-page-d-accueil .wrapper-offres.center .titre-h2 {
  text-align: center;
}
article.node-page-d-accueil .wrapper-offres.center .offres {
  display: flex;
  justify-content: center;
}
article.node-page-d-accueil .wrapper-offres .offres .push {
  border-radius: 0;
  margin-bottom: 20px;
}
article.node-page-d-accueil .wrapper-offres .offres .push .titre {
  font-size: 1rem;
  line-height: 21px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  margin-top: 10px;
  color: #174166;
}
article.node-page-d-accueil .wrapper-offres .offres .push .titre a {
  color: #174166;
  text-decoration: none;
}
article.node-page-d-accueil .wrapper-offres .offres .push .accroche {
  font-size: 0.875rem;
  line-height: 18px;
}
article.node-page-d-accueil .wrapper-offres .offres .push .accroche p {
  margin-top: 5px;
}
article.node-page-d-accueil .wrapper-offres .offres .push .accroche a {
  color: #174166;
}
article.node-page-d-accueil .wrapper-offres .offres .push .accroche a:hover {
  color: #ffffff !important;
  background: #0A1E2E;
}
article.node-page-d-accueil .wrapper-offres .offres .push picture {
  border-radius: 0 0 0 0;
  overflow: hidden;
}
article.node-page-d-accueil .wrapper-offres .offres .push img {
  display: block;
  border-radius: 0 0 0 0;
}
article.node-page-d-accueil .wrapper-offres .offres .push:last-child {
  padding-bottom: 30px;
}
article.node-page-d-accueil .nouveautes {
  padding: 0 0 50px 0;
  background: #F9F5F1;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta {
  position: relative;
  border-radius: 0;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-image {
  padding: 0;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte {
  box-shadow: 0px 3px 10px #0A1E2E29;
  margin: -50px 20px;
  width: calc(100% - 40px);
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 30px 40px;
  border-radius: 0;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background: #FF9C00;
  top: -12px;
  border-radius: 50%;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte .titre-h2 {
  margin-top: 0;
  color: #174166;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte .lien {
  background: #0A1E2E;
  padding-right: 35px;
  padding-left: 35px;
}
article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte .lien a {
  color: #ffffff;
  text-decoration: none;
}
article.node-page-d-accueil .illustrations {
  background: #F9F5F1;
}
article.node-page-d-accueil .container.body + .illustrations {
  padding-top: 40px;
  margin-top: 20px;
}
article.node-page-d-accueil .locations {
  margin-bottom: 50px;
}
article.node-page-d-accueil .locations .row .col-6:nth-child(2n+1) {
  padding-right: 15px;
}
article.node-page-d-accueil .locations .row .col-6:nth-child(2n) {
  padding-left: 15px;
}
article.node-page-editoriale.full .hebergements .objet-touristique.snippet {
  border: none;
}
article.node-page-editoriale.full .hebergements .objet-touristique.snippet .image {
  max-height: 150px;
  overflow: hidden;
  border-radius: 0 0 0 0;
  margin-bottom: 10px;
}
article.node-page-editoriale.full .hebergements .objet-touristique.snippet .title, article.node-page-editoriale.full .hebergements .objet-touristique.snippet ul, article.node-page-editoriale.full .hebergements .objet-touristique.snippet .tarif-depart {
  padding-left: 0;
}
article.node-page-editoriale.full .hebergements .objet-touristique.snippet .tarif-depart .prix {
  padding-left: 8px;
}
article.node-page-editoriale.full .maillage-listing .col-6:nth-child(2n+1) {
  padding-right: 15px;
}
article.node-page-editoriale.full .maillage-listing .col-6:nth-child(2n) {
  padding-left: 15px;
}
article.node-page-editoriale.full .locations {
  background: #F9F5F1;
  padding-top: 25px;
}
article.node-page-editoriale.full .locations .titre-h2 {
  margin-top: 0;
}
article.node-page-editoriale.full .body + .cool-n-camp {
  margin-top: 15px;
}
article.node-page-editoriale.full #cool-n-camp-animations {
  margin-bottom: 40px;
}
article.node-page-editoriale.full #cool-n-camp-animations > .intitule {
  background: #F9F5F1;
  height: 55px;
  line-height: 55px;
  padding-left: 22px;
}
article.node-page-editoriale.full #cool-n-camp-animations > .intitule span {
  display: inline-block;
  margin: 0 5px;
  color: #FF9C00;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}
article.node-page-editoriale.full #cool-n-camp-animations > .intitule span.sep::after {
  content: "•";
  margin-left: 8px;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour {
  margin-bottom: 20px;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour > .intitule {
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-size: 18px;
  padding-left: 26px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  background: #0A1E2E;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation {
  padding: 20px 30px 15px 30px;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation:nth-child(2n+1) {
  background: #F9F5F1;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation > .row > .col-9 {
  padding-right: 0;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation > .row > .col-9 .col-2, article.node-page-editoriale.full #cool-n-camp-animations .jour .animation > .row > .col-9 .col-10 {
  padding-right: 0;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation > .row > .col-auto {
  padding-left: 0;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation .hours {
  font-size: 12px;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation .hours span {
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 7px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation .hours span::after {
  content: "-";
  position: absolute;
  left: 0;
  bottom: -12px;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation .name {
  color: #174166;
  font-size: 18px;
  margin-bottom: 5px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation .location {
  font-size: 12px;
}
article.node-page-editoriale.full #cool-n-camp-animations .jour .animation .duration {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
article.node-page-editoriale.snippet, article.node-page-editoriale.accroche_avec_tarif {
  margin-bottom: 10px;
}
article.node-page-editoriale.snippet picture, article.node-page-editoriale.accroche_avec_tarif picture {
  border-radius: 0 0 0 0;
  overflow: hidden;
}
article.node-page-editoriale.snippet img, article.node-page-editoriale.accroche_avec_tarif img {
  border-radius: 0 0 0 0;
  display: block;
}
article.node-page-editoriale.snippet .image, article.node-page-editoriale.accroche_avec_tarif .image {
  position: relative;
}
article.node-page-editoriale.snippet .image::after, article.node-page-editoriale.accroche_avec_tarif .image::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 40%;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent linear-gradient(0deg, #000000CC 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}
article.node-page-editoriale.snippet .image .titre-h3, article.node-page-editoriale.accroche_avec_tarif .image .titre-h3 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 20px;
  z-index: 2;
  width: 90%;
  text-align: center;
}
article.node-page-editoriale.snippet .image .titre-h3 a, article.node-page-editoriale.accroche_avec_tarif .image .titre-h3 a {
  color: #ffffff;
}
article.node-page-editoriale.snippet:hover .image::before, article.node-page-editoriale.accroche_avec_tarif:hover .image::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0A1E2E 0% 0% no-repeat padding-box;
  opacity: 0.2;
}
article.node-page-editoriale.snippet:hover .image .titre-h3 a, article.node-page-editoriale.accroche_avec_tarif:hover .image .titre-h3 a {
  color: #FF9C00;
}
article.node-page-editoriale.accroche_avec_tarif .image::after {
  display: none;
}
article.node-page-editoriale.accroche_avec_tarif .text {
  padding: 5px 0;
}
article.node-page-editoriale.accroche_avec_tarif .text .titre-h3 a {
  color: #174166;
}
article.node-page-editoriale.accroche_avec_tarif .text .tarif {
  text-align: left;
  font-size: 0.75rem;
  line-height: 18px;
}
article.node-page-editoriale.accroche_avec_tarif .text .tarif em {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 18px;
  font-style: normal;
  color: #174166;
}
article.node-article.teaser {
  white-space: normal;
  margin-bottom: 30px;
}
article.node-article.teaser div[property="schema:text"] {
  white-space: normal;
}
article.node-article.teaser .text .body {
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 64px;
}
article.node-article.teaser .text .body p {
  margin: 0;
}
article.node-article.teaser picture {
  border-radius: 0 0 0 0;
  overflow: hidden;
}
article.node-article.teaser img {
  border-radius: 0 0 0 0;
}
article.node-article.full {
  position: relative;
}
article.node-article.full .titre-h1 {
  text-align: center;
  margin-left: 30px;
  margin-right: 30px;
}
article.node-article.full .publication {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  margin-top: -13px;
  height: 26px;
  line-height: 26px;
  background: #0A1E2E;
  color: #ffffff;
  padding: 0 10px;
  z-index: 1;
  border-radius: 0;
}
article.node-article.full picture {
  border-radius: 0 0 0 0;
  overflow: hidden;
}
article.node-article.full img {
  border-radius: 0 0 0 0;
}
article.node-article.full a {
  color: #174166;
}
article.node-article.full #actualites {
  margin-top: 30px;
}
article.node-article.teaser picture img, article.node-page-editoriale.accroche_avec_tarif picture img, article.objet-touristique.teaser picture img, article.objet-touristique.bonplan picture img, article.objet-touristique.sejour picture img, article.objet-touristique.snippet picture img {
  display: block;
}
article.node-article.teaser .tarif .barre, article.node-page-editoriale.accroche_avec_tarif .tarif .barre, article.objet-touristique.teaser .tarif .barre, article.objet-touristique.bonplan .tarif .barre, article.objet-touristique.sejour .tarif .barre, article.objet-touristique.snippet .tarif .barre {
  display: inline-block;
}
article.node-article.teaser:hover picture, article.node-page-editoriale.accroche_avec_tarif:hover picture, article.objet-touristique.teaser:hover picture, article.objet-touristique.bonplan:hover picture, article.objet-touristique.sejour:hover picture, article.objet-touristique.snippet:hover picture {
  display: block;
  position: relative;
}
article.node-article.teaser:hover picture::after, article.node-page-editoriale.accroche_avec_tarif:hover picture::after, article.objet-touristique.teaser:hover picture::after, article.objet-touristique.bonplan:hover picture::after, article.objet-touristique.sejour:hover picture::after, article.objet-touristique.snippet:hover picture::after {
  content: "";
  position: absolute;
  background-color: #0A1E2E;
  opacity: 0.2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
article.node-article.teaser:hover .tarif, article.node-article.teaser:hover .titre-h3 a, article.node-article.teaser:hover .nom-offre, article.node-article.teaser:hover h3.title a, article.node-page-editoriale.accroche_avec_tarif:hover .tarif, article.node-page-editoriale.accroche_avec_tarif:hover .titre-h3 a, article.node-page-editoriale.accroche_avec_tarif:hover .nom-offre, article.node-page-editoriale.accroche_avec_tarif:hover h3.title a, article.objet-touristique.teaser:hover .tarif, article.objet-touristique.teaser:hover .titre-h3 a, article.objet-touristique.teaser:hover .nom-offre, article.objet-touristique.teaser:hover h3.title a, article.objet-touristique.bonplan:hover .tarif, article.objet-touristique.bonplan:hover .titre-h3 a, article.objet-touristique.bonplan:hover .nom-offre, article.objet-touristique.bonplan:hover h3.title a, article.objet-touristique.sejour:hover .tarif, article.objet-touristique.sejour:hover .titre-h3 a, article.objet-touristique.sejour:hover .nom-offre, article.objet-touristique.sejour:hover h3.title a, article.objet-touristique.snippet:hover .tarif, article.objet-touristique.snippet:hover .titre-h3 a, article.objet-touristique.snippet:hover .nom-offre, article.objet-touristique.snippet:hover h3.title a {
  color: #FF9C00 !important;
}
article.node-article.teaser:hover .tarif.barre, article.node-article.teaser:hover .titre-h3 a.barre, article.node-article.teaser:hover .nom-offre.barre, article.node-article.teaser:hover h3.title a.barre, article.node-page-editoriale.accroche_avec_tarif:hover .tarif.barre, article.node-page-editoriale.accroche_avec_tarif:hover .titre-h3 a.barre, article.node-page-editoriale.accroche_avec_tarif:hover .nom-offre.barre, article.node-page-editoriale.accroche_avec_tarif:hover h3.title a.barre, article.objet-touristique.teaser:hover .tarif.barre, article.objet-touristique.teaser:hover .titre-h3 a.barre, article.objet-touristique.teaser:hover .nom-offre.barre, article.objet-touristique.teaser:hover h3.title a.barre, article.objet-touristique.bonplan:hover .tarif.barre, article.objet-touristique.bonplan:hover .titre-h3 a.barre, article.objet-touristique.bonplan:hover .nom-offre.barre, article.objet-touristique.bonplan:hover h3.title a.barre, article.objet-touristique.sejour:hover .tarif.barre, article.objet-touristique.sejour:hover .titre-h3 a.barre, article.objet-touristique.sejour:hover .nom-offre.barre, article.objet-touristique.sejour:hover h3.title a.barre, article.objet-touristique.snippet:hover .tarif.barre, article.objet-touristique.snippet:hover .titre-h3 a.barre, article.objet-touristique.snippet:hover .nom-offre.barre, article.objet-touristique.snippet:hover h3.title a.barre {
  color: #0A1E2E !important;
}
article.node-page-editoriale.accroche_avec_tarif:hover .tarif {
  color: #0A1E2E !important;
}
article.node-page-editoriale.accroche_avec_tarif:hover .tarif em {
  color: #FF9C00 !important;
}
article.objet-touristique.contre_proposition {
  margin-bottom: 30px;
}
article.objet-touristique.contre_proposition .description {
  border-left: 1px solid #F9F5F1;
  border-right: 1px solid #F9F5F1;
  padding: 10px 10px 20px 10px;
  margin: 0 30px 0 30px;
  flex: 0 0 calc(100% - 60px);
}
article.objet-touristique.contre_proposition .description .titre-h3 {
  margin-top: 0;
}
article.objet-touristique.contre_proposition .description .caracteristiques div {
  display: inline-block;
}
article.objet-touristique.contre_proposition .description .caracteristiques div::after {
  content: "|";
  margin: 0 4px;
}
article.objet-touristique.contre_proposition .description .caracteristiques div:last-child::after {
  display: none;
}
article.objet-touristique.contre_proposition .description .lien-infos {
  margin-top: 10px;
  display: block;
  color: #174166;
}
article.objet-touristique.contre_proposition ul {
  list-style-type: none;
  padding: 0;
  margin: 0 30px;
  width: 100%;
  border-bottom: 1px solid #F9F5F1;
}
article.objet-touristique.contre_proposition ul li .tarif-contre-proposition {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  border-left: 1px solid #F9F5F1;
  border-right: 1px solid #F9F5F1;
}
article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .dates {
  flex: 0 0 100%;
  background: #174166;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 26px;
  padding: 0 15px;
  color: #ffffff;
}
article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .pourcentage, article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .prix, article.objet-touristique.contre_proposition ul li .tarif-contre-proposition button {
  flex: 0 0 33%;
  margin: 10px 0;
}
article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .pourcentage {
  background: #FF9C00;
  padding: 10px;
}
article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .prix {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  color: #174166;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .prix .barre {
  text-decoration: line-through;
  font-size: 0.6875rem;
  line-height: 14px;
  color: #0A1E2E;
}
article.objet-touristique.contre_proposition ul li:nth-child(2n+1) .tarif-contre-proposition {
  background: #F9F5F1;
}
article.objet-touristique.bonplan {
  cursor: pointer;
}
article.objet-touristique.teaser ul {
  flex-wrap: wrap;
}
article.objet-touristique.teaser ul li {
  position: relative;
  padding: 0 5px 0 0 !important;
  margin: 0 5px 0 0 !important;
  background: none !important;
}
article.objet-touristique.teaser ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  height: 20px;
  right: 0;
  background: #0A1E2E;
}
article.objet-touristique.teaser ul li:last-child::after {
  display: none;
}
article.objet-touristique.teaser .title a {
  color: #174166 !important;
}
article.objet-touristique.teaser .tarif-depart {
  padding-left: 10px;
  font-size: 0.75rem;
  line-height: 26px;
}
article.objet-touristique.teaser .tarif-depart .prix {
  color: #174166;
  font-size: 1.125rem;
  line-height: 26px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
article.objet-touristique.snippet h3.title {
  padding-top: 5px;
}
article.objet-touristique.snippet, article.objet-touristique.sejour, article.objet-touristique.bonplan {
  position: relative;
  border: 1px solid #F9F5F1;
  border-radius: 0 0 0 0;
  margin-bottom: 20px;
}
article.objet-touristique.snippet .offre-reduction, article.objet-touristique.sejour .offre-reduction, article.objet-touristique.bonplan .offre-reduction {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  font-size: 0.75rem;
  line-height: 26px;
}
article.objet-touristique.snippet .offre-reduction .max-discount, article.objet-touristique.sejour .offre-reduction .max-discount, article.objet-touristique.bonplan .offre-reduction .max-discount {
  background: #FF9C00;
  margin-right: 4px;
  padding: 0 4px;
  border-radius: 0;
}
article.objet-touristique.snippet .offre-reduction .dates, article.objet-touristique.sejour .offre-reduction .dates, article.objet-touristique.bonplan .offre-reduction .dates {
  padding: 0 4px;
  background: #174166;
  border-radius: 0;
  color: #ffffff;
}
article.objet-touristique.snippet .code-promo, article.objet-touristique.sejour .code-promo, article.objet-touristique.bonplan .code-promo {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  margin: 0 auto 10px auto;
  font-size: 0.75rem;
  line-height: 26px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  width: fit-content;
  height: 26px;
  border-radius: 0;
  padding: 0 5px;
  background: #0A1E2E;
  color: #FF9C00;
}
article.objet-touristique.snippet .nom-offre, article.objet-touristique.sejour .nom-offre, article.objet-touristique.bonplan .nom-offre {
  color: #174166;
  padding-top: 5px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 23px;
  padding-left: 10px;
}
article.objet-touristique.snippet .nom-offre .numero-condition, article.objet-touristique.sejour .nom-offre .numero-condition, article.objet-touristique.bonplan .nom-offre .numero-condition {
  font-size: 0.75rem;
  line-height: 23px;
}
article.objet-touristique.snippet .title, article.objet-touristique.sejour .title, article.objet-touristique.bonplan .title {
  font-size: 0.875rem;
  line-height: 18px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  color: #0A1E2E;
  margin: 0 0 10px 0;
  padding-left: 10px;
}
article.objet-touristique.snippet .title a, article.objet-touristique.sejour .title a, article.objet-touristique.bonplan .title a {
  color: #0A1E2E;
  text-decoration: none;
  white-space: break-spaces;
}
article.objet-touristique.snippet picture, article.objet-touristique.sejour picture, article.objet-touristique.bonplan picture {
  border-radius: 0 0 0 0;
  overflow: hidden;
}
article.objet-touristique.snippet img, article.objet-touristique.sejour img, article.objet-touristique.bonplan img {
  border-radius: 0 0 0 0;
}
article.objet-touristique.snippet ul, article.objet-touristique.sejour ul, article.objet-touristique.bonplan ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
  display: flex;
}
article.objet-touristique.snippet ul li, article.objet-touristique.sejour ul li, article.objet-touristique.bonplan ul li {
  font-size: 0.75rem;
  line-height: 26px;
  background: #F9F5F1;
  margin-right: 4px;
  padding: 0 4px;
  border-radius: 0;
}
article.objet-touristique.snippet .duree-capacite-tarif, article.objet-touristique.sejour .duree-capacite-tarif, article.objet-touristique.bonplan .duree-capacite-tarif {
  margin: 5px 10px;
}
article.objet-touristique.snippet .duree-capacite-tarif .duree-capacite, article.objet-touristique.sejour .duree-capacite-tarif .duree-capacite, article.objet-touristique.bonplan .duree-capacite-tarif .duree-capacite {
  font-size: 0.75rem;
  line-height: 16px;
  align-content: center;
  display: grid;
  padding: 0;
}
article.objet-touristique.snippet .duree-capacite-tarif .tarif, article.objet-touristique.sejour .duree-capacite-tarif .tarif, article.objet-touristique.bonplan .duree-capacite-tarif .tarif {
  padding: 0;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  text-align: right;
  color: #174166;
}
article.objet-touristique.snippet .duree-capacite-tarif .tarif .barre, article.objet-touristique.sejour .duree-capacite-tarif .tarif .barre, article.objet-touristique.bonplan .duree-capacite-tarif .tarif .barre {
  color: #0A1E2E;
  text-decoration: line-through;
  font-size: 0.6875rem;
  line-height: 14px;
}
article.objet-touristique.full #onglets {
  background: #ffffff;
  position: sticky;
  top: 60px;
  z-index: 3;
}
article.objet-touristique.full #onglets .liste-onglets {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
}
article.objet-touristique.full #onglets .liste-onglets::-webkit-scrollbar {
  height: 0;
}
article.objet-touristique.full #onglets .liste-onglets::-webkit-scrollbar-thumb {
  background: none;
}
article.objet-touristique.full #onglets .liste-onglets::-webkit-scrollbar-track {
  background: none;
}
article.objet-touristique.full #onglets .liste-onglets .onglet {
  display: inline-block;
  height: 50px;
  cursor: pointer;
  margin-right: 40px;
  position: relative;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 50px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
article.objet-touristique.full #onglets .liste-onglets .onglet a {
  color: #0A1E2E;
  text-decoration: none;
}
article.objet-touristique.full #onglets .liste-onglets .onglet.active {
  border-bottom: 2px solid #FF9C00;
}
article.objet-touristique.full #onglets .liste-onglets .onglet.active a {
  color: #FF9C00;
}
article.objet-touristique.full #presentation ul, article.objet-touristique.full .paragraph--type--module ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
article.objet-touristique.full #presentation ul li, article.objet-touristique.full .paragraph--type--module ol li {
  background: #0A1E2E;
  color: #ffffff;
  height: 38px;
  font-size: 0.875rem;
  line-height: 38px;
  border-radius: 0;
  display: inline-block;
  padding-left: 13px;
  padding-right: 13px;
  margin-right: 8px;
  margin-bottom: 8px;
}
article.objet-touristique.full #presentation ul li.rouge, article.objet-touristique.full .paragraph--type--module ol li.rouge {
  background: #B62B09;
}
article.objet-touristique.full #presentation ul li a, article.objet-touristique.full .paragraph--type--module ol li a {
  color: #ffffff;
}
article.objet-touristique.full .paragraph--type--module ol li {
  background: #174166;
}
article.objet-touristique.full .paragraph--type--module ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
article.objet-touristique.full #presentation {
  padding-bottom: 50px;
  margin-bottom: 50px;
  background: #F9F5F1;
  padding-top: 30px;
}
article.objet-touristique.full #presentation .bouton {
  width: 100%;
  background: none;
  border: 1px solid #0A1E2E;
  border-radius: 0;
  margin-bottom: 10px;
}
article.objet-touristique.full #presentation .bouton:hover {
  color: #ffffff;
  background-color: #0A1E2E;
}
article.objet-touristique.full #presentation .visionneuse-apercu {
  position: relative;
  margin-top: 20px;
}
article.objet-touristique.full #presentation .visionneuse-apercu img {
  border-radius: 0 0 0 0;
}
article.objet-touristique.full #presentation .visionneuse-apercu .visionneuse-open {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffff;
  cursor: pointer;
}
article.objet-touristique.full #presentation .visionneuse-apercu .visionneuse-open::after {
  content: "";
  background: #0A1E2E40 0% 0% no-repeat padding-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 0;
}
article.objet-touristique.full #presentation .visionneuse-apercu .bouton {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: max-content;
  bottom: 20px;
}
article.objet-touristique.full #details-location {
  margin-bottom: 50px;
  background: #F9F5F1;
  padding-top: 30px;
}
article.objet-touristique.full #details-location h3, article.objet-touristique.full #details-location .titre-h3 {
  color: #0A1E2E;
  font-size: 1.125rem;
  line-height: 23px;
}
article.objet-touristique.full #details-location ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
article.objet-touristique.full #details-location ul li {
  font-size: 1.125rem;
  line-height: 26px;
}
article.objet-touristique.full .visionneuse-wrapper {
  background: #ffffff;
}
article.objet-touristique.full .visionneuse-wrapper .container picture img {
  display: block;
  margin-top: 10px;
}
article.objet-touristique.full .visionneuse-wrapper .container .title {
  font-size: 0.875rem;
  line-height: 19px;
  width: 100%;
  background: #F9F5F1;
  padding: 10px 30px;
}
article.objet-touristique.full .paragraph--type--module {
  position: relative;
  margin-bottom: 50px;
  overflow: hidden;
}
article.objet-touristique.full .paragraph--type--module .image {
  position: relative;
}
article.objet-touristique.full .paragraph--type--module .image::before, article.objet-touristique.full .paragraph--type--module .image::after {
  content: "";
  height: 50%;
  width: 100vw;
  display: block;
  position: absolute;
  bottom: -1px;
  background: #0A1E2E;
  z-index: -1;
  left: 0;
  transform: translate(-50%);
}
article.objet-touristique.full .paragraph--type--module .image::after {
  transform: translate(49%);
}
article.objet-touristique.full .paragraph--type--module .image img {
  display: block;
}
article.objet-touristique.full .paragraph--type--module .wrapper-textes {
  padding-top: 40px;
  padding-bottom: 50px;
  background: #0A1E2E;
  color: #ffffff;
}
article.objet-touristique.full .paragraph--type--module .wrapper-textes .titre {
  margin-top: 0;
}
article.objet-touristique.full .paragraph--type--module .wrapper-textes h3::before {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
  margin-bottom: 10px;
}
article.objet-touristique.full .paragraph--type--module .titre-h2, article.objet-touristique.full .paragraph--type--module h3 {
  color: #ffffff;
}
article.objet-touristique.full #avantages {
  background: #0A1E2E;
  color: #ffffff;
  position: relative;
  margin-top: 50px;
  padding-top: 40px;
  padding-bottom: 30px;
  border-radius: 0 0 0 0;
}
article.objet-touristique.full #avantages::before, article.objet-touristique.full #avantages::after {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
article.objet-touristique.full #avantages::before {
  content: "favorite";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  top: -12px;
  z-index: 2;
  color: #174166;
}
article.objet-touristique.full #avantages::after {
  content: "";
  height: 50px;
  width: 50px;
  top: -25px;
  background: #ffffff;
  border-radius: 0;
  box-shadow: 0px 3px 10px #0A1E2E29;
}
article.objet-touristique.full #avantages .titre-h3 {
  color: #ffffff;
  margin-top: 0;
}
article.objet-touristique.full #avantages .titre-h3::before {
  display: none;
}
article.objet-touristique.full #avantages ul {
  margin: 0 0 0 20px;
  list-style-type: initial;
}
article.objet-touristique.full #bons-plans {
  margin-top: 40px;
  margin-bottom: 10px;
}
article.objet-touristique.full .conditions.container {
  margin-bottom: 40px;
  font-size: 0.75rem;
  line-height: 23px;
  position: relative;
  padding-top: 15px;
}
article.objet-touristique.full .conditions.container::before {
  content: "";
  position: absolute;
  height: 1px;
  width: calc(100% - 60px);
  left: 30px;
  top: 0;
  background: #0A1E2E;
}
article.objet-touristique.full .conditions.container .condition {
  display: inline;
  padding-right: 0.5rem;
}
article.objet-touristique.full .conditions.container .condition .numero {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
}
article.objet-touristique.full #disponibilites .disponibilite {
  margin-bottom: 10px;
}
article.objet-touristique.full #disponibilites .disponibilite > div {
  background: #0A1E2E;
  color: #ffffff;
  margin-bottom: 3px;
  font-size: 0.875rem;
  line-height: 18px;
}
article.objet-touristique.full #disponibilites .disponibilite > div .valeur {
  color: #FF9C00;
}
article.objet-touristique.full #disponibilites .disponibilite > div.dates {
  padding: 15px 0;
}
article.objet-touristique.full #disponibilites .disponibilite > div.dates .date {
  display: flex;
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
article.objet-touristique.full #disponibilites .disponibilite > div.prix {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 15px 20px;
}
article.objet-touristique.full #disponibilites .disponibilite > div.prix .prix-barre {
  text-decoration: line-through;
  font-size: 11px;
  color: #ffffff;
}
article.objet-touristique.full #disponibilites .disponibilite .bouton {
  width: 100%;
}
article.objet-touristique.full #details-location h3::before {
  content: "";
  background: #F9F5F1;
  width: 100%;
  height: 1px;
  display: block;
  margin-bottom: 10px;
}
article.objet-touristique.full #tarifs-disponibilites {
  margin-bottom: 70px;
}
article.objet-touristique.full #tarifs-disponibilites #onglet-tarifs, article.objet-touristique.full #tarifs-disponibilites #onglet-disponibilites {
  cursor: pointer;
  padding: 1px 29px;
  font-size: 0.875rem;
  line-height: 18px;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  text-align: center;
  width: 100%;
  border: 1px solid #0A1E2E;
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
article.objet-touristique.full #tarifs-disponibilites #onglet-tarifs.active, article.objet-touristique.full #tarifs-disponibilites #onglet-disponibilites.active {
  color: #ffffff;
  background: #0A1E2E;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs {
  margin-top: 12px;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs > .container {
  padding: 0;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items {
  padding: 0;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item {
  width: 50vw;
  margin: 0;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item > div {
  width: 50vw;
  height: 100%;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item:nth-child(2n) .tarif .tarifs-lien-resa {
  background: #F9F5F1;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item .tarif .tarifs-lien-resa {
  position: relative;
  height: 151px;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item .tarif .tarifs-lien-resa .prix {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -10px;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item .tarif .tarifs-lien-resa .reserver {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 10px;
  margin: 0;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .btn-slide {
  z-index: 2;
  display: block;
  color: #ffffff;
  position: absolute;
  top: 27px;
  font-size: 18px;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .btn-slide::after {
  content: "";
  z-index: -1;
  background: #174166;
  width: 28px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .btn-slide.slide-left {
  left: 10px;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .btn-slide.slide-right {
  right: 10px;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .btn-slide:hover {
  color: #505050;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .btn-slide:hover::after {
  background: #ffffff;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-disponibilites .day {
  color: #828282;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-disponibilites .day.toMonth {
  color: #0A1E2E;
}
article.objet-touristique.full #tarifs-disponibilites #wrapper-disponibilites .day.invalid {
  text-decoration: line-through;
}
article.objet-touristique.full #autres-hebergements {
  background: #F9F5F1;
  padding-top: 30px;
  margin-top: 40px;
}
article.objet-touristique.full #autres-hebergements .titre-h2 {
  margin-top: 0;
}
article.objet-touristique.full #autres-hebergements article.objet-touristique.snippet .title {
  color: #174166;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 23px;
}
article.objet-touristique.full #autres-hebergements article.objet-touristique.snippet ul li {
  line-height: 16px;
}
article.objet-touristique.full #autres-hebergements article.objet-touristique.snippet ul li::after {
  height: 12px;
}
article.objet-touristique.full #autres-hebergements article.objet-touristique.snippet .nom-offre, article.objet-touristique.full #autres-hebergements article.objet-touristique.snippet .offre-reduction .dates {
  display: none;
}
article.objet-touristique.full.premium #presentation {
  background: #0A1E2E;
  color: #ffffff;
  margin-bottom: 0;
}
article.objet-touristique.full.premium #presentation .titre-h2 {
  color: #ffffff;
}
article.objet-touristique.full.premium #presentation ul li {
  background: #174166;
}
article.objet-touristique.full.premium #presentation .bouton {
  border-color: #ffffff;
  color: #ffffff;
}
article.objet-touristique.full.premium #presentation .bouton:hover {
  background: #ffffff;
  color: #0A1E2E;
}
article.objet-touristique.full.premium #presentation .visionneuse-apercu .bouton {
  color: #0A1E2E;
  border: none;
  background: transparent linear-gradient(90deg, #FF9C00 0%, #FFB232 100%) 0% 0% no-repeat padding-box;
}
article.objet-touristique.full.premium #presentation .visionneuse-apercu .bouton:hover {
  background: #0A1E2E;
  color: #ffffff;
}
article.objet-touristique.full.premium #details-location {
  background: none;
  padding-top: 0;
}
article.objet-touristique.full.premium #avantages {
  background: #F9F5F1;
  color: #0A1E2E;
}
article.objet-touristique.full.premium #avantages .titre-h3 {
  color: #0A1E2E;
}
article.objet-touristique.full.premium #tarifs-disponibilites {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #F9F5F1;
}
article.objet-touristique.full.premium #tarifs-disponibilites #onglet-disponibilites:not(.active), article.objet-touristique.full.premium #tarifs-disponibilites #onglet-tarifs:not(.active) {
  background: #ffffff;
}
article.objet-touristique.semainier {
  margin-left: -30px;
  margin-right: -30px;
}
article.objet-touristique.semainier > .row {
  margin: 0;
}
article.objet-touristique.semainier.unmatch {
  display: none;
}
article.objet-touristique.semainier:nth-child(2n) {
  background: #F9F5F1;
}
article.objet-touristique.semainier .titre-h3 a {
  color: #0A1E2E;
}
article.objet-touristique.semainier .description {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
}
article.objet-touristique.semainier .description::after {
  content: "";
  width: 1px;
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  background: #174166;
}
article.objet-touristique.semainier .description li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
article.objet-touristique.semainier .description .lien-infos {
  color: #174166;
  margin-bottom: 14px;
  margin-top: 10px;
  display: inline-block;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
}
article.objet-touristique.semainier .boutonBlanc.sauvegarder .material-icons {
  top: 18px;
}
article.objet-touristique.semainier .tarif .aucun-sejour {
  color: #FF9C00;
}

#medias .titre-h1 {
  text-align: center;
}
#medias .image, #medias .remote-video {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
#medias .image img, #medias .remote-video img {
  display: block;
}

.cool-n-camp {
  margin-bottom: 50px;
  background: #F9F5F1;
  padding-bottom: 30px;
}
.cool-n-camp .image {
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.cool-n-camp .image::before {
  content: "";
  background: #ffffff;
  width: 100vw;
  height: 50%;
  top: 0;
  left: -30px;
  position: absolute;
  z-index: -1;
}
.cool-n-camp .image::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 2;
  background-color: #FF9C00;
  bottom: -10px;
}
.cool-n-camp .image img {
  display: block;
  border-radius: 0 0 0 0;
}
.cool-n-camp .lien {
  font-size: 0.75rem;
  line-height: 16px;
  color: #828282;
  margin-bottom: 10px;
  display: inline-block;
}
.cool-n-camp .titre-h2 {
  margin-top: 0;
  text-align: left !important;
}
.cool-n-camp ul {
  padding: 0 0 0 15px;
}
.cool-n-camp a {
  color: #174166;
}
.cool-n-camp a.document {
  background: #0A1E2E;
  color: #ffffff;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 0;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 600;
  text-align: center;
  height: 41px;
  line-height: 41px;
  text-decoration: none;
}
.cool-n-camp a.document:hover {
  color: #0A1E2E;
  background: #FF9C00;
}

/* Small devices (tablet, 576px and up) */
@media only screen and (min-width: 576px) {
  .slider .items {
    padding-left: calc((100vw - 540px + 30px) / 2 - 1px);
  }

  .overlay-wrapper.visites-virtuelles-wrapper .slider .items .item > div {
    width: calc(100vw - (calc((100vw - 540px + 30px) / 2 - 1px)));
  }
}
/* Small devices (tablet, 768px and up) */
@media only screen and (min-width: 768px) {
  #tarteaucitronRoot #tarteaucitronAlertBig {
    border-radius: 10px;
    width: 360px;
    left: 15px;
    bottom: 15px;
  }

  .slider .items .item {
    scroll-margin-left: calc((100vw - 720px + 30px) / 2 - 1px);
    width: 50vw;
  }
  .slider .items .item:first-child {
    padding-left: 8px;
  }
  .slider .items .item > article, .slider .items .item > div {
    width: calc(50vw - 30px);
  }

  .overlay-wrapper.visites-virtuelles-wrapper .slider .items .item > div {
    width: calc(100vw - (calc((100vw - 720px + 30px) / 2 - 1px)));
  }

  .paragraph--type--paragraphe {
    display: flex;
    flex-wrap: wrap;
  }

  #block-base-theme-pieddepage #liens-utiles ul, #block-base-theme-pieddepage #menu-divers ul {
    column-count: 2;
  }

  #block-base-theme-entetepage .wrapper.page_d_accueil .content {
    top: 150px !important;
    transform: translate(-50%) !important;
    left: 50% !important;
  }
}
/* Medium devices (laptop, 992px and up) */
@media only screen and (min-width: 992px) {
  body {
    padding-bottom: 0 !important;
    font-size: 1rem;
    line-height: 20px;
  }

  .cardBottomSite {
    border-radius: 16px;
    max-width: 410px;
    display: table;
  }
  .cardBottomSite .close {
    cursor: pointer;
  }
  .cardBottomSite.active {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
  }

  .date-picker-wrapper .month-wrapper {
    width: fit-content !important;
    display: flex;
  }
  .date-picker-wrapper .month-wrapper .month1 {
    margin-right: 40px;
  }

  .date-picker-wrapper.no-gap .month-wrapper .month1 .caption .next {
    display: none;
  }
  .date-picker-wrapper.no-gap .month-wrapper .month2 .caption .prev {
    display: none;
  }

  .overlay-wrapper {
    width: 100vw;
    text-align: center;
  }
  .overlay-wrapper.visites-virtuelles-wrapper .slider .items .item {
    max-width: 1170px;
    margin: 0 auto;
  }
  .overlay-wrapper.visites-virtuelles-wrapper .slider .items .item .container-iframe {
    max-width: inherit;
  }
  .overlay-wrapper.popup-sauvegarde {
    max-width: 600px;
    height: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
  }
  .overlay-wrapper.popup-sauvegarde.active {
    top: 50%;
  }
  .overlay-wrapper.popup-sauvegarde .content .validation-mail {
    margin-top: 20px;
  }
  .overlay-wrapper.popup-sauvegarde .content .col-image {
    padding-right: 0;
  }
  .overlay-wrapper.popup-sauvegarde .content .col-image + div {
    padding-left: 0;
  }
  .overlay-wrapper.popup-sauvegarde .content .col-texte {
    height: 100%;
  }
  .overlay-wrapper.popup-sauvegarde .content .col-texte .nom-hebergement {
    text-align: left;
  }

  #shadow {
    cursor: pointer;
  }

  h1, .titre-h1 {
    font-size: 3.125rem;
    line-height: 66px;
  }

  h2, .titre-h2 {
    font-size: 2.5rem;
    line-height: 53px;
  }

  h3, .titre-h3 {
    font-size: 1.3125rem;
    line-height: 27px;
  }

  #bandeau-infos::after {
    display: none;
  }
  #bandeau-infos .sujets .sujet p {
    margin: 0;
  }
  #bandeau-infos .sujets .sujet p a {
    text-decoration: underline;
  }

  #header {
    padding-top: 80px;
  }
  #header nav[role=navigation] ol {
    margin: 16px 0 16px 0;
  }
  #header #block-base-theme-entete {
    height: 80px;
    border: none;
  }
  #header #block-base-theme-entete::after {
    content: "";
    height: 1px;
    width: calc(100vw - 100px);
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }
  #header #block-base-theme-entete > .container-fluid > .row {
    justify-content: initial;
    position: relative;
  }
  #header .logo {
    order: 1;
    margin-top: 8px;
    width: 132px;
    height: 60px;
  }
  #header .menu .menu-open {
    cursor: pointer;
    font-size: 12px;
    width: 70px;
    height: 70px;
    padding-top: 16px;
  }
  #header .menu .menu-liens .nav > ul > li a, #header .menu .menu-liens .nav > ul > li span {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
  }
  #header .menu .menu-liens .nav > ul > li ul li a {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
  }
  #header .infos-contacts {
    order: 3;
    position: absolute;
    right: 115px;
    text-align: right;
    padding-right: 34px;
    top: 24px;
    font-size: 0.6875rem;
    line-height: 16px;
  }
  #header .infos-contacts a {
    color: #0A1E2E;
  }
  #header .infos-contacts .tel {
    font-size: 0.875rem;
    line-height: 16px;
    background: none;
    height: initial;
    padding: 0;
  }
  #header .infos-contacts .contacts-open-desktop {
    position: absolute;
    top: 5px;
    right: 0;
    left: initial;
    cursor: pointer;
  }
  #header #infos-contact-mobile {
    left: initial;
    bottom: initial;
    top: initial;
    transform: none;
    right: 122px;
    position: absolute;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    display: none;
    height: auto;
  }
  #header #infos-contact-mobile.active {
    bottom: initial;
    display: block;
  }
  #header .lien-compte-utilisateur {
    order: 4;
    left: initial;
    right: 70px;
    top: 29px;
    position: absolute;
  }
  #header .selecteur-langue {
    order: 5;
    left: initial;
    right: 50px;
    top: 30px;
    position: absolute;
  }
  #header .selecteur-langue .language-switcher-language-url {
    top: -3px;
    position: absolute;
  }

  .listing-sit .dispo-form {
    background: #F9F5F1;
  }

  .dispo-form {
    padding: 30px;
    margin: 0 20px;
    position: relative;
    z-index: 2;
  }
  .dispo-form .form-wrapper {
    padding: 0 15px;
  }
  .dispo-form .form-wrapper .loupe {
    right: 25px;
  }
  .dispo-form #edit-wrapper {
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
  .dispo-form .date-range-picker, .dispo-form .form-item-type, .dispo-form .form-item-personnes, .dispo-form .form-submit {
    flex-grow: 1;
    margin: 0 5px;
    width: auto;
  }
  .dispo-form .date-range-picker .select2-container--default, .dispo-form .form-item-type .select2-container--default, .dispo-form .form-item-personnes .select2-container--default, .dispo-form .form-submit .select2-container--default {
    margin-bottom: 0;
  }
  .dispo-form .date-range-picker {
    margin-left: 0;
  }
  .dispo-form .form-submit {
    margin-right: 0;
  }

  #faq .question-reponse .question {
    font-size: 1.5rem;
    line-height: 31px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
  }

  #block-base-theme-entetepage .wrapper .images #start-video {
    left: initial;
    right: 40px;
  }
  #block-base-theme-entetepage .wrapper .wrapper-recherche-open {
    display: none;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .wrapper-image::after {
    top: 50%;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .container-iframe {
    display: block;
    padding-top: 41.667%;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil #start-video {
    display: none;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .col-image1, #block-base-theme-entetepage .wrapper.page_d_accueil .col-image2, #block-base-theme-entetepage .wrapper.page_d_accueil .col-image3, #block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie {
    margin-bottom: 30px;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie .lien-galerie {
    height: 68px;
    line-height: 68px;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie .lien-galerie .material-icons {
    top: 26%;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .col-lien-galerie .lien-galerie:hover {
    background: #FF9C00;
    color: #0A1E2E;
    border-color: #FF9C00;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .col-image1 {
    max-height: 830px;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .col-image1 picture {
    max-height: 830px;
    display: block;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .content {
    top: initial !important;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .content::before {
    top: -30px;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .content .titre-h1 {
    position: relative;
    font-size: 3.125rem;
    line-height: 66px;
  }
  #block-base-theme-entetepage .wrapper.page_d_accueil .content .titre-h1::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: calc(370px - 124px);
    width: calc(370px - 124px);
    border: 62px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    z-index: -1;
    top: -125px;
  }
  #block-base-theme-entetepage .wrapper.page_editoriale .content, #block-base-theme-entetepage .wrapper.objet_touristique .content {
    bottom: 0;
    transform: translate(-50%) !important;
    top: initial !important;
  }
  #block-base-theme-entetepage .wrapper.page_editoriale .content .titre-h1, #block-base-theme-entetepage .wrapper.objet_touristique .content .titre-h1 {
    margin-bottom: 0;
  }
  #block-base-theme-entetepage .wrapper.page_editoriale .content .titre-focus {
    font-size: 50px;
    margin-bottom: 30px;
  }
  #block-base-theme-entetepage .wrapper.page_editoriale .content .titre-focus + .titre-h1 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  #block-base-theme-entetepage .wrapper.objet_touristique .content {
    bottom: 20px;
  }
  #block-base-theme-entetepage .wrapper #periode-ouverture-etablissement {
    font-size: 1.125rem;
    line-height: 23px;
    text-align: center;
  }

  #block-base-theme-pieddepage {
    margin-top: 125px;
  }
  #block-base-theme-pieddepage::after {
    width: calc(100vw - (calc((100vw - 960px + 30px) / 2 - 1px))) !important;
  }
  #block-base-theme-pieddepage #reseaux {
    margin-left: 30px;
    margin-right: 30px;
  }
  #block-base-theme-pieddepage #liens-utiles {
    padding-bottom: 20px;
  }
  #block-base-theme-pieddepage #liens-utiles .container ul {
    column-count: 2;
  }
  #block-base-theme-pieddepage #liens-utiles .container .lieux-d-interet ul {
    column-count: 1;
  }
  #block-base-theme-pieddepage #menu-divers ul li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
  }
  #block-base-theme-pieddepage #menu-divers ul li::after {
    content: "";
    width: 2px;
    height: 2px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -8px;
  }
  #block-base-theme-pieddepage #menu-divers ul li:last-child {
    margin-right: 0;
  }
  #block-base-theme-pieddepage #menu-divers ul li:last-child::after {
    display: none;
  }

  .tarif .tarifs-lien-resa {
    z-index: 1;
  }

  #medias .image {
    padding-left: 15px;
    padding-right: 15px;
  }
  #medias .remote-video {
    margin-left: 15px;
    flex: initial;
    width: calc(100% - 30px);
  }
  #medias .remote-video, #medias .image {
    margin-bottom: 30px;
  }

  #offres-coups-de-coeur, #bons-plans, #autres-hebergements, #actualites {
    position: relative;
  }
  #offres-coups-de-coeur .slider, #bons-plans .slider, #autres-hebergements .slider, #actualites .slider {
    overflow: initial;
  }
  #offres-coups-de-coeur .slider .items, #bons-plans .slider .items, #autres-hebergements .slider .items, #actualites .slider .items {
    padding-left: 30px !important;
    padding-right: 0;
  }
  #offres-coups-de-coeur .slider .btn-slide, #bons-plans .slider .btn-slide, #autres-hebergements .slider .btn-slide, #actualites .slider .btn-slide {
    top: -70px;
    transform: none;
    margin-top: 0 !important;
  }
  #offres-coups-de-coeur .slider .btn-slide.slide-left, #bons-plans .slider .btn-slide.slide-left, #autres-hebergements .slider .btn-slide.slide-left, #actualites .slider .btn-slide.slide-left {
    transform: translate(-70px);
  }

  #tunnel #ouvrir-moyens-paiement {
    cursor: pointer;
  }
  #tunnel #wrapper-details-reservation .title, #tunnel #wrapper-moyens-paiement .title, #tunnel .wrapper-cgv .title {
    padding-top: 21px;
  }
  #tunnel #wrapper-details-reservation {
    position: relative;
    z-index: initial;
    box-shadow: 0 0 4px #01535129;
    border-radius: 16px;
    margin-top: 50px;
    background: #ffffff;
    height: fit-content;
  }
  #tunnel #wrapper-details-reservation .col-wrapper {
    padding: 30px;
    max-height: initial;
  }
  #tunnel #wrapper-details-reservation + div {
    padding-left: 30px;
  }
  #tunnel .etape-tunnel {
    padding-top: 50px;
  }
  #tunnel .etape-tunnel > .hearder {
    font-size: 2.25rem;
    line-height: 42px;
  }
  #tunnel .etape-tunnel > .content .section, #tunnel .etape-tunnel > .content .cgv, #tunnel .etape-tunnel > .content .code-promo {
    box-shadow: 0 0 4px #01535129;
    border-radius: 10px;
    padding: 10px;
  }
  #tunnel .etape-tunnel > .content .cgv, #tunnel .etape-tunnel > .content .code-promo {
    padding: 25px;
  }
  #tunnel .etape-tunnel > .content .section.accompagnateurs .accompagnateur {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #tunnel .etape-tunnel > .content .section.accompagnateurs .accompagnateur .js-form-type-textfield {
    flex: 0 0 48%;
    width: 48%;
  }
  #tunnel .etape-tunnel > .content .section.accompagnateurs .accompagnateur .js-form-type-date {
    flex: 0 0 100%;
    width: 100%;
  }
  #tunnel .etape-tunnel#options-sejour #lien-etape-suivante {
    display: flex;
    justify-content: end;
  }
  #tunnel .etape-tunnel#options-sejour #lien-etape-suivante .bouton {
    width: fit-content;
    padding: 0 50px;
  }
  #tunnel .etape-tunnel#assurances-annulation > .content .section:first-child {
    box-shadow: none;
    padding: 0;
  }
  #tunnel .etape-tunnel#assurances-annulation > .content .section:first-child .section-header {
    padding: 0 15px;
  }
  #tunnel .etape-tunnel#assurances-annulation > .content .cgv {
    padding: 0;
    box-shadow: none;
  }
  #tunnel .etape-tunnel#assurances-annulation .boutons {
    grid-template-columns: 2fr 1fr 2fr;
  }
  #tunnel .etape-tunnel#assurances-annulation .boutons #lien-etape-precedente {
    grid-column: 1;
    order: 1;
  }
  #tunnel .etape-tunnel#assurances-annulation .boutons #lien-etape-suivante {
    order: 2;
    grid-column: 3;
  }
  #tunnel .etape-tunnel#informations-personnelles form .form-actions, #tunnel .etape-tunnel#resume form .form-actions {
    display: flex;
    gap: 10px;
  }
  #tunnel .etape-tunnel#informations-personnelles form .form-actions .sauvegarder-sejour, #tunnel .etape-tunnel#resume form .form-actions .sauvegarder-sejour {
    order: 1;
    margin: 0;
  }
  #tunnel .etape-tunnel#informations-personnelles form .form-actions .form-submit, #tunnel .etape-tunnel#resume form .form-actions .form-submit {
    order: 3;
  }
  #tunnel .etape-tunnel#informations-personnelles .card.encart-vert .card-title {
    margin-bottom: 0;
    font-size: 1.375rem;
    line-height: 50px;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section {
    box-shadow: none;
    padding: 0;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section .section-header {
    padding: 0 15px;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section .customer-form .form-wrapper {
    box-shadow: 0 0 4px #01535129;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section .customer-form .form-wrapper .section {
    margin-bottom: 0;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section .customer-form .form-wrapper.form-actions {
    box-shadow: none;
    padding: 0;
    grid-template-columns: 2fr 1fr 2fr;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section .customer-form .form-wrapper.form-actions #lien-etape-precedente {
    grid-column: 1;
    order: 1;
  }
  #tunnel .etape-tunnel#informations-personnelles > .content .section .customer-form .form-wrapper.form-actions .form-submit {
    order: 2;
    grid-column: 3;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .section {
    box-shadow: none;
    padding: 0;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .section .section-header {
    padding: 0 15px;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12:first-child > strong {
    margin-bottom: 30px;
    display: inline-block;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12:first-child input {
    width: 95%;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .methodes-paiement > li.casino4x > .row > .col-12:last-child {
    padding-top: 49px;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .form-actions {
    grid-template-columns: 2fr 1fr 2fr;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .form-actions #lien-etape-precedente {
    grid-column: 1;
    order: 1;
  }
  #tunnel .etape-tunnel#resume .payment-methods-form .form-actions .form-submit {
    order: 2;
    grid-column: 3;
  }
  #tunnel #page-confirmation {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  #tunnel #page-confirmation > .title, #tunnel #page-confirmation > p {
    text-align: center;
  }
  #tunnel #page-confirmation .encart-camping {
    padding-bottom: 15px;
    margin-top: 30px;
  }
  #tunnel #page-confirmation .encart-camping .image {
    padding: 0 15px;
  }
  #tunnel #page-confirmation .encart-camping .image img {
    border-radius: 16px;
  }
  #tunnel #page-confirmation .encart-camping .texte .nom-produit {
    font-size: 1.375rem;
    line-height: 25px;
  }
  #tunnel #page-confirmation .encart-camping .texte .ouvrir-carte-camping, #tunnel #page-confirmation .encart-camping .texte .dates, #tunnel #page-confirmation .encart-camping .texte .capacite {
    font-size: 0.875rem;
    line-height: 19px;
  }
  #tunnel #page-confirmation .bottom-confirmation .bouton {
    width: fit-content;
    margin: 30px auto;
    padding: 0 30px;
    display: block;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig {
    width: 800px;
    left: calc((100vw - 800px)/2);
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    padding-bottom: 90px;
    font-size: 1rem;
    line-height: 19px;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .titre {
    font-size: 1.375rem;
    line-height: 25px;
    margin-bottom: 10px;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    width: auto;
    right: 30px;
    bottom: 30px;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
    width: auto;
    bottom: 30px;
    left: 30px;
    padding: 20px 0;
    text-transform: none;
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    width: auto;
    right: 170px;
    bottom: 30px;
    left: initial;
  }

  .slider-tags .tag:not(.active):hover {
    color: #ffffff;
    background-color: #174166;
    border-color: #174166;
  }

  .slider {
    position: relative;
  }
  .slider .items {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    padding-left: calc((100vw - 960px + 30px) / 2 - 1px);
  }
  .slider .items .item {
    display: inline-block;
    white-space: nowrap;
    scroll-snap-align: start;
    scroll-margin-left: 30px;
    width: fit-content;
    margin-right: 30px;
  }
  .slider .items .item > article, .slider .items .item > div {
    width: 370px;
  }
  .slider .items .item:first-child {
    padding-left: 0;
  }
  .slider .btn-slide {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: calc((100vw - 960px + 30px) / 2 - 1px);
    border-radius: 0;
    height: 50px;
    width: 50px;
    line-height: 46px;
    text-align: center;
    background-color: #ffffff;
    cursor: pointer;
    top: 35%;
  }
  .slider .btn-slide.slide-left {
    margin-top: 30px;
    color: #828282;
    border: 1px solid #828282;
  }
  .slider .btn-slide.slide-right {
    margin-top: -30px;
    background-color: #0A1E2E;
    color: #ffffff;
  }
  .slider .btn-slide.slide-right:hover {
    background-color: #174166;
    color: #ffffff;
  }
  .slider .btn-slide.show {
    display: block;
  }

  .illustrations .paragraph--type--paragraphe .texte {
    align-content: center;
    flex-wrap: wrap;
    display: flex;
  }
  .illustrations .paragraph--type--paragraphe .texte h3, .illustrations .paragraph--type--paragraphe .texte p {
    flex: 0 0 100%;
  }
  .illustrations .paragraph--type--paragraphe .texte .texte {
    display: block;
    flex: 0 0 100%;
  }
  .illustrations .paragraph--type--paragraphe .texte .titre {
    flex: 0 0 100%;
  }
  .illustrations .paragraph--type--paragraphe .image {
    position: relative;
    margin-left: 0;
    flex: initial;
    flex-direction: column;
    justify-content: center;
    display: flex !important;
  }
  .illustrations .paragraph--type--paragraphe .image::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 2;
    background-color: #FF9C00;
  }
  .illustrations .paragraph--type--paragraphe .image .image {
    order: initial;
    margin-left: 0;
    flex: initial;
  }
  .illustrations .paragraph--type--paragraphe .image .image::after {
    display: none;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n):not(.inverser-texte-image) .texte, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n+1) .texte {
    order: 2;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n):not(.inverser-texte-image) .texte .titre, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n+1) .texte .titre {
    padding-left: 30px;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n):not(.inverser-texte-image) .image, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n+1) .image {
    order: 1;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n):not(.inverser-texte-image) .image::after, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n+1) .image::after {
    right: 0;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n+1):not(.inverser-texte-image) .texte, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n) .texte {
    padding-right: 30px;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n+1):not(.inverser-texte-image) .texte .texte, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n) .texte .texte {
    display: block;
    flex: 0 0 100%;
  }
  .illustrations .paragraph--type--paragraphe:nth-child(2n+1):not(.inverser-texte-image) .image::after, .illustrations .paragraph--type--paragraphe.inverser-texte-image:nth-child(2n) .image::after {
    left: 0;
  }

  .listing-sit .titre-h1 {
    margin-bottom: 60px;
    text-align: center;
  }
  .listing-sit .ouverture-filtres {
    padding: 10px 30px;
  }
  .listing-sit .forms-wrapper {
    z-index: 10;
    top: -29px;
    margin: 0;
  }
  .listing-sit .overlay-wrapper.filtres-wrapper {
    text-align: left;
    border-radius: 0 0 0 0;
    max-height: 70vh;
    right: initial;
    left: 50%;
    transform: translate(-50%);
    max-width: 570px;
  }
  .listing-sit .overlay-wrapper.filtres-wrapper.active {
    top: 20%;
    z-index: 20;
  }
  .listing-sit .overlay-wrapper.filtres-wrapper .close {
    left: 80px;
  }
  .listing-sit .form-dispo-wrapper .overlay-wrapper {
    position: static;
    width: auto;
    text-align: left;
    height: auto;
    background: #000000;
    border-radius: 0 0 0 0;
  }
  .listing-sit .form-dispo-wrapper .overlay-wrapper .header {
    display: none;
  }
  .listing-sit .form-dispo-wrapper .dispo-form {
    margin: 0;
  }
  .listing-sit .form-dispo-wrapper .dispo-form .form-submit {
    position: static;
    width: auto;
  }
  .listing-sit .wrapper-objets-controles {
    display: grid;
  }
  .listing-sit .wrapper-objets-controles .objets {
    order: 2;
  }
  .listing-sit .wrapper-objets-controles .texte-contre-propositions .avertissement {
    margin-bottom: 60px;
  }
  .listing-sit .wrapper-objets-controles .texte-contre-propositions .titre {
    font-size: 2.5rem;
    line-height: 53px;
    margin-bottom: 40px;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier {
    order: 1;
    top: 152px;
    width: auto;
    margin: 0;
    z-index: 2;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier > .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier .description {
    text-align: left;
    padding-left: 30px !important;
    font-size: 1rem;
    line-height: 74px;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier .semaine-precedente, .listing-sit .wrapper-objets-controles .controles-semainier .semaine-suivante {
    cursor: pointer;
    position: absolute;
    border-radius: 0;
    width: 50px;
    right: -23px;
    top: 12px;
    z-index: 3;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier .col-semaine {
    display: block !important;
    height: 74px;
    flex: 0 0 20%;
    max-width: 20%;
    border-right: 1px solid #828282;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier .col-semaine .date-semaine {
    line-height: 22px;
  }

  article .avis-wrapper .header > .col-9 .title {
    text-align: left;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 21px;
  }
  article .avis-wrapper .header > .col-9 .title span {
    font-size: 1.5rem;
    line-height: 31px;
  }
  article .avis-wrapper .header > .col-3 {
    text-align: right;
  }
  article .avis-wrapper .header + .container .avis {
    text-align: left;
  }
  article .avis-wrapper .header + .container .avis b {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
  }
  article .avis-wrapper .header + .container .avis .nom-pays {
    margin-bottom: 15px;
  }
  article .avis-wrapper .header + .container .avis .positif, article .avis-wrapper .header + .container .avis .negatif {
    margin-top: 10px;
  }
  article #avis .resume .titre-h2 {
    margin-bottom: 30px;
  }
  article #avis .resume .avis-type-sejour {
    padding: 0 15px;
  }
  article #avis .resume .avis-type-sejour .nb-avis {
    margin-bottom: 10px;
  }
  article #avis .resume .notes-types-sejour {
    position: relative;
  }
  article #avis .resume .notes-types-sejour::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    bottom: 15px;
    width: 1px;
    background: #174166;
  }
  article.node-page.full h1 {
    text-align: center;
  }
  article.objet-touristique.contre_proposition {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #F9F5F1;
    margin-bottom: 40px;
  }
  article.objet-touristique.contre_proposition .col-image {
    flex: 0 0 270px;
    max-width: 270px;
  }
  article.objet-touristique.contre_proposition .col-image img {
    display: block;
  }
  article.objet-touristique.contre_proposition .description {
    flex: 0 0 60%;
    border: none;
    margin-left: 5px;
    padding-top: 25px;
  }
  article.objet-touristique.contre_proposition ul {
    margin: 0 14px;
    border-bottom: none;
  }
  article.objet-touristique.contre_proposition ul li .tarif-contre-proposition {
    justify-content: space-around;
  }
  article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .prix, article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .pourcentage, article.objet-touristique.contre_proposition ul li .tarif-contre-proposition button {
    flex: 0 0 20%;
  }
  article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .dates {
    flex: 0 0 30%;
    height: 31px;
    margin-top: 18px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 31px;
  }
  article.objet-touristique.contre_proposition ul li .tarif-contre-proposition .prix {
    text-align: center;
  }
  article.objet-touristique.full #presentation {
    border-radius: 0;
    padding-top: 30px;
  }
  article.objet-touristique.full #presentation .row {
    justify-content: space-between;
  }
  article.objet-touristique.full #presentation .bouton {
    width: fit-content;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
  }
  article.objet-touristique.full #onglets {
    top: 80px;
  }
  article.objet-touristique.full .conditions.container::before {
    width: calc(100% - 30px);
    left: 15px;
  }
  article.objet-touristique.full #avis {
    margin-top: 0;
  }
  article.objet-touristique.full #bons-plans {
    margin-top: 80px;
  }
  article.objet-touristique.full #details-location {
    border-radius: 0;
    padding-bottom: 80px;
    margin-bottom: 0;
  }
  article.objet-touristique.full #details-location h3 {
    margin-top: 25px;
  }
  article.objet-touristique.full #details-location .titre-h3 {
    font-size: 1.625rem;
    line-height: 34px;
  }
  article.objet-touristique.full #details-location .titre-h3 strong {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 600;
  }
  article.objet-touristique.full #details-location > .container ul {
    line-height: 26px;
  }
  article.objet-touristique.full #details-location > .container ul, article.objet-touristique.full #details-location > .container p {
    column-count: 2;
    column-rule-width: thin;
    column-rule-style: solid;
    column-rule-color: #0A1E2E;
  }
  article.objet-touristique.full #details-location > .container ul.no-column, article.objet-touristique.full #details-location > .container p.no-column {
    column-count: initial;
  }
  article.objet-touristique.full #details-location > .container ul.no-column::after, article.objet-touristique.full #details-location > .container p.no-column::after {
    display: none;
  }
  article.objet-touristique.full #avantages {
    margin-right: auto;
    margin-left: auto;
    padding-left: 60px;
    padding-right: 60px;
  }
  article.objet-touristique.full .paragraph--type--module ul {
    position: relative;
    column-count: 2;
    line-height: 26px;
  }
  article.objet-touristique.full .paragraph--type--module ul::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    display: block;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #174166;
    margin-left: -10px;
  }
  article.objet-touristique.full .paragraph--type--module .image > div::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -15px;
    width: 30px;
    height: 30px;
    background: #FF9C00;
    border-radius: 50%;
  }
  article.objet-touristique.full #tarifs-disponibilites .col-nopadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs > .container {
    padding: 0 15px;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider {
    overflow: initial;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item {
    width: 278px;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .items .item > div {
    width: 278px;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .slide-left, article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .slide-right {
    z-index: 1;
    margin: 0;
    top: 11px;
    transform: none;
    color: #505050;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .slide-left::after, article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .slide-right::after {
    display: none;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .slide-left {
    right: initial;
    left: -24px !important;
  }
  article.objet-touristique.full #tarifs-disponibilites #wrapper-tarifs .slider .slide-right {
    right: -24px !important;
    background: #174166;
    color: #ffffff;
  }
  article.objet-touristique.full .plans-wrapper picture {
    max-width: 770px;
  }
  article.objet-touristique.full .plans-wrapper picture img {
    max-width: 770px;
  }
  article.objet-touristique.full .visionneuse-wrapper .photo {
    flex: 0 0 calc(50% - 15px);
    margin-right: 30px;
    margin-top: 30px;
  }
  article.objet-touristique.full .visionneuse-wrapper .photo picture img {
    margin-top: 0;
  }
  article.objet-touristique.full .visionneuse-wrapper .container .row .photo:nth-child(2n) {
    margin-right: 0;
  }
  article.objet-touristique.full #autres-hebergements {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  article.objet-touristique.full #disponibilites .disponibilite > div {
    margin-bottom: 0;
  }
  article.objet-touristique.full #disponibilites .disponibilite > div.dates > .row {
    margin: 0;
  }
  article.objet-touristique.full #disponibilites .disponibilite > div.dates .date {
    display: block;
    padding: 0 15px;
  }
  article.objet-touristique.full #disponibilites .disponibilite > div.prix {
    display: block;
    padding: 15px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
  }
  article.objet-touristique.full #disponibilites .disponibilite .bouton {
    height: 100%;
    line-height: 63px;
  }
  article.objet-touristique.full #disponibilites .disponibilite .resa {
    background: none;
    padding-left: 0 !important;
  }
  article.objet-touristique.teaser:hover .tarif-depart .prix {
    color: #FF9C00;
  }
  article.objet-touristique.semainier {
    margin: 0;
  }
  article.objet-touristique.semainier .description {
    display: flex;
    padding: 20px 5px;
    flex: 0 0 40%;
    max-width: 40%;
  }
  article.objet-touristique.semainier .description .col-image {
    padding-right: 0;
  }
  article.objet-touristique.semainier .description .col-image img {
    width: auto;
  }
  article.objet-touristique.semainier .col-semaine {
    display: flex !important;
    flex: 0 0 20%;
    max-width: 20%;
  }
  article.objet-touristique.semainier .col-semaine.active::after {
    content: "";
    position: absolute;
    background: #17416610;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  article.objet-touristique.semainier .sauvegarder {
    position: relative;
    top: 1px;
  }
  article.node-article.teaser:hover picture {
    border-radius: 0 15px 0 0;
  }
  article.node-article.teaser img {
    border-radius: 0 15px 0 0;
  }
  article.node-article.teaser .text .body {
    margin: 0;
    column-count: initial;
  }
  article.node-article.full .titre-h1 {
    margin-left: 100px;
    margin-right: 100px;
  }
  article.node-article.full .image-principale {
    position: relative;
    margin-bottom: 50px;
  }
  article.node-article.full .image-principale img {
    display: block;
  }
  article.node-article.full .image-principale::after {
    content: "";
    background: #FF9C00;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -15px;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
  }
  article.node-article.full .illustrations {
    margin-top: 60px;
  }
  article.node-page-editoriale.full {
    padding-top: 60px;
  }
  article.node-page-editoriale.full .illustrations, article.node-page-editoriale.full .locations {
    margin-top: 60px;
  }
  article.node-page-editoriale.full .hebergements .objet-touristique.snippet {
    margin-bottom: 40px;
  }
  article.node-page-editoriale.full .hebergements .objet-touristique.snippet .image {
    max-height: 200px;
  }
  article.node-page-editoriale.full .hebergements .objet-touristique.snippet .nom-offre {
    padding-left: 0;
    font-size: 1.3125rem;
    line-height: 27px;
  }
  article.node-page-editoriale.full .hebergements .objet-touristique.snippet .duree-capacite-tarif {
    margin: 5px 0;
  }
  article.node-page-editoriale.full .body + .cool-n-camp {
    margin-top: 35px;
  }
  article.node-page-editoriale.full #cool-n-camp-animations {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  article.node-page-editoriale.full #cool-n-camp-animations > .intitule {
    text-align: center;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .prev, article.node-page-editoriale.full #cool-n-camp-animations .next {
    position: absolute;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid #F9F5F1;
    top: 67px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    z-index: 2;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .prev .material-icons, article.node-page-editoriale.full #cool-n-camp-animations .next .material-icons {
    color: #828282;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  article.node-page-editoriale.full #cool-n-camp-animations .prev:hover, article.node-page-editoriale.full #cool-n-camp-animations .next:hover {
    border-color: #174166;
    background: #174166;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .prev:hover .material-icons, article.node-page-editoriale.full #cool-n-camp-animations .next:hover .material-icons {
    color: #ffffff;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .prev {
    left: -25px;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .next {
    right: -25px;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jours {
    display: flex;
    overflow: scroll;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jours .jour > .intitule {
    border-left: 1px solid #ffffff;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jours .jour:first-child > .intitule {
    border: none;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jours .jour:nth-child(2n+1) {
    background: #F9F5F1;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jour {
    flex: 0 0 33.33%;
    flex-wrap: nowrap;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jour > .intitule {
    text-align: center;
    height: 74px;
    line-height: 74px;
  }
  article.node-page-editoriale.full #cool-n-camp-animations .jour .animation:nth-child(2n+1) {
    background: #0A1E2E29;
  }
  article.node-page-editoriale.snippet {
    margin-bottom: 30px;
  }
  article.objet-touristique.snippet .duree-capacite-tarif .duree-capacite, article.objet-touristique.sejour .duree-capacite-tarif .duree-capacite, article.objet-touristique.bonplan .duree-capacite-tarif .duree-capacite {
    margin-right: 6px;
    font-size: 0.875rem;
    line-height: 16px;
  }
  article.node-page-d-accueil #avantages {
    margin-bottom: 50px;
  }
  article.node-page-d-accueil #avantages .avantage {
    margin-bottom: 0;
    padding: 70px 0 0 0;
    text-align: center;
  }
  article.node-page-d-accueil #avantages .avantage::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 50px;
    height: 50px;
    background-size: cover;
  }
  article.node-page-d-accueil #avantages .avantage .title {
    font-size: 1.3125rem;
    line-height: 27px;
  }
  article.node-page-d-accueil #avantages .avantage .text {
    font-size: 0.875rem;
    line-height: 18px;
  }
  article.node-page-d-accueil .wrapper-avis, article.node-page-d-accueil .wrapper-nouveautes {
    display: flex;
    justify-content: center;
  }
  article.node-page-d-accueil .app-elfsight.resume {
    overflow: initial;
  }
  article.node-page-d-accueil .nouveautes {
    padding: 0 30px;
    background: none;
    position: relative;
  }
  article.node-page-d-accueil .nouveautes::after, article.node-page-d-accueil .nouveautes::before {
    content: "";
    height: calc(50% + 50px);
    width: 100vw;
    display: block;
    position: absolute;
    background: #F9F5F1;
    z-index: -1;
    top: calc(50% - 25px);
  }
  article.node-page-d-accueil .nouveautes::before {
    right: 0;
    transform: translate(50%);
  }
  article.node-page-d-accueil .nouveautes::after {
    left: 0;
    transform: translate(-50%);
  }
  article.node-page-d-accueil .nouveautes .paragraph--type--cta {
    display: flex;
    padding-bottom: 0;
    justify-content: end;
  }
  article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-image picture {
    border-radius: 0 0 0 0;
    overflow: hidden;
  }
  article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-image img {
    display: block;
    border-radius: 0 0 0 0;
  }
  article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte {
    height: fit-content;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    margin: 0 0 0 -15px;
  }
  article.node-page-d-accueil .nouveautes .paragraph--type--cta .col-texte::before {
    left: initial;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -15px;
    width: 30px;
    height: 30px;
  }
  article.node-page-d-accueil .wrapper-offres.center .push_grand {
    flex: 0 0 770px !important;
  }
  article.node-page-d-accueil .offres {
    display: flex;
  }
  article.node-page-d-accueil .offres .push {
    margin-right: 30px;
    flex-direction: column;
    display: flex;
  }
  article.node-page-d-accueil .offres .push:last-child {
    margin-right: 0;
  }
  article.node-page-d-accueil .offres .push.push_grand {
    flex: 0 0 calc(50% - 15px);
  }
  article.node-page-d-accueil .offres .push.push_petit {
    flex: 0 0 calc(25% - 15px);
  }
  article.node-page-d-accueil .titre-body {
    margin-bottom: -30px;
  }
  article.node-page-d-accueil .body {
    column-count: 2;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  article.node-page-d-accueil .body p:first-child {
    margin-top: 0;
  }
  article.node-page-d-accueil .body + .illustrations {
    background: none;
  }
  article.node-page-d-accueil .wrapper-offres > .container, article.node-page-d-accueil .illustrations > .container:last-child {
    position: relative;
  }
  article.node-page-d-accueil .wrapper-offres > .container::after, article.node-page-d-accueil .illustrations > .container:last-child::after {
    content: "";
    position: absolute;
    height: 80px;
    width: 50px;
    bottom: -3px;
    right: 0;
    -webkit-mask: url(../images/ancre.svg) no-repeat;
    mask: url(../images/ancre.svg) no-repeat;
    background-color: #ffffff;
    z-index: 1;
  }
  article.node-page-d-accueil .illustrations .paragraph:last-child {
    padding-bottom: 80px;
  }
  article.node-page-d-accueil #actualites {
    position: relative;
    padding-bottom: 80px;
  }
  article.node-page-d-accueil #actualites .slider .btn-slide {
    display: block;
  }
  article.node-page-d-accueil #actualites .slider picture {
    border-radius: 0 15px 0 0;
  }
  article.node-page-d-accueil #actualites .slider picture img {
    border-radius: 0 15px 0 0;
  }
  article.node-page-d-accueil #actualites::before {
    content: "";
    position: absolute;
    height: 80px;
    width: 50px;
    bottom: -3px;
    -webkit-mask: url(../images/ancre.svg) no-repeat;
    mask: url(../images/ancre.svg) no-repeat;
    background-color: #ffffff;
    z-index: 1;
    right: calc((100vw - 960px + 200px) / 2 - 1px);
  }

  #actualites .titre-h1 {
    text-align: center;
  }
  #actualites .pagination {
    justify-content: end;
  }
  #actualites .pagination .liste-pagination li a.material-icons.disabled {
    border: none;
  }

  #block-base-theme-pieddepage::before {
    width: 50px;
    height: 77px;
    top: -77px;
  }
  #block-base-theme-pieddepage #contacts .tel .boutonBlanc, #block-base-theme-pieddepage #contacts .mail .boutonBlanc {
    font-size: 13px;
  }
  #block-base-theme-pieddepage #contacts .tel .boutonBlanc .material-icons, #block-base-theme-pieddepage #contacts .mail .boutonBlanc .material-icons {
    font-size: 20px;
  }
  #block-base-theme-pieddepage #menu-divers ul {
    column-count: initial;
    text-align: center;
  }
  #block-base-theme-pieddepage #menu-divers ul li::after {
    background-color: #0A1E2E;
  }
  #block-base-theme-pieddepage #reseaux .titre-h3 {
    margin: 0;
    line-height: 50px;
    font-size: 14px;
  }
  #block-base-theme-pieddepage #reseaux .auto {
    height: 50px;
  }
  #block-base-theme-pieddepage #reseaux .lien {
    margin-bottom: 0;
  }
  #block-base-theme-pieddepage #reseaux .liens-reseaux-sociaux {
    justify-content: center;
  }
  #block-base-theme-pieddepage #paiements > .container {
    position: relative;
  }
  #block-base-theme-pieddepage #paiements > .container > .row .titre {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
  }
  #block-base-theme-pieddepage #paiements > .container > .row .lien-infos {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    text-align: right;
  }
  #block-base-theme-pieddepage #paiements > .container > .row .lien-infos a {
    color: #ffffff;
  }
  #block-base-theme-pieddepage #paiements > .container > .row .liens {
    justify-content: center;
  }
  #block-base-theme-pieddepage #paiements > .container > .row .liens .paiement {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
  }

  .cool-n-camp {
    margin-bottom: 80px;
  }
  .cool-n-camp .image {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
  .cool-n-camp .image::before {
    width: 200vw;
    left: -100%;
  }
  .cool-n-camp .image::after {
    width: 30px;
    height: 30px;
    bottom: -15px;
  }
  .cool-n-camp .lien {
    font-size: 0.875rem;
    line-height: 18px;
  }
  .cool-n-camp a.document {
    width: fit-content;
    padding: 0 20px;
    display: inline-block;
    margin-right: 10px;
  }
  .cool-n-camp a.document:last-child {
    margin-right: 0;
  }
}
/* Large devices (laptop, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #bandeau-infos .icone {
    left: 50px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig {
    width: 1040px;
    left: calc((100vw - 1040px)/2);
  }

  #header #block-base-theme-entete {
    border: none;
  }
  #header .logo {
    margin-right: 50px;
    margin-left: 20px;
  }
  #header .menu {
    transform: translate(-150px);
    order: 2;
    position: relative;
    margin: 0 auto;
    z-index: 10;
  }
  #header .menu .menu-liens {
    position: static;
    padding-top: 0;
    max-width: initial;
    overflow-y: initial;
  }
  #header .menu .menu-liens .nav > ul {
    margin: 0;
    display: flex;
    justify-content: space-evenly;
  }
  #header .menu .menu-liens .nav > ul > li {
    position: relative;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 80px;
    letter-spacing: -0.49px;
    margin-right: 20px;
  }
  #header .menu .menu-liens .nav > ul > li:last-child {
    margin-right: 0;
  }
  #header .menu .menu-liens .nav > ul > li .more, #header .menu .menu-liens .nav > ul > li .less {
    display: none;
  }
  #header .menu .menu-liens .nav > ul > li > ul {
    max-height: initial;
    display: none;
    position: absolute;
    top: 77px;
    left: 0;
    z-index: 11;
    background: #ffffff;
    padding: 30px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 30px 30px #01535129;
  }
  #header .menu .menu-liens .nav > ul > li > ul > li {
    margin: 0 30px 0 0;
  }
  #header .menu .menu-liens .nav > ul > li > ul > li:last-child {
    margin: 0;
  }
  #header .menu .menu-liens .nav > ul > li > ul > li a {
    display: block;
    width: max-content;
  }
  #header .menu .menu-liens .nav > ul > li:hover::after {
    content: "";
    position: absolute;
    top: 74px;
    height: 6px;
    width: calc(100% - 30px);
    left: 15px;
    border-radius: 10px 10px 0 0;
  }
  #header .menu .menu-liens .nav > ul > li:hover > ul {
    display: block;
    border-top: 4px solid #0A1E2E;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  #header .menu .menu-liens .nav > ul > li:hover > ul li {
    line-height: 40px;
  }
  #header .infos-contacts {
    right: 100px;
  }
  #header .lien-compte-utilisateur {
    right: 60px;
  }
  #header .selecteur-langue {
    right: 50px;
  }

  .listing-sit .ouverture-filtres {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 44px;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier .description {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 74px;
  }
  .listing-sit .wrapper-objets-controles .controles-semainier .col-semaine .date-semaine {
    font-size: 0.875rem;
    line-height: 22px;
  }
  .listing-sit .tarif .tarifs-lien-resa .prix {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 700;
  }
  .listing-sit .tarif .tarifs-lien-resa .prix .barre {
    font-size: 0.875rem;
    line-height: 18px;
  }
  .listing-sit .tarif .tarifs-lien-resa .prix span {
    font-size: 1.5rem;
    line-height: 30px;
  }

  .dispo-form #edit-wrapper > .form-wrapper {
    flex: initial;
    padding-left: 20px;
  }
  .dispo-form #edit-wrapper > .form-wrapper#edit-filtres {
    width: 80%;
    display: flex;
  }
  .dispo-form #edit-wrapper > .form-wrapper.form-actions {
    padding: 0;
    position: relative;
    bottom: 0;
  }
  .dispo-form #edit-wrapper > .form-wrapper .date-range-picker, .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes, .dispo-form #edit-wrapper > .form-wrapper .form-item-type {
    flex: initial;
    margin: 20px 15px 20px 0;
    border: 1px solid #000000;
    padding-right: 15px;
  }
  .dispo-form #edit-wrapper > .form-wrapper .date-range-picker:focus-within, .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes:focus-within, .dispo-form #edit-wrapper > .form-wrapper .form-item-type:focus-within {
    border-color: #000000;
  }
  .dispo-form #edit-wrapper > .form-wrapper .date-range-picker input, .dispo-form #edit-wrapper > .form-wrapper .date-range-picker input:focus-visible, .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes input, .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes input:focus-visible, .dispo-form #edit-wrapper > .form-wrapper .form-item-type input, .dispo-form #edit-wrapper > .form-wrapper .form-item-type input:focus-visible {
    outline: none;
  }
  .dispo-form #edit-wrapper > .form-wrapper .date-range-picker {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .dispo-form #edit-wrapper > .form-wrapper .date-range-picker .date-range-picker-input {
    padding-left: 45px;
    white-space: nowrap;
  }
  .dispo-form #edit-wrapper > .form-wrapper .form-item-type {
    flex: 0 0 18%;
    max-width: 18%;
    border: none;
    padding-right: 0;
  }
  .dispo-form #edit-wrapper > .form-wrapper .form-item-type .select2-container--default {
    margin-bottom: 0;
  }
  .dispo-form #edit-wrapper > .form-wrapper .form-item-type .select2-container--default .select2-selection--single {
    border: 1px solid #000000;
  }
  .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes {
    flex: 0 0 21%;
    max-width: 21%;
    border: none;
  }
  .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes .select2-container--default {
    margin-bottom: 0;
  }
  .dispo-form #edit-wrapper > .form-wrapper .form-item-personnes .select2-container--default .select2-selection--single {
    border: 1px solid #000000;
  }
  .dispo-form .form-actions {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .dispo-form .form-actions:hover {
    background: #000000;
  }
  .dispo-form .form-actions::after {
    right: initial;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 15px;
  }
  .dispo-form .form-actions .form-submit {
    width: fit-content;
    background: transparent;
    position: relative;
    z-index: 1;
    border-radius: 0 10px 10px 0;
    height: 90px;
    line-height: 120px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
  }
  .dispo-form .form-actions .form-submit:hover {
    background: transparent;
  }

  #block-base-theme-entetepage {
    position: relative;
  }
  #block-base-theme-entetepage picture {
    border-radius: 16px;
  }
  #block-base-theme-entetepage picture img {
    display: block;
  }
  .slider .items {
    padding-left: calc((100vw - 1140px + 30px) / 2 - 1px);
  }
  .slider .btn-slide {
    right: calc((100vw - 1140px + 30px) / 2 - 1px);
  }

  .overlay-wrapper.visites-virtuelles-wrapper .slider .items .item > div {
    width: calc(100vw - (calc((100vw - 1140px + 30px) / 2 - 1px)));
  }

  article.node-page-editoriale.full #cool-n-camp-animations {
    max-width: 1140px;
  }

  #block-base-theme-pieddepage::after {
    width: calc(100vw - (calc((100vw - 1140px + 30px) / 2 - 1px))) !important;
  }
  #block-base-theme-pieddepage #contacts .tel .boutonBlanc, #block-base-theme-pieddepage #contacts .mail .boutonBlanc {
    font-size: 13px;
  }
  #block-base-theme-pieddepage #contacts .tel .boutonBlanc .material-icons, #block-base-theme-pieddepage #contacts .mail .boutonBlanc .material-icons {
    font-size: 20px;
  }
  #block-base-theme-pieddepage #reseaux .titre-h3 {
    font-size: 16px;
  }
}
/* Extralarge devices (desktop, 1600px and up) */
@media only screen and (min-width: 1400px) {
  #tunnel > .header {
    margin: 0 50px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig {
    width: 1290px;
    left: calc((100vw - 1290px)/2);
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    padding-bottom: 80px;
  }

  #header .menu .menu-liens .nav > ul > li {
    font-size: 1rem;
    line-height: 80px;
    margin-right: 30px;
    letter-spacing: 0;
  }

  .slider .items {
    padding-left: calc((100vw - 1320px + 30px) / 2 - 1px);
  }
  .slider .btn-slide {
    right: calc((100vw - 1320px + 30px) / 2 - 1px);
  }

  .overlay-wrapper.visites-virtuelles-wrapper .slider .items .item > div {
    width: calc(100vw - (calc((100vw - 1320px + 30px) / 2 - 1px)));
  }

  #block-base-theme-entetepage .wrapper .dispo-form #edit-wrapper {
    width: calc(1320px - 30px);
  }

  #block-base-theme-pieddepage #contacts .tel .boutonBlanc, #block-base-theme-pieddepage #contacts .mail .boutonBlanc {
    font-size: 15px;
  }
  #block-base-theme-pieddepage #contacts .tel .boutonBlanc .material-icons, #block-base-theme-pieddepage #contacts .mail .boutonBlanc .material-icons {
    font-size: 24px;
  }
  #block-base-theme-pieddepage #reseaux .titre-h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1920px) {
  #block-base-theme-entetepage .wrapper.page_editoriale .wrapper-image picture img, #block-base-theme-entetepage .wrapper.objet_touristique .wrapper-image picture img {
    height: auto;
    width: 100%;
  }
}

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