.elementor-kit-20468{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#333333;--e-global-color-accent:#F5F3EF;--e-global-color-47b447d:#EA7C02;--e-global-color-9a1bbae:#DA5914;--e-global-color-3e004d4:#A855F7;--e-global-color-34be5d9:#7B3FE4;--e-global-color-587efa5:#7FB069;--e-global-color-5102d4e:#2F5D50;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:700;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-kit-20468 e-page-transition{background-color:#FFBC7D;}.elementor-kit-20468 a{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;}.elementor-kit-20468 h1{font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-kit-20468 h2{font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-kit-20468 h3{font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-kit-20468 h4{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-20468 h5{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-kit-20468 h6{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */:root {
  /* Largeur max du contenu */
  --container-max-width: 1440px;

  /* Marges latérales */
  --container-padding-x: 15%;
  --container-padding-header-x: 15%;

  /* Espacements verticaux */
  --section-padding-y: 60px;
  --section-padding-header-y: 40px;

  /* Espacement entre éléments */
  --section-gap: 60px;

  /* TAILLE POLICE */
  --airlinks-h1: clamp(36px, 5vw, 88px);
  --airlinks-h2: clamp(28px, 2.8vw, 100px);
  --airlinks-h3: clamp(22px, 2.2vw, 36px);
  --airlinks-h4: clamp(18px, 1.6vw, 28px);
  --airlinks-h5: clamp(16px, 1.2vw, 22px);
  --airlinks-h6: clamp(14px, 1vw, 18px);
  --airlinks-p: clamp(16px, 1.05vw, 20px);
  --airlinks-nav: clamp(14px, 0.8vw, 18px);

  /* DÉGRADÉS DE COULEURS */
  --airlinks-degrade-orange: linear-gradient(135deg, #ea7c02 0%, #da5914 74%);
  --airlinks-degrade-violet: linear-gradient(135deg, #a855f7 0%, #7b3fe4 74%);
  --airlinks-degrade-vert: linear-gradient(135deg, #7fb069 0%, #2f5d50 74%);
  --airlinks-degrade-noir: linear-gradient(135deg, #333333 0%, #000000 74%);
  --airlinks-degrade-blanc: linear-gradient(135deg, #ffffff 0%, #f5f3ef 74%);

  /* DÉGRADÉS DE COULEURS AU SURVOL */
  --hover-degrade-orange: linear-gradient(135deg, #da5914 0%, #ea7c02 74%);
  --hover-degrade-violet: linear-gradient(135deg, #7b3fe4 0%, #a855f7 74%);
  --hover-degrade-vert: linear-gradient(135deg, #2f5d50 0%, #7fb069 74%);
  --hover-degrade-noir: linear-gradient(135deg, #000000 0%, #333333 74%);
  --hover-degrade-blanc: linear-gradient(135deg, #f5f3ef 0%, #ffffff 74%);
}

/* ÉCRAN NORMAL */
@media screen and (max-width: 1680px) {
  :root {
    --container-padding-x: 10%;
    --container-padding-header-x: 10%;
    --section-padding-y: 60px;
    --section-padding-header-y: 20px;
    --section-gap: 60px;
  }
}

/* PETIT ÉCRAN */
@media screen and (max-width: 1200px) {
  :root {
    --container-padding-x: 4%;
    --container-padding-header-x: 4%;
    --section-padding-y: 50px;
    --section-padding-header-y: 20px;
    --section-gap: 40px;
  }
}

/* TABLETTE */
@media screen and (max-width: 1040px) {
  :root {
    --container-padding-x: 4%;
    --container-padding-header-x: 4%;
    --section-padding-y: 50px;
    --section-padding-header-y: 20px;
    --section-gap: 40px;
  }
}

/* MOBILE */
@media screen and (max-width: 767px) {
  :root {
    --container-padding-x: 20px;
    --container-padding-header-x: 20px;
    --section-padding-y: 40px;
    --section-padding-header-y: 15px;
    --section-gap: 30px;
  }
}


/* ==================================================
   Les sections & les colonnes
   ================================================== */


.section-airlinks-header{
   padding: var(--section-padding-header-y) var(--container-padding-header-x);
}


.section-airlinks {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--section-padding-y) var(--container-padding-x);
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
}

.section-airlinks-prix {
   width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--container-padding-x);
  padding-top: 120px;
  padding-bottom: 150px;
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
}

/* ==================================================
   Les titres & effets de couleurs
   ================================================== */

p {
  margin-bottom: 0 !important;
}

.airlinks-h1 {
	font-size: var(--airlinks-h1);
	line-height: 0.95;
}

.airlinks-h2 {
	font-size: var(--airlinks-h2);
	line-height: 1;
}

.airlinks-h3 {
	font-size: var(--airlinks-h3);
	line-height: 1.1;
}

.airlinks-h4 {
	font-size: var(--airlinks-h4);
    line-height: 1.15;
}

.airlinks-h5 {
	font-size: var(--airlinks-h5);
	line-height: 1.2;
}

.airlinks-h6 {
	font-size: var(--airlinks-h6);
	line-height: 1.25;
}

.airlinks-p {
	font-size: var(--airlinks-p);
	line-height: 1.6;
}

.airlinks-nav-header {
    font-size: var(--airlinks-nav);
    text-shadow: 0 0 0.6em #ffffff;
}

.airlinks-nav-header:hover {
    text-shadow: 0 0 0.2em #ffffff;
}

.airlinks-nav-footer {
    font-size: var(--airlinks-nav);
}

.titre-orange{
    display: inline-block;
	background: var(--airlinks-degrade-orange);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.titre-vert{
    display: inline-block;
	background: var(--airlinks-degrade-vert);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.titre-violet{
    display: inline-block;
	background: var(--airlinks-degrade-violet);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.titre-noir{
    display: inline-block;
	background: var(--airlinks-degrade-noir);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.titre-blanc{
    display: inline-block;
	background: var(--airlinks-degrade-blanc);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.ombre-blanche{
    filter:
		drop-shadow(0.04em 0.04em 0 #ffffff)
		drop-shadow(0.06em 0.06em 0.06em rgba(0, 0, 0, 0.25));
}

.ombre-noire{
    filter:
		drop-shadow(0.04em 0.04em 0 #000000)
		drop-shadow(0.06em 0.06em 0.06em rgba(0, 0, 0, 0.25));
}


/* ==================================================
   Les boutons
   ================================================== */


.bouton-airlinks{
    padding: 15px 30px 15px 30px !important;
    border-radius: 999px !important;
    box-shadow:
    4px 4px #ffffff,
    6px 10px 15px rgba(0, 0, 0, 0.25);
    font-size: var(--airlinks-h6)!important;
    font-weight: 800!important;
}

.bouton-airlinks:hover{
    transform: translateY(5px);
}

.bouton-airlinks,
.bouton-airlinks .elementor-button,
.bouton-airlinks a.elementor-button{
    padding: 15px 30px !important;
    border-radius: 999px !important;
    box-shadow:
        4px 4px #ffffff,
        6px 10px 15px rgba(0, 0, 0, 0.25) !important;
    font-size: var(--airlinks-h6) !important;
    font-weight: 800 !important;
    overflow: visible !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bouton-airlinks:hover,
.bouton-airlinks:hover .elementor-button,
.bouton-airlinks:hover a.elementor-button{
    transform: translateY(5px);
}

.bouton-airlinks-ombre-noire{
    padding: 15px 30px 15px 30px !important;
    border-radius: 999px !important;
    box-shadow:
    4px 4px #3333332A,
    6px 10px 15px rgba(0, 0, 0, 0.25);
    font-size: var(--airlinks-h6)!important;
    font-weight: 800!important;
}

.bouton-airlinks-ombre-noire:hover{
    transform: translateY(5px);
}

.bouton-airlinks-ombre-noire,
.bouton-airlinks-ombre-noire .elementor-button,
.bouton-airlinks-ombre-noire a.elementor-button{
    padding: 15px 30px !important;
    border-radius: 999px !important;
    box-shadow:
        4px 4px #333333,
        6px 10px 15px rgba(0, 0, 0, 0.25) !important;
    font-size: var(--airlinks-h6) !important;
    font-weight: 800 !important;
    overflow: visible !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bouton-airlinks-ombre-noire:hover,
.bouton-airlinks-ombre-noire:hover .elementor-button,
.bouton-airlinks-ombre-noire:hover a.elementor-button{
    transform: translateY(5px);
}

.bouton-orange{
    background: var(--airlinks-degrade-orange);
}

.bouton-orange:hover{
    background: var(--hover-degrade-orange);
}

.bouton-violet{
    background: var(--airlinks-degrade-violet);
}

.bouton-violet:hover{
    background: var(--hover-degrade-violet);
}

.bouton-vert{
    background: var(--airlinks-degrade-vert);
}

.bouton-vert:hover{
    background: var(--hover-degrade-vert);
}

.bouton-noir{
    background: var(--airlinks-degrade-noir);
}

.bouton-noir:hover{
    background: var(--hover-degrade-noir);
}

.bouton-blanc{
    background: var(--airlinks-degrade-blanc);
}

.bouton-blanc:hover{
    background: var(--hover-degrade-blanc);
}


/* ==================================================
   Les backgrounds
   ================================================== */
   
.background-orange{
    background: var(--airlinks-degrade-orange);
}

.background-violet{
    background: var(--airlinks-degrade-violet);
}

.background-vert{
    background: var(--airlinks-degrade-vert);
}

.background-noir{
    background: var(--airlinks-degrade-noir);
}

.background-blanc{
    background: var(--airlinks-degrade-blanc);
}

.glossy-airlinks{
    background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.1px);
-webkit-backdrop-filter: blur(6.1px);
border: 1px solid rgba(255, 255, 255, 0.3);
}


/* ==================================================
   Les pictogrammes
   ================================================== */
   
.svg-blanc svg,
.svg-blanc svg * {
  fill: #ffffff !important;
  color: #ffffff !important;
}




/* ==================================================
   Les animations
   ================================================== */

.animation{
    cursor: pointer;
    box-shadow: 0 0 15px #646cff50;
}

.animation:hover {
    transform: scale(1.05);
}

.photo-equipier{
    cursor: pointer;
}

.photo-equipier:hover {
    transform: scale(1.05);
}


/* Float Shadow */
.clicme {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.clicme:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.clicme:hover, .clicme:focus, .clicme:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.clicme:hover:before, .clicme:focus:before, .clicme:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* ==================================================
   Les animations test 
   ================================================== */

.hover-zoom{
    cursor: pointer;
    overflow: hidden;
    border-radius: 20px;
    transition: box-shadow 0.25s ease-in-out, transform 0.5s ease;
    height: 100%;
}

/* Très important : la colonne Elementor doit étirer les cartes */
.hover-zoom,
.hover-zoom > .e-con-inner,
.hover-zoom > .elementor-widget-wrap{
    display: flex;
    flex-direction: column;
}

/* Image */
.hover-zoom img{
    width: 100%;
    height: clamp(260px, 28vw, 430px);
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.5s ease;
}

/* Contenu sous image */
.hover-zoom .elementor-widget-heading{
    margin-top: 30px;
    text-align: center;
}

.hover-zoom .elementor-widget-text-editor{
    text-align: center;
    min-height: 60px;
}

.hover-zoom .elementor-widget-button{
    margin-top: auto;
    padding-bottom: 30px;
    text-align: center;
}

/* Hover */
.hover-zoom:hover{
    transform: scale(0.98);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.hover-zoom:hover img{
    transform: scale(1.15);
}/* End custom CSS */