@charset "UTF-8";
:root {
  --radius: 10px;
  --container-1: 600px;
  --container-1b: 790px;
  --container-2: 960px;
  --container-3: 1440px;
  --color-light: #FFFFFF;
  --color-dark: #000000;
  --color-1: #009196;
  --color-2: #35B6B4;
  --color-3: #00ABE9;
  --color-4: #E6007E;
  --decadeTop: 0px;
}
@media (min-width: 992px) {
  :root body.toolbar-fixed.toolbar-horizontal {
    --decadeTop: 39px;
  }
  :root body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open {
    --decadeTop: 79px;
  }
}

.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--color-1);
}

.dialog-off-canvas-main-canvas img {
  max-width: 100%;
  height: auto;
}

.form-required::after {
  color: #A70B0B;
}

.btn .ext {
  display: none;
}

.view.row > .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .container,
.container-sm {
    max-width: none;
  }
}
@media (min-width: 992px) {
  .container,
.container-md,
.container-sm {
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm {
    max-width: 1170px;
  }
}
@media (min-width: 1470px) {
  .container,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    max-width: 1440px;
  }
}
::-moz-selection {
  background: #DEDC00;
}
::selection {
  background: #DEDC00;
}

blockquote {
  border-left: solid 4px var(--color-1);
  background: rgba(0, 145, 150, 0.1);
  padding: 20px;
  padding-left: 60px;
  padding-right: 30px;
  display: inline-block;
  position: relative;
  border-radius: 0 var(--radius) var(--radius) 0;
}
blockquote::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background: var(--color-1);
  position: absolute;
  top: 15px;
  left: 15px;
  -webkit-mask-image: url("../img/divers/quote.svg");
          mask-image: url("../img/divers/quote.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin: 0;
}

.table:not(.ui-datepicker-calendar):not(.mat-calendar-table),
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) {
  margin-bottom: 15px;
}
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th,
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) thead th,
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) td,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) thead th,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) td {
  border: 0 none;
}
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th,
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) td,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) td {
  padding: 8px 16px;
}
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) tbody tr,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) tbody tr {
  border-bottom: solid 1px rgba(0, 145, 150, 0.2);
}
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th {
  background: rgba(0, 145, 150, 0.2);
  text-transform: uppercase;
}
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th:first-child,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th:first-child {
  border-radius: var(--radius) 0 0 0;
}
.table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th:last-child,
table:not(.ui-datepicker-calendar):not(.mat-calendar-table) th:last-child {
  border-radius: 0 var(--radius) 0 0;
}

hr {
  border-top: solid 1px rgba(0, 145, 150, 0.2);
  margin: 15px 0;
}

.page-item:first-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.page-item:last-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.colors .color {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  font-size: 0;
  position: relative;
  background: #EFEFEF;
}
.colors .color::before {
  content: "Non défini";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFFFF;
  text-transform: uppercase;
}
.colors .color::after {
  font-size: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #EFEFEF;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 2px;
}
.colors .color:nth-of-type(1) {
  background: var(--color-1);
}
.colors .color:nth-of-type(1)::before {
  content: "#009196";
  font-size: 16px;
}
.colors .color:nth-of-type(1)::after {
  content: "Couleur 1";
}
.colors .color:nth-of-type(2) {
  background: var(--color-2);
}
.colors .color:nth-of-type(2)::before {
  content: "#35B6B4";
  font-size: 16px;
}
.colors .color:nth-of-type(2)::after {
  content: "Couleur 2";
}
.colors .color:nth-of-type(3) {
  background: var(--color-3);
}
.colors .color:nth-of-type(3)::before {
  content: "#00ABE9";
  font-size: 16px;
}
.colors .color:nth-of-type(3)::after {
  content: "Couleur 3";
}
.colors .color:nth-of-type(4) {
  background: var(--color-4);
}
.colors .color:nth-of-type(4)::before {
  content: "#E6007E";
  font-size: 16px;
}
.colors .color:nth-of-type(4)::after {
  content: "Couleur 4";
}

.fonts .font {
  display: none;
  font-size: 32px;
}
.fonts .font:nth-of-type(1) {
  display: block;
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
}
.fonts .font:nth-of-type(1)::after {
  content: ' - "Maison Neue", Arial, Helvetica, sans-serif';
}
.fonts .font:nth-of-type(2) {
  display: block;
  font-family: "Teko", Arial, Helvetica, sans-serif;
}
.fonts .font:nth-of-type(2)::after {
  content: ' - "Teko", Arial, Helvetica, sans-serif';
}

.wrapper-intebtn {
  background: #EFEFEF;
  padding: 15px;
}

@font-face {
  font-family: "Teko";
  src: url("../fonts/teko/Teko-Bold.woff2") format("woff2"), url("../fonts/teko/Teko-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  src: url("../fonts/maisonneue/MaisonNeue-Book.woff2") format("woff2"), url("../fonts/maisonneue/MaisonNeue-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  src: url("../fonts/maisonneue/MaisonNeue-Bold.woff2") format("woff2"), url("../fonts/maisonneue/MaisonNeue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.dialog-off-canvas-main-canvas {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--color-1);
  /* &:not(.btn):not(.colorbox):not(.no-picto):not(.nav-link):not(.post-link) {
    &[href^='http'] {
      position: relative;

      &::after {
        content: '';
        display: inline-block;
        height: 15px;
        width: 15px;
        margin-left: 3px;
        @include mask('divers/external');
        background-color: $color-link;
        transition: background-color 0.4s;
      }

      &:hover {
        &::after {
          background-color: $color-link-hover;
        }
      }
    }
  } */
}
a:hover, a:focus {
  color: var(--color-1);
  text-decoration: none;
}

.text-formatted a:not(.btn):not(.link-forfait) {
  text-decoration: underline;
}

.page-title {
  border: 0 none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .page-title {
    margin-bottom: 30px;
  }
}

.thumbnail,
.card {
  position: relative;
}
.thumbnail .thumblink,
.thumbnail .cardlink,
.card .thumblink,
.card .cardlink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
}

.media--loading:not([data-animation]),
.is-b-loading:not([data-animation]) {
  background: var(--color-1);
}

.is-b-loading:not(.is-b-loaded):not([data-animation])::before {
  background: var(--color-1);
}

@media (min-width: 768px) {
  .img-float-left {
    margin: 15px 15px 15px 0;
    float: left;
  }

  .img-float-right {
    margin: 15px 0 15px 15px;
    float: right;
  }

  .img-centered {
    display: block;
    margin: 15px auto;
    float: none;
  }
}
.ajax-progress-fullscreen {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.media__icon--litebox {
  -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
  transition: visibility 0s linear 0.25s, opacity 0.25s linear;
}

.quickedit-field.quickedit-editable,
.quickedit-field .quickedit-editable {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-container {
  padding: 15px 0;
}
@media (min-width: 992px) {
  .main-container {
    padding: 30px 0;
  }
}

.sitemap-item ul {
  padding-left: 20px;
}

.nav-tabs {
  border: 0 none;
}
.nav-tabs .nav-link {
  margin: 0;
  border: 0 none;
  background: #FFFFFF;
  border-radius: 0;
  padding: 8px 18px;
  font-weight: 700;
  font-size: 14px;
}
.nav-tabs .nav-link.active {
  border: 0 none;
  background: var(--color-1);
  color: #FFFFFF;
  margin: 0;
}
.nav-tabs .nav-link.active a {
  color: #FFFFFF;
}

.font-1 {
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
}

.font-2 {
  font-family: "Teko", Arial, Helvetica, sans-serif;
}

.color-1 {
  color: var(--color-1);
}

.container-xsmall,
.container-small,
.container-medium,
.container-large {
  margin-left: auto;
  margin-right: auto;
}

.container {
  max-width: var(--container-3);
}

.container-xsmall,
.max-xsmall {
  max-width: var(--container-1);
}

.container-small,
.max-small {
  max-width: var(--container-1b);
}

.container-medium,
.max-medium {
  max-width: var(--container-2);
}

.container-large,
.max-large {
  max-width: var(--container-3);
}

.container-full {
  position: relative;
  left: 50%;
  width: calc(100vw - 15px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-left: 15px;
  padding-right: 15px;
}

h1,
h2,
h3,
h4 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 700;
}

h1 {
  font-family: "Teko", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 2.25em;
}

h2 {
  font-size: 1.5em;
  font-weight: 400;
}
h2 strong {
  font-family: "Teko", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.66em;
  line-height: 0.8;
}
@media (min-width: 992px) {
  h2 {
    font-size: 1.875em;
  }
}

h3 {
  color: var(--color-1);
  font-size: 1.25em;
}
@media (min-width: 992px) {
  h3 {
    font-size: 1.5em;
  }
}

h4 {
  font-size: 1.125em;
}
@media (min-width: 992px) {
  h4 {
    font-size: 1.375em;
  }
}

p {
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0;
}

.text-formatted ul,
.text-formatted li,
.text-formatted ol {
  list-style-type: none;
}
.text-formatted ol:not(.breadcrumb),
.text-formatted ul:not(.pagination):not(.breadcrumb) {
  padding: 0;
}
.text-formatted ol:not(.breadcrumb) li,
.text-formatted ul:not(.pagination):not(.breadcrumb) li {
  padding: 5px 0;
  padding-left: 30px;
  position: relative;
}
.text-formatted ol:not(.breadcrumb) li ol,
.text-formatted ol:not(.breadcrumb) li ul,
.text-formatted ul:not(.pagination):not(.breadcrumb) li ol,
.text-formatted ul:not(.pagination):not(.breadcrumb) li ul {
  padding: 5px 0;
}
.text-formatted ol:not(.breadcrumb) li ul,
.text-formatted ul:not(.pagination):not(.breadcrumb) li ul {
  margin-bottom: -5px;
}
.text-formatted ol:not(.breadcrumb) li:last-child,
.text-formatted ul:not(.pagination):not(.breadcrumb) li:last-child {
  margin-bottom: 0;
}
.text-formatted ul:not(.pagination):not(.breadcrumb) li::before {
  content: "";
  display: block;
  height: 15px;
  width: 22px;
  background: 0 none;
  background-image: url("../img/divers/list-dark.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  left: 0;
}
.text-formatted ul:not(.pagination):not(.breadcrumb) li ul li {
  padding-left: 20px;
}
.text-formatted ul:not(.pagination):not(.breadcrumb) li ul li::before {
  height: 14px;
  width: 14px;
  top: 10px;
  border-radius: 50%;
  background: var(--color-2);
}
.text-formatted ol:not(.breadcrumb) li {
  counter-increment: compteur;
}
.text-formatted ol:not(.breadcrumb) li ol {
  counter-reset: compteur;
}
.text-formatted ol:not(.breadcrumb) li ol li::before {
  background: 0 none;
}
.text-formatted ol:not(.breadcrumb) li ol li::after {
  color: var(--color-1);
}
.text-formatted ol:not(.breadcrumb) li {
  padding: 5px 0;
  padding-left: 36px;
}
.text-formatted ol:not(.breadcrumb) li::before {
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  background: var(--color-1);
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 15px;
}
.text-formatted ol:not(.breadcrumb) li::after {
  content: counter(compteur);
  position: absolute;
  top: 5px;
  left: 0;
  height: 26px;
  width: 26px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  font-size: 15px;
}
.text-formatted ol:not(.breadcrumb) li ol li {
  padding-left: 26px;
}
.text-formatted ol:not(.breadcrumb) li ol li::after {
  content: counter(compteur) ".";
  top: 5px;
}

.sitemap ul,
.sitemap li,
.sitemap ol {
  list-style-type: none;
}
.sitemap ul {
  padding: 0;
}
.sitemap ul li {
  padding: 0;
  padding-left: 30px;
  position: relative;
}
.sitemap ul li ol,
.sitemap ul li ul {
  padding: 5px 0;
}
.sitemap ul li ul {
  margin-bottom: -5px;
}
.sitemap ul li:last-child {
  margin-bottom: 0;
}
.sitemap ul li a {
  padding: 5px 0;
  display: inline-block;
}
.sitemap ul li a::before {
  content: "";
  display: block;
  height: 15px;
  width: 22px;
  background: 0 none;
  background-image: url("../img/divers/list-dark.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  left: 0;
}
.sitemap ul li ul li {
  padding-left: 20px;
}
.sitemap ul li ul li a::before {
  height: 14px;
  width: 14px;
  top: 10px;
  border-radius: 50%;
  background: var(--color-2);
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
  padding: 0 15px;
}
.pagination .page-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 35px;
  text-decoration: none;
  margin: 5px;
  background: var(--color-1);
  color: #FFFFFF;
  border-radius: 20px;
  border: 0 none;
  padding: 4px 12px;
  padding-bottom: 1px;
  min-width: 35px;
  font-weight: 700;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.pagination .page-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 992px) {
  .pagination .page-link:hover {
    background: var(--color-2);
  }
}
.pagination .page-link.active {
  background: var(--color-2);
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .pagination .page-link:hover {
    background: var(--color-2);
    color: #FFFFFF;
  }
}
.pagination .page-item.active .page-link {
  background: var(--color-2);
  color: #FFFFFF;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  padding-bottom: 3px;
  border-radius: 20px;
}

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
  padding: 0 15px;
}
.pager .pager__items {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pager .pager__items a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  padding-bottom: 2px;
  width: 35px;
  height: 35px;
  text-decoration: none;
  background: var(--color-1);
  color: #FFFFFF;
  border-radius: 20px;
  border: 0 none;
  font-weight: 700;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
@media (min-width: 992px) {
  .pager .pager__items a:hover {
    background: var(--color-2);
  }
}

.alert {
  border-radius: var(--radius);
  border: 0 none;
  background: #000000;
  border-top: solid 10px;
}
.alert,
.alert a,
.alert .alert-link, .alert.alert-dismissible .close, .alert.alert-dismissible .ui-dialog-titlebar-close {
  color: #FFFFFF;
}
.alert.alert-warning {
  border-color: #F9B233;
}
.alert.alert-danger {
  border-color: #E84E0F;
}
.alert.alert-success {
  border-color: #95C11F;
}
.alert.alert-info {
  border-color: #00ABE9;
}
.alert.alert-primary, .alert.alert-secondary {
  border-color: var(--color-2);
}

@media (min-width: 992px) and (max-width: 1650px) {
  .container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    padding-left: 115px;
    padding-right: 115px;
  }
}
.footer .footer-card {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer .footer-card .menu--social-networks {
  margin-bottom: 10px;
}
.footer .footer-card .menu--social-networks .nav-item {
  margin: 0;
  margin-right: 15px;
}
.footer .footer-card .menu--social-networks .nav-link {
  font-size: 0;
  padding: 0;
  height: 30px;
  width: 30px;
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), color-stop(50%, #FFFFFF));
  background-image: linear-gradient(to right, #FF6CAB, #7366FF 50%, #FFFFFF 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-transition: background-position 0.25s;
  transition: background-position 0.25s;
}
.footer .footer-card .menu--social-networks .nav-link::before {
  content: "";
}
.footer .footer-card .menu--social-networks .nav-link::before {
  display: none;
}
.footer .footer-card .menu--social-networks .nav-link.link-fb {
  -webkit-mask-image: url("../img/social/facebook.svg");
          mask-image: url("../img/social/facebook.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 26px auto;
          mask-size: 26px auto;
}
.footer .footer-card .menu--social-networks .nav-link.link-yt {
  -webkit-mask-image: url("../img/social/youtube.svg");
          mask-image: url("../img/social/youtube.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 34px;
  -webkit-mask-size: 34px auto;
          mask-size: 34px auto;
}
.footer .footer-card .menu--social-networks .nav-link.link-insta {
  -webkit-mask-image: url("../img/social/instagram.svg");
          mask-image: url("../img/social/instagram.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 26px auto;
          mask-size: 26px auto;
}
.footer .footer-card .menu--social-networks .nav-link.link-tiktok {
  -webkit-mask-image: url("../img/social/tiktok.svg");
          mask-image: url("../img/social/tiktok.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 27px auto;
          mask-size: 27px auto;
}
@media (min-width: 992px) {
  .footer .footer-card .menu--social-networks .nav-link:hover, .footer .footer-card .menu--social-networks .nav-link:focus {
    background-position: 0;
  }
}
.footer .footer-card .block-title {
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.footer .footer-card .navbar-nav .nav-link {
  padding: 5px 0;
}
.footer .footer-card .footer-infos-gauche {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 0 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 0 100%);
  background: #000000;
  padding: 15px;
  padding-bottom: 60px;
  border-radius: var(--radius) var(--radius) 0 0;
  color: #FFFFFF;
  text-align: left;
}
.footer .footer-card .footer-infos-gauche .block-title {
  font-size: 2em;
  padding-left: 60px;
  position: relative;
  line-height: 1;
  max-width: 340px;
}
.footer .footer-card .footer-infos-gauche .block-title .htag {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 5px;
  width: 45px;
  background: #FFFFFF;
  -webkit-mask-image: url("../img/divers/hashtag.svg");
          mask-image: url("../img/divers/hashtag.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  font-size: 0;
}
.footer .footer-card .footer-infos-gauche .navbar-nav {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.footer .footer-card .footer-infos-gauche a {
  color: #FFFFFF;
}
.footer .footer-card .footer-infos-droite {
  -webkit-clip-path: polygon(0% 60px, 100% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0% 60px, 100% 0%, 100% 100%, 0 100%);
  background: var(--color-1);
  margin-top: -56px;
  padding: 15px;
  padding-top: 50px;
  color: #FFFFFF;
  border-radius: 0 0 var(--radius) var(--radius);
  text-align: right;
}
.footer .footer-card .footer-infos-droite .block-title {
  font-size: 1.625em;
  margin-bottom: 5px;
}
.footer .footer-card .footer-infos-droite .navbar-nav {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 992px) {
  .footer .footer-card .footer-infos-droite .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer .footer-card .footer-infos-droite a {
  color: #FFFFFF;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
@media (min-width: 992px) {
  .footer .footer-card .footer-infos-droite a:hover, .footer .footer-card .footer-infos-droite a:focus {
    color: #000000;
  }
}
@media (min-width: 992px) {
  .footer .footer-card {
    max-width: 960px;
    margin: 30px auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .footer .footer-card .footer-infos-gauche,
.footer .footer-card .footer-infos-droite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .footer-card .footer-infos-gauche {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 60px) 0%, 100% 100%, 0 100%);
            clip-path: polygon(0% 0%, calc(100% - 60px) 0%, 100% 100%, 0 100%);
    padding: 30px;
    padding-right: 90px;
    border-radius: var(--radius) 0 0 var(--radius);
    width: calc(50% + 30px);
  }
  .footer .footer-card .footer-infos-droite {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 60px 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 60px 100%);
    margin-top: 0;
    margin-left: -56px;
    padding: 45px;
    padding-left: 50px;
    border-radius: 0 var(--radius) var(--radius) 0;
    width: calc(50% + 26px);
  }
}

#block-beethoven-avisgoogle {
  position: relative;
  z-index: 0;
}
#block-beethoven-avisgoogle .XMQCm {
  background: 0 none;
}

#block-beethoven-adresse,
#block-beethoven-adresseot {
  font-size: 1.125em;
}
#block-beethoven-adresse .btn,
#block-beethoven-adresseot .btn {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#block-beethoven-contact {
  max-width: 240px;
  margin: 30px auto;
  width: 100%;
  font-size: 1.125em;
}
#block-beethoven-contact .nav-item {
  margin: 7px 0;
  width: 100%;
}
#block-beethoven-contact .btn {
  width: 100%;
  font-size: 1.125em;
  text-transform: none;
}
@media (min-width: 992px) {
  #block-beethoven-contact .btn {
    font-size: 1em;
  }
}

#block-beethoven-imagecarte {
  margin-bottom: 30px;
}
#block-beethoven-imagecarte .field--name-field-media-image {
  width: 100%;
}
#block-beethoven-imagecarte .field--name-field-media-image img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 280px;
}

@media (max-width: 991px) {
  #block-beethoven-connaitreenavantpremiere {
    max-width: 280px;
  }
}
#block-beethoven-logoslogan {
  position: absolute;
  top: -97px;
  left: 0;
  right: 0;
}
#block-beethoven-logoslogan .field--type-image {
  width: 100%;
}
#block-beethoven-logoslogan .field--type-image img {
  width: 285px;
}

.block-search .toggle-search,
.navbar .block-search .toggle-search {
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-mask-image: url("../img/menu/search.svg");
          mask-image: url("../img/menu/search.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 30px auto;
          mask-size: 30px auto;
  font-size: 0;
  background: #000000;
  cursor: pointer;
  vertical-align: top;
}
.block-search form,
.navbar .block-search form {
  position: absolute;
  top: 65px;
  left: 5px;
  right: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #EFEFEF;
  border-radius: 10px;
  padding: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.block-search form .form-type-search,
.navbar .block-search form .form-type-search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
}
.block-search form .form-type-search .form-control,
.navbar .block-search form .form-type-search .form-control {
  border: 0 none;
  background: 0 none;
  border-bottom: solid 1px;
  border-radius: 0;
  padding: 3px 0;
  height: auto;
}
.block-search form .form-actions,
.navbar .block-search form .form-actions {
  margin: 0;
}
.block-search form .form-actions .btn-1,
.navbar .block-search form .form-actions .btn-1 {
  -webkit-clip-path: unset !important;
          clip-path: unset !important;
  border-radius: 50px !important;
  width: 55px;
  height: 55px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000000 !important;
  background: var(--color-1) !important;
  min-width: 0 !important;
}
.block-search form .form-actions .btn-1 input,
.navbar .block-search form .form-actions .btn-1 input {
  font-size: 1.25em;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #000000 !important;
  background: 0 none !important;
  color: #000000;
}
.block-search .search-wrapper,
.navbar .block-search .search-wrapper {
  display: block;
}
.block-search .search-wrapper.open .toggle-search,
.navbar .block-search .search-wrapper.open .toggle-search {
  background: var(--color-1);
}
.block-search .search-wrapper.open form,
.navbar .block-search .search-wrapper.open form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .block-search .form-actions .btn-1,
.navbar .block-search .form-actions .btn-1 {
    background: var(--color-2) !important;
  }
  .block-search .form-actions .btn-1:hover, .block-search .form-actions .btn-1:focus,
.navbar .block-search .form-actions .btn-1:hover,
.navbar .block-search .form-actions .btn-1:focus {
    background: var(--color-1) !important;
  }
  .block-search .toggle-search,
.navbar .block-search .toggle-search {
    display: none;
  }
  .block-search form,
.navbar .block-search form {
    bottom: 0;
    top: auto;
    left: 0;
    right: auto;
    width: 0;
    z-index: -1;
    border-radius: 75px;
    height: 65px;
    padding-left: 65px;
    overflow: hidden;
  }
  .block-search .search-wrapper.open form,
.navbar .block-search .search-wrapper.open form {
    width: 340px;
  }
}

@media (min-width: 992px) {
  .navbar .block-search .search-wrapper {
    position: relative;
  }
  .navbar .block-search form {
    bottom: auto;
    left: 0;
    padding-left: 15px;
    z-index: 1;
  }
  .navbar .block-search .toggle-search {
    display: block;
    background: #FFFFFF;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .navbar .block-search .toggle-search:hover, .navbar .block-search .toggle-search:focus {
    background: var(--color-2);
  }
}
@media (min-width: 992px) {
  .navbar .block-search .form-submit {
    background-position: 100% !important;
  }
}
@media (min-width: 992px) {
  .navbar .block-search .btn {
    min-width: 0 !important;
    -webkit-clip-path: none !important;
            clip-path: none !important;
    border-radius: 50% !important;
    padding: 0 !important;
    overflow: hidden;
  }
  .navbar .block-search .btn input {
    min-width: 0 !important;
    background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background: 0 none !important;
    color: #000000 !important;
  }
}

.view-types-de-forfait .view-footer {
  margin: 30px 0;
  text-align: center;
}

.vocabulary-types-d-activite .card.card-simple .group-media,
.vocabulary-types-de-forfaits .card.card-simple .group-media {
  background-size: auto 250%;
  background-position: bottom left;
  -webkit-transition: background 0.45s;
  transition: background 0.45s;
}
.vocabulary-types-d-activite .card.card-simple .group-media .field--name-field-image,
.vocabulary-types-de-forfaits .card.card-simple .group-media .field--name-field-image {
  opacity: 0.2;
}
@media (min-width: 992px) {
  .vocabulary-types-d-activite .card.card-simple:hover .group-media, .vocabulary-types-d-activite .card.card-simple:focus .group-media,
.vocabulary-types-de-forfaits .card.card-simple:hover .group-media,
.vocabulary-types-de-forfaits .card.card-simple:focus .group-media {
    background-position: top left;
  }
}
.vocabulary-types-d-activite#taxonomy-term-66 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-69 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-46 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-66 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-69 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-46 .card.card-simple .group-media {
  background-image: linear-gradient(-45deg, #6454F0 0%, #6EE2F5 50%, #6454F0 100%);
}
.vocabulary-types-d-activite#taxonomy-term-66 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-69 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-46 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-66 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-69 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-46 .card.card-simple .group-media::before {
  content: "";
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #00ABE9;
  display: block;
  position: absolute;
  left: -30px;
  bottom: 60px;
  opacity: 0.4;
}
.vocabulary-types-d-activite#taxonomy-term-66 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-69 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-46 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-66 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-69 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-46 .card.card-simple .field--name-field-label::before {
  -webkit-mask-image: url("../img/divers/watch.svg");
          mask-image: url("../img/divers/watch.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.vocabulary-types-d-activite#taxonomy-term-67 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-68 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-47 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-67 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-68 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-47 .card.card-simple .group-media {
  background-image: linear-gradient(-45deg, #7366FF 0%, #FF6CAB 50%, #7366FF 100%);
}
.vocabulary-types-d-activite#taxonomy-term-67 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-68 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-47 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-67 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-68 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-47 .card.card-simple .group-media::before {
  content: "";
  width: 180px;
  height: 180px;
  border-radius: var(--radius);
  background: #E6007E;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: rotateZ(10deg);
          transform: rotateZ(10deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  top: -10px;
  opacity: 0.3;
}
.vocabulary-types-d-activite#taxonomy-term-67 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-68 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-47 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-67 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-68 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-47 .card.card-simple .field--name-field-label::before {
  -webkit-mask-image: url("../img/divers/hourglass.svg");
          mask-image: url("../img/divers/hourglass.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 45px;
}
.vocabulary-types-d-activite#taxonomy-term-70 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-63 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-48 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-70 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-63 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-48 .card.card-simple .group-media {
  background-image: linear-gradient(-45deg, #FF881B 0%, #FFCF1B 50%, #FF881B 100%);
}
.vocabulary-types-d-activite#taxonomy-term-70 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-63 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-48 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-70 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-63 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-48 .card.card-simple .group-media::before {
  content: "";
  width: 180px;
  height: 180px;
  border-radius: var(--radius);
  background: #E84E0F;
  display: block;
  position: absolute;
  left: -30px;
  -webkit-transform: rotateZ(10deg);
          transform: rotateZ(10deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  bottom: 50px;
  opacity: 0.3;
}
.vocabulary-types-d-activite#taxonomy-term-70 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-63 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-48 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-70 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-63 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-48 .card.card-simple .field--name-field-label::before {
  -webkit-mask-image: url("../img/divers/stopwatch.svg");
          mask-image: url("../img/divers/stopwatch.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 80px;
}
.vocabulary-types-d-activite#taxonomy-term-65 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-64 .card.card-simple .group-media, .vocabulary-types-d-activite#taxonomy-term-49 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-65 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-64 .card.card-simple .group-media,
.vocabulary-types-de-forfaits#taxonomy-term-49 .card.card-simple .group-media {
  background-image: linear-gradient(-45deg, #009196 0%, #95C11F 50%, #009196 100%);
}
.vocabulary-types-d-activite#taxonomy-term-65 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-64 .card.card-simple .group-media::before, .vocabulary-types-d-activite#taxonomy-term-49 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-65 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-64 .card.card-simple .group-media::before,
.vocabulary-types-de-forfaits#taxonomy-term-49 .card.card-simple .group-media::before {
  content: "";
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #95C11F;
  display: block;
  position: absolute;
  left: -30px;
  top: 75px;
  opacity: 0.4;
}
.vocabulary-types-d-activite#taxonomy-term-65 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-64 .card.card-simple .field--name-field-label::before, .vocabulary-types-d-activite#taxonomy-term-49 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-65 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-64 .card.card-simple .field--name-field-label::before,
.vocabulary-types-de-forfaits#taxonomy-term-49 .card.card-simple .field--name-field-label::before {
  -webkit-mask-image: url("../img/divers/loop.svg");
          mask-image: url("../img/divers/loop.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 100px;
}

.socialwall .card-post .group-media::before {
  display: none;
}
.socialwall .card-post .group-media .post-network {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: none;
          transform: none;
  width: auto;
  background: #FFFFFF;
  opacity: 1;
  height: 25px;
  z-index: 0;
}
.socialwall .card-post .group-media .post-network::before {
  background: #000000;
  right: 0;
  left: auto;
  bottom: 0;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

.socialwall .post-social[data-network=facebook] .card-post .group-media .post-network::before {
  -webkit-mask-image: url("../img/social/facebook.svg");
          mask-image: url("../img/social/facebook.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

@media (max-width: 1199px) {
  .socialwall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: auto;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    margin: 0 -15px;
    padding: 0 15px;
  }
  .socialwall .post-social {
    padding: 0;
    padding-right: 15px;
  }
  .socialwall .card {
    width: 80vw;
  }
}
@media (min-width: 992px) {
  .socialwall .card {
    width: 30vw;
  }
}
@media (min-width: 1200px) {
  .socialwall .card {
    width: auto;
  }
}
.path-frontpage .page-title {
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.1em;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .path-frontpage .page-title {
    text-align: center;
    font-size: 2.5em;
  }
}

.badge {
  background: #000000;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  padding: 4px 8px;
  padding-top: 7px;
  border-radius: 5px;
}

.view-les-activites .view-content,
.view-forfaits .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7.5px;
}
.view-les-activites .view-content .views-row,
.view-forfaits .view-content .views-row {
  width: 50%;
  padding: 0 7.5px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .view-les-activites .view-content .views-row,
.view-forfaits .view-content .views-row {
    width: 25%;
  }
}
.view-les-activites .view-content .views-row .storage,
.view-les-activites .view-content .views-row .card,
.view-forfaits .view-content .views-row .storage,
.view-forfaits .view-content .views-row .card {
  height: 100%;
}
.view-les-activites .view-content .views-row .card.containerPopup,
.view-forfaits .view-content .views-row .card.containerPopup {
  height: auto;
}
.view-les-activites .view-filters .form-control.form-checkbox,
.view-les-activites .view-filters .form-control.form-radio,
.view-forfaits .view-filters .form-control.form-checkbox,
.view-forfaits .view-filters .form-control.form-radio {
  display: none;
}
.view-les-activites .view-filters .form-control.form-checkbox + label,
.view-les-activites .view-filters .form-control.form-radio + label,
.view-forfaits .view-filters .form-control.form-checkbox + label,
.view-forfaits .view-filters .form-control.form-radio + label {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  padding: 4px 16px;
  padding-top: 6px;
  background: #000000;
  background-size: 200% auto;
  border-radius: 11px;
  position: relative;
  z-index: 0;
  margin: 0;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.view-les-activites .view-filters .form-control.form-checkbox + label::before,
.view-les-activites .view-filters .form-control.form-radio + label::before,
.view-forfaits .view-filters .form-control.form-checkbox + label::before,
.view-forfaits .view-filters .form-control.form-radio + label::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: #FFFFFF;
  border-radius: 8px;
  z-index: -1;
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.view-les-activites .view-filters .form-control.form-checkbox[value="66"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="69"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="46"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="66"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="69"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="46"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="66"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="69"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="46"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="66"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="69"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="46"] + label {
  background-image: -webkit-gradient(linear, left top, right top, from(#6EE2F5), color-stop(50%, #6454F0), to(#6EE2F5));
  background-image: linear-gradient(90deg, #6EE2F5 0%, #6454F0 50%, #6EE2F5 100%);
}
.view-les-activites .view-filters .form-control.form-checkbox[value="67"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="68"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="47"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="67"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="68"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="47"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="67"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="68"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="47"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="67"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="68"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="47"] + label {
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), to(#FF6CAB));
  background-image: linear-gradient(90deg, #FF6CAB 0%, #7366FF 50%, #FF6CAB 100%);
}
.view-les-activites .view-filters .form-control.form-checkbox[value="70"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="63"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="48"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="70"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="63"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="48"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="70"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="63"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="48"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="70"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="63"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="48"] + label {
  background-image: -webkit-gradient(linear, left top, right top, from(#FFCF1B), color-stop(50%, #FF881B), to(#FFCF1B));
  background-image: linear-gradient(90deg, #FFCF1B 0%, #FF881B 50%, #FFCF1B 100%);
}
.view-les-activites .view-filters .form-control.form-checkbox[value="65"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="64"] + label, .view-les-activites .view-filters .form-control.form-checkbox[value="49"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="65"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="64"] + label,
.view-les-activites .view-filters .form-control.form-radio[value="49"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="65"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="64"] + label,
.view-forfaits .view-filters .form-control.form-checkbox[value="49"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="65"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="64"] + label,
.view-forfaits .view-filters .form-control.form-radio[value="49"] + label {
  background-image: -webkit-gradient(linear, left top, right top, from(#95C11F), color-stop(50%, #009196), to(#95C11F));
  background-image: linear-gradient(90deg, #95C11F 0%, #009196 50%, #95C11F 100%);
}
.view-les-activites .view-filters .form-control.form-checkbox:checked + label,
.view-les-activites .view-filters .form-control.form-radio:checked + label,
.view-forfaits .view-filters .form-control.form-checkbox:checked + label,
.view-forfaits .view-filters .form-control.form-radio:checked + label {
  color: #FFFFFF;
}
.view-les-activites .view-filters .form-control.form-checkbox:checked + label::before,
.view-les-activites .view-filters .form-control.form-radio:checked + label::before,
.view-forfaits .view-filters .form-control.form-checkbox:checked + label::before,
.view-forfaits .view-filters .form-control.form-radio:checked + label::before {
  opacity: 0;
}
@media (min-width: 992px) {
  .view-les-activites .view-filters .form-control.form-checkbox:hover:not(:checked) + label::before, .view-les-activites .view-filters .form-control.form-checkbox:focus:not(:checked) + label::before,
.view-les-activites .view-filters .form-control.form-radio:hover:not(:checked) + label::before,
.view-les-activites .view-filters .form-control.form-radio:focus:not(:checked) + label::before,
.view-forfaits .view-filters .form-control.form-checkbox:hover:not(:checked) + label::before,
.view-forfaits .view-filters .form-control.form-checkbox:focus:not(:checked) + label::before,
.view-forfaits .view-filters .form-control.form-radio:hover:not(:checked) + label::before,
.view-forfaits .view-filters .form-control.form-radio:focus:not(:checked) + label::before {
    opacity: 0.8;
  }
}
.view-les-activites .view-filters .form--inline,
.view-forfaits .view-filters .form--inline {
  margin-bottom: 15px;
}
.view-les-activites .view-filters .form--inline .form-item,
.view-forfaits .view-filters .form--inline .form-item {
  margin: 0;
}
.view-les-activites .view-filters .form--inline .form-type-checkbox,
.view-forfaits .view-filters .form--inline .form-type-checkbox {
  margin: 0;
  margin-right: 5px;
  margin-bottom: 5px;
}
.view-les-activites .view-filters .form--inline,
.view-les-activites .view-filters .form--inline .form-wrapper,
.view-les-activites .view-filters .form--inline .fieldset-wrapper,
.view-les-activites .view-filters .form--inline .form-radios,
.view-les-activites .view-filters .form--inline .form-checkboxes,
.view-forfaits .view-filters .form--inline,
.view-forfaits .view-filters .form--inline .form-wrapper,
.view-forfaits .view-filters .form--inline .fieldset-wrapper,
.view-forfaits .view-filters .form--inline .form-radios,
.view-forfaits .view-filters .form--inline .form-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.view-les-activites .view-filters .form--inline .form-radios > .form-item,
.view-les-activites .view-filters .form--inline .form-checkboxes > .form-item,
.view-forfaits .view-filters .form--inline .form-radios > .form-item,
.view-forfaits .view-filters .form--inline .form-checkboxes > .form-item {
  margin-bottom: 5px;
  margin-right: 5px;
}
.view-les-activites .view-filters .form--inline .form-wrapper,
.view-forfaits .view-filters .form--inline .form-wrapper {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.view-les-activites .view-filters .form--inline .fake-checkbox,
.view-forfaits .view-filters .form--inline .fake-checkbox {
  min-width: 0;
  -webkit-clip-path: none;
          clip-path: none;
  background: #000000;
  border-radius: 11px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFFFFF;
  padding: 4px 16px;
  padding-top: 6px;
  cursor: pointer;
}
.view-les-activites .view-filters .form--inline .form-actions,
.view-forfaits .view-filters .form--inline .form-actions {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  display: none;
}
.view-les-activites .view-filters .form--inline .form-actions .btn,
.view-forfaits .view-filters .form--inline .form-actions .btn {
  min-width: 0;
  padding: 0;
  -webkit-clip-path: none;
          clip-path: none;
  background: #000000;
  border-radius: 11px;
}
.view-les-activites .view-filters .form--inline .form-actions .btn input,
.view-forfaits .view-filters .form--inline .form-actions .btn input {
  color: #FFFFFF;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  padding: 6px 12px;
  padding-bottom: 4px;
}
.view-les-activites .view-filters .form--inline .form-actions .btn-primary span,
.view-forfaits .view-filters .form--inline .form-actions .btn-primary span {
  display: none;
}

.view-temps-forts-tous .view-content,
.view-activites .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7.5px;
}
.view-temps-forts-tous .view-content .views-row,
.view-activites .view-content .views-row {
  width: 100%;
  padding: 0 7.5px;
  margin-bottom: 15px;
}
.view-temps-forts-tous .view-content .views-row .node,
.view-temps-forts-tous .view-content .views-row .node__content,
.view-temps-forts-tous .view-content .views-row .card,
.view-activites .view-content .views-row .node,
.view-activites .view-content .views-row .node__content,
.view-activites .view-content .views-row .card {
  height: 100%;
}
@media (min-width: 992px) {
  .view-temps-forts-tous .view-content .views-row,
.view-activites .view-content .views-row {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .view-temps-forts-tous .view-content .views-row,
.view-activites .view-content .views-row {
    width: 33.33%;
  }
}
.view-temps-forts-tous.view-display-id-attachment_1 .view-content,
.view-activites.view-display-id-attachment_1 .view-content {
  margin: 0;
}

@media (min-width: 992px) {
  .view-temps-forts-tous .view-filters .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.view-temps-forts-tous .view-filters .form--inline fieldset {
  margin: 0;
  float: none;
  max-width: 420px;
}
.view-temps-forts-tous .view-filters .form--inline fieldset legend {
  display: none;
}
.view-temps-forts-tous .view-filters .form--inline fieldset .fieldset-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.view-temps-forts-tous .view-filters .form--inline fieldset .fieldset-wrapper .form-type-date {
  float: none;
  width: 50%;
  margin: 0;
  padding: 0 15px;
}
.view-temps-forts-tous .view-filters .form--inline fieldset .fieldset-wrapper .form-type-date input {
  width: 100%;
}
.view-temps-forts-tous .view-filters .form--inline fieldset .fieldset-wrapper .form-type-date label {
  line-height: 1;
}
.view-temps-forts-tous .view-filters .form--inline .form-actions {
  margin: 15px 0;
}
.view-temps-forts-tous .view-filters .form--inline .form-actions .btn {
  min-width: 110px;
}
@media (min-width: 992px) {
  .view-temps-forts-tous .view-filters .form--inline .form-actions {
    width: auto;
    display: inline-block;
    margin: 0;
    margin-left: 30px;
  }
}

.text-formatted .btn {
  margin: 5px 0;
}

.search-results {
  padding: 0;
}
.search-results li {
  margin-left: 0;
}

.view-temps-forts-tous .view-header,
.view-activites .view-header {
  margin-bottom: 30px;
}
.view-temps-forts-tous .leaflet-container,
.view-activites .leaflet-container {
  width: 100%;
  border-radius: var(--radius);
  overflow: hidden;
}
@media (min-width: 992px) {
  .view-temps-forts-tous .leaflet-container,
.view-activites .leaflet-container {
    height: 600px !important;
  }
}
.view-temps-forts-tous .leaflet-popup-content,
.view-activites .leaflet-popup-content {
  margin: 0;
}
.view-temps-forts-tous .leaflet-container a.leaflet-popup-close-button,
.view-activites .leaflet-container a.leaflet-popup-close-button {
  background: #FFFFFF;
  border-radius: 0 0 0 6px;
  z-index: 2;
}

.map-switcher {
  display: block;
  text-align: right;
}
.map-switcher:not(.on) .switch-display.map-display {
  background-position: 0;
}
.map-switcher.on .switch-display.liste-display {
  background-position: 0;
}
.map-switcher .switch-display {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  height: 45px;
  width: 45px;
  background-image: -webkit-gradient(linear, left top, right top, from(#6EE2F5), color-stop(50%, #6454F0), color-stop(50%, #000000));
  background-image: linear-gradient(to right, #6EE2F5, #6454F0 50%, #000000 50%);
  background-size: 200% 100%;
  background-position: 100%;
  cursor: pointer;
  margin: 0 5px;
  -webkit-transition: background-position 0.25s;
  transition: background-position 0.25s;
}
.map-switcher .switch-display.liste-display {
  -webkit-mask-image: url("../img/divers/grid.svg");
          mask-image: url("../img/divers/grid.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 30px;
          mask-size: auto 30px;
}
.map-switcher .switch-display.map-display {
  -webkit-mask-image: url("../img/divers/location.svg");
          mask-image: url("../img/divers/location.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 30px;
          mask-size: auto 30px;
}
@media (min-width: 992px) {
  .map-switcher .switch-display:hover, .map-switcher .switch-display:focus {
    background-position: 0;
  }
}

.leaflet-popup-content .card-apidae {
  width: 240px;
}
@media (min-width: 992px) {
  .leaflet-popup-content .card-apidae {
    width: 300px;
  }
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  border: solid 2px #FFFFFF;
}

.webform-submission-contact-add-form {
  max-width: 560px;
}
.webform-submission-contact-add-form .form-item label {
  margin-bottom: 5px;
}

.node--type-fiche-apidae.node--view-mode-full h3 {
  color: #000000;
  font-size: 1.5em;
}
.node--type-fiche-apidae.node--view-mode-full h2 {
  margin: 15px 0;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2.25em;
}
@media (min-width: 992px) {
  .node--type-fiche-apidae.node--view-mode-full h2 {
    margin: 30px 0;
  }
}
.node--type-fiche-apidae.node--view-mode-full details {
  border: 0 none;
  margin: 4px 0;
  border-radius: 0;
  overflow: hidden;
}
.node--type-fiche-apidae.node--view-mode-full details summary {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.125em;
  list-style-type: none;
  padding: 10px 0;
  padding-bottom: 4px;
  color: #000000;
  position: relative;
  border-bottom: solid 2px;
}
.node--type-fiche-apidae.node--view-mode-full details summary::before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  background: #000000;
  -webkit-mask-image: url("../img/arrows/arrow-next.svg");
          mask-image: url("../img/arrows/arrow-next.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 0;
}
.node--type-fiche-apidae.node--view-mode-full details summary[aria-expanded=true]::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.node--type-fiche-apidae.node--view-mode-full details > .details-wrapper {
  padding: 15px 0;
}
.node--type-fiche-apidae.node--view-mode-full .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.node--type-fiche-apidae.node--view-mode-full .wrapper .group-main,
.node--type-fiche-apidae.node--view-mode-full .wrapper .group-right {
  width: 100%;
}
@media (min-width: 992px) {
  .node--type-fiche-apidae.node--view-mode-full .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .node--type-fiche-apidae.node--view-mode-full .wrapper .group-main {
    width: 60%;
    padding-right: 30px;
  }
  .node--type-fiche-apidae.node--view-mode-full .wrapper .group-right {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .node--type-fiche-apidae.node--view-mode-full .wrapper .group-main {
    width: 70%;
    padding-right: 120px;
  }
  .node--type-fiche-apidae.node--view-mode-full .wrapper .group-right {
    width: 30%;
  }
}
.node--type-fiche-apidae.node--view-mode-full .group-right .group-wrapper {
  border-radius: var(--radius);
  padding: 30px;
  text-align: center;
  background: #000000;
  color: #FFFFFF;
}
.node--type-fiche-apidae.node--view-mode-full .fields-button {
  margin: 30px auto;
}
.node--type-fiche-apidae.node--view-mode-full .media--type-image-apidae img {
  width: 100%;
}
.node--type-fiche-apidae.node--view-mode-full .fields-inline > .field {
  display: inline-block;
  vertical-align: top;
}
.node--type-fiche-apidae.node--view-mode-full .sidebar-title {
  font-weight: 700;
  font-size: 1.25em;
}
.node--type-fiche-apidae.node--view-mode-full .field--name-field-geolocalisation {
  margin: 0 -45px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-geolocalisation {
    border-radius: var(--radius);
    overflow: hidden;
  }
}
.node--type-fiche-apidae.node--view-mode-full .field--name-field-altitude {
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-slide {
    padding: 0 7.5px;
  }
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track {
    margin: 0 -7.5px;
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .slick-slide {
    height: auto;
  }
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .slick-slide > div,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .slick-slide .slide,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .slick-slide .views-field-rendered-entity,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .slick-slide .views-field-rendered-entity > .field-content,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .node,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .node__content,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-objets-lies .slick.slick--less .slick-track .card {
    height: 100%;
  }
}
.node--type-fiche-apidae.node--view-mode-full .field--label-inline .field__label::after {
  content: " :";
}
.node--type-fiche-apidae.node--view-mode-full .field--name-field-langues-parlees {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node--type-fiche-apidae.node--view-mode-full .field--name-field-langues-parlees .taxonomy-term-languesapidae {
  font-size: 0;
  width: 40px;
  height: 30px;
}
.node--type-fiche-apidae.node--view-mode-full .field--name-field-langues-parlees .taxonomy-term-languesapidae.taxonomy-term-18 {
  background-image: url("../img/divers/fr.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.node--type-fiche-apidae.node--view-mode-full .field--name-field-langues-parlees .taxonomy-term-languesapidae.taxonomy-term-62 {
  background-image: url("../img/divers/en.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-activites-equipement .field__items,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-modes-de-paiement .field__items,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-equipements .field__items {
    font-size: 0;
  }
  .node--type-fiche-apidae.node--view-mode-full .field--name-field-activites-equipement .field__items .field__item,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-modes-de-paiement .field__items .field__item,
.node--type-fiche-apidae.node--view-mode-full .field--name-field-equipements .field__items .field__item {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    font-size: 1rem;
  }
}
.node--type-fiche-apidae .slick--view--objets-lies .slick-list {
  margin: 0 -7.5px;
}
.node--type-fiche-apidae .slick--view--objets-lies .slick-list .views-field-rendered-entity {
  padding: 0 7.5px;
}
.node--type-fiche-apidae .slick--view--objets-lies.unslick .views-field-rendered-entity, .node--type-fiche-apidae .slick--view--objets-lies.slick--less .views-field-rendered-entity {
  max-width: 460px;
}

.view-documentations-et-arretes .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.view-documentations-et-arretes .views-row {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .view-documentations-et-arretes .views-row {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .view-documentations-et-arretes .views-row {
    width: 33.33%;
  }
}
.view-documentations-et-arretes .storage {
  padding: 15px;
  background: var(--color-1);
  border-radius: var(--radius);
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.125em;
  position: relative;
  padding-right: 65px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
@media (min-width: 992px) {
  .view-documentations-et-arretes .storage:hover, .view-documentations-et-arretes .storage:focus {
    background: var(--color-2);
  }
}
.view-documentations-et-arretes .storage::before {
  content: "";
  display: block;
  width: 50px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-mask-image: url("../img/divers/pdf.svg");
          mask-image: url("../img/divers/pdf.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 30px;
          mask-size: auto 30px;
}
.view-documentations-et-arretes .storage .field--name-field-document a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  z-index: 1;
}
.view-documentations-et-arretes .form-actions {
  display: none;
}

.webform-submission-contact-form {
  max-width: 720px;
  margin: auto;
  margin-bottom: 30px;
}
.webform-submission-contact-form .form-composite > .fieldset-wrapper > .description,
.webform-submission-contact-form .form-item .description {
  margin-left: 0;
  color: #000000;
}
.webform-submission-contact-form .form-item-rgpd .description {
  margin-left: 32px;
}
.webform-submission-contact-form .form-control.form-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/divers/select.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: top 11px right 12px;
}
.webform-submission-contact-form .form-type-tel .iti {
  display: block;
}
@media (min-width: 992px) {
  .webform-submission-contact-form .form-managed-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .webform-submission-contact-form .btn[data-drupal-selector=edit-piece-jointe-upload-button] {
    margin-left: 5px;
  }
}

#block-beethoven-contactcoordonnees {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  border-radius: var(--radius);
  overflow: hidden;
}
@media (min-width: 992px) {
  #block-beethoven-contactcoordonnees {
    margin-top: 60px;
  }
}
#block-beethoven-contactcoordonnees > h2 {
  width: 100%;
}
#block-beethoven-contactcoordonnees .field--name-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #000000;
  padding: 30px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#block-beethoven-contactcoordonnees .field--name-body a {
  color: #FFFFFF;
  font-weight: 700;
}
@media (min-width: 992px) {
  #block-beethoven-contactcoordonnees .field--name-body {
    width: 50%;
  }
}
@media (min-width: 1470px) {
  #block-beethoven-contactcoordonnees .field--name-body {
    padding: 30px 45px;
    width: 30%;
  }
}
#block-beethoven-contactcoordonnees .field--name-body h2,
#block-beethoven-contactcoordonnees .field--name-body h3,
#block-beethoven-contactcoordonnees .field--name-body h4 {
  color: #FFFFFF;
  padding: 0;
}
#block-beethoven-contactcoordonnees .field--name-body h2::before,
#block-beethoven-contactcoordonnees .field--name-body h3::before,
#block-beethoven-contactcoordonnees .field--name-body h4::before {
  display: none;
}
#block-beethoven-contactcoordonnees .field--name-field-localisation {
  width: 100%;
}
@media (min-width: 992px) {
  #block-beethoven-contactcoordonnees .field--name-field-localisation {
    width: 50%;
  }
}
@media (min-width: 1470px) {
  #block-beethoven-contactcoordonnees .field--name-field-localisation {
    width: 70%;
  }
}
#block-beethoven-contactcoordonnees .link-mail {
  padding: 5px 0;
  padding-left: 30px;
  position: relative;
}
#block-beethoven-contactcoordonnees .link-mail::before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background: var(--color-2);
  -webkit-mask-image: url("../img/divers/email.svg");
          mask-image: url("../img/divers/email.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  top: 2px;
  left: 0;
}
@media (min-width: 992px) {
  #block-beethoven-contactcoordonnees .link-mail:hover::before, #block-beethoven-contactcoordonnees .link-mail:focus::before {
    background: var(--color-3);
  }
}

.home-animation {
  position: fixed;
  top: var(--decadeTop);
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding-bottom: 30px;
  -webkit-transition: z-index 0s 1.3s;
  transition: z-index 0s 1.3s;
}
@media (min-width: 992px) {
  .home-animation {
    padding-top: 75px;
    padding-bottom: 0;
  }
}
.home-animation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  -webkit-transition: -webkit-transform 0.4s 0.6s;
  transition: -webkit-transform 0.4s 0.6s;
  transition: transform 0.4s 0.6s;
  transition: transform 0.4s 0.6s, -webkit-transform 0.4s 0.6s;
  z-index: -1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (min-width: 992px) {
  .home-animation::before {
    -webkit-transition: -webkit-transform 0.6s 0.6s;
    transition: -webkit-transform 0.6s 0.6s;
    transition: transform 0.6s 0.6s;
    transition: transform 0.6s 0.6s, -webkit-transform 0.6s 0.6s;
  }
}
.home-animation .logo {
  position: relative;
  width: 100%;
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0s 0.5s;
  transition: -webkit-clip-path 0s 0.5s;
  transition: clip-path 0s 0.5s;
  transition: clip-path 0s 0.5s, -webkit-clip-path 0s 0.5s;
}
.home-animation .logo .stripe {
  position: absolute;
  height: 16.5%;
  background: #FFFFFF;
  width: 100%;
  z-index: 2;
  opacity: 1;
  -webkit-transition: width 0.5s ease-in-out, opacity 0s 0.5s;
  transition: width 0.5s ease-in-out, opacity 0s 0.5s;
}
.home-animation .logo .stripe:nth-of-type(1), .home-animation .logo .stripe:nth-of-type(3), .home-animation .logo .stripe:nth-of-type(5) {
  left: 0;
}
.home-animation .logo .stripe:nth-of-type(2), .home-animation .logo .stripe:nth-of-type(4) {
  right: 0;
}
.home-animation .logo .stripe:nth-of-type(1) {
  top: 0;
}
.home-animation .logo .stripe:nth-of-type(2) {
  top: 16.5%;
}
.home-animation .logo .stripe:nth-of-type(3) {
  top: 33%;
  height: 34%;
}
.home-animation .logo .stripe:nth-of-type(4) {
  top: 67%;
}
.home-animation .logo .stripe:nth-of-type(5) {
  top: 83.5%;
}
@media (min-width: 992px) {
  .home-animation .logo .stripe {
    height: 35%;
  }
  .home-animation .logo .stripe:nth-of-type(2) {
    top: 35%;
    height: 16%;
  }
  .home-animation .logo .stripe:nth-of-type(3) {
    top: 50%;
    height: 15%;
  }
  .home-animation .logo .stripe:nth-of-type(4) {
    top: 65%;
    height: 15%;
  }
  .home-animation .logo .stripe:nth-of-type(5) {
    top: 80%;
  }
}
.home-animation img {
  width: 100%;
}

body.animation-started {
  overflow: hidden;
}
body.animation-started .home-animation .logo .stripe {
  width: 0;
}

body.animation-ended {
  overflow: auto;
}
body.animation-ended .home-animation {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
body.animation-ended .home-animation::before {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
body.animation-ended .home-animation .logo {
  -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 67%, 0 67%);
          clip-path: polygon(0 33%, 100% 33%, 100% 67%, 0 67%);
}
@media (min-width: 992px) {
  body.animation-ended .home-animation .logo {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 65%, 0 65%);
            clip-path: polygon(0 50%, 100% 50%, 100% 65%, 0 65%);
  }
}
body.animation-ended .home-animation .logo .stripe {
  opacity: 0;
}
body.animation-ended .home-animation .logo .stripe:not(:nth-of-type(3)) {
  width: 100%;
}

body.animation-hide .home-animation {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
body.animation-hide .home-animation::before {
  background: 0 none;
}
body.animation-hide .home-animation .logo {
  -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 67%, 0 67%);
          clip-path: polygon(0 33%, 100% 33%, 100% 67%, 0 67%);
}
@media (min-width: 992px) {
  body.animation-hide .home-animation .logo {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 65%, 0 65%);
            clip-path: polygon(0 50%, 100% 50%, 100% 65%, 0 65%);
  }
}
body.animation-hide .home-animation .logo .stripe {
  opacity: 0;
}
body.animation-hide .home-animation .logo .stripe:not(:nth-of-type(3)) {
  width: 100%;
}

.path-frontpage .header {
  margin-bottom: 60px;
}

@media (max-width: 1199px) {
  body:not(.path-frontpage) #block-beethoven-sloganenheader {
    display: none;
  }
}
.path-frontpage .reup {
  margin-top: -30px;
}
@media (min-width: 992px) {
  .path-frontpage .reup {
    margin-top: -60px;
  }
}

.region-header .contextual-region {
  position: static;
}

identification-element .navIdentification {
  background: 0 none;
}
identification-element .navIdentification > ul li {
  color: var(--color-dark);
}
identification-element .navIdentification > ul li.active {
  border-bottom: solid 5px;
}

.containerConnexion .title,
.containerConnexion .containerFormulaire,
.containerCreationCompte .title,
.containerCreationCompte .containerFormulaire {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.containerConnexion .btn--raised--primary,
.containerCreationCompte .btn--raised--primary {
  display: block;
  margin-top: 15px;
  background-color: var(--color-2);
  color: #000000;
}
@media (min-width: 992px) {
  .containerConnexion .btn--raised--primary:hover, .containerConnexion .btn--raised--primary:focus,
.containerCreationCompte .btn--raised--primary:hover,
.containerCreationCompte .btn--raised--primary:focus {
    color: #000000;
  }
}

body .mat-form-field label,
body .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after,
body .mat-form-field.mat-form-field-invalid .mat-form-field-label,
body .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
body .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: var(--color-dark);
}

identification-element .ident-router-outlet ident-connexion .mat-form-field.mat-form-field-hide-placeholder .mat-form-field-outline > div,
body .mat-form-field .mat-form-field-outline > div {
  border-color: var(--color-dark);
}

.mat-checkbox-inner-container .cdk-visually-hidden {
  display: none;
}

.block-ws-psv-blocks-panier > h2 {
  display: none;
}

.meteo-prevention {
  position: relative;
  margin: 30px 0;
}
@media (min-width: 992px) {
  .meteo-prevention {
    margin: 60px auto;
    max-width: var(--container-2);
  }
}
.meteo-prevention .prevention {
  padding: 30px;
  text-align: center;
  font-size: 1.25em;
  font-weight: 700;
}
@media (min-width: 992px) {
  .meteo-prevention .prevention {
    padding: 30px 45px;
  }
}
.meteo-prevention::after, .meteo-prevention::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.meteo-prevention::before {
  left: 10px;
  right: 10px;
  bottom: 10px;
  top: 5px;
}
.meteo-prevention::after {
  left: 20px;
  right: 20px;
  opacity: 0.5;
  -webkit-transform: rotateZ(-3deg);
          transform: rotateZ(-3deg);
}
.meteo-prevention::after, .meteo-prevention::before {
  background: #F9B233;
}

.user-logged-in.animation-started, .user-logged-in.animation-ended {
  overflow: auto !important;
}
.user-logged-in.animation-started .home-animation, .user-logged-in.animation-ended .home-animation {
  display: none;
}

@media (max-width: 1199px) {
  #block-beethoven-socialwallblock .socialwall {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #block-beethoven-socialwallblock .socialwall .post-social {
    padding-right: 0;
  }
  #block-beethoven-socialwallblock .socialwall .post-social .card {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #block-beethoven-socialwallblock .socialwall {
    margin: 0 -7.5px;
    padding: 0;
  }
  #block-beethoven-socialwallblock .socialwall .post-social {
    width: 33.33%;
    padding: 0 7.5px;
  }
}
body.ete .hiver {
  display: none !important;
}

body.hiver .ete {
  display: none !important;
}

.webcams .webcam .cboxElement {
  display: block;
  position: relative;
  padding-bottom: 90px;
}
.webcams .webcam .cboxElement::before {
  content: "";
  display: block;
  height: 45px;
  width: 45px;
  -webkit-mask-image: url("../img/divers/webcam.svg");
          mask-image: url("../img/divers/webcam.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateY(-45px);
          transform: translateX(-50%) translateY(-50%) translateY(-45px);
}
.webcams .webcam .cboxElement::after {
  content: "";
  display: block;
  height: 90px;
  background-image: url("../img/divers/puysaint.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .webcams .webcam .cboxElement {
    padding-bottom: 30px;
  }
  .webcams .webcam .cboxElement::before {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-15px);
            transform: translateX(-50%) translateY(-50%) translateY(-15px);
  }
  .webcams .webcam .cboxElement::after {
    height: 30px;
    background-image: url("../img/divers/puysaintvincent.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-position: top center;
  }
}

body comparateur-element .btn--raised--primary,
body calculateur-element .btn--raised--primary,
body panier-element .btn--raised--primary,
body tunnel-vente-element .btn--raised--primary,
body ident-recap-compte .btn--raised--primary,
body ident-connexion .btn--raised--primary,
body compte-client-element .btn--raised--primary {
  background: var(--color-2);
  color: #000000;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: var(--radius);
}
body comparateur-element .btn--raised--primary:hover, body comparateur-element .btn--raised--primary:focus,
body calculateur-element .btn--raised--primary:hover,
body calculateur-element .btn--raised--primary:focus,
body panier-element .btn--raised--primary:hover,
body panier-element .btn--raised--primary:focus,
body tunnel-vente-element .btn--raised--primary:hover,
body tunnel-vente-element .btn--raised--primary:focus,
body ident-recap-compte .btn--raised--primary:hover,
body ident-recap-compte .btn--raised--primary:focus,
body ident-connexion .btn--raised--primary:hover,
body ident-connexion .btn--raised--primary:focus,
body compte-client-element .btn--raised--primary:hover,
body compte-client-element .btn--raised--primary:focus {
  background: var(--color-2);
  color: #000000;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body comparateur-element input[type=radio],
body comparateur-element input[type=checkbox],
body calculateur-element input[type=radio],
body calculateur-element input[type=checkbox],
body panier-element input[type=radio],
body panier-element input[type=checkbox],
body tunnel-vente-element input[type=radio],
body tunnel-vente-element input[type=checkbox],
body ident-recap-compte input[type=radio],
body ident-recap-compte input[type=checkbox],
body ident-connexion input[type=radio],
body ident-connexion input[type=checkbox],
body compte-client-element input[type=radio],
body compte-client-element input[type=checkbox] {
  height: auto;
  width: auto;
}

.paragraph calculateur-element {
  margin: 30px 0;
  display: block;
}

.menu-identification .btn--raised--primary {
  border: 0 none;
}

body calculateur-element .containerCalc .popupChoixCategorie .categorie p.cat {
  margin: 0;
}

.ws-widget-linkbus-container {
  z-index: 1;
}
.ws-widget-linkbus-container .transportationApp .inputWrapper.retour input#checkbox_retour {
  left: -28px !important;
  top: 2px;
  height: 21px !important;
}
.ws-widget-linkbus-container .transportationApp .inputWrapper.retour input#checkbox_retour:checked {
  background: #ED6B35;
}

@media (min-width: 992px) {
  body comparateur-accueil .containerComp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
body comparateur-accueil .containerComp > .title {
  display: none;
}
body .recapSkieurs li,
body .navSelecteur li {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
body .recapSkieurs li::before,
body .navSelecteur li::before {
  content: none !important;
  display: none !important;
}
body comparateur-element comparateur-accueil .compGlobal .containerComp {
  background-color: unset !important;
}

.node--type-fiche-apidae .field--name-field-illustrations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.node--type-fiche-apidae .field--name-field-illustrations .field__item {
  margin-right: 10px;
  margin-bottom: 10px;
}
.node--type-fiche-apidae .field--name-field-illustrations .field__item .link-illustrations {
  padding: 8px 16px;
  background: var(--color-1);
  border-radius: var(--radius);
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
}
.node--type-fiche-apidae .field--name-field-illustrations .field__item .link-illustrations::before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
@media (min-width: 992px) {
  .node--type-fiche-apidae .field--name-field-illustrations .field__item .link-illustrations:hover, .node--type-fiche-apidae .field--name-field-illustrations .field__item .link-illustrations:focus {
    background: var(--color-2);
  }
}
.node--type-fiche-apidae .field--name-field-illustrations .field__item .illustration-video .link-illustrations::before {
  -webkit-mask-image: url("../img/divers/webcam.svg");
          mask-image: url("../img/divers/webcam.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #FFFFFF;
}
.node--type-fiche-apidae .field--name-field-illustrations .field__item .illustration-link .link-illustrations::before {
  -webkit-mask-image: url("../img/divers/download.svg");
          mask-image: url("../img/divers/download.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #FFFFFF;
}

identification-element .ident-router-outlet ident-recap-compte .popMyAccount .containerBtn .deconnect {
  padding: 6px 10px;
  padding-bottom: 5px;
  width: auto;
  margin: auto;
  border-radius: 8px;
  font-size: 14px;
}
identification-element .ident-router-outlet ident-recap-compte .popMyAccount .containerBtn .deconnect i {
  margin-right: 3px;
}

tunnel-vente-element tunnel-accueil .containerGlobal .containerProduits app-tunnel-produit .containerFicheProduit app-produit-skieur .containerChoixSkieur .btn,
tunnel-vente-element tunnel-parking .containerGlobal .containerProduits app-tunnel-produit .containerFicheProduit app-produit-skieur .containerChoixSkieur .btn {
  padding: 6px 12px;
}

.main-container tunnel-vente-element .save-panier,
.main-container panier-element .containerPanier .containerTotalPanier .btn--normal--primary {
  font-size: 14px;
  margin-top: 5px;
}

.containerRecapLivraison .recapLivraison .prix {
  font-weight: 700;
}

.menu-identification .navIdentification {
  margin: auto;
}
.menu-identification .containerConnexion,
.menu-identification .containerCreationCompte {
  max-width: 720px;
  margin: auto;
}

.containerRecap .containerTotal a {
  color: #FFFFFF;
  font-weight: 700;
}

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

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

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

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

.search-form .btn-1 {
  -webkit-clip-path: unset !important;
          clip-path: unset !important;
  border-radius: 50px !important;
  width: 55px;
  height: 55px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000000 !important;
  background: var(--color-1) !important;
  min-width: 0 !important;
  overflow: hidden;
}
.search-form .btn-1 input {
  font-size: 1.25em;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #000000 !important;
  background: 0 none !important;
  color: #000000;
}
.search-form .form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.search-form .form-wrapper .form-type-search {
  padding-right: 10px;
}

.view-activites.view-display-id-block_6 .view-filters .form--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 15px;
}
.view-activites.view-display-id-block_6 .view-filters .form-item,
.view-activites.view-display-id-block_6 .view-filters fieldset {
  margin: 0;
}
.view-activites.view-display-id-block_6 .view-filters fieldset legend {
  font-size: 1rem;
  font-weight: 700;
}
.view-activites.view-display-id-block_6 .view-filters .form-item-field-criteres-internes-target-id {
  min-width: 180px;
}
.view-activites.view-display-id-block_6 .view-filters .bef-number {
  border-radius: var(--radius);
  -webkit-transition: none;
  transition: none;
  border: solid 2px #CECECE;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
}
.view-activites.view-display-id-block_6 .view-filters .form-item-field-conforts-target-id-1 label {
  margin: 0;
  font-weight: 400;
}
.view-activites.view-display-id-block_6 .view-filters .form-item-field-capacite-maximum-possible-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.view-activites.view-display-id-block_6 .view-filters fieldset[id*=edit-field-presentation-type] {
  width: 100%;
}
.view-activites.view-display-id-block_6 .view-filters .form-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 15px;
}
.view-activites.view-display-id-block_6 .view-filters .form-checkboxes label {
  font-weight: 400;
}
.view-activites.view-display-id-block_6 .view-filters .form-actions {
  display: none;
}
@media (min-width: 992px) {
  .view-activites.view-display-id-block_6 .view-filters fieldset[id*=edit-field-conforts] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.card {
  background: 0 none;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  border-radius: 0;
}
.card.card-gooddeal .group-media .field--name-field-photo {
  padding-top: 60%;
}
.card.card-gooddeal .group-media .field--name-field-photo .media--type-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.card.card-simple {
  position: relative;
}
.card.card-simple .group-media {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--color-1);
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.card.card-simple .group-media img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.card.card-simple .group-media .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  color: #FFFFFF;
  padding: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card.card-simple .group-media .group-content .field--name-field-content {
  color: #000000;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .card.card-simple .group-media .group-content .field--name-field-content {
    margin-top: 30px;
    padding: 0 30px;
  }
}
.card.card-simple .group-media .group-content .field--name-field-title {
  background: #000000;
  margin: 0 -15px;
  padding: 0 15px;
  font-weight: 700;
  font-size: 1.375em;
  max-width: 240px;
  line-height: 1.2;
  padding-top: 9px;
  padding-bottom: 6px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotateZ(-3deg);
          transform: rotateZ(-3deg);
}
.card.card-simple .group-media .text-discover {
  margin-top: 15px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  padding-left: 25px;
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.25s, -webkit-transform 0.4s;
  transition: opacity 0.25s, -webkit-transform 0.4s;
  transition: opacity 0.25s, transform 0.4s;
  transition: opacity 0.25s, transform 0.4s, -webkit-transform 0.4s;
}
.card.card-simple .group-media .text-discover::before {
  content: "";
  height: 19px;
  width: 19px;
  -webkit-mask-image: url("../img/arrows/arrow-circle.svg");
          mask-image: url("../img/arrows/arrow-circle.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #000000;
  position: absolute;
  top: 1px;
  left: 0;
}
.card.card-simple .group-top {
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.625em;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 0.9;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 95px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 5px;
}
@media (min-width: 1200px) {
  .card.card-simple .group-top {
    font-size: 1.25em;
  }
}
@media (min-width: 1470px) {
  .card.card-simple .group-top {
    font-size: 1.5em;
  }
}
@media (min-width: 1650px) {
  .card.card-simple .group-top {
    min-height: 70px;
  }
}
.card.card-simple .group-top .numero {
  font-size: 0;
  height: 60px;
  width: 70px;
  position: relative;
  top: 8px;
}
@media (min-width: 1200px) {
  .card.card-simple .group-top .numero {
    height: 35px;
    width: 40px;
    top: 0;
  }
}
@media (min-width: 1470px) {
  .card.card-simple .group-top .numero {
    height: 60px;
    width: 70px;
    top: 8px;
  }
}
.card.card-simple .group-top .numero.numero-1 {
  background-image: url("../img/numbers/01.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-simple .group-top .numero.numero-2 {
  background-image: url("../img/numbers/02.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-simple .group-top .numero.numero-3 {
  background-image: url("../img/numbers/03.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-simple .group-top .numero.numero-4 {
  background-image: url("../img/numbers/04.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-simple .group-top .numero.numero-5 {
  background-image: url("../img/numbers/05.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-simple .group-top .field--name-field-title {
  width: calc(100% - 70px);
  padding-left: 5px;
}
.card.card-simple .group-bottom {
  padding-top: 15px;
}
.card.card-simple .group-titleicon .field--name-field-label {
  font-size: 1.875em;
  line-height: 1.3;
  max-width: 215px;
}
.card.card-simple .group-titleicon .field--name-field-label::before {
  content: "";
  display: block;
  height: 60px;
  width: 60px;
  background: #FFFFFF;
  margin-bottom: 10px;
}
.card.card-simple .group-titleicon .field--name-field-label p {
  margin: 0;
}
.card.card-simple .group-titleicon .field--name-field-label strong {
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.625em;
  line-height: 0.9;
}
.card.card-simple .group-titleicon .name {
  font-size: 2.375em;
  max-width: 215px;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.9;
}
.card.card-simple .linkforfaits a,
.card.card-simple .linkactivites a,
.card.card-simple .field--name-field-lien a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  z-index: 1;
}
@media (min-width: 992px) {
  .card.card-simple:not(.card-avantage):hover .group-media img, .card.card-simple:not(.card-avantage):focus .group-media img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  .card.card-simple:not(.card-avantage):hover .group-content .text-discover, .card.card-simple:not(.card-avantage):focus .group-content .text-discover {
    opacity: 1;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}
.card.card-simple-2 .group-content {
  padding: 15px 30px;
}
.card.card-simple-2 .group-content .group-title {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
}
.card.card-simple-2 .node__links .links,
.card.card-simple-2 .node__links .links li,
.card.card-simple-2 .node__links a {
  padding: 0;
  margin: 0;
  display: block;
}
.card.card-simple-2 .node__links a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-size: 0;
}
.card.card-gooddeal {
  height: 100%;
}
.card.card-gooddeal .group-media {
  height: 100%;
}
.card.card-gooddeal .group-media .group-content {
  position: static;
  height: 100%;
}
@media (min-width: 992px) {
  .card.card-gooddeal .group-media .media--type-image,
.card.card-gooddeal .group-media .field--type-image,
.card.card-gooddeal .group-media .field--type-image .field__item {
    height: 100%;
  }
  .card.card-gooddeal .group-media .field--type-image .field__item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center left;
       object-position: center left;
  }
}
.card.card-gooddeal .field--name-field-lien a::before {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 15px;
  height: 28px;
  width: 28px;
  background: #000000;
  -webkit-mask-image: url("../img/divers/plus.svg");
          mask-image: url("../img/divers/plus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
@media (max-width: 991px) {
  .card.card-gooddeal .group-media {
    padding: 0;
  }
  .card.card-gooddeal .group-media .group-content,
.card.card-gooddeal .group-media .field--name-field-photo {
    position: static;
  }
  .card.card-gooddeal .group-media .group-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .card.card-gooddeal:hover .group-media img, .card.card-gooddeal:focus .group-media img {
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .card.card-gooddeal:hover .field--name-field-lien a::before, .card.card-gooddeal:focus .field--name-field-lien a::before {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  .card.card-gooddeal:hover .field--name-field-lien + .group-media img, .card.card-gooddeal:focus .field--name-field-lien + .group-media img {
    -webkit-transform: scale(1.08) !important;
            transform: scale(1.08) !important;
  }
}
.card.card-gooddeal.bg-50 .group-media, .card.card-gooddeal.bg-58 .group-media, .card.card-gooddeal.bg-59 .group-media, .card.card-gooddeal.bg-60 .group-media, .card.card-gooddeal.bg-61 .group-media {
  background-size: auto 300%;
  background-position: bottom left;
  -webkit-transition: background 0.45s;
  transition: background 0.45s;
}
@media (min-width: 992px) {
  .card.card-gooddeal.bg-50:hover .field--name-field-lien + .group-media, .card.card-gooddeal.bg-50:focus .field--name-field-lien + .group-media, .card.card-gooddeal.bg-58:hover .field--name-field-lien + .group-media, .card.card-gooddeal.bg-58:focus .field--name-field-lien + .group-media, .card.card-gooddeal.bg-59:hover .field--name-field-lien + .group-media, .card.card-gooddeal.bg-59:focus .field--name-field-lien + .group-media, .card.card-gooddeal.bg-60:hover .field--name-field-lien + .group-media, .card.card-gooddeal.bg-60:focus .field--name-field-lien + .group-media, .card.card-gooddeal.bg-61:hover .field--name-field-lien + .group-media, .card.card-gooddeal.bg-61:focus .field--name-field-lien + .group-media {
    background-position: top left;
  }
}
.card.card-gooddeal.bg-50 .group-media {
  background-image: linear-gradient(-45deg, #7366FF 0%, #FF6CAB 50%, #7366FF 100%);
}
.card.card-gooddeal.bg-58 .group-media {
  background-image: linear-gradient(-45deg, #6454F0 0%, #6EE2F5 50%, #6454F0 100%);
}
.card.card-gooddeal.bg-59 .group-media {
  background-image: linear-gradient(-45deg, #FF881B 0%, #FFCF1B 50%, #FF881B 100%);
}
.card.card-gooddeal.bg-60 .group-media {
  background-image: linear-gradient(-45deg, #009196 0%, #95C11F 50%, #009196 100%);
}
.card.card-gooddeal.bg-61 .group-media {
  background-image: linear-gradient(-45deg, #E6007E 0%, #E84E0F 50%, #E6007E 100%);
}
.card.card-activity .group-media, .card.card-pass .group-media {
  background-size: 250% auto;
  height: 100%;
}
.card.card-activity .group-media .group-content, .card.card-pass .group-media .group-content {
  position: relative;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.card.card-activity .group-media .group-content .field--name-name, .card.card-pass .group-media .group-content .field--name-name {
  text-transform: uppercase;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #000000;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 15px;
}
.card.card-activity .group-media .group-content .field--name-field-type-d-activite, .card.card-pass .group-media .group-content .field--name-field-type-d-activite {
  font-weight: 700;
  font-size: 1.375em;
}
.card.card-activity .group-media .group-content .field--name-field-description, .card.card-pass .group-media .group-content .field--name-field-description {
  font-size: 0.875em;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 15px;
}
.card.card-activity .group-media .group-content .field--name-field-prix, .card.card-pass .group-media .group-content .field--name-field-prix {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
  padding-right: 40px;
  margin-top: auto;
}
.card.card-activity .group-media .group-content .badge, .card.card-pass .group-media .group-content .badge {
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .card.card-activity .group-media .group-content .badge, .card.card-pass .group-media .group-content .badge {
    width: 100%;
  }
}
.card.card-activity .group-media .text-discover, .card.card-pass .group-media .text-discover {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 0;
  opacity: 1;
  margin: 0;
  height: 24px;
  width: 24px;
  padding: 0;
}
.card.card-activity .group-media .text-discover::before, .card.card-pass .group-media .text-discover::before {
  height: 24px;
  width: 24px;
  -webkit-mask-image: url("../img/divers/plus.svg");
          mask-image: url("../img/divers/plus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.card.card-activity.card-activity .group-media, .card.card-activity.type-66 .group-media, .card.card-activity.type-69 .group-media, .card.card-activity.type-46 .group-media, .card.card-pass.card-activity .group-media, .card.card-pass.type-66 .group-media, .card.card-pass.type-69 .group-media, .card.card-pass.type-46 .group-media {
  background-image: linear-gradient(-45deg, #6EE2F5 0%, #6454F0 50%, #6EE2F5 100%);
}
.card.card-activity.type-67 .group-media, .card.card-activity.type-68 .group-media, .card.card-activity.type-47 .group-media, .card.card-pass.type-67 .group-media, .card.card-pass.type-68 .group-media, .card.card-pass.type-47 .group-media {
  background-image: linear-gradient(-45deg, #FF6CAB 0%, #7366FF 50%, #FF6CAB 100%);
}
.card.card-activity.type-70 .group-media, .card.card-activity.type-63 .group-media, .card.card-activity.type-48 .group-media, .card.card-pass.type-70 .group-media, .card.card-pass.type-63 .group-media, .card.card-pass.type-48 .group-media {
  background-image: linear-gradient(-45deg, #FFCF1B 0%, #FF881B 50%, #FFCF1B 100%);
}
.card.card-activity.type-65 .group-media, .card.card-activity.type-64 .group-media, .card.card-activity.type-49 .group-media, .card.card-pass.type-65 .group-media, .card.card-pass.type-64 .group-media, .card.card-pass.type-49 .group-media {
  background-image: linear-gradient(-45deg, #95C11F 0%, #009196 50%, #95C11F 100%);
}
.card.card-activity.dispo-soon-1 .group-media, .card.card-pass.dispo-soon-1 .group-media {
  background-image: linear-gradient(135deg, #BBBBBB 0%, #636262 100%);
}
.card.card-activity.dispo-soon-1 .text-discover, .card.card-pass.dispo-soon-1 .text-discover {
  display: none;
}
.card.card-activity.dispo-soon-0 .badge-dispo, .card.card-pass.dispo-soon-0 .badge-dispo {
  display: none;
}
.card.card-pass .field--name-field-jbconcept .link-forfait {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.card.card-pass .field--name-field-jbconcept .link-forfait::before {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 15px;
  height: 28px;
  width: 28px;
  background: #000000;
  -webkit-mask-image: url("../img/divers/plus.svg");
          mask-image: url("../img/divers/plus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.card.card-pass .group-media .text-discover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  cursor: pointer;
  z-index: 2;
}
.card.card-pass .group-media .text-discover::before {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 10px;
  right: 10px;
}
.card.card-pass:hover .field--name-field-jbconcept .link-forfait::before, .card.card-pass:focus .field--name-field-jbconcept .link-forfait::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.card.card-apidae {
  border-radius: var(--radius);
  background: #000000;
}
.card.card-apidae .group-media img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card.card-apidae .group-content {
  padding: 10px 16px;
  padding-top: 15px;
  color: #FFFFFF;
  font-weight: 700;
  position: relative;
  z-index: 1;
  text-align: right;
}
.card.card-apidae .group-content::before {
  content: "";
  height: 50px;
  position: absolute;
  bottom: calc(100% - 2px);
  left: 0;
  right: 0;
  background: #000000;
  z-index: -1;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transform: skewY(-3deg) translateY(50%);
          transform: skewY(-3deg) translateY(50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card.card-apidae .group-dates {
  font-weight: 400;
  text-transform: uppercase;
}
.card.card-apidae .group-title {
  text-align: right;
}
.card.card-apidae .group-title::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 16px;
  -webkit-mask-image: url("../img/arrows/arrow-draw.svg");
          mask-image: url("../img/arrows/arrow-draw.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #FFFFFF;
  margin-bottom: 5px;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card.card-apidae .node__links .links,
.card.card-apidae .node__links .links li,
.card.card-apidae .node__links a {
  padding: 0;
  margin: 0;
  display: block;
}
.card.card-apidae .node__links a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-size: 0;
}
@media (min-width: 992px) {
  .card.card-apidae:hover .group-media img, .card.card-apidae:focus .group-media img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  .card.card-apidae:hover .group-content::before, .card.card-apidae:focus .group-content::before {
    -webkit-transform: skewY(3deg) translateY(50%);
            transform: skewY(3deg) translateY(50%);
  }
  .card.card-apidae:hover .group-title::before, .card.card-apidae:focus .group-title::before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.card.card-live {
  border: solid 2px #000000;
  border-radius: var(--radius);
}
@media (min-width: 992px) {
  .card.card-live {
    max-width: 450px;
  }
}
.card.card-live .group-separator,
.card.card-live .group-header {
  background: #000000;
  font-size: 1.75em;
  color: #FFFFFF;
  text-align: center;
  padding: 5px;
  padding-bottom: 2px;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .card.card-live.infos-meteo .group-separator,
.card.card-live.infos-meteo .group-header {
    font-size: 1.375em;
  }
}
.card.card-live .group-separator {
  font-size: 1.25em;
}
.card.card-live .group-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: solid 2px #000000;
  padding: 8px 14px;
}
.card.card-live .group-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  position: relative;
  line-height: 1;
}
.card.card-live .group-top .toggle {
  font-size: 0;
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-dark);
  -webkit-mask-image: url("../img/divers/plus.svg");
          mask-image: url("../img/divers/plus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 20px auto;
          mask-size: 20px auto;
  -webkit-mask-position: top 30px right 15px;
          mask-position: top 30px right 15px;
}
.card.card-live .group-top .open-rem {
  color: var(--color-1);
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-size: 2.875em;
}
.card.card-live .group-top .total-rem {
  font-size: 1.5em;
  font-weight: 700;
}
.card.card-live .bottom-part .piste,
.card.card-live .bottom-part .remontee {
  border-bottom: solid 1px #EFEFEF;
  padding: 4px 8px;
  line-height: 1;
  display: table;
  width: 100%;
}
.card.card-live .bottom-part .piste .libelle,
.card.card-live .bottom-part .remontee .libelle {
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-transform: none;
  line-height: 1;
  padding-top: 4px;
  padding-left: 8px;
}
.card.card-live .bottom-part .piste > span,
.card.card-live .bottom-part .remontee > span {
  display: table-cell;
}
.card.card-live .bottom-part .piste .horaires,
.card.card-live .bottom-part .remontee .horaires {
  width: 115px;
  text-align: right;
}
.card.card-live .bottom-part .piste .etat,
.card.card-live .bottom-part .remontee .etat {
  width: 20px;
  height: 20px;
}
.card.card-live .bottom-part .piste .etat.etat-O,
.card.card-live .bottom-part .remontee .etat.etat-O {
  background-image: url("../img/divers/etat-open.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .etat.etat-F,
.card.card-live .bottom-part .remontee .etat.etat-F {
  background-image: url("../img/divers/etat-close.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .etat.etat-HP,
.card.card-live .bottom-part .remontee .etat.etat-HP {
  background-image: url("../img/divers/etat-close.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .etat.etat-P,
.card.card-live .bottom-part .remontee .etat.etat-P {
  background-image: url("../img/divers/etat-neutral.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .niveau-piste,
.card.card-live .bottom-part .remontee .niveau-piste {
  vertical-align: middle;
  width: 20px;
  padding-left: 2px;
}
.card.card-live .bottom-part .piste .niveau-piste::before,
.card.card-live .bottom-part .remontee .niveau-piste::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 20px;
  display: block;
}
.card.card-live .bottom-part .piste .niveau-piste.niveau-V::before,
.card.card-live .bottom-part .remontee .niveau-piste.niveau-V::before {
  background: #95C11F;
}
.card.card-live .bottom-part .piste .niveau-piste.niveau-B::before,
.card.card-live .bottom-part .remontee .niveau-piste.niveau-B::before {
  background: #00ABE9;
}
.card.card-live .bottom-part .piste .niveau-piste.niveau-R::before,
.card.card-live .bottom-part .remontee .niveau-piste.niveau-R::before {
  background: #E84E0F;
}
.card.card-live .bottom-part .piste .niveau-piste.niveau-N::before,
.card.card-live .bottom-part .remontee .niveau-piste.niveau-N::before {
  background: #000000;
}
.card.card-live .bottom-part .piste .type-rem,
.card.card-live .bottom-part .remontee .type-rem {
  vertical-align: middle;
  width: 20px;
  padding-left: 10px;
}
.card.card-live .bottom-part .piste .type-rem::before,
.card.card-live .bottom-part .remontee .type-rem::before {
  content: "";
  height: 20px;
  width: 20px;
  display: block;
}
.card.card-live .bottom-part .piste .type-rem.rem-ts::before, .card.card-live .bottom-part .piste .type-rem.rem-tsd::before,
.card.card-live .bottom-part .remontee .type-rem.rem-ts::before,
.card.card-live .bottom-part .remontee .type-rem.rem-tsd::before {
  background-image: url("../img/divers/telesiege-2.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .type-rem.rem-tk::before,
.card.card-live .bottom-part .remontee .type-rem.rem-tk::before {
  background-image: url("../img/divers/teleski.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .type-rem.rem-tlc::before,
.card.card-live .bottom-part .remontee .type-rem.rem-tlc::before {
  background-image: url("../img/divers/telecorde.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .bottom-part .piste .type-rem.rem-tr::before,
.card.card-live .bottom-part .remontee .type-rem.rem-tr::before {
  background-image: url("../img/divers/treadmill.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .field-value {
  color: var(--color-1);
}
.card.card-live .field-value.main-value {
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 1.75em;
  line-height: 1;
}
@media (min-width: 1470px) {
  .card.card-live .field-value.main-value {
    font-size: 1.375em;
  }
}
.card.card-live .field-value.main-value.big-value {
  font-size: 3.25em;
  line-height: 1;
}
.card.card-live .recap-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card.card-live .recap-color > span {
  padding: 3px;
  padding-top: 5px;
  width: 26px;
  height: 26px;
  background: #000000;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  margin: 0 3px;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card.card-live .recap-color > span.recap-color-green {
  background: #95C11F;
  color: #000000;
}
.card.card-live .recap-color > span.recap-color-blue {
  background: #00ABE9;
  color: #000000;
}
.card.card-live .recap-color > span.recap-color-red {
  background: #E84E0F;
  color: #000000;
}
.card.card-live .recap-color > span.recap-color-black {
  background: #000000;
  color: #FFFFFF;
}
.card.card-live .wind::before,
.card.card-live .risque-pluie::before,
.card.card-live .meteo-current .temp::before,
.card.card-live .matin .temp::before,
.card.card-live .aprem .temp::before {
  content: "";
  display: inline-block;
  height: 50px;
  width: 50px;
}
.card.card-live .matin .temp,
.card.card-live .aprem .temp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1;
}
.card.card-live .matin .temp::before,
.card.card-live .aprem .temp::before {
  height: 30px;
  width: 40px;
  margin-top: -3px;
  margin-right: 4px;
}
.card.card-live .wind,
.card.card-live .risque-pluie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card.card-live .wind {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card.card-live .wind::before {
  height: 30px;
  width: 40px;
  margin-right: 5px;
  background-image: url("../img/meteo/wind.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .risque-pluie {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card.card-live .risque-pluie::before {
  height: 30px;
  width: 40px;
  background-image: url("../img/meteo/rain.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .meteo-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card.card-live .meteo-current .temp::before {
  margin-right: 8px;
  position: relative;
  top: 8px;
}
.card.card-live .matin .label,
.card.card-live .aprem .label,
.card.card-live .meteo-current .label {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.card.card-live .matin.value-101 .temp::before,
.card.card-live .aprem.value-101 .temp::before,
.card.card-live .meteo-current.value-101 .temp::before {
  background-image: url("../img/meteo/1.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-102 .temp::before,
.card.card-live .aprem.value-102 .temp::before,
.card.card-live .meteo-current.value-102 .temp::before {
  background-image: url("../img/meteo/2.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-103 .temp::before,
.card.card-live .aprem.value-103 .temp::before,
.card.card-live .meteo-current.value-103 .temp::before {
  background-image: url("../img/meteo/3.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-104 .temp::before,
.card.card-live .aprem.value-104 .temp::before,
.card.card-live .meteo-current.value-104 .temp::before {
  background-image: url("../img/meteo/4.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-105 .temp::before,
.card.card-live .aprem.value-105 .temp::before,
.card.card-live .meteo-current.value-105 .temp::before {
  background-image: url("../img/meteo/5.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-106 .temp::before,
.card.card-live .aprem.value-106 .temp::before,
.card.card-live .meteo-current.value-106 .temp::before {
  background-image: url("../img/meteo/6.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-107 .temp::before,
.card.card-live .aprem.value-107 .temp::before,
.card.card-live .meteo-current.value-107 .temp::before {
  background-image: url("../img/meteo/7.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-108 .temp::before,
.card.card-live .aprem.value-108 .temp::before,
.card.card-live .meteo-current.value-108 .temp::before {
  background-image: url("../img/meteo/8.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-109 .temp::before,
.card.card-live .aprem.value-109 .temp::before,
.card.card-live .meteo-current.value-109 .temp::before {
  background-image: url("../img/meteo/9.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-110 .temp::before,
.card.card-live .aprem.value-110 .temp::before,
.card.card-live .meteo-current.value-110 .temp::before {
  background-image: url("../img/meteo/10.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-111 .temp::before,
.card.card-live .aprem.value-111 .temp::before,
.card.card-live .meteo-current.value-111 .temp::before {
  background-image: url("../img/meteo/11.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .matin.value-112 .temp::before, .card.card-live .matin.value-113 .temp::before,
.card.card-live .aprem.value-112 .temp::before,
.card.card-live .aprem.value-113 .temp::before,
.card.card-live .meteo-current.value-112 .temp::before,
.card.card-live .meteo-current.value-113 .temp::before {
  background-image: url("../img/meteo/12.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .group-line .enneigement,
.card.card-live .group-line .risk-avalanche {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card.card-live .group-line .risk-avalanche::before {
  content: "";
  display: block;
  height: 64px;
  width: 64px;
  margin-right: 5px;
}
.card.card-live .group-line .risk-avalanche.risk-0::before {
  background-image: url("../img/avalanche/0.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .group-line .risk-avalanche.risk-1::before {
  background-image: url("../img/avalanche/1.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .group-line .risk-avalanche.risk-2::before {
  background-image: url("../img/avalanche/2.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .group-line .risk-avalanche.risk-3::before {
  background-image: url("../img/avalanche/3.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .group-line .risk-avalanche.risk-4::before {
  background-image: url("../img/avalanche/4.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-live .group-line .enneigement {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.card.card-live .group-line .enneigement::before {
  content: "";
  display: block;
  margin-right: 5px;
  background-image: url("../img/meteo/montagne.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 80px;
}
.card.card-live .group-line .enneigement .altitude {
  display: none;
}
.card.card-live .group-line .enneigement .neige-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.125em;
  color: var(--color-1);
  line-height: 1;
  padding-left: 10px;
  font-weight: 700;
}
.card.card-live .group-line .enneigement .neige-wrapper .neige {
  margin-bottom: 5px;
  font-family: "Teko", Arial, Helvetica, sans-serif;
}
@media (min-width: 1470px) {
  .card.card-live .group-line .enneigement .neige-wrapper {
    font-size: 1.625em;
  }
  .card.card-live .group-line .enneigement .neige-wrapper .neige {
    margin: 0;
  }
}
.card.card-live .group-line .risk-avalanche {
  font-size: 1.5em;
  font-weight: 700;
}
.card.card-live .temp-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card.card-live .temp-day .temp-max,
.card.card-live .temp-day .temp-min {
  line-height: 1;
}
.card.card-live .temp-day .temp-max .field-label,
.card.card-live .temp-day .temp-min .field-label {
  display: inline-block;
  text-align: right;
  width: 40px;
  margin-right: 10px;
}
.card.card-live .temp-day .field-label {
  font-weight: 700;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
}
.card.card-live .wind,
.card.card-live .risque-pluie,
.card.card-live .matin,
.card.card-live .aprem,
.card.card-live .meteo-current,
.card.card-live .temp-day {
  width: 50%;
}
.card.card-live .meteo-current {
  width: 45%;
}
.card.card-live .temp-day {
  width: 55%;
}
.card.card-live .matin,
.card.card-live .aprem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card.card-live .group-enneigrisque {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  padding-bottom: 4px;
}
.card.card-live .group-enneigrisque .group-label {
  width: 50%;
  text-align: center;
  line-height: 1;
}
.card.card-live.remontees .picto-remontee {
  height: 50px;
  width: 50px;
  background-image: url("../img/divers/telesiege.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 8px;
}
.card.card-live.alpin .picto-alpin {
  height: 50px;
  width: 50px;
  background-image: url("../img/divers/ski-descent.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 8px;
}
.card.card-live.fond .picto-fond {
  height: 50px;
  width: 50px;
  background-image: url("../img/divers/ski-walk.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 8px;
}
.card.card-avalanche .risk-avalanche {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 1.75em;
  font-weight: 700;
}
.card.card-avalanche .risk-avalanche::before {
  content: "";
  display: block;
  height: 64px;
  width: 64px;
  margin-right: 5px;
}
.card.card-avalanche .risk-avalanche.risk-0::before {
  background-image: url("../img/avalanche/0.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-avalanche .risk-avalanche.risk-1::before {
  background-image: url("../img/avalanche/1.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-avalanche .risk-avalanche.risk-2::before {
  background-image: url("../img/avalanche/2.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-avalanche .risk-avalanche.risk-3::before {
  background-image: url("../img/avalanche/3.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-avalanche .risk-avalanche.risk-4::before {
  background-image: url("../img/avalanche/4.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.card.card-enneigement .enneigement-recap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.card.card-enneigement .enneigement-recap::before {
  content: "";
  display: block;
  margin-right: 5px;
  background-image: url("../img/meteo/montagne.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 80px;
}
.card.card-enneigement .enneigement-recap .altitude {
  display: none;
}
.card.card-enneigement .enneigement-recap .neige-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.125em;
  color: var(--color-1);
  line-height: 1;
  padding-left: 10px;
  font-weight: 700;
}
.card.card-enneigement .enneigement-recap .neige-wrapper .neige {
  margin-bottom: 5px;
}
@media (min-width: 1470px) {
  .card.card-enneigement .enneigement-recap .neige-wrapper {
    font-size: 1.625em;
  }
  .card.card-enneigement .enneigement-recap .neige-wrapper .neige {
    margin: 0;
  }
}
.card.card-enneigement .enneigement-recap-table {
  padding: 0;
}
.card.card-enneigement .enneigement-recap-table .info-snow-table {
  margin: 0;
  width: 100%;
}
.card.card-enneigement .enneigement-recap-table .info-snow-table th:first-child,
.card.card-enneigement .enneigement-recap-table .info-snow-table th:last-child {
  border-radius: 0;
}
.card.card-enneigement .enneigement-recap-table .info-snow-table th,
.card.card-enneigement .enneigement-recap-table .info-snow-table td {
  padding: 5px 10px;
  padding-bottom: 4px;
  font-size: 0.875em;
}
.card.card-enneigement .enneigement-recap-table .info-snow-table .value-altitude {
  min-width: 70px;
}
.card.card-prevention .com {
  padding: 15px;
  padding-top: 0;
  text-align: center;
}
.card.card-prevention .prevention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 15px;
}
.card.card-prevention .info-forecast-illustration {
  border-radius: 12px;
  overflow: hidden;
}

.media.media--type-image-apidae, .media.media--type-image {
  position: relative;
}
.media.media--type-image-apidae.media--view-mode-default, .media.media--type-image-apidae.media--view-mode-default-colorbox, .media.media--type-image-apidae.media--view-mode-thumbnail, .media.media--type-image-apidae.media--view-mode-detail-apidae, .media.media--type-image.media--view-mode-default, .media.media--type-image.media--view-mode-default-colorbox, .media.media--type-image.media--view-mode-thumbnail, .media.media--type-image.media--view-mode-detail-apidae {
  border-radius: var(--radius);
  overflow: hidden;
}
.media.media--type-image-apidae.align-center, .media.media--type-image.align-center {
  display: block;
  text-align: center;
}
.media.media--type-image-apidae .field--type-image,
.media.media--type-image-apidae .field--type-image img, .media.media--type-image .field--type-image,
.media.media--type-image .field--type-image img {
  width: 100%;
}
.media.media--type-image-apidae.media--view-mode-vignette-400 .field--type-image,
.media.media--type-image-apidae.media--view-mode-vignette-400 .field--type-image img, .media.media--type-image.media--view-mode-vignette-400 .field--type-image,
.media.media--type-image.media--view-mode-vignette-400 .field--type-image img {
  width: auto;
}
.media.media--type-image-apidae .media--switch--colorbox,
.media.media--type-image-apidae .colorbox, .media.media--type-image .media--switch--colorbox,
.media.media--type-image .colorbox {
  display: block;
}
.media.media--type-image-apidae .media--switch--colorbox .media__icon--litebox,
.media.media--type-image-apidae .colorbox .media__icon--litebox, .media.media--type-image .media--switch--colorbox .media__icon--litebox,
.media.media--type-image .colorbox .media__icon--litebox {
  display: none;
}
.media.media--type-image-apidae .media--switch--colorbox img,
.media.media--type-image-apidae .colorbox img, .media.media--type-image .media--switch--colorbox img,
.media.media--type-image .colorbox img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
@media (min-width: 992px) {
  .media.media--type-image-apidae .media--switch--colorbox:hover img, .media.media--type-image-apidae .media--switch--colorbox:focus img,
.media.media--type-image-apidae .colorbox:hover img,
.media.media--type-image-apidae .colorbox:focus img, .media.media--type-image .media--switch--colorbox:hover img, .media.media--type-image .media--switch--colorbox:focus img,
.media.media--type-image .colorbox:hover img,
.media.media--type-image .colorbox:focus img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}
.media.media--type-image-apidae .group-legendcredits, .media.media--type-image .group-legendcredits {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  color: #FFFFFF;
  pointer-events: none;
  font-size: 0.875em;
  padding: 4px 8px;
  text-align: center;
}
@media (min-width: 992px) {
  .media.media--type-image-apidae .group-legendcredits, .media.media--type-image .group-legendcredits {
    left: auto;
    right: 120px;
    border-radius: 12px 12px 0 0;
    padding: 8px 24px;
    max-width: 200px;
  }
}

body {
  background-color: #FFFFFF;
}

.header {
  background-color: var(--color-light);
}

.footer {
  background-color: #EFEFEF;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0;
}

.quickaccess {
  position: fixed;
  right: 15px;
  bottom: 85px;
  z-index: 2;
}
@media (min-width: 992px) {
  .quickaccess {
    bottom: auto;
    right: auto;
    top: calc(var(--decadeTop) + 30px);
    left: 30px;
  }
}

@media (min-width: 992px) {
  body.menu-open .quickaccess::before {
    width: 1465px;
  }
}

.btn.btn--raised--primary, .btn.btn--raised--secondary, .btn.btn--outline--primary {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn--normal--primary {
  border: solid 1px;
}
.btn.btn--raised--secondary.back {
  background: #E3E3E3;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) {
  border: 0 none;
  border-radius: 0;
  padding: 12px 25px;
  padding-top: 14px;
  -webkit-clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
          clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
  text-transform: uppercase;
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  position: relative;
  min-width: 170px;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) span {
  background-size: 200% 100%;
  background-position: 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
  padding: 10px 0;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) input, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) input.btn, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) input.btn-1, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) input.btn-primary,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) button,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) button.btn,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) button.btn-1,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) button.btn-primary {
  -webkit-clip-path: unset;
          clip-path: unset;
  padding: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), color-stop(50%, #FFFFFF)) !important;
  background-image: linear-gradient(to right, #FF6CAB, #7366FF 50%, #FFFFFF 50%) !important;
  background-size: 200% 100% !important;
  background-position: 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus:not(.disabled):focus, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):not(:disabled):not(.disabled):focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #000000;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus:not(.disabled):focus:active, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):not(:disabled):not(.disabled):focus:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #000000;
}
@media (min-width: 992px) {
  .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus span {
    background-position: 0;
  }
  .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover input, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover input.btn, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover input.btn-1, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover input.btn-primary,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover button,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover button.btn,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover button.btn-1,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):hover button.btn-primary, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus input, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus input.btn, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus input.btn-1, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus input.btn-primary,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus button,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus button.btn,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus button.btn-1,
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]):focus button.btn-primary {
    background-position: 0 !important;
  }
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-icon {
  padding-left: 65px;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-icon::before {
  content: "";
  -webkit-clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
          clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
  width: 55px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-icon::after {
  content: "";
  width: 55px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-icon.icon-phone::after {
  background: #000000;
  -webkit-mask-image: url("../img/divers/phone.svg");
          mask-image: url("../img/divers/phone.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 20px auto;
          mask-size: 20px auto;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-icon.icon-mail::after {
  background: #000000;
  -webkit-mask-image: url("../img/divers/mail.svg");
          mask-image: url("../img/divers/mail.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 20px auto;
          mask-size: 20px auto;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]), .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-primary, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-secondary, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-1, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-2, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-3 {
  color: #FFFFFF;
  background: #000000;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-primary span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-secondary span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-1 span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-2 span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-3 span {
  color: #FFFFFF;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-icon::before, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-primary.btn-icon::before, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-secondary.btn-icon::before, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-1.btn-icon::before, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-2.btn-icon::before, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-3.btn-icon::before {
  background: var(--color-4);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]) span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-primary span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-secondary span, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-1 span {
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), color-stop(50%, #FFFFFF));
  background-image: linear-gradient(to right, #FF6CAB, #7366FF 50%, #FFFFFF 50%);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-2 span {
  background-image: -webkit-gradient(linear, left top, right top, from(#95C11F), color-stop(50%, #009196), color-stop(50%, #FFFFFF));
  background-image: linear-gradient(to right, #95C11F, #009196 50%, #FFFFFF 50%);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-2.btn-icon::before {
  background: var(--color-2);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-3 span {
  background-image: -webkit-gradient(linear, left top, right top, from(#6EE2F5), color-stop(50%, #6454F0), color-stop(50%, #FFFFFF));
  background-image: linear-gradient(to right, #6EE2F5, #6454F0 50%, #FFFFFF 50%);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-3.btn-icon::before {
  background: var(--color-3);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-4 {
  color: #000000;
  background: #FFFFFF;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-4 span {
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), color-stop(50%, #000000));
  background-image: linear-gradient(to right, #FF6CAB, #7366FF 50%, #000000 50%);
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-5 {
  background: var(--color-2);
  color: #000000;
}
.btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-5 span {
  background: 0 none;
  -webkit-text-fill-color: unset;
  color: #000000;
}
@media (min-width: 992px) {
  .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-5:hover, .btn:not(.cat):not(.btn--normal--primary):not(.btn--raised--primary):not(.deconnect):not(.btn--raised--secondary):not(.btn--outline--primary):not([data-drupal-selector=edit-piece-jointe-upload-button]).btn-5:focus {
    background: var(--color-1);
  }
}
.btn[data-drupal-selector=edit-piece-jointe-upload-button] {
  background: var(--color-1);
  border: 0 none;
  border-radius: 8px;
}

.fields-button .field a {
  border: 0 none;
  border-radius: 0;
  padding: 6px 20px;
  padding-top: 9px;
  -webkit-clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
          clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
  text-transform: uppercase;
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  position: relative;
  min-width: 200px;
  color: #000000;
  background: #FFFFFF;
  padding-left: 65px;
  display: inline-block;
  margin-bottom: 5px;
}
.fields-button .field a::before {
  content: "";
  -webkit-clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
          clip-path: polygon(14px 0%, 100% 0%, calc(100% - 14px) 100%, 0% 100%);
  width: 55px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--color-2);
}
.fields-button .field a::after {
  content: "";
  width: 55px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: #000000;
  -webkit-mask-image: url("../img/divers/phone.svg");
          mask-image: url("../img/divers/phone.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 20px auto;
          mask-size: 20px auto;
}
.fields-button .field a span {
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), color-stop(50%, #000000));
  background-image: linear-gradient(to right, #FF6CAB, #7366FF 50%, #000000 50%);
  background-size: 200% 100%;
  background-position: 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
@media (min-width: 992px) {
  .fields-button .field a:hover span, .fields-button .field a:focus span {
    background-position: 0;
  }
}
.fields-button .field.field--name-field-site-web a::after {
  -webkit-mask-image: url("../img/divers/web.svg");
          mask-image: url("../img/divers/web.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 26px auto;
          mask-size: 26px auto;
}
.fields-button .field.field--name-field-telephones a::after {
  -webkit-mask-image: url("../img/divers/phone.svg");
          mask-image: url("../img/divers/phone.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 22px auto;
          mask-size: 22px auto;
}
.fields-button .field.field--name-field-page-facebook a::after {
  -webkit-mask-image: url("../img/social/facebook.svg");
          mask-image: url("../img/social/facebook.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 22px auto;
          mask-size: 22px auto;
}
.fields-button .field.field--name-field-page-twitter a::after {
  -webkit-mask-image: url("../img/social/twitter.svg");
          mask-image: url("../img/social/twitter.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 24px auto;
          mask-size: 24px auto;
}
.fields-button .field.field--name-field-telephones .suffix-tel {
  display: block;
  margin-bottom: 10px;
}

.containerCreateSkieur .btn.btn--raised--primary {
  font-size: 20px;
}

.containerLivraison .btn.btn--outline--primary {
  margin-left: 15px;
  color: #1976D2;
  margin-top: auto;
}

.mat-dialog-actions .btn--raised--primary {
  background: var(--color-1);
  color: #FFFFFF;
}

.block-social {
  clear: both;
}
.block-social .nav > li {
  display: inline-block;
}
.block-social .nav > li > a:hover, .block-social .nav > li > a:focus {
  background-color: transparent;
}

body.path-frontpage .field--name-field-paragraphes > .field__item:first-of-type {
  margin-top: 0;
}

.paragraph .wrapper {
  padding: 0;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-71, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75 {
  position: relative;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-71 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75 .field--name-field-content {
  padding: 30px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--basic-content .wrapper.bgcolor-71 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74 .field--name-field-content, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75 .field--name-field-content {
    padding: 30px 45px;
  }
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-71::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-71::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-71::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74::before, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75::before {
  left: 10px;
  right: 10px;
  bottom: 10px;
  top: 5px;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-71::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75::after {
  left: 20px;
  right: 20px;
  opacity: 0.5;
  -webkit-transform: rotateZ(-3deg);
          transform: rotateZ(-3deg);
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-71::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-71::before {
  background: #F9F12E;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-72::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-72::before {
  background: #F9B233;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-73::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-73::before {
  background: #E6007E;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-74::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-74::before {
  background: #00ABE9;
}
.paragraph.paragraph--type--basic-content .wrapper.bgcolor-75::after, .paragraph.paragraph--type--basic-content .wrapper.bgcolor-75::before {
  background: #DEDC00;
}
.paragraph.paragraph--type--basic-content .wrapper .field--name-field-content h2:first-child:last-child {
  margin-bottom: -30px;
}
.paragraph.paragraph--type--two-columns-content {
  margin: 30px 0;
}
.paragraph.paragraph--type--two-columns-content .row {
  margin: 0;
  width: 100%;
}
.paragraph.paragraph--type--two-columns-content > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--two-columns-content > .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.paragraph.paragraph--type--two-columns-content .media.media--type-image.media--view-mode-default, .paragraph.paragraph--type--two-columns-content .media.media--type-image.media--view-mode-default-colorbox, .paragraph.paragraph--type--two-columns-content .media.media--type-image.media--view-mode-thumbnail {
  border-radius: 0;
  overflow: hidden;
}
.paragraph.paragraph--type--two-columns-content .group-left,
.paragraph.paragraph--type--two-columns-content .group-right {
  width: 100%;
}
@media (max-width: 991px) {
  .paragraph.paragraph--type--two-columns-content.mobile-reverse .group-left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .paragraph.paragraph--type--two-columns-content.mobile-reverse .group-right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--basic-content {
  height: 100%;
  padding: 15px 0;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--two-columns-content .paragraph--type--basic-content {
    padding: 30px 0;
  }
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--basic-content .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--basic-content .wrapper .field--name-field-content {
  width: 100%;
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--name-field-title,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--name-field-title {
  display: none;
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--name-field-media-image,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--name-field-media-image {
  width: 100%;
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo,
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .wrapper,
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--name-field-photo,
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .media--type-image,
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--type-image,
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--type-image .field__item,
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--type-image .field__item a,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .wrapper,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--name-field-photo,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .media--type-image,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--type-image,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--type-image .field__item,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--type-image .field__item a {
  height: 100%;
}
.paragraph.paragraph--type--two-columns-content .paragraph--type--photo .field--name-field-photo img,
.paragraph.paragraph--type--two-columns-content .paragraph--type--video .field--name-field-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] {
  position: relative;
  overflow: visible;
}
.paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] .paragraph--type--basic-content {
  padding: 0;
}
.paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] > .wrapper {
  position: relative;
  left: 50%;
  width: calc(100vw - 15px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: none;
  padding: 0;
}
.paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] .paragraph--type--basic-content .wrapper {
  padding: 15px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] .paragraph--type--basic-content .wrapper {
    padding: 30px 15px;
  }
}
.paragraph.paragraph--type--two-columns-content[data-background=dark] {
  background: #000000;
}
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content {
  padding: 15px;
  background: #000000;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content {
    padding: 30px;
  }
}
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content,
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content h1,
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content h2,
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content h3,
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content h4,
.paragraph.paragraph--type--two-columns-content[data-background=dark] .paragraph--type--basic-content a:not(.btn) {
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--two-columns-content[data-background=dark][data-fullwidth="1"] .paragraph--type--basic-content {
    padding: 30px 0;
  }
}
.paragraph.paragraph--type--two-columns-content[data-vcenter="1"] .paragraph--type--basic-content .wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--two-columns-content .field--name-field-left,
.paragraph.paragraph--type--two-columns-content .field--name-field-left > .field__item,
.paragraph.paragraph--type--two-columns-content .field--name-field-right,
.paragraph.paragraph--type--two-columns-content .field--name-field-right > .field__item {
    height: 100%;
  }
  .paragraph.paragraph--type--two-columns-content .group-left .paragraph--type--basic-content .wrapper {
    padding-right: 90px;
  }
  .paragraph.paragraph--type--two-columns-content .group-left .paragraph--type--meteo-enneigement-simple,
.paragraph.paragraph--type--two-columns-content .group-left .paragraph--type--webcam {
    padding-right: 30px;
  }
  .paragraph.paragraph--type--two-columns-content .group-right .paragraph--type--basic-content .wrapper {
    padding-left: 90px;
  }
  .paragraph.paragraph--type--two-columns-content .group-right .paragraph--type--meteo-enneigement-simple,
.paragraph.paragraph--type--two-columns-content .group-right .paragraph--type--webcam {
    padding-left: 30px;
  }
  .paragraph.paragraph--type--two-columns-content .group-left,
.paragraph.paragraph--type--two-columns-content .group-right, .paragraph.paragraph--type--two-columns-content[data-grid="5050"] .group-left,
.paragraph.paragraph--type--two-columns-content[data-grid="5050"] .group-right {
    width: 50%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="3070"] .group-left {
    width: 30%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="3070"] .group-right {
    width: 70%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="4060"] .group-left {
    width: 40%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="4060"] .group-right {
    width: 60%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="6040"] .group-left {
    width: 60%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="6040"] .group-right {
    width: 40%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="7030"] .group-left {
    width: 70%;
  }
  .paragraph.paragraph--type--two-columns-content[data-grid="7030"] .group-right {
    width: 30%;
  }
}
@media (min-width: 992px) and (min-width: 1455px) {
  .paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] .group-right .paragraph--type--basic-content .wrapper {
    padding-right: calc((100vw - 1440px) / 2 + 7.5px);
  }
  .paragraph.paragraph--type--two-columns-content[data-fullwidth="1"] .group-left .paragraph--type--basic-content .wrapper {
    padding-left: calc((100vw - 1440px) / 2 + 7.5px);
  }
}
.paragraph.paragraph--type--two-columns-content .paragraph .container,
.paragraph.paragraph--type--two-columns-content .paragraph .container-small,
.paragraph.paragraph--type--two-columns-content .paragraph .container-medium,
.paragraph.paragraph--type--two-columns-content .paragraph .container-large {
  padding: 0;
  max-width: none;
}
.paragraph.paragraph--type--full-width-panel {
  position: relative;
}
.paragraph.paragraph--type--full-width-panel > .wrapper {
  position: relative;
  margin: 0 -15px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--full-width-panel > .wrapper {
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: none;
    width: calc(100vw - 15px);
  }
}
.paragraph.paragraph--type--full-width-panel .group-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paragraph.paragraph--type--full-width-panel .group-content,
.paragraph.paragraph--type--full-width-panel .group-content h1,
.paragraph.paragraph--type--full-width-panel .group-content h2,
.paragraph.paragraph--type--full-width-panel .group-content h3,
.paragraph.paragraph--type--full-width-panel .group-content h4,
.paragraph.paragraph--type--full-width-panel .group-content a {
  color: #FFFFFF;
}
.paragraph.paragraph--type--full-width-panel .group-content h1,
.paragraph.paragraph--type--full-width-panel .group-content h2,
.paragraph.paragraph--type--full-width-panel .group-content h3,
.paragraph.paragraph--type--full-width-panel .group-content h4 {
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.paragraph.paragraph--type--full-width-panel .field--name-field-content {
  max-width: var(--container-2);
  margin: auto;
}
.paragraph.paragraph--type--full-width-panel .group-content + .field--name-field-photo {
  background: #000000;
}
.paragraph.paragraph--type--full-width-panel .group-content + .field--name-field-photo .media--type-image {
  opacity: 0.7;
}
.paragraph.paragraph--type--question-answer {
  position: relative;
  padding: 17px 16px;
  padding-right: 40px;
  margin-top: 5px;
  background: var(--color-1);
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.paragraph.paragraph--type--question-answer .field--name-field-question {
  font-weight: 700;
  font-size: 1.125em;
}
.paragraph.paragraph--type--question-answer details {
  margin: 0;
  border: 0 none;
}
.paragraph.paragraph--type--question-answer summary {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
}
.paragraph.paragraph--type--question-answer summary::before {
  content: "";
  height: 22px;
  width: 22px;
  position: absolute;
  z-index: 1;
  bottom: 10px;
  right: 10px;
  background: #000000;
  -webkit-mask-image: url("../img/divers/plus.svg");
          mask-image: url("../img/divers/plus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.paragraph.paragraph--type--question-answer summary[aria-expanded=true]::before {
  -webkit-mask-image: url("../img/divers/minus.svg");
          mask-image: url("../img/divers/minus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.paragraph.paragraph--type--question-answer .details-wrapper {
  position: relative;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 20px;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(odd) .paragraph--type--question-answer {
  padding-bottom: 40px;
  margin-bottom: -30px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 30px));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 30px));
  border-radius: var(--radius) var(--radius) 0 0;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(even) .paragraph--type--question-answer {
  -webkit-clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
  border-radius: 0 0 var(--radius) var(--radius);
  padding-top: 40px;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 1) .paragraph--type--question-answer {
  background: rgba(249, 178, 51, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 1) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 1) .paragraph--type--question-answer:focus {
  background: #F9B233;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 2) .paragraph--type--question-answer {
  background: rgba(239, 125, 0, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 2) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 2) .paragraph--type--question-answer:focus {
  background: #EF7D00;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 3) .paragraph--type--question-answer {
  background: rgba(232, 78, 15, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 3) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 3) .paragraph--type--question-answer:focus {
  background: #E84E0F;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 4) .paragraph--type--question-answer {
  background: rgba(230, 0, 126, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 4) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 4) .paragraph--type--question-answer:focus {
  background: #E6007E;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 5) .paragraph--type--question-answer {
  background: rgba(149, 27, 129, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 5) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 5) .paragraph--type--question-answer:focus {
  background: #951B81;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 6) .paragraph--type--question-answer {
  background: rgba(0, 171, 233, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 6) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 6) .paragraph--type--question-answer:focus {
  background: #00ABE9;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 7) .paragraph--type--question-answer {
  background: rgba(53, 182, 180, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 7) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 7) .paragraph--type--question-answer:focus {
  background: #35B6B4;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 8) .paragraph--type--question-answer {
  background: rgba(0, 145, 150, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 8) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 8) .paragraph--type--question-answer:focus {
  background: #009196;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 9) .paragraph--type--question-answer {
  background: rgba(149, 193, 31, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 9) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n + 9) .paragraph--type--question-answer:focus {
  background: #95C11F;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n) .paragraph--type--question-answer {
  background: rgba(222, 220, 0, 0.7);
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n) .paragraph--type--question-answer:hover, .paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:nth-of-type(10n) .paragraph--type--question-answer:focus {
  background: #DEDC00;
}
.paragraph.paragraph--type--faq .field--name-field-questions-reponses- > .field__items > .field__item:last-child .paragraph--type--question-answer {
  margin-bottom: 0;
}
.paragraph.paragraph--type--photo-gallery .field--name-field-photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paragraph.paragraph--type--photo-gallery .field--name-field-photos .media-image {
  width: 50%;
  padding: 0 5px;
  margin: 5px 0;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--photo-gallery .field--name-field-photos .media-image {
    width: 33.3333333333%;
  }
}
@media (min-width: 1470px) {
  .paragraph.paragraph--type--photo-gallery .field--name-field-photos .media-image {
    width: 20%;
  }
}
.paragraph.paragraph--type--video .field--name-field-title {
  text-align: center;
  margin-bottom: 15px;
}
.paragraph.paragraph--type--video .field--name-field-title h2,
.paragraph.paragraph--type--video .field--name-field-title h3 {
  margin: 0;
  font-weight: 700;
  color: #000000;
}
.paragraph.paragraph--type--video .wrapper {
  padding-bottom: 30px;
  position: relative;
}
.paragraph.paragraph--type--video .wrapper::before {
  content: "";
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../img/brand/logo-cut.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-position: top -1px center;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--video .wrapper {
    padding: 0 40px;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .paragraph.paragraph--type--bons-plans {
    margin: 0 -15px;
  }
  .paragraph.paragraph--type--bons-plans .card.card-simple .group-media {
    border-radius: 0;
  }
}
.paragraph.paragraph--type--bons-plans .field--name-field-bon-plan > .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paragraph.paragraph--type--bons-plans .field--name-field-bon-plan > .field__items > .field__item {
  margin-bottom: 15px;
  width: 100%;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--bons-plans .field--name-field-bon-plan > .field__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .paragraph.paragraph--type--bons-plans .field--name-field-bon-plan > .field__items > .field__item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--type--bons-plans .field--name-field-bon-plan > .field__items > .field__item {
    width: 33.33%;
  }
}
.paragraph.paragraph--type--les-types-d-activites .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-types-d-activites .view-types-de-forfait > .view-content, .paragraph.paragraph--type--les-forfaits .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-forfaits .view-types-de-forfait > .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paragraph.paragraph--type--les-types-d-activites .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--les-types-d-activites .view-types-de-forfait > .view-content > .views-row, .paragraph.paragraph--type--les-forfaits .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--les-forfaits .view-types-de-forfait > .view-content > .views-row {
  margin-bottom: 15px;
  width: 100%;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--les-types-d-activites .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-types-d-activites .view-types-de-forfait > .view-content, .paragraph.paragraph--type--les-forfaits .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-forfaits .view-types-de-forfait > .view-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -15px;
  }
  .paragraph.paragraph--type--les-types-d-activites .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--les-types-d-activites .view-types-de-forfait > .view-content > .views-row, .paragraph.paragraph--type--les-forfaits .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--les-forfaits .view-types-de-forfait > .view-content > .views-row {
    width: 25%;
    margin: 0 15px;
  }
}
.paragraph.paragraph--type--bon-plan {
  height: 100%;
}
.paragraph.paragraph--type--_-avantages .field--name-field-intro, .paragraph.paragraph--type--les-forfaits .field--name-field-intro, .paragraph.paragraph--type--les-types-d-activites .field--name-field-intro {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--_-avantages .field--name-field-intro, .paragraph.paragraph--type--les-forfaits .field--name-field-intro, .paragraph.paragraph--type--les-types-d-activites .field--name-field-intro {
    margin-bottom: 30px;
  }
}
.paragraph.paragraph--type--_-avantages .field--name-field-intro h2, .paragraph.paragraph--type--les-forfaits .field--name-field-intro h2, .paragraph.paragraph--type--les-types-d-activites .field--name-field-intro h2 {
  margin: 0;
}
.paragraph.paragraph--type--_-avantages .group-topcontent, .paragraph.paragraph--type--les-forfaits .group-topcontent, .paragraph.paragraph--type--les-types-d-activites .group-topcontent {
  padding: 15px 0;
  padding-top: 30px;
  color: #FFFFFF;
  position: relative;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--_-avantages .group-topcontent, .paragraph.paragraph--type--les-forfaits .group-topcontent, .paragraph.paragraph--type--les-types-d-activites .group-topcontent {
    font-size: 1.25em;
  }
}
.paragraph.paragraph--type--_-avantages .group-topcontent .field--name-field-content, .paragraph.paragraph--type--les-forfaits .group-topcontent .field--name-field-content, .paragraph.paragraph--type--les-types-d-activites .group-topcontent .field--name-field-content {
  max-width: 820px;
}
.paragraph.paragraph--type--_-avantages .group-topcontent::before, .paragraph.paragraph--type--les-forfaits .group-topcontent::before, .paragraph.paragraph--type--les-types-d-activites .group-topcontent::before {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  border-radius: var(--radius) var(--radius) 0 0;
  top: 0;
  left: -15px;
  right: -15px;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--_-avantages .group-topcontent, .paragraph.paragraph--type--les-forfaits .group-topcontent, .paragraph.paragraph--type--les-types-d-activites .group-topcontent {
    padding: 30px 0;
  }
  .paragraph.paragraph--type--_-avantages .group-topcontent::before, .paragraph.paragraph--type--les-forfaits .group-topcontent::before, .paragraph.paragraph--type--les-types-d-activites .group-topcontent::before {
    left: -30px;
    right: -30px;
    border-radius: 40px 40px 0 0;
  }
}
@media (min-width: 1470px) {
  .paragraph.paragraph--type--_-avantages .group-topcontent::before, .paragraph.paragraph--type--les-forfaits .group-topcontent::before, .paragraph.paragraph--type--les-types-d-activites .group-topcontent::before {
    left: -120px;
    right: -120px;
  }
}
.paragraph.paragraph--type--_-avantages .group-slider, .paragraph.paragraph--type--les-forfaits .group-slider, .paragraph.paragraph--type--les-types-d-activites .group-slider {
  position: relative;
}
.paragraph.paragraph--type--_-avantages .group-slider::before, .paragraph.paragraph--type--les-forfaits .group-slider::before, .paragraph.paragraph--type--les-types-d-activites .group-slider::before {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  top: -1px;
  left: -15px;
  right: -15px;
  bottom: 0;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(50% - 180px), 0 50%);
          clip-path: polygon(0 0, 100% 0, 100% calc(50% - 180px), 0 50%);
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--_-avantages .group-slider::before, .paragraph.paragraph--type--les-forfaits .group-slider::before, .paragraph.paragraph--type--les-types-d-activites .group-slider::before {
    left: -30px;
    right: -30px;
  }
}
@media (min-width: 1470px) {
  .paragraph.paragraph--type--_-avantages .group-slider::before, .paragraph.paragraph--type--les-forfaits .group-slider::before, .paragraph.paragraph--type--les-types-d-activites .group-slider::before {
    left: -120px;
    right: -120px;
  }
  .paragraph.paragraph--type--_-avantages .group-slider::after, .paragraph.paragraph--type--les-forfaits .group-slider::after, .paragraph.paragraph--type--les-types-d-activites .group-slider::after {
    content: "";
    display: block;
    position: absolute;
    background: #000000;
    -webkit-filter: blur(15px);
            filter: blur(15px);
    height: 10px;
    bottom: 180px;
    top: 50%;
    right: -130px;
    left: -120px;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: rotateZ(-6.3deg);
            transform: rotateZ(-6.3deg);
    z-index: -1;
  }
}
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .taxonomy-term, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .taxonomy-term, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .taxonomy-term {
  width: 70vw;
}
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .paragraph, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .paragraph, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .paragraph {
  width: 88vw;
}
@media (max-width: 1199px) {
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: auto;
    margin: 0 -15px;
    padding: 0 15px;
  }
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .taxonomy-term, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .taxonomy-term, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .taxonomy-term {
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .taxonomy-term, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .taxonomy-term, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .taxonomy-term {
    width: 30vw;
  }
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .paragraph, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .paragraph, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .paragraph {
    width: 30vw;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .taxonomy-term,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .paragraph, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .taxonomy-term,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .paragraph, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .paragraph,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .taxonomy-term,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .paragraph {
    width: auto;
  }
}
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content > .field__item,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content > .views-row,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content > .field__item,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage > .views-row,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage > .field__item, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content > .field__item,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content > .views-row,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content > .field__item,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage > .views-row,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage > .field__item, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content > .views-row,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content > .field__item,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content > .views-row,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content > .field__item,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage > .views-row,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage > .field__item {
  margin-bottom: 15px;
  width: 100%;
}
.paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content .field--name-field-title,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content .field--name-field-title,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage .field--name-field-title, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content .field--name-field-title,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content .field--name-field-title,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage .field--name-field-title, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content .field--name-field-title,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content .field--name-field-title,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage .field--name-field-title {
  color: #FFFFFF;
}
@media (min-width: 1200px) {
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -15px;
  }
  .paragraph.paragraph--type--_-avantages .group-slider .view-types-d-activites > .view-content > .field__item,
.paragraph.paragraph--type--_-avantages .group-slider .view-types-de-forfait > .view-content > .field__item,
.paragraph.paragraph--type--_-avantages .group-slider .field--name-field-avantage > .field__item, .paragraph.paragraph--type--les-forfaits .group-slider .view-types-d-activites > .view-content > .field__item,
.paragraph.paragraph--type--les-forfaits .group-slider .view-types-de-forfait > .view-content > .field__item,
.paragraph.paragraph--type--les-forfaits .group-slider .field--name-field-avantage > .field__item, .paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-d-activites > .view-content > .field__item,
.paragraph.paragraph--type--les-types-d-activites .group-slider .view-types-de-forfait > .view-content > .field__item,
.paragraph.paragraph--type--les-types-d-activites .group-slider .field--name-field-avantage > .field__item {
    width: 25%;
    margin: 0 15px;
  }
}
.paragraph.paragraph--type--les-forfaits .viewsreference--view-title {
  display: none;
}
.paragraph.paragraph--type--social-wall .field--name-field-content, .paragraph.paragraph--type--social-wall-light .field--name-field-content {
  margin-bottom: 15px;
  font-size: 1.125em;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--social-wall .field--name-field-content, .paragraph.paragraph--type--social-wall-light .field--name-field-content {
    margin-bottom: 30px;
  }
}
.paragraph.paragraph--type--social-wall .menu--social-networks, .paragraph.paragraph--type--social-wall-light .menu--social-networks {
  margin-bottom: 10px;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .navbar-nav, .paragraph.paragraph--type--social-wall-light .menu--social-networks .navbar-nav {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-item, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-item {
  margin: 0;
  margin-right: 15px;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link {
  font-size: 0;
  padding: 0;
  height: 30px;
  width: 30px;
  background-image: -webkit-gradient(linear, left top, right top, from(#FF6CAB), color-stop(50%, #7366FF), color-stop(50%, #000000));
  background-image: linear-gradient(to right, #FF6CAB, #7366FF 50%, #000000 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-transition: background-position 0.25s;
  transition: background-position 0.25s;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link::before, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link::before {
  content: "";
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link::before, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link::before {
  display: none;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link.link-fb, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link.link-fb {
  -webkit-mask-image: url("../img/social/facebook.svg");
          mask-image: url("../img/social/facebook.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 26px auto;
          mask-size: 26px auto;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link.link-yt, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link.link-yt {
  -webkit-mask-image: url("../img/social/youtube.svg");
          mask-image: url("../img/social/youtube.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 34px;
  -webkit-mask-size: 34px auto;
          mask-size: 34px auto;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link.link-insta, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link.link-insta {
  -webkit-mask-image: url("../img/social/instagram.svg");
          mask-image: url("../img/social/instagram.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 26px auto;
          mask-size: 26px auto;
}
.paragraph.paragraph--type--social-wall .menu--social-networks .nav-link.link-tiktok, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link.link-tiktok {
  -webkit-mask-image: url("../img/social/tiktok.svg");
          mask-image: url("../img/social/tiktok.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 26px auto;
          mask-size: 26px auto;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--social-wall .menu--social-networks .nav-link:hover, .paragraph.paragraph--type--social-wall .menu--social-networks .nav-link:focus, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link:hover, .paragraph.paragraph--type--social-wall-light .menu--social-networks .nav-link:focus {
    background-position: 0;
  }
}
.paragraph.paragraph--type--_-points-cles {
  margin: 0 -15px;
}
.paragraph.paragraph--type--_-points-cles .wrapper {
  text-align: center;
  overflow: hidden;
  margin: auto;
  width: auto;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-content {
  padding: 0 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--_-points-cles .field--name-field-content {
    margin-bottom: 30px;
  }
}
.paragraph.paragraph--type--_-points-cles .field--name-field-content p {
  text-align: left;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--_-points-cles .field--name-field-content p {
    font-size: 1.25em;
    text-align: center;
    padding: 0 30px;
  }
}
.paragraph.paragraph--type--_-points-cles .field--name-field-content h2 {
  max-width: 240px;
  margin: 15px auto;
  font-size: 1em;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-content h2:last-child {
  margin-bottom: 0;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-content h2 strong {
  font-size: 1.5em;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--_-points-cles .field--name-field-content h2 {
    max-width: none;
    margin: 30px auto;
    font-size: 1em;
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-content h2:last-child {
    margin-bottom: 0;
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-content h2 strong {
    font-size: 2.25em;
  }
}
.paragraph.paragraph--type--_-points-cles .field--name-field-points-cles {
  margin: 0 auto;
  position: relative;
  max-width: 380px;
  margin-bottom: -60px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles {
    margin-bottom: -75px;
  }
}
.paragraph.paragraph--type--_-points-cles .field--name-field-points-cles::before {
  content: "";
  display: block;
  width: 95px;
  height: 75px;
  background-image: url("../img/divers/arrow-cles.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-65px);
          transform: translateX(-65px);
  z-index: 1;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item {
  border-radius: 17px;
  font-weight: 700;
  font-size: 1.125em;
  padding: 7px 15px;
  padding-top: 10px;
  text-align: left;
  line-height: 1.2;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item:nth-of-type(1) {
  background: #F9B233;
  max-width: 190px;
  margin-left: -50px;
  padding-left: 70px;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item:nth-of-type(2) {
  background: #E84E0F;
  max-width: 280px;
  position: relative;
  top: -5px;
  margin-left: -30px;
  padding-left: 80px;
  padding-right: 45px;
}
.paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item:nth-of-type(3) {
  background: #E6007E;
  max-width: 200px;
  position: relative;
  top: -110px;
  margin-left: auto;
  margin-right: -30px;
  padding-right: 45px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles::before {
    width: 130px;
    height: 110px;
    top: -25px;
    -webkit-transform: translateX(-90px);
            transform: translateX(-90px);
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item {
    border-radius: var(--radius);
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item:nth-of-type(1) {
    padding: 15px;
    padding-top: 20px;
    text-align: center;
    max-width: none;
    width: 170px;
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item:nth-of-type(2) {
    padding: 15px 30px;
    padding-top: 20px;
    text-align: center;
    max-width: none;
    width: 260px;
    top: -10px;
  }
  .paragraph.paragraph--type--_-points-cles .field--name-field-points-cles .field__item:nth-of-type(3) {
    padding: 15px;
    padding-top: 20px;
    text-align: center;
    max-width: none;
    width: 150px;
    top: -150px;
    margin-right: 15px;
  }
}
.paragraph.paragraph--type--temps-forts-activites {
  margin-bottom: 60px;
}
.paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-activites {
  margin-bottom: 30px;
}
.paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-activites p {
  font-size: 1.125em;
}
.paragraph.paragraph--type--temps-forts-activites .field--name-field-lien-temps-forts,
.paragraph.paragraph--type--temps-forts-activites .field--name-field-lien-activites {
  text-align: center;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--temps-forts-activites .field--name-field-lien-temps-forts,
.paragraph.paragraph--type--temps-forts-activites .field--name-field-lien-activites {
    margin-top: 30px;
  }
}
.paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-temps-fort {
  padding-left: 60px;
}
.paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-activites {
  margin-top: 60px;
}
.paragraph.paragraph--type--temps-forts-activites .viewsreference--view-title {
  display: none;
}
.paragraph.paragraph--type--temps-forts-activites .view-temps-forts {
  margin-left: -15px;
  padding-left: 30px;
  position: relative;
}
.paragraph.paragraph--type--temps-forts-activites .view-temps-forts::before {
  content: "";
  display: block;
  width: 45px;
  background-image: url("../img/brand/logo-cut-2.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -50px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--temps-forts-activites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 90px -15px;
  }
  .paragraph.paragraph--type--temps-forts-activites .field--name-field-intro {
    width: 100%;
    padding: 0 15px;
  }
  .paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-temps-fort {
    padding-left: 45px;
  }
  .paragraph.paragraph--type--temps-forts-activites > div {
    width: 50%;
    padding: 0 15px;
  }
  .paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-activites {
    margin-top: 0;
  }
  .paragraph.paragraph--type--temps-forts-activites .field--name-field-intro-activites h2 {
    margin-bottom: 30px;
  }
  .paragraph.paragraph--type--temps-forts-activites .view-activites .view-content {
    width: 100%;
  }
  .paragraph.paragraph--type--temps-forts-activites .view-activites .view-content .views-row {
    width: 50%;
  }
}
@media (min-width: 1470px) {
  .paragraph.paragraph--type--temps-forts-activites {
    margin: 120px -15px;
  }
  .paragraph.paragraph--type--temps-forts-activites > div:nth-of-type(2) {
    width: 37%;
  }
  .paragraph.paragraph--type--temps-forts-activites > div:nth-of-type(3) {
    width: 63%;
    padding-left: 120px;
  }
}
.paragraph.paragraph--type--meteo-enneigement-simple .field--name-field-lien {
  text-align: center;
  margin: 15px 0;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--meteo-enneigement-simple .field--name-field-lien {
    max-width: 450px;
  }
}
.paragraph.paragraph--type--remontees-pistes .infos-meteo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paragraph.paragraph--type--remontees-pistes .infos-meteo .card {
  margin-bottom: 15px;
  width: 100%;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--remontees-pistes .infos-meteo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -15px;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card {
    margin: 0 15px;
    max-width: 33.33%;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part {
    display: block !important;
    height: 320px;
    overflow: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-thumb {
    background: var(--color-1);
    border: 0 none #FFFFFF;
    border-radius: 50px;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-thumb:hover {
    background: var(--color-1);
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-thumb:active {
    background: var(--color-1);
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-track {
    background: #EFEFEF;
    border: 0 none #FFFFFF;
    border-radius: 50px;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-track:hover {
    background: #EFEFEF;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-track:active {
    background: #EFEFEF;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .bottom-part::-webkit-scrollbar-corner {
    background: transparent;
  }
  .paragraph.paragraph--type--remontees-pistes .infos-meteo .card .toggle {
    display: none;
  }
}
.paragraph.paragraph--type--meteo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paragraph.paragraph--type--meteo .card {
  margin-bottom: 15px;
  width: 100%;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--meteo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -7.5px;
  }
  .paragraph.paragraph--type--meteo .card {
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-bottom: 15px;
    max-width: calc(33.33% - 15px);
  }
}
@media (min-width: 1651px) {
  .paragraph.paragraph--type--meteo .card {
    max-width: calc(16.66% - 15px);
  }
}
.paragraph.paragraph--type--enneigement .infos-meteo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.paragraph.paragraph--type--enneigement .infos-meteo .card {
  margin-bottom: 15px;
  width: 100%;
  height: 100%;
  max-width: none;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--enneigement .infos-meteo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -15px;
  }
  .paragraph.paragraph--type--enneigement .infos-meteo .item-meteo {
    padding: 0 15px;
    width: 50%;
  }
  .paragraph.paragraph--type--enneigement .infos-meteo .item-meteo.item-prevention {
    width: 100%;
  }
}
.paragraph.paragraph--type--enneigement .card-enneigement .enneigement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.paragraph.paragraph--type--enneigement .card-enneigement .enneigement .enneigement-recap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.paragraph.paragraph--type--enneigement .card-enneigement .enneigement .enneigement-recap-table {
  margin-top: auto;
}
.paragraph.paragraph--type--enneigement .card-avalanche .risk-avalanche {
  height: 100%;
  font-size: 2.375em;
}
.paragraph.paragraph--type--enneigement .card-avalanche .risk-avalanche::before {
  height: 120px;
  width: 120px;
}
.paragraph.paragraph--type--webcam .field--name-field-label {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.125em;
}
.paragraph.paragraph--type--webcam .field--name-field-lien {
  text-align: center;
  margin: 15px 0;
}
.paragraph.paragraph--type--webcam .webcams + .field--name-field-lien {
  margin-top: -45px;
}
@media (min-width: 992px) {
  .paragraph.paragraph--type--webcam .webcams + .field--name-field-lien {
    margin-top: -20px;
  }
}

.field--name-field-contenus > .field__items > .field__item {
  margin: 45px 0;
}
@media (min-width: 1470px) {
  .field--name-field-contenus > .field__items > .field__item {
    margin: 60px 0;
  }
}

.path-frontpage .field--name-field-contenus > .field__items > .field__item:first-child {
  margin-top: 15px;
}

.navbar {
  background: var(--color-dark);
  border-radius: 0;
  padding: 0;
}
.navbar .navbar-nav .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .navbar .navbar-nav .nav-link {
    padding: 10px 14px;
  }
}
.navbar .dropdown-menu .nav-link {
  color: var(--color-1);
}

.navbar-toggler {
  margin: 0;
  overflow: hidden;
  -webkit-transition: border-color 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, transform 0.3s;
  transition: border-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
  border: 0 none;
  height: 40px;
  width: 40px;
  padding: 0;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  background: 0 none;
}
.navbar-toggler .icon-bar {
  background-color: #FFFFFF;
  height: 2px;
  width: 26px;
  position: relative;
  left: 7px;
  -webkit-transition: width 0.3s, opacity 0.2s, -webkit-transform 0.3s;
  transition: width 0.3s, opacity 0.2s, -webkit-transform 0.3s;
  transition: width 0.3s, transform 0.3s, opacity 0.2s;
  transition: width 0.3s, transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 7px;
  top: 7px;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 6px;
  top: -7px;
}

.navbar-brand {
  padding: 0;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-text:hover,
.navbar-default .navbar-text:focus {
  color: #FFFFFF;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background: 0 none;
  color: var(--color-1);
}
.dropdown-menu > li > a {
  color: var(--color-1);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: 0 none;
}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: 0 none;
  color: #FFFFFF;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.navbar-nav {
  margin: 0;
}
.navbar-nav .navbar-nav .dropdown-toggle::after {
  margin-left: auto;
}

.language-switcher-locale-url {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 40px;
  height: 20px;
  overflow: hidden;
  margin-top: 34px;
  position: relative;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: height 0.2s, opacity 0.2s;
  transition: height 0.2s, opacity 0.2s;
}
.language-switcher-locale-url::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
}
.language-switcher-locale-url li {
  width: 40px;
  height: 20px;
}
.language-switcher-locale-url li a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
}
.language-switcher-locale-url:hover {
  height: 40px;
}
.language-switcher-locale-url:hover a {
  color: #FFFFFF;
}

.dropdown-toggle::after {
  border-top: 8px solid;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
}

.navbar-nav .dropdown-menu {
  border: 0 none;
  padding: 0 15px;
  margin: 0 -15px;
  background: #FFFFFF;
  min-width: 100%;
}
@media (min-width: 992px) {
  .navbar-nav .dropdown-menu {
    margin: 0;
  }
}

.dropdown-menu > li > a {
  color: var(--color-1);
}

@media (min-width: 992px) {
  .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.navbar-toggle {
  background: var(--color-1);
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-brand a.site-title {
  color: #FFFFFF;
}
.navbar-brand a.site-title:hover, .navbar-brand a.site-title:focus {
  color: #FFFFFF;
}

@media (min-width: 992px) {
  .navbar-nav .dropdown-menu {
    position: absolute;
  }
}
.footer {
  position: relative;
  text-align: center;
  padding-top: 75px;
  margin-top: 115px;
}
.footer .navbar-nav .nav-link {
  text-align: center;
}
.footer .navbar-nav .nav-link.btn {
  padding: 9px 16px;
  padding-top: 12px;
  display: inline-block;
}
.footer .navbar-nav .nav-link.btn.btn-icon {
  padding-left: 65px;
}

.menu--social-networks {
  padding: 10px 0;
}
.menu--social-networks .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu--social-networks .navbar-nav .nav-item {
  margin: 0 4px;
}
.menu--social-networks .link-social {
  font-size: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  background-color: #FFFFFF;
  border-radius: 40px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.menu--social-networks .link-social::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-1);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.menu--social-networks .link-social.link-facebook::before {
  -webkit-mask-image: url("../img/social/facebook.svg");
          mask-image: url("../img/social/facebook.svg");
  -webkit-mask-size: auto 26px;
          mask-size: auto 26px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.menu--social-networks .link-social.link-tiktok::before {
  -webkit-mask-image: url("../img/social/tiktok.svg");
          mask-image: url("../img/social/tiktok.svg");
  -webkit-mask-size: auto 26px;
          mask-size: auto 26px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.menu--social-networks .link-social.link-instagram::before {
  -webkit-mask-image: url("../img/social/instagram.svg");
          mask-image: url("../img/social/instagram.svg");
  -webkit-mask-size: auto 24px;
          mask-size: auto 24px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.menu--social-networks .link-social.link-twitter::before {
  -webkit-mask-image: url("../img/social/twitter.svg");
          mask-image: url("../img/social/twitter.svg");
  -webkit-mask-size: auto 22px;
          mask-size: auto 22px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.menu--social-networks .link-social.link-youtube::before {
  -webkit-mask-image: url("../img/social/youtube.svg");
          mask-image: url("../img/social/youtube.svg");
  -webkit-mask-size: auto 24px;
          mask-size: auto 24px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.after-footer {
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .after-footer {
    padding-bottom: 60px;
  }
}

.menu--footer {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.menu--footer .nav-item.link-websenso-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 30px;
}
.menu--footer .nav-link {
  text-align: center;
  color: #000000;
  padding: 5px 15px;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
@media (min-width: 992px) {
  .menu--footer .nav-link {
    margin: 0 30px;
  }
  .menu--footer .nav-link:hover, .menu--footer .nav-link:focus {
    color: var(--color-1);
  }
}
.menu--footer .nav-link.link-websenso {
  display: block;
  font-size: 0;
  width: 28px;
  height: 28px;
  background-image: url("../img/ws.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#block-beethoven-acheterrechargermonforfait {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#block-beethoven-acheterrechargermonforfait p {
  margin: 0;
}
@media (min-width: 992px) {
  #block-beethoven-acheterrechargermonforfait {
    display: none;
  }
}
#block-beethoven-acheterrechargermonforfait .link-forfait {
  padding: 12px;
  padding-bottom: 10px;
  text-align: center;
  display: block;
  color: #000000;
  text-transform: uppercase;
  background: var(--color-2);
  font-size: 1.125em;
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
}

.view-partenaires .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  .view-partenaires .view-content .views-row {
    margin: 15px;
  }
}
.view-partenaires .view-content .field--type-image .field__item {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.25s;
  transition: -webkit-filter 0.25s;
  transition: filter 0.25s;
  transition: filter 0.25s, -webkit-filter 0.25s;
  width: 80px;
  height: 80px;
}
@media (min-width: 992px) {
  .view-partenaires .view-content .field--type-image .field__item {
    width: 115px;
    height: 115px;
  }
  .view-partenaires .view-content .field--type-image .field__item:hover, .view-partenaires .view-content .field--type-image .field__item:focus {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
.view-partenaires .view-content .field--type-image .field__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

footer .region-footer {
  gap: 30px;
}

@media (min-width: 992px) {
  footer .region-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 960px;
    margin: auto;
  }
  footer .region-footer #block-beethoven-contact {
    margin: 0;
  }
  footer .region-footer #block-beethoven-adresse,
footer .region-footer #block-beethoven-adresseot {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 50px;
  }
  footer .region-footer #block-beethoven-imagecarte {
    margin: 0;
  }
}
.menu--acces-rapides .navbar-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu--acces-rapides .nav-link {
  height: 65px;
  width: 65px;
  font-size: 0;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  position: relative;
  cursor: pointer;
}
@media (min-width: 992px) {
  .menu--acces-rapides .nav-link {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
  }
}
.menu--acces-rapides .nav-link.link-direct {
  background: var(--color-2);
  margin-top: -15px;
  text-align: center;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  font-size: 14px;
  z-index: 3;
  padding-bottom: 7px;
}
.menu--acces-rapides .nav-link.link-direct + ul {
  display: none;
}
@media (min-width: 992px) {
  .menu--acces-rapides .nav-link.link-direct:hover, .menu--acces-rapides .nav-link.link-direct:focus {
    background: var(--color-1);
  }
}
.menu--acces-rapides .nav-link.link-cart, .menu--acces-rapides .nav-link.toggle-search {
  margin-top: -15px;
}
@media (min-width: 992px) {
  .menu--acces-rapides .nav-link.link-cart:hover, .menu--acces-rapides .nav-link.link-cart:focus, .menu--acces-rapides .nav-link.toggle-search:hover, .menu--acces-rapides .nav-link.toggle-search:focus {
    background: #EFEFEF;
  }
}
.menu--acces-rapides .nav-link.toggle-menu::before, .menu--acces-rapides .nav-link.toggle-search::before, .menu--acces-rapides .nav-link.link-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.menu--acces-rapides .nav-link.toggle-menu {
  background: #2C2C2C;
}
.menu--acces-rapides .nav-link.toggle-menu::before {
  -webkit-mask-image: url("../img/menu/burger.svg");
          mask-image: url("../img/menu/burger.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 28px auto;
          mask-size: 28px auto;
  -webkit-mask-position: top 20px center;
          mask-position: top 20px center;
  background: #FFFFFF;
}
.menu--acces-rapides .nav-link.toggle-search {
  background: #FFFFFF;
}
.menu--acces-rapides .nav-link.toggle-search::before {
  -webkit-mask-image: url("../img/menu/search.svg");
          mask-image: url("../img/menu/search.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 28px auto;
          mask-size: 28px auto;
  -webkit-mask-position: top 20px center;
          mask-position: top 20px center;
  background: #000000;
}
.menu--acces-rapides .nav-link.link-cart {
  background: #FFFFFF;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.menu--acces-rapides .nav-link.link-cart::before {
  -webkit-mask-image: url("../img/divers/cart.svg");
          mask-image: url("../img/divers/cart.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #000000;
  -webkit-mask-size: 22px auto;
          mask-size: 22px auto;
  -webkit-mask-position: top 20px center;
          mask-position: top 20px center;
  height: auto;
  width: auto;
}
.menu--acces-rapides .nav-item {
  position: relative;
}

body.menu-open .menu--acces-rapides .nav-link.toggle-menu {
  background: #FFFFFF;
}
body.menu-open .menu--acces-rapides .nav-link.toggle-menu::before {
  background: #000000;
  -webkit-mask-image: url("../img/menu/close.svg");
          mask-image: url("../img/menu/close.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 19px auto;
          mask-size: 19px auto;
  -webkit-mask-position: top 20px center;
          mask-position: top 20px center;
}

body.search-open .menu--acces-rapides .nav-link.toggle-search {
  background: #CECECE;
}
body.search-open .menu--acces-rapides .nav-link.toggle-search::before {
  background: #000000;
}

.menu-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: var(--decadeTop);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: #FFFFFF;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
@media (min-width: 992px) {
  .menu-area {
    background: 0 none;
    padding: 0;
    -webkit-transform: translateX(-100%) translateX(90px);
            transform: translateX(-100%) translateX(90px);
  }
  .menu-area::before {
    content: "";
    display: block;
    height: 100vh;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 175px) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 175px) 100%, 0 100%);
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
    -webkit-transition: right 0.4s, width 0.4s;
    transition: right 0.4s, width 0.4s;
  }
}
@media (min-width: 1470px) {
  .menu-area {
    max-width: 1470px;
    padding-left: 90px;
  }
  .menu-area::before {
    min-width: 1470px;
  }
}
@media (min-width: 992px) {
  .menu-area .region-nav-additional,
.menu-area .menu--main {
    opacity: 0;
    -webkit-transition: opacity 0.4s 0s;
    transition: opacity 0.4s 0s;
  }
}
.menu-area.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (min-width: 992px) {
  .menu-area.open {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .menu-area.open .region-nav-additional,
.menu-area.open .menu--main {
    opacity: 1;
    -webkit-transition: opacity 0.4s 0.2s;
    transition: opacity 0.4s 0.2s;
  }
  .menu-area.open::before {
    right: 480px;
  }
}
.menu-area .region-nav-additional,
.menu-area .region-nav-main {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .menu-area .region-nav-additional,
.menu-area .region-nav-main {
    padding: 0 125px;
    max-width: calc(var(--container-3) + 250px);
  }
}
.menu-area .region-nav-additional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-area .region-nav-additional ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 992px) {
  .menu-area .region-nav-additional {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.menu-area .region-nav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-area .menu--mon-forfait-de-ski,
.menu-area .menu--main {
  width: 100%;
}
.menu-area .menu--mon-forfait-de-ski {
  margin-bottom: -15px;
  width: 100%;
}
.menu-area .menu--mon-forfait-de-ski .nav-item {
  width: 100%;
}
.menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link {
  height: 110px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.375em;
  border-radius: 10px;
  background: var(--color-1);
  color: #000000;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
@media (min-width: 992px) {
  .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link {
    background: var(--color-2);
  }
  .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link:hover, .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link:focus {
    background: var(--color-1);
  }
}
.menu-area .menu--main {
  background: #000000;
  border-radius: 10px 10px 0 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 992px) {
  .menu-area .menu--main {
    background: 0 none;
    border-radius: 0;
  }
}

body.ete .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link {
  background: #E84E0F;
}
@media (min-width: 992px) {
  body.ete .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link {
    background: #E84E0F;
  }
  body.ete .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link:hover, body.ete .menu-area .menu--mon-forfait-de-ski .navbar-nav .nav-link:focus {
    background: #EF7D00;
  }
}

.menu--main .menu {
  margin: 0;
}
.menu--main .menu-level-0 {
  padding: 0 15px;
}
.menu--main .menu-level-0 > .menu-item {
  padding: 0;
  margin: 30px 0;
}
.menu--main .menu-level-0 > .menu-item > a {
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-size: 2em;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1;
  padding-left: 30px;
  display: block;
  position: relative;
}
.menu--main .menu-level-0 > .menu-item > a::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask-image: url("../img/arrows/arrow-circle.svg");
          mask-image: url("../img/arrows/arrow-circle.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: var(--color-2);
  position: absolute;
  top: 4px;
  left: 0;
}
.menu--main .menu-level-0 > .menu-item > a small {
  display: block;
  line-height: 1;
  font-family: "Maison Neue", Arial, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 400;
  font-size: 0.62em;
}
.menu--main .menu-level-0 > .menu-item.menu-item--opened > a::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.menu--main .menu-level-0 > .menu-item > .menu-dropdown {
  display: none;
}
.menu--main .menu-level-0 > .menu-item > .menu-dropdown > .menu {
  margin-bottom: -25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu--main .menu-level-0 > .menu-item > .menu-dropdown.open {
  display: block;
}
.menu--main .menu-level-1 {
  padding: 10px 0;
}
.menu--main .menu-dropdown {
  padding-left: 60px;
}
.menu--main .menu-dropdown .menu {
  margin: 0;
}
.menu--main .menu-dropdown .menu-item {
  padding: 0;
}
.menu--main .menu-dropdown .menu-item > a {
  padding: 8px 0;
  display: block;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-2);
  font-size: 1.125em;
}
@media (min-width: 992px) {
  .menu--main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .menu--main .menu-level-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1020px;
    padding: 0;
  }
  .menu--main .menu-level-0 > .menu-item {
    width: 33.3333333333%;
  }
  .menu--main .menu-level-0 > .menu-item > a {
    padding: 0;
  }
  .menu--main .menu-level-0 > .menu-item > a::before {
    display: none;
  }
  .menu--main .menu-level-0 > .menu-item > a small {
    margin-top: 6px;
  }
  .menu--main .menu-level-0 > .menu-item > .menu-dropdown {
    display: block;
    padding: 0;
    margin-top: 30px;
  }
  .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item > a {
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--color-2)), color-stop(50%, var(--color-2)), color-stop(50%, #FFFFFF));
    background-image: linear-gradient(to right, var(--color-2), var(--color-2) 50%, #FFFFFF 50%);
    background-size: 200% 100%;
    background-position: 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: background-position 0.3s;
    transition: background-position 0.3s;
  }
  .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item > a:hover, .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item > a:focus {
    background-position: 100%;
  }
}

.block-ws-saison-blockbuttonswitchsaison .list-seasons {
  width: 60px;
  height: 60px;
  position: relative;
}
@media (min-width: 992px) {
  .block-ws-saison-blockbuttonswitchsaison .list-seasons {
    top: 13px;
  }
}
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer,
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter {
  font-size: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer::before,
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter::before {
  content: "";
  height: 34px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 992px) {
  .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer,
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: transparent;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
  }
  .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer::before,
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter::before {
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #FFFFFF;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
  }
}
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer::before {
  -webkit-mask-image: url("../img/menu/switch-summer.svg");
          mask-image: url("../img/menu/switch-summer.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #E84E0F;
  -webkit-mask-size: auto 34px;
          mask-size: auto 34px;
  -webkit-mask-position: top right;
          mask-position: top right;
  margin-left: 8px;
  width: 17px;
}
.block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter::before {
  -webkit-mask-image: url("../img/menu/switch-winter.svg");
          mask-image: url("../img/menu/switch-winter.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: var(--color-2);
  -webkit-mask-size: auto 34px;
          mask-size: auto 34px;
  -webkit-mask-position: top left;
          mask-position: top left;
  margin-left: -8px;
  width: 16px;
}

body.ete .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer {
  pointer-events: none;
  color: #E84E0F;
}
body.ete .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter::before {
  background: #000000;
}
@media (min-width: 992px) {
  body.ete .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter::before {
    background: #FFFFFF;
  }
}
@media (min-width: 992px) {
  body.ete .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-summer, body.ete .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-summer {
    color: transparent;
  }
  body.ete .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-summer::before, body.ete .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-summer::before {
    background: #FFFFFF;
  }
  body.ete .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-winter, body.ete .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-winter {
    color: var(--color-2);
  }
  body.ete .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-winter::before, body.ete .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-winter::before {
    background: var(--color-2);
  }
}

body.hiver .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-winter {
  pointer-events: none;
  color: var(--color-2);
}
body.hiver .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer::before {
  background: #000000;
}
@media (min-width: 992px) {
  body.hiver .block-ws-saison-blockbuttonswitchsaison .ws_saison--btnswitch-summer::before {
    background: #FFFFFF;
  }
}
@media (min-width: 992px) {
  body.hiver .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-winter, body.hiver .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-winter {
    color: transparent;
  }
  body.hiver .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-winter::before, body.hiver .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-winter::before {
    background: #FFFFFF;
  }
  body.hiver .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-summer, body.hiver .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-summer {
    color: #E84E0F;
  }
  body.hiver .block-ws-saison-blockbuttonswitchsaison:hover .ws_saison--btnswitch-summer::before, body.hiver .block-ws-saison-blockbuttonswitchsaison:focus .ws_saison--btnswitch-summer::before {
    background: #E84E0F;
  }
}

.block-language-blocklanguage-interface {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  width: 60px;
  padding-top: 16px;
}
.block-language-blocklanguage-interface .language-link,
.block-language-blocklanguage-interface ul.links a.is-active {
  color: #000000;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
@media (min-width: 992px) {
  .block-language-blocklanguage-interface .language-link,
.block-language-blocklanguage-interface ul.links a.is-active {
    color: #FFFFFF;
  }
  .block-language-blocklanguage-interface .language-link:hover, .block-language-blocklanguage-interface .language-link:focus,
.block-language-blocklanguage-interface ul.links a.is-active:hover,
.block-language-blocklanguage-interface ul.links a.is-active:focus {
    color: var(--color-2);
  }
}
.block-language-blocklanguage-interface ul.links {
  height: 28px;
  overflow: hidden;
  padding-right: 15px;
  position: relative;
  cursor: pointer;
  background: #FFFFFF;
  padding: 2px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.block-language-blocklanguage-interface ul.links li {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.block-language-blocklanguage-interface ul.links li.is-active {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.block-language-blocklanguage-interface ul.links::before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  -webkit-mask-image: url("../img/arrows/arrow-next.svg");
          mask-image: url("../img/arrows/arrow-next.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #000000;
  position: absolute;
  top: 10px;
  right: 6px;
  pointer-events: none;
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
}
.block-language-blocklanguage-interface ul.links.open {
  height: auto;
}
.block-language-blocklanguage-interface ul.links.open::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
@media (min-width: 992px) {
  .block-language-blocklanguage-interface ul.links {
    background: 0 none;
  }
  .block-language-blocklanguage-interface ul.links::before {
    background: #FFFFFF;
  }
  .block-language-blocklanguage-interface ul.links:hover, .block-language-blocklanguage-interface ul.links:focus {
    height: auto;
  }
  .block-language-blocklanguage-interface ul.links:hover .is-active, .block-language-blocklanguage-interface ul.links:focus .is-active {
    color: var(--color-2);
  }
  .block-language-blocklanguage-interface ul.links:hover::before, .block-language-blocklanguage-interface ul.links:focus::before {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
    background: var(--color-2);
  }
}
.block-language-blocklanguage-interface .language-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 30px;
  font-family: "Teko", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.region-nav-additional .block-ws-saison-blockbuttonswitchsaison,
.region-nav-additional .block-language-blocklanguage-interface {
  margin: 0;
}
@media (min-width: 992px) {
  .region-nav-additional .block-ws-saison-blockbuttonswitchsaison,
.region-nav-additional .block-language-blocklanguage-interface {
    margin: 0 15px;
  }
}
@media (min-width: 992px) {
  .region-nav-additional .menu--mon-forfait-de-ski {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 40%;
    margin: 0;
    padding: 15px 0;
  }
  .region-nav-additional .menu--mon-forfait-de-ski .navbar-nav {
    max-width: 480px;
  }
  .region-nav-additional .menu--mon-forfait-de-ski .navbar-nav .nav-link {
    height: 80px;
    padding-bottom: 15px;
  }
}

body.menu-open {
  overflow: hidden;
}

.region-header .block-system-branding-block {
  text-align: center;
}

.navbar-brand {
  display: inline-block;
  margin: 0;
}
.navbar-brand .site-logo img {
  width: 135px;
  margin: 15px auto;
  display: block;
}
@media (min-width: 992px) {
  .navbar-brand .site-logo img {
    width: 210px;
  }
}
@media (min-width: 1470px) {
  .navbar-brand .site-logo img {
    width: 275px;
  }
}

.view-bandeau-image.view-display-id-block_2 {
  position: relative;
  height: calc(50vh - 15px);
  overflow: hidden;
}
@media (min-width: 992px) {
  .view-bandeau-image.view-display-id-block_2 {
    height: calc(50vh + 60px);
    padding: 0;
  }
}
.view-bandeau-image.view-display-id-block_2 .view-content,
.view-bandeau-image.view-display-id-block_2 .view-content .views-row,
.view-bandeau-image.view-display-id-block_2 .media,
.view-bandeau-image.view-display-id-block_2 .field--name-field-media-image,
.view-bandeau-image.view-display-id-block_2 .field--name-field-media-image img {
  height: 100%;
}
.view-bandeau-image.view-display-id-block_2 .media--type-image {
  background: #000000;
}
.view-bandeau-image.view-display-id-block_2 .media--type-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header .home-slogan {
  position: absolute;
  top: calc(30px + var(--decadeTop));
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotateZ(-3deg);
          transform: rotateZ(-3deg);
  font-size: 20px;
  z-index: 2;
}
.header .home-slogan .part-1,
.header .home-slogan .part-2 {
  padding: 9px 15px;
  padding-bottom: 2px;
  background: #000;
  color: #FFFFFF;
  line-height: 1;
}
.header .home-slogan .part-1 {
  font-weight: 700;
  font-size: 1.3em;
}
.header .home-slogan .part-2 {
  position: relative;
  top: -1px;
  padding-bottom: 7px;
}
@media (min-width: 992px) {
  .header .home-slogan {
    left: 50px;
    top: calc(70px + var(--decadeTop));
    font-size: 26px;
  }
  .header .home-slogan .part-1 {
    padding-top: 12px;
  }
  .header .home-slogan .part-2 {
    padding-bottom: 8px;
  }
  .header .home-slogan .part-1,
.header .home-slogan .part-2 {
    padding-left: 80px;
    padding-right: 25px;
  }
  .header .home-slogan .part-2 {
    padding-right: 35px;
  }
}

.block-ws-psv-blocks-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.block-ws-psv-blocks-menu ul a {
  height: 60px;
  width: 60px;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  background: #000000;
}
@media (min-width: 992px) {
  .block-ws-psv-blocks-menu ul a {
    background: #FFFFFF;
    margin: 0 15px;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
  }
  .block-ws-psv-blocks-menu ul a:hover, .block-ws-psv-blocks-menu ul a:focus {
    background: var(--color-2);
  }
}
.block-ws-psv-blocks-menu ul a.account-link {
  -webkit-mask-image: url("../img/divers/profile.svg");
          mask-image: url("../img/divers/profile.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 30px;
          mask-size: auto 30px;
}
.block-ws-psv-blocks-menu ul a.basket-link {
  -webkit-mask-image: url("../img/divers/cart.svg");
          mask-image: url("../img/divers/cart.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 32px;
          mask-size: auto 32px;
}

/* BLOCK MENU */
.main-container .menu--main {
  margin: 0 -15px;
}
.main-container .menu--main .menu-level-0 {
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-container .menu--main .menu-level-0 > .menu-item {
  margin: 0;
  margin-bottom: 15px;
  width: auto;
}
.main-container .menu--main .menu-level-0 > .menu-item a {
  background: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  border-radius: var(--radius);
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 1.5em;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
@media (min-width: 992px) {
  .main-container .menu--main .menu-level-0 > .menu-item a {
    width: 320px;
    margin: 0 7.5px;
  }
  .main-container .menu--main .menu-level-0 > .menu-item a:hover, .main-container .menu--main .menu-level-0 > .menu-item a:focus {
    background: var(--color-4);
  }
}
.main-container .menu--main .menu-level-0 > .menu-item a::before {
  display: none;
}

@media (min-width: 1470px) {
  .menu-area.open .closing-area {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 180px;
    right: 0;
    z-index: 1;
  }
}
.menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive {
  margin-top: 10px;
}
.menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive > a {
  display: inline-block;
  background: var(--color-2);
  -webkit-text-fill-color: unset;
  color: #000000;
  padding: 11px 22px;
  border-radius: 10px;
  text-transform: uppercase;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive > a:hover, .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive > a:focus {
  background: var(--color-1);
}

body.ete .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive > a {
  background: #E84E0F;
}
body.ete .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive > a:hover, body.ete .menu--main .menu-level-0 > .menu-item > .menu-dropdown .menu-item.item-carteinteractive > a:focus {
  background: #EF7D00;
}

.breadcrumb-area {
  background: #FFFFFF;
}

.breadcrumb {
  background: 0 none;
  margin: 0;
  padding: 8px 0;
}
.breadcrumb li {
  padding: 0;
  margin: 0;
}
.breadcrumb span,
.breadcrumb span > a {
  font-size: 13px;
}

.breadcrumb-item + .breadcrumb-item {
  padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: block;
  border-right: solid 2px #000000;
  height: 16px;
  width: 2px;
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
  position: relative;
  top: 4px;
  border-radius: 0;
}

.breadcrumb-item a {
  font-weight: 700;
  color: #000000;
}
.breadcrumb-item.active {
  font-weight: 400;
  color: #000000;
}

.form-item-pass-pass1 {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form-item-pass-pass1 {
    max-width: 250px;
  }
}
.form-item-pass-pass1 .progress {
  margin-bottom: 10px;
}
.form-item-pass-pass1 .control-label .label {
  display: inline-block;
  position: relative;
  top: -2px;
  left: 5px;
}

.form-item-pass-pass2 {
  clear: both;
}
@media (min-width: 768px) {
  .form-item-pass-pass2 {
    max-width: 250px;
  }
}

.help-block {
  clear: both;
  padding: 0 15px;
}

.has-feedback label ~ .form-control-feedback {
  top: 15px;
  right: 10px;
}

.captcha {
  margin: 10px 0;
}

.form-item {
  margin-bottom: 10px;
}

.form-control {
  border-radius: var(--radius);
  -webkit-transition: none;
  transition: none;
  border: solid 2px #CECECE;
}
.form-control:focus {
  background: rgba(0, 145, 150, 0.1);
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.3);
}

input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 20px;
  width: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 5px #FFFFFF;
          box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 5px #FFFFFF;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  top: -1px;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  background: var(--color-1);
}
input[type=radio]:disabled,
input[type=checkbox]:disabled {
  -webkit-box-shadow: inset 0 0 0 2px #CECECE, inset 0 0 0 5px #FFFFFF;
          box-shadow: inset 0 0 0 2px #CECECE, inset 0 0 0 5px #FFFFFF;
  cursor: not-allowed;
}

input[type=radio] {
  border-radius: 15px;
}

.form-checkbox,
.form-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-checkbox label,
.form-radio label {
  margin: 0;
}

label {
  cursor: pointer;
  font-weight: 700;
}

.form-control.form-checkbox,
.form-control.form-radio {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  border: 0 none;
}
.form-control.form-checkbox:focus,
.form-control.form-radio:focus {
  -webkit-box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 5px #FFFFFF;
          box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 5px #FFFFFF;
}

.form-control.form-checkbox {
  border-radius: 0;
}

.form-managed-file .form-control {
  height: auto;
}
.form-managed-file .btn-primary[id*=remove-button] {
  -webkit-clip-path: none !important;
          clip-path: none !important;
  padding: 6px 14px !important;
  padding-bottom: 3px !important;
  min-width: 0 !important;
  margin-left: 10px !important;
}

.slick {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
}
.slick .slick__slide {
  vertical-align: top;
}
.slick .slick__slide:focus {
  outline: none;
}
.slick .slick__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.slick .slick__arrow .slick-arrow {
  pointer-events: all;
  height: 40px;
  width: 40px;
  background: var(--color-dark);
  font-size: 0;
  border: 0 none;
  position: relative;
  border-radius: var(--radius) 0 0 var(--radius);
}
.slick .slick__arrow .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  -webkit-mask-image: url("../img/arrows/arrow-next.svg");
          mask-image: url("../img/arrows/arrow-next.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 18px;
          mask-size: auto 18px;
}
.slick .slick__arrow .slick-arrow.slick-prev {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.slick .slick__arrow .slick-arrow.slick-prev::before {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slick .slick__arrow .slick-arrow.slick-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.page-credits .credits-content .vcard {
  font-weight: bold;
  margin-left: 2em;
}
.page-credits .credits-content .vcard p {
  margin-bottom: 0;
}
.page-credits .credits-content .vcard .org {
  font-size: 1.2em;
}
.page-credits .credits-content .adr {
  margin-bottom: 1em;
}
.page-credits .credits-content .adr p {
  margin: 0;
}
.page-credits .credits-content .gps {
  margin: 0;
}
.page-credits .credits-content .telephone {
  margin-top: 1em;
}

.eu-cookie-compliance-buttons {
  margin-bottom: 8px;
}

.eu-cookie-compliance-message {
  margin-top: 7px;
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
  background: var(--color-1);
  color: #FFFFFF;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  border-radius: 0;
}
.disagree-button.eu-cookie-compliance-more-button:hover, .disagree-button.eu-cookie-compliance-more-button:focus,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-agree-button:focus,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-default-button:focus,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-hide-button:focus,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-compliance-more-button-thank-you:focus,
.eu-cookie-withdraw-button:hover,
.eu-cookie-withdraw-button:focus,
.eu-cookie-compliance-save-preferences-button:hover,
.eu-cookie-compliance-save-preferences-button:focus {
  background: var(--color-1);
}

.maintenance-page {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--color-light);
  color: 900;
  text-align: center;
}
.maintenance-page .navbar {
  margin: auto;
  padding: 0;
  position: static;
  background: 0 none;
}
.maintenance-page .navbar .container {
  padding-bottom: 0;
  padding-top: 15px;
}
.maintenance-page .navbar .navbar-header {
  float: none;
  padding-top: 30px;
}
.maintenance-page .navbar .navbar-header .logo {
  margin: auto;
  padding: 0;
}
.maintenance-page .name-and-slogan {
  display: none;
}
.maintenance-page .navbar-brand,
.maintenance-page .navbar-text {
  display: none;
}
.maintenance-page .main-container {
  min-height: 0;
}
.maintenance-page .dialog-off-canvas-main-canvas {
  background: #FFFFFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body::scrollbar {
  height: 15px;
  width: 15px;
  background: #FFFFFF;
}
body::scrollbar-thumb {
  background: var(--color-1);
  border: solid 3px #FFFFFF;
  border-radius: 10px;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
body::scrollbar-thumb:hover {
  background: var(--color-1);
}
body::scrollbar-button {
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
body::scrollbar-button:hover {
  background-color: var(--color-light);
}
body::scrollbar-button:horizontal {
  height: 10px;
  width: 20px;
}
body::scrollbar-button:horizontal:increment {
  background-image: url("../img/arrows/right.svg");
}
body::scrollbar-button:horizontal:decrement {
  background-image: url("../img/arrows/left.svg");
}
body::scrollbar-button:vertical {
  height: 20px;
  width: 10px;
}
body::scrollbar-button:vertical:increment {
  background-image: url("../img/arrows/down.svg");
}
body::scrollbar-button:vertical:decrement {
  background-image: url("../img/arrows/up.svg");
}
body::scrollbar-button:end {
  display: block;
}
body::scrollbar-button:start {
  display: none;
}

@media print {
  .field-slideshow {
    overflow: visible;
    width: auto;
    height: auto;
  }

  .more-link,
.view-filters,
.field-name-field-docs {
    display: none;
  }

  .views-row {
    overflow: visible;
    position: initial !important;
  }

  a[href*=jpg]::after,
a[href*=gif]::after,
a[href*=png]::after {
    content: "";
  }

  /*
  * @file
  * Print Styles
  * This probably needs work, but it's a good starting point.
  */
  /*
  * Body
  */
  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    word-spacing: 1.1pt;
    letter-spacing: 0.2pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: black;
    background: #fff;
    font-size: 11pt;
  }

  /*
  * Links
  */
  a {
    background: transparent;
    font-weight: 700;
    text-decoration: underline;
    color: #0000ee;
  }
  a[href^="http://"]:not([href*=jpg]):not([href*=gif]):not([href*=png]):after, a[href^="http://"]:not([href*=jpg]):not([href*=gif]):not([href*=png]):visited:after {
    content: "(" attr(href) ")";
    font-size: 10pt;
  }

  /*
  * Strip background from likely candidates
  */
  div[id*=wrapper],
[class*=title],
[class*=inner],
header,
footer,
#branding,
#container,
#columns,
.columns-inner,
#content-column,
.content-inner,
.region,
.region-header,
.region-content,
.article,
.article-title,
.article-content,
.comment,
.comment-title,
.comment-content,
.block,
.block-inner,
.block-title,
.block-content,
table,
table * {
    background: none !important;
  }

  /*
  * Hide various bits of the page
  */
  .sidebar,
#breadcrumb,
.nav,
.field-type-taxonomy-term-reference,
ul.links,
.feed-icon,
.poll .bar,
.poll .foreground,
.comment-form,
#comment-form,
.book-navigation,
.tabs,
.action-links,
.pager,
.messages,
.help {
    display: none;
  }

  /*
  * Ensure the display the main content region
  */
  #content {
    display: block !important;
  }

  /*
  * Layout
  */
  #header {
    margin-bottom: 10px;
  }

  .container {
    width: 100%;
    max-width: none;
    min-width: none;
  }

  .content-inner {
    margin: 0 !important;
    padding: 0 !important;
  }

  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .node .field-type-image figure {
    float: left;
  }
  .node .field {
    clear: both;
  }

  /*
  * HTML elements
  */
  h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  h1 {
    font-size: 14pt;
  }

  h2 {
    font-size: 13pt;
  }

  h3 {
    font-size: 12pt;
  }

  h4,
h5,
h6 {
    font-size: 11pt;
  }

  h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
#site-name a,
#site-slogan {
    text-decoration: none !important;
    color: #333333;
  }

  .h-group a:link, .h-group a:visited {
    text-decoration: none;
  }

  #page-title {
    margin-top: 20px;
  }

  pre,
code,
tt,
samp,
kbd,
var {
    font-size: 10pt;
    font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif;
  }

  blockquote {
    margin: 20px;
    padding: 10px;
    font-size: 10pt;
    font-style: italic;
    background: #eeeeee;
  }

  hr {
    background-color: #666666;
  }

  /*
  * Header, Logo, Site name
  */
  #logo img {
    padding: 0 10px 0 0;
    margin: 0 !important;
    float: none !important;
  }

  /*
  * Images
  */
  img {
    float: left;
    margin: 4px 20px 10px 0;
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  a img {
    border: none;
  }

  /*
  * Tables
  */
  table {
    margin: 1px;
    text-align: left;
  }

  th {
    border-bottom: 1px solid #333333;
    font-weight: 700;
  }

  td {
    border-bottom: 1px solid #333333;
  }

  th,
td {
    padding: 4px 10px 4px 0;
  }

  tfoot {
    font-style: italic;
  }

  caption {
    margin-bottom: 10px;
    text-align: left;
  }

  thead {
    display: table-header-group;
  }

  tr,
ul,
img {
    page-break-inside: avoid;
  }

  /*
  * Forms
  */
  form {
    margin-bottom: 10px;
  }

  /*
  * Poll module
  */
  .poll .text,
.poll .percent,
.poll .total {
    text-align: left;
  }
  .poll form {
    margin-bottom: 0;
  }

  /*
  * Articles
  */
  .node,
.comment {
    margin-bottom: 20px;
    overflow: hidden;
    page-break-inside: avoid;
  }

  .submitted {
    color: #666666;
    text-decoration: none;
    font-size: 9pt;
    font-weight: 400;
    margin: 0;
    padding: 0;
  }
  .submitted a {
    color: #666666;
    text-decoration: none;
    font-size: 9pt;
    font-weight: 400;
    margin: 0;
    padding: 0;
  }

  h1,
h2,
h3 {
    page-break-after: avoid;
  }

  #skip-link,
#leaderboard-wrapper,
#block-search-form,
#block-system-main-menu,
.block-menu,
nav,
#backtotop,
#footer-wrapper,
#footer {
    display: none !important;
    color: red;
  }
}