/* Fonctions LESS */
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes runner {
  to {
    transform: translateX(-25%);
  }
}
@keyframes runner {
  to {
    transform: translateX(-25%);
  }
}
@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotation {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@media only screen and (min-width: 1024px) {
  .displayed-desktop {
    display: initial !important;
  }
  .undisplayed-desktop,
  br.mobile {
    display: none !important;
  }
  *.undisplayed-mobile.noUndisplayed,
  *.undisplayed-desktop.noUndisplayed {
    display: block !important;
  }
  .text-left-desktop,
  .text-left-desktop .paragraph {
    text-align: left;
  }
  .text-right-desktop,
  .text-right-desktop .paragraph {
    text-align: right;
  }
  .text-center-desktop,
  .text-center-desktop .paragraph {
    text-align: center;
  }
  .text-justify-desktop,
  .text-justify-desktop .paragraph {
    text-align: justify;
  }
  .half_margin_bottom {
    margin-bottom: 40px ;
    margin-bottom: clamp(40px, calc(1*(40px + 10 * ((100vw - 1024px) / 416))), 50px) ;
  }
  .half_margin_top {
    margin-top: 40px ;
    margin-top: clamp(40px, calc(1*(40px + 10 * ((100vw - 1024px) / 416))), 50px) ;
  }
  .half_padding_bottom {
    padding-bottom: 40px ;
    padding-bottom: clamp(40px, calc(1*(40px + 10 * ((100vw - 1024px) / 416))), 50px) ;
  }
  .half_padding_top {
    padding-top: 40px ;
    padding-top: clamp(40px, calc(1*(40px + 10 * ((100vw - 1024px) / 416))), 50px) ;
  }
  .marginB,
  .simple_margin_bottom {
    margin-bottom: 80px ;
    margin-bottom: clamp(80px, calc(1*(80px + 20 * ((100vw - 1024px) / 416))), 100px) ;
  }
  .marginT,
  .simple_margin_top {
    margin-top: 80px ;
    margin-top: clamp(80px, calc(1*(80px + 20 * ((100vw - 1024px) / 416))), 100px) ;
  }
  .paddingB,
  .simple_padding_bottom {
    padding-bottom: 80px ;
    padding-bottom: clamp(80px, calc(1*(80px + 20 * ((100vw - 1024px) / 416))), 100px) ;
  }
  .paddingT,
  .simple_padding_top {
    padding-top: 80px ;
    padding-top: clamp(80px, calc(1*(80px + 20 * ((100vw - 1024px) / 416))), 100px) ;
  }
  .double_margin_bottom {
    margin-bottom: 160px ;
    margin-bottom: clamp(160px, calc(1*(160px + 40 * ((100vw - 1024px) / 416))), 200px) ;
  }
  .double_margin_top {
    margin-top: 160px ;
    margin-top: clamp(160px, calc(1*(160px + 40 * ((100vw - 1024px) / 416))), 200px) ;
  }
  .double_padding_bottom {
    padding-bottom: 160px ;
    padding-bottom: clamp(160px, calc(1*(160px + 40 * ((100vw - 1024px) / 416))), 200px) ;
  }
  .double_padding_top {
    padding-top: 160px ;
    padding-top: clamp(160px, calc(1*(160px + 40 * ((100vw - 1024px) / 416))), 200px) ;
  }
  .PLR,
  .PLR-desktop {
    padding-left: 50px ;
    padding-left: clamp(50px, calc(1*(50px + 50 * ((100vw - 1024px) / 416))), 100px) ;
    padding-right: 50px ;
    padding-right: clamp(50px, calc(1*(50px + 50 * ((100vw - 1024px) / 416))), 100px) ;
  }
  .block .surtitle,
  .aside .surtitle {
    font-size: 16px ;
    font-size: clamp(16px, calc(1*(16px + 2 * ((100vw - 1024px) / 416))), 18px) ;
    line-height: 20px ;
    line-height: clamp(20px, calc(1*(20px + 2 * ((100vw - 1024px) / 416))), 22px) ;
  }
  .block .title,
  .aside .title {
    font-size: 55px ;
    font-size: clamp(55px, calc(1*(55px + 15 * ((100vw - 1024px) / 416))), 70px) ;
  }
  .block .title.tall-desktop,
  .aside .title.tall-desktop {
    font-size: 55px ;
    font-size: clamp(55px, calc(1*(55px + 25 * ((100vw - 1024px) / 416))), 80px) ;
  }
  .block .title.tiny,
  .aside .title.tiny {
    font-size: 38px ;
    font-size: clamp(38px, calc(1*(38px + 2 * ((100vw - 1024px) / 416))), 40px) ;
    line-height: 50px ;
    line-height: clamp(50px, calc(1*(50px + 10 * ((100vw - 1024px) / 416))), 60px) ;
  }
  .block .title.small,
  .aside .title.small,
  .block .title.small-desktop,
  .aside .title.small-desktop {
    font-size: 55px ;
    font-size: clamp(55px, calc(1*(55px + 5 * ((100vw - 1024px) / 416))), 60px) ;
  }
  .block .title.medium,
  .aside .title.medium {
    font-size: 65px ;
    font-size: clamp(65px, calc(1*(65px + 17 * ((100vw - 1024px) / 416))), 82px) ;
    line-height: 75px ;
    line-height: clamp(75px, calc(1*(75px + 17 * ((100vw - 1024px) / 416))), 92px) ;
  }
  .block .title.big-desktop,
  .aside .title.big-desktop,
  .block .title.big,
  .aside .title.big {
    font-size: 70px ;
    font-size: clamp(70px, calc(1*(70px + 30 * ((100vw - 1024px) / 416))), 100px) ;
    line-height: 80px ;
    line-height: clamp(80px, calc(1*(80px + 41 * ((100vw - 1024px) / 416))), 121px) ;
  }
  .block .subtitle,
  .aside .subtitle,
  .block .subtitle.medium-mobile,
  .aside .subtitle.medium-mobile {
    font-size: 30px ;
    font-size: clamp(30px, calc(1*(30px + 10 * ((100vw - 360px) / 664))), 40px) ;
    line-height: 34px ;
    line-height: clamp(34px, calc(1*(34px + 14 * ((100vw - 360px) / 664))), 48px) ;
  }
  .block .subtitle.big,
  .aside .subtitle.big {
    font-size: 40px;
    line-height: 48px;
  }
  .block .paragraph,
  .aside .paragraph {
    font-size: 15px ;
    font-size: clamp(15px, calc(1*(15px + 1 * ((100vw - 1024px) / 416))), 16px) ;
    line-height: 30px ;
    line-height: clamp(30px, calc(1*(30px + 5 * ((100vw - 1024px) / 416))), 35px) ;
  }
  .btn.simple {
    font-size: max( 0.63vw , 12px);
    line-height: max(0.78vw, 15px);
    height: max( 2.08vw , 40px) ;
    padding-left: max( 2.6vw , 50px) ;
    padding-right: max( 2.6vw , 50px) ;
  }
  .btn.simple.big {
    height: max( 3.8vw , 73px) ;
    padding-left: max( 0.89vw , 17px) ;
    padding-right: max( 0.89vw , 17px) ;
    font-size: max( 0.73vw , 14px);
    line-height: max(0.94vw, 18px);
    min-width: max( 12.03vw , 231px) ;
  }
  .btn.simple.small {
    height: max( 2.6vw , 50px) ;
    font-size: max( 0.73vw , 14px);
    line-height: max(0.94vw, 18px);
  }
  .btn.simple .icon {
    left: max( 0.78vw , 15px) ;
  }
  .btn.simple .icon svg,
  .btn.simple .icon img {
    height: max( 0.94vw , 18px) ;
    width: max( 0.94vw , 18px) ;
  }
  .btn.outlined {
    -webkit-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    height: max( 2.5vw , 48px) ;
  }
  .btn.outlined.btn-close.x {
    height: max( 2.5vw , 48px) ;
    width: max( 2.5vw , 48px) ;
  }
  .btn.outlined:hover {
    background-color: transparent;
  }
  .btn.outlined:hover::before {
    background-color: #fcfaf5;
    width: 92%;
    height: 92%;
  }
  .btn.outlined:hover::before.white-cream {
    background-color: #ffffff;
  }
  .btn.outlined:hover::before.yellow {
    background-color: #52575a;
  }
  .btn.btn-icon {
    height: max( 2.5vw , 48px) ;
    width: max( 2.5vw , 48px) ;
  }
  .btn.btn-icon img,
  .btn.btn-icon svg {
    max-height: max( 1.2vw , 23px) ;
    max-width: max( 1.41vw , 27px) ;
  }
  .btn.btn-icon:hover::before {
    height: max( 2.08vw , 40px) ;
    width: max( 2.08vw , 40px) ;
  }
  .btn.flat {
    font-size: max( 0.83vw , 16px);
    line-height: max(0.99vw, 19px);
    height: max( 5.21vw , 100px) ;
    column-gap: max( 1.82vw , 35px) ;
  }
  .btn.flat svg,
  .btn.flat img {
    height: max( 4.06vw , 78px) ;
    width: max( 3.39vw , 65px) ;
    margin-left: 0px ;
    margin-left: clamp(-100px, calc(1*(0px + -100 * ((100vw - 1024px) / 416))), 0px) ;
  }
  .Swiper-initialized .swiper-pagination.swiper-pagination-default .swiper-button-prev,
  .Swiper-initialized .swiper-pagination.swiper-pagination-default .swiper-button-next {
    height: max( 4.58vw , 88px) ;
    width: max( 4.58vw , 88px) ;
    background-size: max( 1.56vw , 30px) ;
  }
  .Swiper-initialized .swiper-pagination.swiper-pagination-default .swiper-button-prev {
    left: max( 2.86vw , 55px) ;
  }
  .Swiper-initialized .swiper-pagination.swiper-pagination-default .swiper-button-next {
    right: max( 2.86vw , 55px) ;
  }
  .popin.aside.filter {
    width: max( 23.59vw , 453px) ;
    right: min( -23.59vw , -453px) ;
    top: 0;
    padding-left: max( 1.3vw , 25px) ;
    padding-right: max( 1.3vw , 25px) ;
  }
  .popin.aside.filter.open {
    right: 0;
  }
  .popin.aside.filter .div-content .content {
    padding-bottom: max( 1.56vw , 30px) ;
  }
  .popin.aside.filter .div-content .content .buttons {
    margin-top: max( 3.13vw , 60px) ;
    padding: 0;
  }
  .div-loader .div-logo-animation {
    width: 800px ;
    width: clamp(800px, calc(1*(800px + 400 * ((100vw - 1024px) / 416))), 1200px) ;
    height: 300px ;
    height: clamp(300px, calc(1*(300px + 150 * ((100vw - 1024px) / 416))), 450px) ;
  }
  .galleryPage .btn-close,
  .galleryPageSingleHeb .btn-close {
    height: max( 2.5vw , 48px) ;
    width: max( 2.5vw , 48px) ;
  }
  .div-trailer {
    width: 900px ;
    width: clamp(900px, calc(1*(900px + 295 * ((100vw - 1024px) / 416))), 1195px) ;
    height: 80vh;
  }
}
@media only screen and (min-width: 1440px) {
  .half_margin_bottom {
    margin-bottom: max( 2.6vw , 50px) ;
  }
  .half_margin_top {
    margin-top: max( 2.6vw , 50px) ;
  }
  .half_padding_bottom {
    padding-bottom: max( 2.6vw , 50px) ;
  }
  .half_padding_top {
    padding-top: max( 2.6vw , 50px) ;
  }
  .marginB,
  .simple_margin_bottom {
    margin-bottom: max( 5.21vw , 100px) ;
  }
  .marginT,
  .simple_margin_top {
    margin-top: max( 5.21vw , 100px) ;
  }
  .paddingB,
  .simple_padding_bottom {
    padding-bottom: max( 5.21vw , 100px) ;
  }
  .paddingT,
  .simple_padding_top {
    padding-top: max( 5.21vw , 100px) ;
  }
  .double_margin_bottom {
    margin-bottom: max( 10.42vw , 200px) ;
  }
  .double_margin_top {
    margin-top: max( 10.42vw , 200px) ;
  }
  .double_padding_bottom {
    padding-bottom: max( 10.42vw , 200px) ;
  }
  .double_padding_top {
    padding-top: max( 10.42vw , 200px) ;
  }
  .PLR,
  .PLR-desktop {
    padding-left: max( 5.21vw , 100px) ;
    padding-right: max( 5.21vw , 100px) ;
  }
  .block .surtitle,
  .aside .surtitle,
  .popin .surtitle {
    font-size: max( 0.94vw , 18px);
    line-height: max(1.15vw, 22px);
  }
  .block .title,
  .aside .title,
  .popin .title {
    font-size: max( 3.65vw , 70px);
    line-height: normal;
  }
  .block .title.tall-desktop,
  .aside .title.tall-desktop,
  .popin .title.tall-desktop {
    font-size: max( 4.17vw , 80px);
    line-height: normal;
  }
  .block .title.tiny,
  .aside .title.tiny,
  .popin .title.tiny {
    font-size: max( 2.08vw , 40px);
    line-height: max(3.13vw, 60px);
  }
  .block .title.small,
  .aside .title.small,
  .popin .title.small,
  .block .title.small-desktop,
  .aside .title.small-desktop,
  .popin .title.small-desktop {
    font-size: max( 3.13vw , 60px);
    line-height: normal;
  }
  .block .title.medium,
  .aside .title.medium,
  .popin .title.medium {
    font-size: max( 4.27vw , 82px);
    line-height: max(3.39vw, 65px);
  }
  .block .title.big-desktop,
  .aside .title.big-desktop,
  .popin .title.big-desktop,
  .block .title.big,
  .aside .title.big,
  .popin .title.big {
    font-size: max( 5.21vw , 100px);
    line-height: max(6.3vw, 121px);
  }
  .block .subtitle,
  .aside .subtitle,
  .popin .subtitle {
    font-size: max( 2.08vw , 40px);
    line-height: max(2.5vw, 48px);
  }
  .block .paragraph,
  .aside .paragraph,
  .popin .paragraph {
    font-size: max( 0.83vw , 16px);
    line-height: max(1.82vw, 35px);
  }
  .btn.flat svg,
  .btn.flat img {
    margin-left: min( -5.21vw , -100px) ;
  }
  .tooltip .tooltip-text {
    font-size: max( 0.63vw , 12px);
    line-height: max(0.78vw, 15px);
    padding: max( 0.52vw , 10px) ;
    transform: translateY(3.82vw);
  }
  .tooltip.top .tooltip-text {
    top: min( -2.6vw , -50px) ;
  }
  .tooltip.left .tooltip-text {
    left: min( -0.52vw , -10px) ;
  }
  .tooltip.right .tooltip-text {
    right: min( -0.52vw , -10px) ;
  }
  .formulaire.from_to {
    height: max( 2.66vw , 51px) ;
  }
  .formulaire.from_to .calendar {
    margin-left: max( 1.04vw , 20px) ;
  }
  .formulaire.from_to .calendar img,
  .formulaire.from_to .calendar svg {
    width: max( 1.09vw , 21px) ;
    height: max( 1.09vw , 21px) ;
  }
  .formulaire.from_to .arrow img,
  .formulaire.from_to .arrow svg {
    width: max( 1vw , 19.25px) ;
    height: max( 0.47vw , 8.95px) ;
  }
  .formulaire.from_to .display_date {
    font-size: max( 0.73vw , 14px);
    line-height: normal;
    width: max( 5.99vw , 115px) ;
  }
  .formulaire.from_to .btn {
    width: max( 5.99vw , 115px) ;
    height: max( 2.08vw , 40px) ;
    font-size: max( 0.63vw , 12px);
    line-height: normal;
    margin-right: max( 0.21vw , 4px) ;
    margin-left: max( 1.04vw , 20px) ;
  }
  .popin.plan-interactif .btn-close,
  .popin.visite-virtuelle .btn-close {
    height: max( 2.5vw , 48px) ;
    width: max( 2.5vw , 48px) ;
    top: max( 2.34vw , 45px) ;
    right: max( 2.34vw , 45px) ;
  }
  .div-loader .div-logo-animation {
    width: max( 62.5vw , 1200px) ;
    height: max( 23.44vw , 450px) ;
  }
  .div-trailer {
    width: 83vw;
    height: 90vh;
    padding: max( 2.6vw , 50px) ;
  }
}