@charset "UTF-8";
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

SCSS CODE BASE -- DATE : 14/06/2022 -- AUTHOR : OLIVER MICHAS -- © PATRIVIA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
╔═╗╦  ╔═╗╔╗ ╔═╗╦
║ ╦║  ║ ║╠╩╗╠═╣║
╚═╝╩═╝╚═╝╚═╝╩ ╩╩═╝
////////////////////////////*/
/*------------------------------
GLOBAL : NORMALIZE
~ rendu consistant sur navigateurs
--------------------------------*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  position: relative;
}

html, body {
  height: 100%;
  min-width: 100%;
  scroll-behavior: smooth;
}

body {
  line-height: 1.5;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

ul, p {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

#root, #__next {
  isolation: isolate;
}

/* > rendu consistant sur navigateurs*/
/*------------------------------
GLOBAL : VARIABLES
~ variables et constantes globales
--------------------------------*/
/*RP BREAKS*/
/*COLOR PALETTE*/
/*FONT SIZES*/
/*SHAPES*/
.s-round--low {
  border-radius: 2px;
}

.s-round--med {
  border-radius: 3px;
}

.s-round--high {
  border-radius: 5px;
}

.s-round--btn {
  border-radius: 60px;
}

.s-round--full {
  border-radius: 100%;
}

.s-round--top {
  border-radius: 3px 3px 0 0;
}

.s-round--bot {
  border-radius: 0 0 3px 3px;
}

/*ELEVATIONS*/
.e-low {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.08);
}

.e-med {
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.21);
}

.e-high {
  box-shadow: 0 3px 21px 2px rgba(0, 0, 0, 0.21);
}

/*SIZES*/
/* > variables et constantes globales*/
/*------------------------------
GLOBAL : ICONS
~ icones et variantes de couleur
--------------------------------*/
[data-icon=home] {
  background-image: url("../assets/icons/sprite.svg#home_white");
  background-repeat: no-repeat;
}
[data-icon=home].ico--orange {
  background-image: url("../assets/icons/sprite.svg#home_orange");
}
[data-icon=home].ico--black {
  background-image: url("../assets/icons/sprite.svg#home_black");
}
[data-icon=home].ico--white {
  background-image: url("../assets/icons/sprite.svg#home_white");
}

.ico--home {
  background-image: url("../assets/icons/sprite.svg#home_black");
  background-size: 100% 100%;
}

.ico--home_white {
  background-image: url("../assets/icons/sprite.svg#home_white");
  background-size: 100% 100%;
}

.ico--home_orange {
  background-image: url("../assets/icons/sprite.svg#home_orange");
  background-size: 100% 100%;
}

/* > icones et variantes*/
/*----------------------------
COMPONENTS : HELPERS
~ Classes utilitaires
------------------------------*/
html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

*[class*=ratio-] picture {
  height: 100%;
}
*[class*=ratio-] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*[class*=ratio-].ratio-left img {
  object-position: left;
}
*[class*=ratio-].ratio-right img {
  object-position: right;
}

.ratio-1_1 {
  aspect-ratio: 1/1;
}

.ratio-2_3 {
  aspect-ratio: 2/3;
}

.ratio-16_9 {
  aspect-ratio: 16/9;
}

@media screen and (min-width: 1024px) {
  *[display-mobile=true] {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  *[display-mobile=false] {
    display: none !important;
  }
}
/*Animations*/
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.08);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
.a-lightray:before {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 0) 24%, rgba(235, 234, 234, 0.21) 34%, rgba(255, 255, 255, 0.38) 46%, rgba(242, 242, 242, 0.21) 58%, rgba(235, 235, 235, 0) 72%, rgba(255, 255, 255, 0) 100%);
  background-size: 100% 250%;
  background-repeat: no-repeat;
  background-position: 0 -50%;
  opacity: 0;
}

@keyframes lightray {
  0% {
    opacity: 1;
    background-position: 0 -50%;
  }
  100% {
    opacity: 1;
    background-position: -10% 160%;
  }
}
.a-scaletilt--left,
.a-scaletilt--right {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}

.a-scaletilt--right {
  left: 50%;
}
.a-scaletilt--right:hover ~ .a-scaletilt--target {
  transform: perspective(1000px) rotateY(5deg);
}
.a-scaletilt--right:hover ~ .a-scaletilt--target picture img {
  transform-origin: 40% center;
}
.a-scaletilt--right:hover ~ .a-scaletilt--target:before {
  animation: lightray 0.89s cubic-bezier(0.3, 0.7, 0.4, 1) forwards;
}

.a-scaletilt--right:hover ~ .c-ribbon {
  transform: perspective(1000px) translateX(-3%);
  transition: transform 0.34s ease-out;
}

.a-scaletilt--left:hover ~ .a-scaletilt--target {
  transform: perspective(1000px) rotateY(-5deg);
}
.a-scaletilt--left:hover ~ .a-scaletilt--target picture img {
  transform-origin: 60% center;
}
.a-scaletilt--left:hover ~ .a-scaletilt--target:before {
  animation: lightray 0.89s cubic-bezier(0.3, 0.7, 0.4, 1) forwards;
}

.a-scaletilt--left:hover ~ .c-ribbon {
  transform: perspective(1000px) translateX(6%);
  transition: transform 0.34s ease-out;
}

.a-scaletilt--target {
  transition: transform 0.34s ease-out;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.a-scaletilt--target:before {
  z-index: 2;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* > classes utilitaires*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
╔╦╗╦ ╦╔═╗╔╦╗╔═╗╔═╗
 ║ ╠═╣║╣ ║║║║╣ ╚═╗
 ╩ ╩ ╩╚═╝╩ ╩╚═╝╚═╝
////////////////////////////*/
/*------------------------------------
THEMES : TICKEAT
--------------------------------------*/
.tf-input {
  font-family: "Noto Sans JP";
  font-size: clamp(0.95rem, calc(0.63rem + 0.42vw), 1.00rem);
  font-weight: 700;
  color: #000;
}

.tf-error {
  font-size: clamp(0.95rem, calc(0.63rem + 0.42vw), 1.00rem);
}

.tf-input--label {
  font-size: clamp(0.95rem, calc(0.63rem + 0.42vw), 1.00rem);
}

.tf-input--active {
  text-align: center;
  font-size: clamp(1.29rem, calc(0.72rem + 1.56vw), 2.13rem);
  font-family: "Noto Sans JP";
}

.tf-quote--cite {
  font-weight: 500;
  font-size: 20;
  color: black;
  text-align: center;
}

.tf-nav--title {
  color: blue;
  font-size: 30px;
}

.tf-nav--item {
  text-decoration: none;
  color: red;
}

/*----------------------------
GLOBAL : TYPE
~ polices et typographie
------------------------------*/
/* FONTS */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("../assets/fonts/raleway/raleway.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* TYPE */
html {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

/* STYLES */
.f-u--u {
  text-transform: uppercase;
}

.f-u--c {
  text-align: center;
}

.f-u--l {
  text-align: left;
}

.f-u--r {
  text-align: right;
}

.f-u--i {
  font-style: italic;
}

.f-u--b {
  font-weight: 900 !important;
}

.f-u--o {
  max-width: 39em;
}

.f-u--sans {
  font-family: "Noto Sans JP", sans-serif !important;
}

.f-u--serif {
  font-family: "Noto Sans", sans-serif !important;
}

.f-u--s, .f-ux, .f-ux--2, .c-btn--secondary, .f-ux--1, .c-btn--primary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1em !important;
}

.f-u--n {
  filter: invert(1);
}
.f-u--n::selection {
  color: #020200;
  background: #fde7d4;
}

.f-h, .f-h--2, .t-front dt, .f-h--1, .t-front h1, .tf-titre {
  font-family: "Noto Sans", sans-serif;
  font-kerning: normal;
  hyphens: auto;
}
.f-h strong, .f-h--2 strong, .t-front dt strong, .f-h--1 strong, .t-front h1 strong, .tf-titre strong {
  border-bottom: 5px solid #91D0EE;
}

.f-h--1, .t-front h1, .tf-titre {
  font-weight: 900;
  font-size: clamp(5.56rem, calc(2.49rem + 4.80vw), 8.25rem);
  font-style: italic;
  line-height: 1.36em;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .f-h--1, .t-front h1, .tf-titre {
    line-height: 1em;
  }
}
.f-h--1 small, .t-front h1 small, .tf-titre small {
  display: block;
  font-weight: 600;
  font-size: clamp(3.00rem, calc(2.00rem + 1.56vw), 3.88rem);
  line-height: 1.35em;
  margin-bottom: -34px;
}
@media screen and (max-width: 1024px) {
  .f-h--1 small, .t-front h1 small, .tf-titre small {
    margin-bottom: -21px;
  }
}
@media screen and (max-width: 768px) {
  .f-h--1 small, .t-front h1 small, .tf-titre small {
    margin-bottom: 0;
  }
}

.f-h--2, .t-front dt {
  font-weight: 900;
  font-size: clamp(1.13rem, calc(0.70rem + 0.67vw), 1.50rem);
  line-height: 1.16em;
  letter-spacing: 1.6px;
}

.f-sh, .f-sh--2, .f-sh--1, .t-front h2, .tf-soustitre {
  font-family: "Noto Sans", sans-serif;
  hyphens: auto;
  font-weight: 600;
}
.f-sh strong, .f-sh--2 strong, .f-sh--1 strong, .t-front h2 strong, .tf-soustitre strong {
  color: #91D0EE;
}

.f-sh--1, .t-front h2, .tf-soustitre {
  font-style: italic;
  font-weight: 200;
  font-size: clamp(2.63rem, calc(1.91rem + 1.12vw), 3.25rem);
  line-height: 1.34em;
  letter-spacing: 0;
}
.f-sh--1 b, .t-front h2 b, .tf-soustitre b {
  font-weight: 600;
}

.f-sh--2 {
  font-size: clamp(1.10rem, calc(0.84rem + 0.52vw), 1.31rem);
  line-height: 1.56em;
  letter-spacing: 0.0075em;
}

.f-c, .f-c--4, .f-c--2, .t-front .c-grid dd,
.t-front .c-list dd,
.t-front a + small, .f-c--1, .t-front p, .t-front article h3, .tf-corpus {
  hyphens: auto;
  font-family: "Noto Sans JP", sans-serif;
  max-width: 42em;
}

.f-c--1, .t-front p, .t-front article h3, .tf-corpus {
  color: #D0D6DC;
  font-weight: 400;
  font-size: clamp(1.13rem, calc(0.70rem + 0.67vw), 1.50rem);
  line-height: 1.91em;
  letter-spacing: 0;
}
.f-c--1 strong, .t-front p strong, .t-front article h3 strong, .tf-corpus strong {
  color: #FDFDFF;
}

.f-c--2, .t-front .c-grid dd,
.t-front .c-list dd,
.t-front a + small {
  font-weight: 400;
  font-size: clamp(1.00rem, calc(0.86rem + 0.22vw), 1.13rem);
  line-height: 1.55em;
  letter-spacing: 0.55px;
}

.f-c--3, .t-front li {
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: clamp(1.00rem, calc(0.86rem + 0.22vw), 1.13rem);
  line-height: 1.91em;
  letter-spacing: 0.055px;
}

.f-c--4 {
  font-weight: 400;
  font-size: clamp(0.83rem, calc(0.50rem + 0.42vw), 0.88rem);
  line-height: 1.44em;
  letter-spacing: 0.01em;
}

.f-ux, .f-ux--2, .c-btn--secondary, .f-ux--1, .c-btn--primary {
  font-weight: 900;
  font-family: "Noto Sans", sans-serif;
  font-kerning: none;
}

.f-ux--1, .c-btn--primary {
  font-size: clamp(1.31rem, calc(0.38rem + 1.45vw), 2.13rem);
  letter-spacing: 5.55px;
  text-indent: 0.34em;
}

.f-ux--2, .c-btn--secondary {
  font-size: clamp(1.13rem, calc(0.70rem + 0.67vw), 1.50rem);
  letter-spacing: 4px;
}

.f-x--price, .t-front .t-offer h3 {
  font-kerning: normal;
  font-family: "Noto Sans", sans-serif;
  font-size: 5.56em;
  font-weight: 900;
  color: #91D0EE;
}

.f-h--1 + .f-sh--1, .t-front .f-h--1 + h2, .t-front h1 + .f-sh--1, .t-front h1 + h2, .tf-titre + .f-sh--1, .t-front .tf-titre + h2, .f-h--1 + .tf-soustitre, .t-front h1 + .tf-soustitre, .tf-titre + .tf-soustitre {
  margin-top: -21px;
}
@media screen and (max-width: 1024px) {
  .f-h--1 + .f-sh--1, .t-front .f-h--1 + h2, .t-front h1 + .f-sh--1, .t-front h1 + h2, .tf-titre + .f-sh--1, .t-front .tf-titre + h2, .f-h--1 + .tf-soustitre, .t-front h1 + .tf-soustitre, .tf-titre + .tf-soustitre {
    margin-top: -8px;
  }
}
@media screen and (max-width: 768px) {
  .f-h--1 + .f-sh--1, .t-front .f-h--1 + h2, .t-front h1 + .f-sh--1, .t-front h1 + h2, .tf-titre + .f-sh--1, .t-front .tf-titre + h2, .f-h--1 + .tf-soustitre, .t-front h1 + .tf-soustitre, .tf-titre + .tf-soustitre {
    margin-top: 0;
  }
}

.f-sh--1 + .f-c--1, .t-front .f-sh--1 + p, .t-front article .f-sh--1 + h3, .t-front h2 + .f-c--1, .t-front h2 + p, .t-front article h2 + h3, .tf-soustitre + .f-c--1, .t-front .tf-soustitre + p, .t-front article .tf-soustitre + h3, .f-sh--1 + .tf-corpus, .t-front h2 + .tf-corpus, .tf-soustitre + .tf-corpus {
  margin-top: 34px;
}

/* > polices et typographie*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
╔═╗╔═╗╔╦╗╔═╗╔═╗╔╗╔╔═╗╔╗╔╔╦╗╔═╗
║  ║ ║║║║╠═╝║ ║║║║║╣ ║║║ ║ ╚═╗
╚═╝╚═╝╩ ╩╩  ╚═╝╝╚╝╚═╝╝╚╝ ╩ ╚═╝
////////////////////////////*/
/*----------------------------
COMPONENTS : BOUTONS
~ Tout type de bouton Patrivia
------------------------------*/
.c-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: unset;
  color: unset;
  border: 0;
  font-size: clamp(0.95rem, calc(0.63rem + 0.42vw), 1.00rem);
  text-decoration: none;
}

.c-btn--primary {
  display: block;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
  transition: all 0.2s ease-in;
  border: 0;
  text-decoration: none;
  color: #02182B;
  background: #91D0EE;
  padding: 34px 55px 39px;
  border-radius: 5px;
}
.c-btn--primary:hover {
  cursor: pointer;
}
.c-btn--primary:focus, .c-btn--primary:focus-visible {
  -webkit-tap-highlight-color: transparent;
  outline: #65bde7 1px solid;
}
.c-btn--primary:hover {
  transform: scale(1.1);
  background: #a7d9f1;
  box-shadow: 0 0 21px rgba(145, 208, 238, 0.2);
}
.c-btn--primary:active {
  transform: scale(1.06);
  box-shadow: none;
}

.c-btn--secondary {
  display: block;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
  transition: all 0.2s ease-in;
  border: 0;
  text-decoration: none;
  color: #FDFDFF;
  overflow: visible;
  margin-bottom: 34px;
}
.c-btn--secondary:hover {
  cursor: pointer;
}
.c-btn--secondary:focus, .c-btn--secondary:focus-visible {
  -webkit-tap-highlight-color: transparent;
  outline: #65bde7 1px solid;
}
.c-btn--secondary:after {
  content: " ";
  position: absolute;
  top: calc(100% + 21px);
  left: 50%;
  margin-left: calc((290px / 2) * -1);
  width: 290px;
  height: 14px;
  background: url(../assets/decor/underline.svg);
}

.c-btn--round {
  display: block;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
  transition: all 0.2s ease-in;
  border: 0;
  text-decoration: none;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  font-size: 0;
  color: transparent;
}
.c-btn--round:hover {
  cursor: pointer;
}
.c-btn--round:focus, .c-btn--round:focus-visible {
  -webkit-tap-highlight-color: transparent;
  outline: #65bde7 1px solid;
}
.c-btn--round[bg=green] {
  background: #009952;
}
.c-btn--round[bg=blue] {
  background: #6DAAC9;
}
.c-btn--round[bg=yellow] {
  background: #E1AA00;
}
.c-btn--round[bg=red] {
  background: #E32E1F;
}
.c-btn--round.active:before, .c-btn--round:hover:before {
  content: " ";
  position: absolute;
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 40px;
  left: -4px;
  top: -4px;
  border: 2px solid rgba(255, 255, 255, 0.34);
  transition: all 0.21s ease-in-out;
}
.c-btn--round:hover:before {
  border-color: white;
}

/* > boutons*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
╔═╗╦═╗╔═╗╔═╗╔╗╔╦╔═╗╔╦╗╔═╗
║ ║╠╦╝║ ╦╠═╣║║║║╚═╗║║║╚═╗
╚═╝╩╚═╚═╝╩ ╩╝╚╝╩╚═╝╩ ╩╚═╝
////////////////////////////*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
╦  ╔═╗╦ ╦╔═╗╦ ╦╔╦╗╔═╗
║  ╠═╣╚╦╝║ ║║ ║ ║ ╚═╗
╩═╝╩ ╩ ╩ ╚═╝╚═╝ ╩ ╚═╝
////////////////////////////*/
/*----------------------------
LAYOUTS : FLEX
~ Rangées et colonnes
------------------------------*/
.fx, .t-front .t-features article, .t-front .t-intro,
.t-front .t-features,
.t-front .t-offer,
.t-front .t-banner, .t-front .c-list > *,
.t-front .c-list figure,
.t-front .c-grid > *,
.t-front .c-grid figure, .t-front .c-list,
.t-front .c-grid {
  display: flex;
}
.fx.fx--col, .t-front .t-features article.fx--col, .t-front .t-intro,
.t-front .t-features,
.t-front .t-offer,
.t-front .t-banner, .t-front .c-list > .fx, .t-front .t-features .c-list > article,
.t-front .c-grid > .fx,
.t-front .t-features .c-grid > article, .t-front .c-list > .fx--col, .t-front .c-list > *,
.t-front .c-list figure,
.t-front .c-grid > .fx--col,
.t-front .c-grid > *,
.t-front .c-grid figure, .t-front .fx--col.c-list, .t-front .c-list > .c-list,
.t-front .c-grid > .c-list,
.t-front .fx--col.c-grid,
.t-front .c-list > .c-grid,
.t-front .c-grid > .c-grid {
  flex-direction: column;
}
.fx.fx--row, .t-front .t-features article.fx--row, .t-front .fx--row.t-intro,
.t-front .fx--row.t-features,
.t-front .fx--row.t-offer,
.t-front .fx--row.t-banner, .t-front .c-list > .fx--row,
.t-front .c-list figure.fx--row,
.t-front .c-grid > .fx--row,
.t-front .c-grid figure.fx--row, .t-front .fx--row.c-list,
.t-front .fx--row.c-grid {
  flex-direction: row;
}
.fx.fx--w, .t-front .t-features article.fx--w, .t-front .fx--w.t-intro,
.t-front .fx--w.t-features,
.t-front .fx--w.t-offer,
.t-front .fx--w.t-banner, .t-front .c-list > .fx--w,
.t-front .c-list figure.fx--w,
.t-front .c-grid > .fx--w,
.t-front .c-grid figure.fx--w, .t-front .c-list,
.t-front .c-grid {
  flex-wrap: wrap;
}
.fx.fx-hc, .t-front .t-features article, .t-front .t-intro,
.t-front .t-features,
.t-front .t-offer,
.t-front .t-banner, .t-front .c-list > .fx-hc,
.t-front .c-list figure.fx-hc,
.t-front .c-list figure.t-intro,
.t-front .c-list figure.t-features,
.t-front .c-list figure.t-offer,
.t-front .c-list figure.t-banner,
.t-front .c-grid > .fx-hc,
.t-front .c-grid figure.fx-hc,
.t-front .c-grid figure.t-intro,
.t-front .c-grid figure.t-features,
.t-front .c-grid figure.t-offer,
.t-front .c-grid figure.t-banner, .t-front .c-list,
.t-front .c-grid {
  justify-content: center;
}
.fx.fx-hs, .t-front .t-features article.fx-hs, .t-front .fx-hs.t-intro,
.t-front .fx-hs.t-features,
.t-front .fx-hs.t-offer,
.t-front .fx-hs.t-banner, .t-front .c-list > .fx-hs,
.t-front .c-list figure.fx-hs,
.t-front .c-grid > .fx-hs,
.t-front .c-grid figure.fx-hs, .t-front .fx-hs.c-list,
.t-front .fx-hs.c-grid {
  justify-content: flex-start;
}
.fx.fx-he, .t-front .t-features article.fx-he, .t-front .fx-he.t-intro,
.t-front .fx-he.t-features,
.t-front .fx-he.t-offer,
.t-front .t-banner, .t-front .c-list > .fx-he,
.t-front .c-list figure.fx-he,
.t-front .c-list figure.t-banner,
.t-front .c-grid > .fx-he,
.t-front .c-grid figure.fx-he,
.t-front .c-grid figure.t-banner, .t-front .fx-he.c-list,
.t-front .fx-he.c-grid {
  justify-content: flex-end;
}
.fx.fx-sb, .t-front .t-features article.fx-sb, .t-front .fx-sb.t-intro,
.t-front .fx-sb.t-features,
.t-front .fx-sb.t-offer,
.t-front .fx-sb.t-banner, .t-front .c-list > .fx-sb,
.t-front .c-list figure.fx-sb,
.t-front .c-grid > .fx-sb,
.t-front .c-grid figure.fx-sb, .t-front .fx-sb.c-list,
.t-front .fx-sb.c-grid {
  justify-content: space-between;
}
.fx.fx-vc, .t-front .t-features article.fx-vc, .t-front .fx-vc.t-intro,
.t-front .fx-vc.t-features,
.t-front .fx-vc.t-offer,
.t-front .fx-vc.t-banner, .t-front .c-list > .fx, .t-front .t-features .c-list > article, .t-front .c-list > .t-intro,
.t-front .c-list > .t-features,
.t-front .c-list > .t-offer,
.t-front .c-list > .t-banner,
.t-front .c-grid > .fx,
.t-front .t-features .c-grid > article,
.t-front .c-grid > .t-intro,
.t-front .c-grid > .t-features,
.t-front .c-grid > .t-offer,
.t-front .c-grid > .t-banner, .t-front .c-list > .fx-vc, .t-front .c-list > *,
.t-front .c-list figure,
.t-front .c-grid > .fx-vc,
.t-front .c-grid > *,
.t-front .c-grid figure, .t-front .fx-vc.c-list, .t-front .c-list > .c-list,
.t-front .c-grid > .c-list,
.t-front .fx-vc.c-grid,
.t-front .c-list > .c-grid,
.t-front .c-grid > .c-grid {
  align-items: center;
}
.fx.fx-vs, .t-front .t-features article.fx-vs, .t-front .fx-vs.t-intro,
.t-front .fx-vs.t-features,
.t-front .fx-vs.t-offer,
.t-front .fx-vs.t-banner, .t-front .c-list > .fx-vs,
.t-front .c-list figure.fx-vs,
.t-front .c-grid > .fx-vs,
.t-front .c-grid figure.fx-vs, .t-front .fx-vs.c-list,
.t-front .fx-vs.c-grid {
  align-items: flex-start;
}
.fx.fx-ve, .t-front .t-features article.fx-ve, .t-front .fx-ve.t-intro,
.t-front .fx-ve.t-features,
.t-front .fx-ve.t-offer,
.t-front .fx-ve.t-banner, .t-front .c-list > .fx-ve,
.t-front .c-list figure.fx-ve,
.t-front .c-grid > .fx-ve,
.t-front .c-grid figure.fx-ve, .t-front .fx-ve.c-list,
.t-front .fx-ve.c-grid {
  align-items: flex-end;
}
.fx.fx-50_50 div, .t-front .t-features article.fx-50_50 div, .t-front .fx-50_50.t-intro div,
.t-front .fx-50_50.t-features div,
.t-front .fx-50_50.t-offer div,
.t-front .fx-50_50.t-banner div, .t-front .c-list > .fx-50_50 div,
.t-front .c-list figure.fx-50_50 div,
.t-front .c-grid > .fx-50_50 div,
.t-front .c-grid figure.fx-50_50 div, .t-front .fx-50_50.c-list div,
.t-front .fx-50_50.c-grid div {
  width: 50%;
}
.fx.fx-25_75 div:first-child, .t-front .t-features article.fx-25_75 div:first-child, .t-front .fx-25_75.t-intro div:first-child,
.t-front .fx-25_75.t-features div:first-child,
.t-front .fx-25_75.t-offer div:first-child,
.t-front .fx-25_75.t-banner div:first-child, .t-front .c-list > .fx-25_75 div:first-child,
.t-front .c-list figure.fx-25_75 div:first-child,
.t-front .c-grid > .fx-25_75 div:first-child,
.t-front .c-grid figure.fx-25_75 div:first-child, .t-front .fx-25_75.c-list div:first-child,
.t-front .fx-25_75.c-grid div:first-child {
  width: 25%;
}
.fx.fx-25_75 div:last-child, .t-front .t-features article.fx-25_75 div:last-child, .t-front .fx-25_75.t-intro div:last-child,
.t-front .fx-25_75.t-features div:last-child,
.t-front .fx-25_75.t-offer div:last-child,
.t-front .fx-25_75.t-banner div:last-child, .t-front .c-list > .fx-25_75 div:last-child,
.t-front .c-list figure.fx-25_75 div:last-child,
.t-front .c-grid > .fx-25_75 div:last-child,
.t-front .c-grid figure.fx-25_75 div:last-child, .t-front .fx-25_75.c-list div:last-child,
.t-front .fx-25_75.c-grid div:last-child {
  width: 75%;
}
.fx.fx-75_25 div:first-child, .t-front .t-features article.fx-75_25 div:first-child, .t-front .fx-75_25.t-intro div:first-child,
.t-front .fx-75_25.t-features div:first-child,
.t-front .fx-75_25.t-offer div:first-child,
.t-front .fx-75_25.t-banner div:first-child, .t-front .c-list > .fx-75_25 div:first-child,
.t-front .c-list figure.fx-75_25 div:first-child,
.t-front .c-grid > .fx-75_25 div:first-child,
.t-front .c-grid figure.fx-75_25 div:first-child, .t-front .fx-75_25.c-list div:first-child,
.t-front .fx-75_25.c-grid div:first-child {
  width: 75%;
}
.fx.fx-75_25 div:last-child, .t-front .t-features article.fx-75_25 div:last-child, .t-front .fx-75_25.t-intro div:last-child,
.t-front .fx-75_25.t-features div:last-child,
.t-front .fx-75_25.t-offer div:last-child,
.t-front .fx-75_25.t-banner div:last-child, .t-front .c-list > .fx-75_25 div:last-child,
.t-front .c-list figure.fx-75_25 div:last-child,
.t-front .c-grid > .fx-75_25 div:last-child,
.t-front .c-grid figure.fx-75_25 div:last-child, .t-front .fx-75_25.c-list div:last-child,
.t-front .fx-75_25.c-grid div:last-child {
  width: 25%;
}
.fx.fx-40_60 div:first-child, .t-front .t-features article.fx-40_60 div:first-child, .t-front .fx-40_60.t-intro div:first-child,
.t-front .fx-40_60.t-features div:first-child,
.t-front .fx-40_60.t-offer div:first-child,
.t-front .fx-40_60.t-banner div:first-child, .t-front .c-list > .fx-40_60 div:first-child,
.t-front .c-list figure.fx-40_60 div:first-child,
.t-front .c-grid > .fx-40_60 div:first-child,
.t-front .c-grid figure.fx-40_60 div:first-child, .t-front .fx-40_60.c-list div:first-child,
.t-front .fx-40_60.c-grid div:first-child {
  width: 40%;
}
.fx.fx-40_60 div:last-child, .t-front .t-features article.fx-40_60 div:last-child, .t-front .fx-40_60.t-intro div:last-child,
.t-front .fx-40_60.t-features div:last-child,
.t-front .fx-40_60.t-offer div:last-child,
.t-front .fx-40_60.t-banner div:last-child, .t-front .c-list > .fx-40_60 div:last-child,
.t-front .c-list figure.fx-40_60 div:last-child,
.t-front .c-grid > .fx-40_60 div:last-child,
.t-front .c-grid figure.fx-40_60 div:last-child, .t-front .fx-40_60.c-list div:last-child,
.t-front .fx-40_60.c-grid div:last-child {
  width: 60%;
}
.fx.fx-60_40 div:first-child, .t-front .t-features article.fx-60_40 div:first-child, .t-front .fx-60_40.t-intro div:first-child,
.t-front .fx-60_40.t-features div:first-child,
.t-front .fx-60_40.t-offer div:first-child,
.t-front .fx-60_40.t-banner div:first-child, .t-front .c-list > .fx-60_40 div:first-child,
.t-front .c-list figure.fx-60_40 div:first-child,
.t-front .c-grid > .fx-60_40 div:first-child,
.t-front .c-grid figure.fx-60_40 div:first-child, .t-front .fx-60_40.c-list div:first-child,
.t-front .fx-60_40.c-grid div:first-child {
  width: 60%;
}
.fx.fx-60_40 div:last-child, .t-front .t-features article.fx-60_40 div:last-child, .t-front .fx-60_40.t-intro div:last-child,
.t-front .fx-60_40.t-features div:last-child,
.t-front .fx-60_40.t-offer div:last-child,
.t-front .fx-60_40.t-banner div:last-child, .t-front .c-list > .fx-60_40 div:last-child,
.t-front .c-list figure.fx-60_40 div:last-child,
.t-front .c-grid > .fx-60_40 div:last-child,
.t-front .c-grid figure.fx-60_40 div:last-child, .t-front .fx-60_40.c-list div:last-child,
.t-front .fx-60_40.c-grid div:last-child {
  width: 40%;
}
.fx.fx-3col > div, .t-front .t-features article.fx-3col > div, .t-front .fx-3col.t-intro > div,
.t-front .fx-3col.t-features > div,
.t-front .fx-3col.t-offer > div,
.t-front .fx-3col.t-banner > div, .t-front .c-list > .fx-3col > div,
.t-front .c-list figure.fx-3col > div,
.t-front .c-grid > .fx-3col > div,
.t-front .c-grid figure.fx-3col > div, .t-front .fx-3col.c-list > div,
.t-front .fx-3col.c-grid > div {
  width: calc(100% / 3);
}
.fx.fx-4col > div, .t-front .t-features article.fx-4col > div, .t-front .fx-4col.t-intro > div,
.t-front .fx-4col.t-features > div,
.t-front .fx-4col.t-offer > div,
.t-front .fx-4col.t-banner > div, .t-front .c-list > .fx-4col > div,
.t-front .c-list figure.fx-4col > div,
.t-front .c-grid > .fx-4col > div,
.t-front .c-grid figure.fx-4col > div, .t-front .fx-4col.c-list > div,
.t-front .fx-4col.c-grid > div {
  width: calc(100% / 4);
}
.fx.fx-5col > div, .t-front .t-features article.fx-5col > div, .t-front .fx-5col.t-intro > div,
.t-front .fx-5col.t-features > div,
.t-front .fx-5col.t-offer > div,
.t-front .fx-5col.t-banner > div, .t-front .c-list > .fx-5col > div,
.t-front .c-list figure.fx-5col > div,
.t-front .c-grid > .fx-5col > div,
.t-front .c-grid figure.fx-5col > div, .t-front .fx-5col.c-list > div,
.t-front .fx-5col.c-grid > div {
  width: calc(100% / 5);
}

/* > Rangées et colonnes*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
╔╦╗╔═╗╔╦╗╔═╗╦  ╔═╗╔╦╗╔═╗╔═╗
 ║ ║╣ ║║║╠═╝║  ╠═╣ ║ ║╣ ╚═╗
 ╩ ╚═╝╩ ╩╩  ╩═╝╩ ╩ ╩ ╚═╝╚═╝
////////////////////////////*/
/*----------------------------
TEMPLATES : FRONT
~ Ensemble header / contenu / footer du front
------------------------------*/
.t-front .c-list > *,
.t-front .c-list figure,
.t-front .c-grid > *,
.t-front .c-grid figure {
  width: 280px;
}
.t-front .c-list figure,
.t-front .c-grid figure {
  height: 144px;
  margin-bottom: 34px;
  justify-content: center;
}
.t-front .c-list dd,
.t-front .c-grid dd {
  margin-top: 13px;
}
.t-front .logo {
  position: absolute;
  left: var(--space-2);
  top: 55px;
}
@media screen and (max-width: 768px) {
  .t-front .logo {
    width: 232px;
    left: 50%;
    margin-left: -116px;
    top: 34px;
  }
}
.t-front .c-list {
  gap: var(--space-2);
  padding: 0 var(--space-2);
}
@media screen and (min-width: 1024px) {
  .t-front .c-list--item:before {
    content: " ";
    position: absolute;
    right: calc(100% + (var(--space-2) / 2));
    top: 25%;
    width: 13px;
    height: 13px;
    background: rgba(255, 255, 255, 0.21);
    border-radius: 13px;
  }
}
.t-front .c-list--item:first-child:before {
  display: none;
}
.t-front .t-intro,
.t-front .t-features,
.t-front .t-offer {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .t-front .t-banner {
    padding-top: 233px;
    height: auto;
    text-align: center;
    align-items: center;
  }
}
.t-front .t-banner h1 + h2 {
  margin-top: -34px;
}
@media screen and (max-width: 1024px) {
  .t-front .t-banner h1 + h2 {
    margin-top: -13px;
  }
}
@media screen and (max-width: 768px) {
  .t-front .t-banner h1 + h2 {
    margin-top: -3px;
  }
}
.t-front .t-banner p {
  hyphens: none;
  max-width: 26em;
}
.t-front .t-banner img {
  max-width: 66%;
}
@media screen and (max-width: 768px) {
  .t-front .t-banner img {
    display: none;
  }
}
.t-front .t-banner a {
  margin-top: 13vh;
  align-self: center;
}
.t-front .t-intro h1 {
  padding: 0 var(--space-1);
}
.t-front .t-intro h2 + figure {
  margin: 55px 0 89px;
}
.t-front .t-intro h2 + figure img {
  width: 100%;
}
.t-front .t-intro .c-list--item {
  max-width: 233px;
}
.t-front .t-features {
  padding: 0 var(--space-2);
}
.t-front .t-features .c-list {
  padding: 0;
}
.t-front .t-features article {
  gap: 55px;
  text-align: right;
  margin-bottom: var(--space-3);
}
.t-front .t-features article h3 {
  max-width: 480px;
}
.t-front .t-features article:first-of-type {
  margin-top: var(--space-2);
  gap: var(--space-2);
  align-items: flex-end;
}
.t-front .t-features article:first-of-type h3 {
  margin-bottom: 110px;
}
.t-front .t-features article:nth-child(even) {
  text-align: left;
  flex-direction: row-reverse;
  align-items: center;
}
.t-front .t-features article:last-child {
  margin-right: -89px;
}
.t-front .t-features article:last-child h3 {
  margin-top: 110px;
}
.t-front .t-features article .c-minislide img ~ img {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .t-front .t-features article {
    text-align: center !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}
.t-front .t-features article ul {
  list-style-type: none;
  display: flex;
  margin-top: 34px;
  gap: 21px;
}
.t-front .t-offer {
  padding: 0 var(--space-2);
  align-items: center;
}
.t-front .t-offer h3 {
  margin: 144px 0;
}
.t-front .t-offer a {
  margin: 144px 0 34px;
}
.t-front .t-offer small {
  display: block;
  margin: auto;
  max-width: 450px;
}
.t-front .t-offer .c-grid {
  gap: var(--space-2) var(--space-1);
}
.t-front .t-offer .c-grid--item {
  padding-top: calc(55px + 34px);
}
.t-front .t-offer .c-grid--item:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 54px;
  height: 54px;
  left: 50%;
  margin-left: -27px;
  background: url(../assets/icons/check.svg);
  background-size: 54px 54px;
}
.t-front .t-team h1, .t-front .t-team h2 {
  padding-left: var(--space-2);
}
@media screen and (max-width: 1280px) {
  .t-front .t-team {
    text-align: center;
  }
  .t-front .t-team h1, .t-front .t-team h2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
}
.t-front .t-team h1 {
  line-height: 1.2em;
}
.t-front .t-team h1 + h2 {
  margin-top: 13px;
  margin-bottom: 89px;
}
.t-front .t-team img:last-child {
  position: absolute;
  width: 232px;
  bottom: 89px;
  left: 50%;
  margin-left: -116px;
}
@media screen and (max-width: 1024px) {
  .t-front .t-team img:last-child {
    width: 144px;
    margin-left: -72px;
    bottom: 34px;
  }
}

/* > Front */

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