@charset "UTF-8";
/*
small = 'only screen and (min-width: 0em) and (max-width: 47.875em)';
medium = 'only screen and (min-width: 47.9375em) and (max-width: 68.0625em)';
large = 'only screen and (min-width: 68.125em) and (max-width: 89.9375em)';
xlarge = 'only screen and (min-width: 90em) and (max-width: 119.9375em)';
xxlarge = 'only screen and (min-width: 120em) and (max-width: 162.4375em)';
size_2600_3k = 'only screen and (min-width: 162.500em) and (max-width: 239.9375em)';
size_3840_4k = 'only screen and (min-width: 240em) and (max-width: 359.9375em)';
size_5760_6k = 'only screen and (min-width: 360em) and (max-width: 479.9375em)';
size_7680_8k = 'only screen and (min-width: 480em)';
xxxlarge_unused = 'only screen and (min-width: 1250em)';
*/
/*
$foundation-palette: (
  primary: #1779ba,
  secondary: #767676,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);
*/
/*
$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);
$print-breakpoint: large;
$breakpoint-classes: (small medium large);
*/
/*
$header-styles: (
  small: (
    'h1': ('font-size': 24),
    'h2': ('font-size': 20),
    'h3': ('font-size': 19),
    'h4': ('font-size': 18),
    'h5': ('font-size': 17),
    'h6': ('font-size': 16),
  ),
  medium: (
    'h1': ('font-size': 48),
    'h2': ('font-size': 40),
    'h3': ('font-size': 31),
    'h4': ('font-size': 25),
    'h5': ('font-size': 20),
    'h6': ('font-size': 16),
  ),
);
*/
/*
$dropdown-sizes: (
  tiny: 100px,
  small: 200px,
  large: 400px,
);
*/
/*
$offcanvas-sizes: (
  small: 250px,
);
$offcanvas-vertical-sizes: (
  small: 250px,
);
*/
/*
$foundation-palette: map-merge(
  $foundation-palette,
  (primary: #0f6dcd)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (secondary: #d6e4f2)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (third: #ff9c00)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (success: #3adb76)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (warning: #ffae00)
);
$foundation-palette: map-merge(
  $foundation-palette,
  (alert: #cc4b37)
);
*/
/*
$motion-ui-speeds: (
  default: 350ms,
  slow: 350ms,
  fast: 350ms,
);
*/
::-moz-selection {
  background-color: #d40000;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }
::selection {
  background-color: #d40000;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background-color: #d40000;
  color: #fff;
  text-shadow: none; }

::-webkit-selection {
  background-color: #d40000;
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::-moz-selection {
  background-color: #ff2222;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::selection {
  background-color: #ff2222;
  /*hsl(215,81%,89%)*/
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::-moz-selection {
  background-color: #ff2222;
  color: #fff;
  text-shadow: none; }

.alf-top-bar *::-webkit-selection {
  background-color: #ff2222;
  color: #fff;
  text-shadow: none; }

* {
  /*-webkit-touch-callout:none;*/
  /* prevent callout to copy image, etc when tap to hold */
  /*-webkit-text-size-adjust:none;*/
  /* prevent webkit from resizing text to fit */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent tap highlight color / shadow */
  /*-webkit-user-select:none;*/
  /* prevent copy paste, to allow, change 'none' to 'text' */ }

/***********************
STYLE : CAROUSSEL 01 (carousel_01)
***********************/
/*
.swiper-panorama{
	overflow:hidden;
	//box-shadow: 0 0 70px rgba(darken(get-color(primary), 17.5%), .75);
}
*/
.alf-swiper-master-container-carousel_01 {
  overflow: hidden;
  /*
	margin-top: -4rem;
	mask-image: linear-gradient(to right, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 25%, rgba(0,0,0, 1) 75%, rgba(0,0,0, 0) 100%);
	mask-position: 0 0;
	mask-size: 100% 100%;
	*/ }

.alf-swiper-container-carousel_01 .swiper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: border-box;
  /*Vertical*/
  /*
	overflow: hidden;
	height: 680px;
	*/
  /*Horizontal*/
  overflow: visible;
  height: 30rem;
  width: 100%;
  padding: 0;
  margin-bottom: 3rem;
  /*
	*/
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 40%, black 50%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 40%, black 50%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%; }

.alf-swiper-container-carousel_01 .swiper-wrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation; }

/*
.swiper-3d .swiper-wrapper {
	//transform-style: preserve-3d;
	transform-style: flat!important;
}
*/
.alf-swiper-container-carousel_01 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.75rem;
  position: relative;
  box-sizing: border-box; }

.alf-swiper-container-carousel_01 .swiper-slide-bg-image {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 0; }

.alf-swiper-container-carousel_01 .swiper-slide-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 1;
  box-sizing: border-box; }

.alf-swiper-container-carousel_01 .swiper-slide-carousel_01 {
  background-color: #333333;
  border-radius: 12px; }

.alf-swiper-container-carousel_01 .swiper-slide-carousel_01.swiper-slide-active {
  /*
	& a {
		color: #e73744;
	}
	*/ }
  .alf-swiper-container-carousel_01 .swiper-slide-carousel_01.swiper-slide-active img {
    box-shadow: 0 0 0 3px #d40000; }

.alf-swiper-container-carousel_01 .swiper-slide-bg-image-carousel_01 {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit; }

.alf-swiper-container-carousel_01 .swiper-slide-content-carousel_01 {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
  border-radius: inherit; }

.alf-swiper-container-carousel_01 .swiper-slide-text-carousel_01 {
  position: absolute;
  top: calc(100% + .5rem);
  text-align: center;
  /*
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	line-height: 1.5;
	*/ }

.alf-swiper-container-carousel_01 .swiper-slide-block-carousel_01 {
  display: flex;
  box-sizing: border-box;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  border-radius: 12px;
  gap: 0;
  padding: 0 0; }

.alf-swiper-container-carousel_01 .alf-swiper-a-001 {
  transition: all .25s ease;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  border: 2px solid rgba(212, 0, 0, 0.75) !important;
  background-color: rgba(255, 255, 255, 0);
  /*opacity: 0;*/ }

.alf-swiper-container-carousel_01 .alf-swiper-a-001:hover,
.alf-swiper-container-carousel_01 .alf-swiper-a-001:focus,
.alf-swiper-container-carousel_01 .alf-swiper-a-001:active {
  background-color: rgba(255, 255, 255, 0.25); }

/*
RESPONSIVE ADJUSTMENTS
INFO : Les breakpoints définis ici doivent être en cohérence avec ceux définis dans le JS associé.
TODO : Prévoir tous les cas de figure, y-compris les Landscape/Portrait.
REF :
	medium: 767px,
	large: 1090px,
	xlarge: 1440px,
	xxlarge: 1920px,
	size_2600_3k: 2600px,
	size_3840_4k: 3840px,
	size_5760_6k: 5760px,
	size_7680_8k: 7680px,
	xxxlarge_unused: 20000px,
*/
@media (min-width: 767px) {
  /*
	.alf-swiper-container-carousel_01 .swiper-panorama{
		overflow:visible;
	}
	*/
  /*
	//Buggy : Coupe le haut du swiper.
	.alf-swiper-container-carousel_01{
		mask-image: linear-gradient(to right, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 25%, rgba(0,0,0, 1) 75%, rgba(0,0,0, 0) 100%);
		mask-position: 0 0;
		mask-size: 100% 100%;
		overflow:hidden;
	}
	*/
  .alf-swiper-master-container-carousel_01 {
    margin-top: -4rem;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 25%, black 75%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 25%, black 75%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%; }
  .alf-swiper-container-carousel_01 .swiper {
    overflow: visible;
    width: 100%;
    height: 13.75rem;
    padding: 0;
    margin-bottom: 3rem;
    margin-top: 6rem;
    /*
		mask-image: linear-gradient(to right, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 25%, rgba(0,0,0, 1) 75%, rgba(0,0,0, 0) 100%);
		mask-position: 0 0;
		mask-size: 100% 100%;
		*/
    -webkit-mask-image: none;
            mask-image: none; }
  .alf-swiper-container-carousel_01 .swiper-slide {
    width: 100%;
    height: 100%; }
  .alf-swiper-container-carousel_01 .swiper-slide-bg-image-carousel_01 {
    -webkit-filter: drop-shadow(0 0 10px rgba(254, 254, 254, 0.625)) drop-shadow(0 0 5px #fefefe) drop-shadow(0 -15px 25px rgba(110, 0, 0, 0.325));
            filter: drop-shadow(0 0 10px rgba(254, 254, 254, 0.625)) drop-shadow(0 0 5px #fefefe) drop-shadow(0 -15px 25px rgba(110, 0, 0, 0.325)); } }

@media (min-width: 1090px) {
  /*
	.alf-swiper-container-carousel_01 .swiper-panorama{
		overflow:visible;
	}
	*/
  .alf-swiper-container-carousel_01 .swiper {
    overflow: visible;
    width: 100%;
    height: 13.75rem;
    padding: 0;
    margin-bottom: 3rem; }
  .alf-swiper-container-carousel_01 .swiper-slide {
    width: 100%;
    height: 100%; }
  /*
	:root {
		--swiper-navigation-top-offset: 50%;
	}
	*/ }

@media (min-width: 1440px) {
  /*
	.alf-swiper-container-carousel_01 .swiper-panorama{
		overflow:visible;
	}
	*/
  .alf-swiper-container-carousel_01 .swiper {
    overflow: visible;
    width: 100%;
    height: 13.75rem;
    padding: 0;
    margin-bottom: 3rem; } }

@media (min-width: 1920px) {
  /*
	.alf-swiper-container-carousel_01 .swiper-panorama{
		overflow:visible;
	}
	*/
  .alf-swiper-container-carousel_01 .swiper {
    overflow: visible;
    width: 100%;
    height: 13.75rem;
    padding: 0;
    margin-bottom: 3rem; } }