@charset "UTF-8";
/* Import
/ ================================================== */
/**
  * Created by IRIS Interactive
  * User : IRIS Interactive
*/
/* @_00 - Layout
/ ================================================== */
/* @_01 - Color
/ ================================================== */
/* @_02 - Fonts
/ ================================================== */
@font-face {
  font-family: ClanPro-Black;
  src: url(../fonts/clanpro/0b79d9275fe69a1946c5c90dc3a8a3aa.eot), url(../fonts/clanpro/0b79d9275fe69a1946c5c90dc3a8a3aa.eot?#iefix) format("embedded-opentype"), url(../fonts/clanpro/0b79d9275fe69a1946c5c90dc3a8a3aa.woff) format("woff"), url(../fonts/clanpro/0b79d9275fe69a1946c5c90dc3a8a3aa.woff2) format("woff2"), url(../fonts/clanpro/0b79d9275fe69a1946c5c90dc3a8a3aa.ttf) format("truetype"), url(../fonts/clanpro/0b79d9275fe69a1946c5c90dc3a8a3aa.svg#ClanPro-Black) format("svg");
  display: swap; }

/* @_03 - Title
/ ================================================== */
/* @_04 - List
/ ================================================== */
/* @_05 - Link
/ ================================================== */
a strong {
  color: #dd5d09 !important; }

/* @_06 - Excerpt
/ ================================================== */
/* @_07 - Blockquote
/ ================================================== */
/* @_08 - Highlight
/ ================================================== */
/* @_08 - Separator
/ ================================================== */
/* @_08 - Button
/ ================================================== */
/* @_11 - Notifications
/ ================================================== */
/* @_13 - Social
/* ============================================= */
/* Import
/* ============================================= */
@font-face {
  font-family: "theme-font";
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/svgfont/theme-font.eot), url(../fonts/svgfont/theme-font.woff) format("woff"), url(../fonts/svgfont/theme-font.ttf) format("truetype"), url(../fonts/svgfont/theme-font.eot?#iefix) format("embedded-opentype"), url(../fonts/svgfont/theme-font.svg#theme-font) format("svg");
  font-display: swap; }

.fi:before {
  font-family: "theme-font";
  font-style: initial; }

.fi-accomodation:before {
  content: ""; }

.fi-activites:before {
  content: ""; }

.fi-activities:before {
  content: ""; }

.fi-alert:before {
  content: ""; }

.fi-android:before {
  content: ""; }

.fi-apple:before {
  content: ""; }

.fi-arrow-bottom:before {
  content: ""; }

.fi-arrow-down:before {
  content: ""; }

.fi-arrow-left:before {
  content: ""; }

.fi-arrow-right:before {
  content: ""; }

.fi-arrow-top:before {
  content: ""; }

.fi-author:before {
  content: ""; }

.fi-back-list:before {
  content: ""; }

.fi-badge:before {
  content: ""; }

.fi-bag-2:before {
  content: ""; }

.fi-bag:before {
  content: ""; }

.fi-basket:before {
  content: ""; }

.fi-bicycle-2:before {
  content: ""; }

.fi-bicycle:before {
  content: ""; }

.fi-brochure:before {
  content: ""; }

.fi-brochures:before {
  content: ""; }

.fi-calendar:before {
  content: ""; }

.fi-camera-2:before {
  content: ""; }

.fi-camera:before {
  content: ""; }

.fi-capacity:before {
  content: ""; }

.fi-chambre-familiale:before {
  content: ""; }

.fi-champagne:before {
  content: ""; }

.fi-chevron-bottom:before {
  content: ""; }

.fi-chevron-left:before {
  content: ""; }

.fi-chevron-right:before {
  content: ""; }

.fi-chevron-top:before {
  content: ""; }

.fi-close:before {
  content: ""; }

.fi-club-enfants:before {
  content: ""; }

.fi-commerce-alimentaire:before {
  content: ""; }

.fi-compass:before {
  content: ""; }

.fi-conseillers:before {
  content: ""; }

.fi-contact:before {
  content: ""; }

.fi-count-slide:before {
  content: ""; }

.fi-coup-d-oeil:before {
  content: ""; }

.fi-coup-de-coeur:before {
  content: ""; }

.fi-coup-de-foudre:before {
  content: ""; }

.fi-cyclotouristes:before {
  content: ""; }

.fi-date-2:before {
  content: ""; }

.fi-date:before {
  content: ""; }

.fi-denivele:before {
  content: ""; }

.fi-difficulte:before {
  content: ""; }

.fi-directions_bus:before {
  content: ""; }

.fi-directions_subway:before {
  content: ""; }

.fi-directions_walk:before {
  content: ""; }

.fi-discuss:before {
  content: ""; }

.fi-distance:before {
  content: ""; }

.fi-documentation:before {
  content: ""; }

.fi-documents:before {
  content: ""; }

.fi-dormir:before {
  content: ""; }

.fi-download:before {
  content: ""; }

.fi-duration:before {
  content: ""; }

.fi-duree:before {
  content: ""; }

.fi-email:before {
  content: ""; }

.fi-enfants:before {
  content: ""; }

.fi-envie:before {
  content: ""; }

.fi-etoile:before {
  content: ""; }

.fi-filter:before {
  content: ""; }

.fi-fullscreen:before {
  content: ""; }

.fi-garage:before {
  content: ""; }

.fi-geoloc:before {
  content: ""; }

.fi-gift:before {
  content: ""; }

.fi-glass-2:before {
  content: ""; }

.fi-glass:before {
  content: ""; }

.fi-glasses:before {
  content: ""; }

.fi-gratuit:before {
  content: ""; }

.fi-greenscore-2:before {
  content: ""; }

.fi-greenscore-3:before {
  content: ""; }

.fi-greenscore-4:before {
  content: ""; }

.fi-greenscore-5:before {
  content: ""; }

.fi-greenscore:before {
  content: ""; }

.fi-group:before {
  content: ""; }

.fi-heart:before {
  content: ""; }

.fi-hebergement:before {
  content: ""; }

.fi-horaires-ouverture:before {
  content: ""; }

.fi-inscription:before {
  content: ""; }

.fi-instagram:before {
  content: ""; }

.fi-instant-booking:before {
  content: ""; }

.fi-interactivemap:before {
  content: ""; }

.fi-lang:before {
  content: ""; }

.fi-languages:before {
  content: ""; }

.fi-langues-parlees:before {
  content: ""; }

.fi-level:before {
  content: ""; }

.fi-list:before {
  content: ""; }

.fi-loading:before {
  content: ""; }

.fi-localisation:before {
  content: ""; }

.fi-location:before {
  content: ""; }

.fi-magazine:before {
  content: ""; }

.fi-mail:before {
  content: ""; }

.fi-manger:before {
  content: ""; }

.fi-map-activites:before {
  content: ""; }

.fi-map-hebergement:before {
  content: ""; }

.fi-map-restaurant:before {
  content: ""; }

.fi-map-services:before {
  content: ""; }

.fi-map-visite:before {
  content: ""; }

.fi-map:before {
  content: ""; }

.fi-mark:before {
  content: ""; }

.fi-marker:before {
  content: ""; }

.fi-materiel-bebe:before {
  content: ""; }

.fi-media-audio:before {
  content: ""; }

.fi-media-presse:before {
  content: ""; }

.fi-media-video:before {
  content: ""; }

.fi-media-web:before {
  content: ""; }

.fi-midscreen:before {
  content: ""; }

.fi-mixted:before {
  content: ""; }

.fi-newsletter:before {
  content: ""; }

.fi-nights:before {
  content: ""; }

.fi-nombre-chambres:before {
  content: ""; }

.fi-nombre-couvert-en-terrasse:before {
  content: ""; }

.fi-nombre-couvert:before {
  content: ""; }

.fi-nombre-personne:before {
  content: ""; }

.fi-oeil:before {
  content: ""; }

.fi-ouverture7:before {
  content: ""; }

.fi-parking:before {
  content: ""; }

.fi-payment-secur:before {
  content: ""; }

.fi-pedestre:before {
  content: ""; }

.fi-pets:before {
  content: ""; }

.fi-phone:before {
  content: ""; }

.fi-place:before {
  content: ""; }

.fi-play:before {
  content: ""; }

.fi-pmr:before {
  content: ""; }

.fi-podcats:before {
  content: ""; }

.fi-points:before {
  content: ""; }

.fi-presse:before {
  content: ""; }

.fi-price:before {
  content: ""; }

.fi-prix:before {
  content: ""; }

.fi-pro:before {
  content: ""; }

.fi-puce:before {
  content: ""; }

.fi-quote:before {
  content: ""; }

.fi-recent:before {
  content: ""; }

.fi-refresh:before {
  content: ""; }

.fi-reset:before {
  content: ""; }

.fi-restaurant:before {
  content: ""; }

.fi-routier:before {
  content: ""; }

.fi-run:before {
  content: ""; }

.fi-saison:before {
  content: ""; }

.fi-sante:before {
  content: ""; }

.fi-satisfaction:before {
  content: ""; }

.fi-scroll:before {
  content: ""; }

.fi-sdb:before {
  content: ""; }

.fi-search:before {
  content: ""; }

.fi-shopping:before {
  content: ""; }

.fi-site:before {
  content: ""; }

.fi-skipass:before {
  content: ""; }

.fi-spa:before {
  content: ""; }

.fi-sportif:before {
  content: ""; }

.fi-suggestions:before {
  content: ""; }

.fi-sun:before {
  content: ""; }

.fi-swimming-pool:before {
  content: ""; }

.fi-table-dhote:before {
  content: ""; }

.fi-table-hote:before {
  content: ""; }

.fi-tag:before {
  content: ""; }

.fi-train:before {
  content: ""; }

.fi-tree:before {
  content: ""; }

.fi-type:before {
  content: ""; }

.fi-underline:before {
  content: ""; }

.fi-venir:before {
  content: ""; }

.fi-video:before {
  content: ""; }

.fi-visit:before {
  content: ""; }

.fi-visites-guidees:before {
  content: ""; }

.fi-voiture-electrique:before {
  content: ""; }

.fi-vtc:before {
  content: ""; }

.fi-vtt:before {
  content: ""; }

.fi-wave:before {
  content: ""; }

.fi-weather:before {
  content: ""; }

.fi-webcam:before {
  content: ""; }

.fi-wifi:before {
  content: ""; }

/* Transition
/* ============================================= */
/* Main gutter
/ ================================================== */
/* Breakpoints
/* ============================================= */
/* Fonticon
/* ============================================= */
/* Grille
/* ============================================= */
/* Alignement
/* ============================================= */
/* Background cover
/* ============================================= */
/* Carré
/* ============================================= */
/* Clear
/* ============================================= */
/* Ellipsis
/* ============================================= */
/* Object fit
/* ============================================= */
/* Reset style
/* ============================================= */
/* Font size
/* ============================================= */
/* Hover
/* ============================================= */
/* @ Box shadow
/* ============================================= */
/* Touch
/* ============================================= */
/* Linear Gradient
/* ============================================= */
/* @ Animation
/* ============================================= */
@-webkit-keyframes animate-title {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@-moz-keyframes animate-title {
  from {
    opacity: 0;
    -moz-transform: translateY(100%);
         transform: translateY(100%); }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0); } }
@keyframes animate-title {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes scale-bg {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-moz-keyframes scale-bg {
  from {
    -moz-transform: scale(1);
         transform: scale(1); }
  to {
    -moz-transform: scale(1.2);
         transform: scale(1.2); } }

@keyframes scale-bg {
  from {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes scale-bg-mobile {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-moz-keyframes scale-bg-mobile {
  from {
    -moz-transform: scale(1);
         transform: scale(1); }
  to {
    -moz-transform: scale(1);
         transform: scale(1); } }

@keyframes scale-bg-mobile {
  from {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes bounce {
  from {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  to {
    bottom: 50px; } }

@-moz-keyframes bounce {
  from {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  to {
    bottom: 50px; } }

@keyframes bounce {
  from {
    bottom: 50px; }
  50% {
    bottom: 30px; }
  to {
    bottom: 50px; } }

/* @ Caption
/* ============================================= */
/*  Adaptive height block
/* ============================================= */
/*  Margin block
/* ============================================= */
/**
  * Created by IRIS Interactive
  * User : IRIS Interactive
*/
/* Strate
/* ============================================= */
.strate {
  margin-bottom: 80px;
  margin-top: 50px;
  position: relative; }
  @media screen and (max-width: 1000px) {
    .strate {
      margin-bottom: 60px;
      margin-top: 40px; } }
  @media screen and (max-width: 650px) {
    .strate {
      margin-bottom: 40px;
      margin-top: 30px; } }
  .strateTitle {
    font-size: 2.75rem;
    letter-spacing: 1px;
    line-height: 3rem;
    text-transform: uppercase;
    margin-bottom: 15px !important; }
    @media screen and (max-width: 1000px) {
      .strateTitle {
        font-size: 2.1875rem;
        line-height: 1; } }
    @media screen and (max-width: 650px) {
      .strateTitle {
        font-size: 1.5625rem; } }
    @media screen and (max-width: 370px) {
      .strateTitle {
        font-size: 1.375rem; } }
  @media screen and (max-width: 1000px) {
    .strateExcerpt {
      max-width: 500px;
      margin: 0 auto; } }
  .stratePermalink {
    text-align: center; }
  .strateIncontournable {
    margin-top: 90px; }
    @media screen and (max-width: 1356px) {
      .strateIncontournable {
        margin: 40px 0; } }
    @media screen and (max-width: 1000px) {
      .strateIncontournable {
        margin: 40px 0; } }
    @media screen and (max-width: 650px) {
      .strateIncontournable {
        margin: 30px 0; } }
    .strateIncontournableSlider {
      margin: 40px auto 60px;
      position: relative; }
      @media screen and (max-width: 1000px) {
        .strateIncontournableSlider {
          margin-left: 10px;
          margin-top: 40px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 650px) {
        .strateIncontournableSlider {
          margin-top: 20px;
          margin-bottom: 10px; } }
      .strateIncontournableSliderInner {
        width: -webkit-calc(1220px + 40px);
        width: -moz-calc(1220px + 40px);
        width: calc(1220px + 40px);
        margin: 0 auto; }
        @media screen and (max-width: 1000px) {
          .strateIncontournableSliderInner {
            margin: 0 auto;
            width: 100%; } }
      .strateIncontournableSlider .slick-list {
        overflow: visible; }
      @media screen and (max-width: 1000px) {
        .strateIncontournableSliderArrow {
          display: none; } }
    .strateIncontournable .entityItem {
      margin: 0 20px !important;
      padding-bottom: 23%;
      clear: none !important; }
      .strateIncontournable .entityItem:nth-of-type(3n) {
        margin-right: 40px; }
      @media screen and (max-width: 1356px) {
        .strateIncontournable .entityItem {
          margin: 0 10px !important; } }
      @media screen and (max-width: 1000px) {
        .strateIncontournable .entityItem {
          margin: 0 10px !important;
          padding-bottom: 20%; } }
      @media screen and (max-width: 650px) {
        .strateIncontournable .entityItem {
          margin: 0 5px !important;
          padding-bottom: 24%; } }
    .strateIncontournable .slick-arrow.slick-prev {
      left: -10px; }
      @media screen and (max-width: 1356px) {
        .strateIncontournable .slick-arrow.slick-prev {
          left: 20px; } }
    .strateIncontournable .slick-arrow.slick-next {
      right: -50px; }
      @media screen and (max-width: 1356px) {
        .strateIncontournable .slick-arrow.slick-next {
          right: 20px; } }
    .strateIncontournable .slick-arrow:before {
      color: #dd5d09; }
    .strateIncontournable .slick-arrow:hover:before {
      color: #666; }
  @media screen and (max-width: 650px) {
    .strateSituation {
      text-align: center; }
      .strateSituation .strateTitle {
        text-align: center; } }
  .strateSituationInner {
    width: 35%;
    float: left; }
    @media screen and (max-width: 650px) {
      .strateSituationInner {
        width: 100%;
        float: none; } }
  .strateSituationContent {
    margin-top: 15px; }
    @media screen and (max-width: 650px) {
      .strateSituationContentThumbnail {
        display: none; } }
    .strateSituationContentTitle {
      color: #dd5d09;
      font-size: 1.5rem;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase;
      margin: 20px 0 15px; }
      @media screen and (max-width: 650px) {
        .strateSituationContentTitle {
          display: none; } }
    .strateSituationContentExcerpt {
      height: 95px;
      overflow: hidden;
      line-height: 1.875rem; }
    .strateSituationContentButton {
      margin-top: 60px; }
      @media screen and (max-width: 650px) {
        .strateSituationContentButton {
          display: none; } }
      .strateSituationContentButtonMobile {
        display: none; }
        @media screen and (max-width: 650px) {
          .strateSituationContentButtonMobile {
            display: block;
            margin-top: 20px; } }
  .strateSituation .territoryContent {
    margin-top: 15px; }
    .strateSituation .territoryContentTitle {
      color: #dd5d09;
      margin: 20px 0 15px;
      font-size: 1.5rem;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase; }
    .strateSituation .territoryContentExcerpt {
      height: 95px;
      overflow: hidden;
      line-height: 1.875rem; }
  .strateSituation .svgTerritoriesMap {
    width: -webkit-calc(65% - 40px);
    width: -moz-calc(65% - 40px);
    width: calc(65% - 40px);
    float: right;
    margin-left: 40px;
    margin-top: -60px; }
    @media screen and (max-width: 850px) {
      .strateSituation .svgTerritoriesMap {
        margin-top: 20px; } }
    @media screen and (max-width: 650px) {
      .strateSituation .svgTerritoriesMap {
        width: 100%;
        float: none;
        margin-top: 20px;
        margin-left: 0; } }
    .strateSituation .svgTerritoriesMapMobile {
      display: none; }
      @media screen and (max-width: 650px) {
        .strateSituation .svgTerritoriesMapMobile {
          display: block;
          max-width: 200px;
          width: 100%;
          text-align: center;
          margin: 0 auto; } }
    @media screen and (max-width: 650px) {
      .strateSituation .svgTerritoriesMap svg {
        display: none; } }
    .strateSituation .svgTerritoriesMap svg #fond {
      pointer-events: none; }
    .strateSituation .svgTerritoriesMap svg .st11 {
      cursor: pointer;
      display: block;
      pointer-events: bounding-box; }
      .strateSituation .svgTerritoriesMap svg .st11:hover .st9 {
        fill: #dd5d09 !important;
        -webkit-transform: scale(1.25);
           -moz-transform: scale(1.25);
            -ms-transform: scale(1.25);
                transform: scale(1.25); }
      .strateSituation .svgTerritoriesMap svg .st11:hover .st12 {
        fill: #fff !important; }
    .strateSituation .svgTerritoriesMap svg .st9 {
      -webkit-transform-origin: center center;
         -moz-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      transform-box: fill-box;
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease; }
  .strateEvenements {
    padding: 35px 0 10px;
    margin-bottom: 0;
    background-image: url(../images/interface/texture-light.jpg); }
    @media screen and (max-width: 650px) {
      .strateEvenements {
        padding: 1px 0 30px; } }
    .strateEvenementsInnerList {
      position: relative;
      margin: 40px 0 50px; }
      @media screen and (max-width: 1000px) {
        .strateEvenementsInnerList {
          margin: 20px 0 30px; } }
      @media screen and (max-width: 650px) {
        .strateEvenementsInnerList {
          margin: 20px 0 10px; } }
      .strateEvenementsInnerList .slick-list {
        overflow: visible; }
      .strateEvenementsInnerListItem {
        float: left;
        cursor: pointer;
        margin: 0 40px 0 0;
        position: relative;
        overflow: hidden;
        width: -webkit-calc(55vw - 90px);
        width: -moz-calc(55vw - 90px);
        width: calc(55vw - 90px); }
        .strateEvenementsInnerListItem.slick-current .strateEvenementsInnerListItemContent,
        .strateEvenementsInnerListItem.slick-current .authormeta {
          opacity: 1; }
        @media screen and (max-width: 1356px) {
          .strateEvenementsInnerListItem {
            margin: 0 20px 0 0;
            width: -webkit-calc(50vw - 50px);
            width: -moz-calc(50vw - 50px);
            width: calc(50vw - 50px); } }
        @media screen and (max-width: 1000px) {
          .strateEvenementsInnerListItem {
            width: -webkit-calc(70vw - 30px);
            width: -moz-calc(70vw - 30px);
            width: calc(70vw - 30px);
            margin: 0 20px 0 0; } }
        @media screen and (max-width: 650px) {
          .strateEvenementsInnerListItem {
            width: -webkit-calc(80vw - 30px);
            width: -moz-calc(80vw - 30px);
            width: calc(80vw - 30px); } }
        .strateEvenementsInnerListItem:before {
          content: "";
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          border-style: solid;
          border-width: 0 0 0 0;
          border-color: #dd5d09;
          -webkit-border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
             -moz-border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
               -o-border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
                  border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
          z-index: 4;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          transition: 0.2s ease; }
        .strateEvenementsInnerListItem:after {
          z-index: 3;
          content: "";
          display: block;
          bottom: 0;
          left: 0;
          position: absolute;
          width: 100%;
          height: 90%;
          background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.44)), color-stop(11.2%, rgba(0, 0, 0, 0.433)), color-stop(22%, rgba(0, 0, 0, 0.416)), color-stop(32.3%, rgba(0, 0, 0, 0.391)), color-stop(42.1%, rgba(0, 0, 0, 0.359)), color-stop(86.7%, rgba(0, 0, 0, 0.112)), color-stop(91.4%, rgba(0, 0, 0, 0.076)), color-stop(95.1%, rgba(0, 0, 0, 0.045)), color-stop(97.8%, rgba(0, 0, 0, 0.021)), color-stop(99.4%, rgba(0, 0, 0, 0.005)), to(rgba(0, 0, 0, 0)));
          background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.433) 11.2%, rgba(0, 0, 0, 0.416) 22%, rgba(0, 0, 0, 0.391) 32.3%, rgba(0, 0, 0, 0.359) 42.1%, rgba(0, 0, 0, 0.112) 86.7%, rgba(0, 0, 0, 0.076) 91.4%, rgba(0, 0, 0, 0.045) 95.1%, rgba(0, 0, 0, 0.021) 97.8%, rgba(0, 0, 0, 0.005) 99.4%, rgba(0, 0, 0, 0) 100%);
          background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.433) 11.2%, rgba(0, 0, 0, 0.416) 22%, rgba(0, 0, 0, 0.391) 32.3%, rgba(0, 0, 0, 0.359) 42.1%, rgba(0, 0, 0, 0.112) 86.7%, rgba(0, 0, 0, 0.076) 91.4%, rgba(0, 0, 0, 0.045) 95.1%, rgba(0, 0, 0, 0.021) 97.8%, rgba(0, 0, 0, 0.005) 99.4%, rgba(0, 0, 0, 0) 100%);
          background: linear-gradient(to top, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.433) 11.2%, rgba(0, 0, 0, 0.416) 22%, rgba(0, 0, 0, 0.391) 32.3%, rgba(0, 0, 0, 0.359) 42.1%, rgba(0, 0, 0, 0.112) 86.7%, rgba(0, 0, 0, 0.076) 91.4%, rgba(0, 0, 0, 0.045) 95.1%, rgba(0, 0, 0, 0.021) 97.8%, rgba(0, 0, 0, 0.005) 99.4%, rgba(0, 0, 0, 0) 100%); }
        .strateEvenementsInnerListItemThumbnail {
          width: 100%;
          min-height: 100px;
          max-height: 500px;
          overflow: hidden;
          position: relative;
          padding-bottom: 52%; }
          @media screen and (max-width: 1356px) {
            .strateEvenementsInnerListItemThumbnail {
              padding-bottom: 68%; } }
          @media screen and (max-width: 650px) {
            .strateEvenementsInnerListItemThumbnail {
              padding-bottom: 90%; } }
          .strateEvenementsInnerListItemThumbnail img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: scale(1);
               -moz-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            -webkit-transform: translate(-50%, -50%);
               -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-transition: 0.2s ease;
            -moz-transition: 0.2s ease;
            transition: 0.2s ease; }
            .objectfit .strateEvenementsInnerListItemThumbnail img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover; }
        .strateEvenementsInnerListItemContent {
          top: 50%;
          z-index: 5;
          width: 100%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          padding: 0 15%;
          position: absolute;
          opacity: 0;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          transition: 0.2s ease; }
          @media screen and (max-width: 1356px) {
            .strateEvenementsInnerListItemContent {
              padding: 0 10%; } }
          @media screen and (max-width: 1000px) {
            .strateEvenementsInnerListItemContent {
              padding: 0 20px;
              bottom: 90px;
              top: auto;
              -webkit-transform: translateX(-50%);
                 -moz-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                      transform: translateX(-50%); } }
          .strateEvenementsInnerListItemContentInt {
            text-align: center; }
            .strateEvenementsInnerListItemContentIntTitle {
              text-align: center;
              font-weight: 900;
              margin: 0 0 15px;
              letter-spacing: 1px;
              text-transform: uppercase;
              font-size: 1.875rem;
              line-height: 2.625rem; }
              @media screen and (max-width: 1000px) {
                .strateEvenementsInnerListItemContentIntTitle {
                  margin: 0;
                  font-size: 1.5625rem;
                  line-height: 2.3125rem; } }
              @media screen and (max-width: 650px) {
                .strateEvenementsInnerListItemContentIntTitle {
                  font-size: 0.875rem;
                  line-height: 1.375rem; } }
              .strateEvenementsInnerListItemContentIntTitle a {
                color: #fff;
                outline: none !important; }
                .strateEvenementsInnerListItemContentIntTitle a:hover {
                  text-decoration: none; }
            .strateEvenementsInnerListItemContentIntMeta {
              color: #fff;
              font-weight: 900;
              margin: 0 7px;
              font-size: 0.875rem;
              line-height: 1.125rem;
              display: inline-block;
              text-transform: uppercase;
              letter-spacing: 2px;
              -webkit-transition: 0.2s ease;
              -moz-transition: 0.2s ease;
              transition: 0.2s ease; }
              @media screen and (max-width: 650px) {
                .strateEvenementsInnerListItemContentIntMeta {
                  display: block;
                  font-size: 0.625rem;
                  line-height: 1rem; } }
              .strateEvenementsInnerListItemContentIntMeta i {
                color: #dd5d09; }
        .strateEvenementsInnerListItem .authormeta {
          position: absolute;
          bottom: 70px;
          left: 50%;
          z-index: 4;
          -webkit-transform: translateX(-50%);
             -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          text-align: center;
          display: block;
          opacity: 0; }
          .strateEvenementsInnerListItem .authormetaThumbnail {
            margin: 0 auto 10px; }
          @media screen and (max-width: 1356px) {
            .strateEvenementsInnerListItem .authormeta {
              bottom: 20px; } }
          @media screen and (max-width: 1000px) {
            .strateEvenementsInnerListItem .authormeta {
              bottom: 25px; } }
          .strateEvenementsInnerListItem .authormeta > * {
            color: #fff;
            font-weight: 900; }
        .strateEvenementsInnerListItem:hover:before {
          border-width: 15px 15px 15px 15px; }
        .strateEvenementsInnerListItem:hover .strateEvenementsInnerListItemContentIntTitle a {
          color: #fff; }
      .strateEvenementsInnerList .slick-arrow {
        top: 50%;
        z-index: 40;
        width: 56px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        outline: none !important;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        transition: 0.2s ease; }
        .strateEvenementsInnerList .slick-arrow:before {
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          transition: 0.2s ease; }
        .strateEvenementsInnerList .slick-arrow:hover {
          background-image: url(../images/interface/texture.png); }
          .strateEvenementsInnerList .slick-arrow:hover:before {
            color: #fff; }
        .strateEvenementsInnerList .slick-arrow.slick-disabled {
          opacity: 0; }
        @media screen and (max-width: 1000px) {
          .strateEvenementsInnerList .slick-arrow {
            width: 45px;
            height: 45px;
            line-height: 45px; } }
      .strateEvenementsInnerList .slick-next {
        right: 30px; }
      .strateEvenementsInnerList .slick-prev {
        left: 30px; }
      .strateEvenementsInnerListLink {
        list-style: none;
        text-align: center;
        margin-bottom: 40px; }
        @media screen and (max-width: 1000px) {
          .strateEvenementsInnerListLink {
            margin-bottom: 20px; } }
        @media screen and (max-width: 650px) {
          .strateEvenementsInnerListLink {
            margin-bottom: 0; } }
        .strateEvenementsInnerListLinkItem {
          text-transform: uppercase;
          display: inline-block;
          font-weight: 900;
          letter-spacing: 1.5px;
          margin: 10px 20px;
          font-size: 0.75rem; }
          @media screen and (max-width: 650px) {
            .strateEvenementsInnerListLinkItem {
              margin: 5px;
              float: left;
              letter-spacing: 0.5px;
              width: -webkit-calc(100% / 2 - 10px);
              width: -moz-calc(100% / 2 - 10px);
              width: calc(100% / 2 - 10px); } }
          .strateEvenementsInnerListLinkItem a {
            color: #dd5d09; }
            @media screen and (max-width: 650px) {
              .strateEvenementsInnerListLinkItem a {
                padding: 10px 5px;
                background-color: #dd5d09;
                color: #fff;
                border-radius: 3px;
                display: block;
                font-size: 0.6875rem; } }
            .strateEvenementsInnerListLinkItem a:hover {
              color: #222;
              text-decoration: none; }
    .strateEvenements .stratePermalink {
      margin-top: 20px; }
      @media screen and (max-width: 650px) {
        .strateEvenements .stratePermalink {
          margin: 5px;
          width: -webkit-calc(100% / 2 - 10px);
          width: -moz-calc(100% / 2 - 10px);
          width: calc(100% / 2 - 10px);
          display: inline-block;
          float: left; }
          .strateEvenements .stratePermalink a {
            display: block;
            padding: 16px 5px; } }
  .strateNews {
    margin-top: 0;
    position: relative;
    padding-top: 1px;
    margin-bottom: 100px; }
    @media screen and (max-width: 650px) {
      .strateNews {
        padding-top: 0;
        margin-bottom: 30px; } }
    .strateNews .strateTitle {
      margin-top: 45px; }
    .strateNews:before {
      content: "";
      display: inline;
      width: 100%;
      height: 260px;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../images/interface/texture-light.jpg); }
      @media screen and (max-width: 650px) {
        .strateNews:before {
          display: none; } }
    .strateNews .postItemThumbnail {
      height: 0;
      padding-bottom: 64%; }
      .strateNews .postItemThumbnail img {
        position: absolute; }
      @media screen and (max-width: 1000px) {
        .strateNews .postItemThumbnail .postItemTitle {
          position: absolute;
          margin-top: 0;
          bottom: -40px; } }
      @media screen and (max-width: 650px) {
        .strateNews .postItemThumbnail .postItemTitle {
          bottom: -20px; } }
    @media screen and (max-width: 1000px) {
      .strateNews .postItemContent {
        padding: 60px 0 20px; } }
    @media screen and (max-width: 650px) {
      .strateNews .postItemContent {
        padding: 40px 0 20px; } }
  .home .strate.strateTourismAffinity {
    margin-bottom: 140px !important; }
    @media screen and (max-width: 650px) {
      .home .strate.strateTourismAffinity {
        margin-bottom: 30px !important; } }
  .strateNewsletterInner {
    padding: 50px 90px;
    margin-left: 180px;
    position: relative;
    background-image: url(../images/interface/texture-light.jpg); }
    @media screen and (max-width: 1356px) {
      .strateNewsletterInner {
        padding: 50px 90px 30px; } }
    @media screen and (max-width: 1000px) {
      .strateNewsletterInner {
        padding: 50px 60px 30px;
        margin-left: 90px; } }
    @media screen and (max-width: 650px) {
      .strateNewsletterInner {
        margin: 0;
        padding: 40px 25px 20px; } }
    .strateNewsletterInner:before {
      content: "";
      display: block;
      position: absolute;
      background-color: transparent;
      bottom: 15px;
      right: 15px;
      top: 15px;
      left: 15px;
      z-index: 1;
      border: 2px solid #dd5d09;
      height: -webkit-calc(100% - 30px);
      height: -moz-calc(100% - 30px);
      height: calc(100% - 30px);
      width: -webkit-calc(100% - 30px);
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px); }
    .strateNewsletterInnerLeft {
      float: left;
      display: inline-block;
      width: 35%;
      text-align: center; }
      @media screen and (max-width: 1000px) {
        .strateNewsletterInnerLeft {
          width: 30%; } }
      .strateNewsletterInnerLeftMag {
        top: -40px;
        z-index: 2;
        left: -195px;
        position: absolute; }
        @media screen and (max-width: 1356px) {
          .strateNewsletterInnerLeftMag {
            max-width: 280px; } }
        @media screen and (max-width: 1000px) {
          .strateNewsletterInnerLeftMag {
            margin-left: 0;
            left: -155px;
            max-width: 220px; } }
        @media screen and (max-width: 850px) {
          .strateNewsletterInnerLeftMag {
            max-width: 200px; } }
      .strateNewsletterInnerLeftThumbnail {
        text-align: right; }
        @media screen and (max-width: 1000px) {
          .strateNewsletterInnerLeftThumbnail {
            display: none; } }
      @media screen and (max-width: 650px) {
        .strateNewsletterInnerLeft {
          display: none; } }
    .strateNewsletterInnerRight {
      float: right;
      display: inline-block;
      width: 65%;
      text-align: center;
      position: relative;
      z-index: 3; }
      @media screen and (max-width: 1000px) {
        .strateNewsletterInnerRight {
          width: 100%; } }
      @media screen and (max-width: 650px) {
        .strateNewsletterInnerRight {
          float: none; } }
    .strateNewsletterInnerSubTitle {
      display: block;
      margin: 0 auto; }
    .strateNewsletterInnerTitle {
      width: 230px;
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 650px) {
        .strateNewsletterInnerTitle {
          width: 160px; } }
    .strateNewsletterInnerExcerpt {
      line-height: 25px;
      margin: 15px auto 45px;
      max-width: 380px; }
      @media screen and (max-width: 1000px) {
        .strateNewsletterInnerExcerpt {
          margin: 15px auto 30px; } }
      @media screen and (max-width: 650px) {
        .strateNewsletterInnerExcerpt {
          margin: 15px auto 30px; } }
    .strateNewsletterInnerLink {
      position: relative;
      display: inline-block;
      width: 155px;
      margin: 0 12px; }
      @media screen and (max-width: 1356px) {
        .strateNewsletterInnerLink {
          margin: 20px 5px; } }
      @media screen and (max-width: 1000px) {
        .strateNewsletterInnerLink {
          margin: 20px 5px; } }
      @media screen and (max-width: 650px) {
        .strateNewsletterInnerLink {
          margin: 20px 5px;
          width: 100px; } }
      .strateNewsletterInnerLink .button {
        padding: 18px 10px 10px;
        line-height: 1.5; }
        .strateNewsletterInnerLink .button:hover {
          color: #fff; }
      @media screen and (max-width: 650px) {
        .strateNewsletterInnerLink:last-child {
          width: 120px; } }
      .strateNewsletterInnerLink:before {
        left: 50%;
        top: -25px;
        content: "";
        color: #333;
        height: 38px;
        width: 100%;
        position: absolute;
        display: inline-block;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        background-repeat: no-repeat;
        background-position: center; }
      .strateNewsletterInnerLink--podcats:before {
        background-image: url(../images/interface/podcats.png); }
      .strateNewsletterInnerLink--magazine:before {
        background-image: url(../images/interface/magazine.png); }
      .strateNewsletterInnerLink--inscription:before {
        background-image: url(../images/interface/inscription.png); }
  .strateInstagram {
    overflow: hidden;
    padding: 20px 0 0;
    margin-bottom: 0;
    background-image: url(../images/interface/texture-light.jpg); }
    @media screen and (max-width: 650px) {
      .strateInstagram {
        padding: 0; } }
    .strateInstagram .strateTitle:before {
      content: "";
      width: 120px;
      height: 30px;
      background-size: 100%;
      background-repeat: no-repeat;
      margin: 0 auto 20px;
      display: block; }
    .strateInstagram .strateTitle--fr:before {
      background-image: url(../images/interface/suivez-nous.svg); }
    .strateInstagram .strateTitle--en:before {
      background-image: url(../images/interface/follow-us.svg); }
    .strateInstagram .strateTitle--de:before {
      height: 34px;
      background-image: url(../images/interface/folge-uns.svg); }
    .strateInstagram .strateTitle--es:before {
      height: 34px;
      background-image: url(../images/interface/siganos.svg); }
    .strateInstagram .strateExcerpt strong {
      color: #dd5d09; }
    .strateInstagramWall {
      margin: 60px 0 65px; }
      .strateInstagramWall:after {
        content: "";
        display: block;
        clear: both; }
      @media screen and (max-width: 650px) {
        .strateInstagramWall {
          display: none; } }
      .strateInstagramWall .instagramItem {
        float: left;
        width: -webkit-calc(100% / 5);
        width: -moz-calc(100% / 5);
        width: calc(100% / 5);
        list-style: none;
        position: relative;
        padding-bottom: 20%;
        height: 0; }
        @media screen and (max-width: 1000px) {
          .strateInstagramWall .instagramItem {
            width: -webkit-calc(100% / 2);
            width: -moz-calc(100% / 2);
            width: calc(100% / 2);
            padding-bottom: 50%; } }
        .strateInstagramWall .instagramItem video {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          transition: 0.2s ease; }
        .strateInstagramWall .instagramItemContent {
          text-align: center;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          left: 50%;
          color: rgba(255, 255, 255, 0.25);
          font-size: 4.5rem; }
          .strateInstagramWall .instagramItemContent span {
            display: block;
            color: #fff;
            font-size: 1.5rem; }
            @media screen and (max-width: 1356px) {
              .strateInstagramWall .instagramItemContent span {
                font-size: 1.25rem; } }
            @media screen and (max-width: 1000px) {
              .strateInstagramWall .instagramItemContent span {
                font-size: 1rem; } }
          @media screen and (max-width: 1356px) {
            .strateInstagramWall .instagramItemContent {
              font-size: 3.125rem; } }
          @media screen and (max-width: 1000px) {
            .strateInstagramWall .instagramItemContent {
              font-size: 2.5rem; } }
        .strateInstagramWall .instagramItemThumbnail {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          transition: 0.2s ease; }
          .objectfit .strateInstagramWall .instagramItemThumbnail img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
          .strateInstagramWall .instagramItemThumbnail:before {
            color: #fff;
            font-family: "Font Awesome 5 Free";
            content: "\f16d";
            font-weight: "400";
            font-family: "Font Awesome\ 5 Brands" !important;
            font-size: rem(17px);
            display: inline-block;
            position: absolute;
            left: 20px;
            top: 10px; }
        .strateInstagramWall .instagramItem:before {
          content: "";
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          border-style: solid;
          border-width: 0 0 0 0;
          border-color: #dd5d09;
          -webkit-border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
             -moz-border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
               -o-border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
                  border-image: url(../images/interface/texture-light.jpg) 15 15 15 15 repeat repeat;
          z-index: 4;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          transition: 0.2s ease; }
        .strateInstagramWall .instagramItem:hover:before {
          border-width: 15px 15px 15px 15px; }
    .strateInstagram:after {
      opacity: 0.4;
      content: "";
      font-family: "theme-font";
      color: #957c69;
      display: block;
      font-size: 285px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: -70px; }
    @media screen and (max-width: 650px) {
      .strateInstagram .socials {
        margin-top: 20px; } }

/*  Strate Slider
/* ============================================= */
.strateSlider {
  background-color: #000;
  margin: 0;
  position: relative;
  z-index: 2;
  max-height: 100vh;
  width: 100%;
  overflow: hidden; }
  .strateSlider .slick-dots {
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    max-width: 1220px;
    bottom: 155px;
    width: 100%;
    text-align: left; }
    @media screen and (max-width: 1356px) {
      .strateSlider .slick-dots {
        max-width: 100%;
        margin: 0 5% !important; } }
    @media screen and (max-width: 1000px) {
      .strateSlider .slick-dots {
        max-width: 100%;
        margin: 0 80px !important; } }
    @media screen and (max-width: 650px) {
      .strateSlider .slick-dots {
        max-width: 100%;
        bottom: 20px;
        margin: 0 20px !important; } }
    @media screen and (max-width: 370px) {
      .strateSlider .slick-dots {
        margin: 0 20px !important; } }
    .strateSlider .slick-dots li {
      cursor: pointer; }
      .strateSlider .slick-dots li button {
        background-color: #fff; }
    .strateSlider .slick-dots .slick-active button {
      background-color: #dd5d09; }
  .strateSlider .sliderItem {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-color: #000; }
    @media screen and (max-width: 1000px) {
      .strateSlider .sliderItem {
        height: 80vh; } }
    @media screen and (max-width: 650px) {
      .strateSlider .sliderItem {
        height: 300px; } }
    .strateSlider .sliderItem:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      z-index: 1;
      left: 0;
      width: 100%;
      height: 35%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.49)), color-stop(0.6%, rgba(0, 0, 0, 0.484)), color-stop(2.2%, rgba(0, 0, 0, 0.466)), color-stop(4.8%, rgba(0, 0, 0, 0.439)), color-stop(8.5%, rgba(0, 0, 0, 0.404)), color-stop(13%, rgba(0, 0, 0, 0.363)), color-stop(18.5%, rgba(0, 0, 0, 0.318)), color-stop(24.8%, rgba(0, 0, 0, 0.269)), color-stop(31.9%, rgba(0, 0, 0, 0.221)), color-stop(39.7%, rgba(0, 0, 0, 0.172)), color-stop(48.3%, rgba(0, 0, 0, 0.127)), color-stop(57.5%, rgba(0, 0, 0, 0.086)), color-stop(67.3%, rgba(0, 0, 0, 0.051)), color-stop(77.7%, rgba(0, 0, 0, 0.024)), color-stop(88.6%, rgba(0, 0, 0, 0.006)), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.484) 0.6%, rgba(0, 0, 0, 0.466) 2.2%, rgba(0, 0, 0, 0.439) 4.8%, rgba(0, 0, 0, 0.404) 8.5%, rgba(0, 0, 0, 0.363) 13%, rgba(0, 0, 0, 0.318) 18.5%, rgba(0, 0, 0, 0.269) 24.8%, rgba(0, 0, 0, 0.221) 31.9%, rgba(0, 0, 0, 0.172) 39.7%, rgba(0, 0, 0, 0.127) 48.3%, rgba(0, 0, 0, 0.086) 57.5%, rgba(0, 0, 0, 0.051) 67.3%, rgba(0, 0, 0, 0.024) 77.7%, rgba(0, 0, 0, 0.006) 88.6%, rgba(0, 0, 0, 0) 100%);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.484) 0.6%, rgba(0, 0, 0, 0.466) 2.2%, rgba(0, 0, 0, 0.439) 4.8%, rgba(0, 0, 0, 0.404) 8.5%, rgba(0, 0, 0, 0.363) 13%, rgba(0, 0, 0, 0.318) 18.5%, rgba(0, 0, 0, 0.269) 24.8%, rgba(0, 0, 0, 0.221) 31.9%, rgba(0, 0, 0, 0.172) 39.7%, rgba(0, 0, 0, 0.127) 48.3%, rgba(0, 0, 0, 0.086) 57.5%, rgba(0, 0, 0, 0.051) 67.3%, rgba(0, 0, 0, 0.024) 77.7%, rgba(0, 0, 0, 0.006) 88.6%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.484) 0.6%, rgba(0, 0, 0, 0.466) 2.2%, rgba(0, 0, 0, 0.439) 4.8%, rgba(0, 0, 0, 0.404) 8.5%, rgba(0, 0, 0, 0.363) 13%, rgba(0, 0, 0, 0.318) 18.5%, rgba(0, 0, 0, 0.269) 24.8%, rgba(0, 0, 0, 0.221) 31.9%, rgba(0, 0, 0, 0.172) 39.7%, rgba(0, 0, 0, 0.127) 48.3%, rgba(0, 0, 0, 0.086) 57.5%, rgba(0, 0, 0, 0.051) 67.3%, rgba(0, 0, 0, 0.024) 77.7%, rgba(0, 0, 0, 0.006) 88.6%, rgba(0, 0, 0, 0) 100%); }
    .strateSlider .sliderItem:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      z-index: 1;
      left: 0;
      width: 100%;
      height: 35%;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.44)), color-stop(11.2%, rgba(0, 0, 0, 0.433)), color-stop(22%, rgba(0, 0, 0, 0.416)), color-stop(32.3%, rgba(0, 0, 0, 0.391)), color-stop(42.1%, rgba(0, 0, 0, 0.359)), color-stop(86.7%, rgba(0, 0, 0, 0.112)), color-stop(91.4%, rgba(0, 0, 0, 0.076)), color-stop(95.1%, rgba(0, 0, 0, 0.045)), color-stop(97.8%, rgba(0, 0, 0, 0.021)), color-stop(99.4%, rgba(0, 0, 0, 0.005)), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.433) 11.2%, rgba(0, 0, 0, 0.416) 22%, rgba(0, 0, 0, 0.391) 32.3%, rgba(0, 0, 0, 0.359) 42.1%, rgba(0, 0, 0, 0.112) 86.7%, rgba(0, 0, 0, 0.076) 91.4%, rgba(0, 0, 0, 0.045) 95.1%, rgba(0, 0, 0, 0.021) 97.8%, rgba(0, 0, 0, 0.005) 99.4%, rgba(0, 0, 0, 0) 100%);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.433) 11.2%, rgba(0, 0, 0, 0.416) 22%, rgba(0, 0, 0, 0.391) 32.3%, rgba(0, 0, 0, 0.359) 42.1%, rgba(0, 0, 0, 0.112) 86.7%, rgba(0, 0, 0, 0.076) 91.4%, rgba(0, 0, 0, 0.045) 95.1%, rgba(0, 0, 0, 0.021) 97.8%, rgba(0, 0, 0, 0.005) 99.4%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.433) 11.2%, rgba(0, 0, 0, 0.416) 22%, rgba(0, 0, 0, 0.391) 32.3%, rgba(0, 0, 0, 0.359) 42.1%, rgba(0, 0, 0, 0.112) 86.7%, rgba(0, 0, 0, 0.076) 91.4%, rgba(0, 0, 0, 0.045) 95.1%, rgba(0, 0, 0, 0.021) 97.8%, rgba(0, 0, 0, 0.005) 99.4%, rgba(0, 0, 0, 0) 100%); }
    .strateSlider .sliderItemPhotoThumbnail {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.85;
      -webkit-transform: scale(1.2);
         -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
      .objectfit .strateSlider .sliderItemPhotoThumbnail img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .strateSlider .sliderItemVideo {
      position: relative;
      background: #000;
      /* 1. Pas de support d'object-fit */ }
      .strateSlider .sliderItemVideo video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0.8; }
      @media (min-aspect-ratio: 16 / 9) {
        .strateSlider .sliderItemVideo video {
          height: 300%;
          top: -100%; } }
      @media (max-aspect-ratio: 16 / 9) {
        .strateSlider .sliderItemVideo video {
          width: 300%;
          left: -100%; } }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .strateSlider .sliderItemVideo video {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          -o-object-fit: cover;
             object-fit: cover; } }
      .strateSlider .sliderItemVideoLinkFull {
        z-index: 2;
        position: absolute;
        bottom: 25px;
        right: 25px;
        line-height: 1; }
        @media screen and (max-width: 650px) {
          .strateSlider .sliderItemVideoLinkFull a {
            display: block;
            height: 40px;
            font-size: 0;
            width: 40px;
            line-height: 40px;
            color: #fff;
            background-color: #222;
            padding: 0;
            border-radius: 50%;
            text-align: center; }
            .strateSlider .sliderItemVideoLinkFull a:before {
              font-family: "Font Awesome 5 Free";
              content: "\f04b";
              font-weight: 800;
              font-size: 1.4rem;
              display: block; }
            .strateSlider .sliderItemVideoLinkFull a:hover {
              color: #fff; } }
    .strateSlider .sliderItemContainer {
      position: relative;
      z-index: 2;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
         -moz-box-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
              flex-direction: column;
      padding-bottom: 120px; }
    .strateSlider .sliderItemContent {
      z-index: 2;
      bottom: 230px;
      top: auto;
      -webkit-transform: none;
         -moz-transform: none;
          -ms-transform: none;
              transform: none; }
      @media screen and (max-width: 650px) {
        .strateSlider .sliderItemContent {
          bottom: 80px; } }
      .strateSlider .sliderItemContent > * {
        color: #fff;
        opacity: 0;
        -webkit-transform: translateY(100%);
           -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
                transform: translateY(100%); }
    .strateSlider .sliderItem.slick-current .sliderItemContent *, .strateSlider .sliderItem.sliderItemVideo .sliderItemContent *, .strateSlider .sliderItem.sliderMobile .sliderItemContent * {
      -webkit-animation-duration: 2s;
         -moz-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-delay: 0.3s;
         -moz-animation-delay: 0.3s;
              animation-delay: 0.3s;
      -webkit-animation-name: animate-title;
         -moz-animation-name: animate-title;
              animation-name: animate-title;
      -webkit-animation-fill-mode: both;
         -moz-animation-fill-mode: both;
              animation-fill-mode: both; }
    .strateSlider .sliderItem.slick-current .sliderItemPhotoThumbnail, .strateSlider .sliderItem.sliderItemVideo .sliderItemPhotoThumbnail, .strateSlider .sliderItem.sliderMobile .sliderItemPhotoThumbnail {
      -webkit-animation-duration: 4s;
         -moz-animation-duration: 4s;
              animation-duration: 4s;
      -webkit-animation-delay: 0s;
         -moz-animation-delay: 0s;
              animation-delay: 0s;
      -webkit-animation-name: scale-bg;
         -moz-animation-name: scale-bg;
              animation-name: scale-bg;
      -webkit-animation-fill-mode: both;
         -moz-animation-fill-mode: both;
              animation-fill-mode: both; }
  .strateSlider .sliderMobileThumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .objectfit .strateSlider .sliderMobileThumbnail img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }