@charset "UTF-8";
/*
Theme Name: Galaxyy
Author: Anthony Jaeger
Author URI: https://groupe-isia.com
Description: Thème Galaxyy
Version: 2.0
*/
/* #region Général */
html {
  scroll-behavior: smooth;
  color: #050047;
}

body {
  font-family: "Verdana", sans-serif;
  margin: 0;
  scroll-behavior: smooth;
}

body button {
  font-family: "Verdana", sans-serif;
}

body textarea {
  font-family: "Verdana", sans-serif;
}

body input[type=text],
body input[type=date],
body input[type=number] {
  font-family: "Verdana", sans-serif;
}

body select {
  font-family: "Verdana", sans-serif;
}

body * {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  outline: none;
  color: #050047;
}

a:hover {
  color: #050047;
}

ol,
ul {
  list-style: none;
  padding: 0;
}

h1 {
  font-size: 80px;
  margin: 0;
  text-wrap: balance;
}

h2 {
  font-size: 64px;
  margin: 0;
  text-wrap: balance;
}

h3 {
  font-size: 32px;
  margin: 0;
  text-wrap: balance;
}

h4 {
  font-size: 30px;
  margin: 0;
  text-wrap: balance;
}

p,
span,
li {
  text-wrap: balance;
  font-size: 21px;
  line-height: 150%;
  font-weight: 400;
  margin: 0;
}

section {
  padding-top: var(--Spacing-64, 64px);
  padding-bottom: var(--Spacing-64, 64px);
}

.width-general {
  margin: auto;
  width: 90%;
  max-width: 1664px;
}

.width-general-reduit {
  margin: auto;
  width: 85%;
  max-width: 1440px;
}

.width-general-reduit-2 {
  margin: auto;
  width: 80%;
  max-width: 1080px;
}

#main-content {
  position: relative;
}

/* Loader */
#reservation-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
#reservation-loader .loader-spinner {
  width: 30px;
  height: 30px;
  border: 4px solid #ddd;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "Gill Sans Nova Inline";
  src: url("assets/fonts/gill-sans-nova-inline-webfont.woff") format("woff"), url("assets/fonts/gill-sans-nova-inline-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gill Sans MT";
  src: url("assets/fonts/gillsansmt.woff") format("woff"), url("assets/fonts/gillsansmt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* #endregion */
@media (max-width: 1199px) {
  h1 {
    font-size: 56px !important;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 64px !important;
  }
  h2 {
    font-size: 48px !important;
  }
  h3 {
    font-size: 32px !important;
  }
  h4 {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 56px !important;
  }
  h1 span {
    font-size: inherit !important;
  }
  h2 {
    font-size: 48px !important;
  }
  h2 span {
    font-size: inherit !important;
  }
  h3 {
    font-size: 32px !important;
  }
  h3 span {
    font-size: inherit !important;
  }
  h4 {
    font-size: 21px !important;
  }
  h4 span {
    font-size: inherit !important;
  }
  section {
    padding-top: var(--Spacing-32, 32px);
    padding-bottom: var(--Spacing-32, 32px);
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 48px !important;
  }
  h2 {
    font-size: 32px !important;
  }
  h3 {
    font-size: 28px !important;
  }
  h4 {
    font-size: 24px !important;
  }
  p,
  span,
  li {
    font-size: 18px !important;
  }
}
:root {
  --spacing-0: 0px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-128: 128px;
  --spacing-256: 256px;
  --spacing-512: 512px;
  --color-amber-100: #fef3c7ff;
  --color-amber-200: #fde68aff;
  --color-amber-300: #fcd34dff;
  --color-amber-400: #fbbf24ff;
  --color-amber-50: #fffbebff;
  --color-amber-500: #f59e0bff;
  --color-amber-600: #d97706ff;
  --color-amber-700: #b45309ff;
  --color-amber-800: #92400eff;
  --color-amber-900: #78350fff;
  --color-amber-950: #451a03ff;
  --color-blue-100: #dbeafeff;
  --color-blue-200: #bfdbfeff;
  --color-blue-300: #93c5fdff;
  --color-blue-400: #60a5faff;
  --color-blue-50: #eff6ffff;
  --color-blue-500: #3b82f6ff;
  --color-blue-600: #2563ebff;
  --color-blue-700: #1d4ed8ff;
  --color-blue-800: #1e40afff;
  --color-blue-900: #1e3a8aff;
  --color-blue-950: #172554ff;
  --color-cyan-100: #cffafeff;
  --color-cyan-200: #a5f3fcff;
  --color-cyan-300: #67e8f9ff;
  --color-cyan-400: #22d3eeff;
  --color-cyan-50: #ecfeffff;
  --color-cyan-500: #06b6d4ff;
  --color-cyan-600: #0891b2ff;
  --color-cyan-700: #0e7490ff;
  --color-cyan-800: #155e75ff;
  --color-cyan-900: #164e63ff;
  --color-cyan-950: #083344ff;
  --color-dark-0: #09090b00;
  --color-dark-10: #09090b19;
  --color-dark-100: #09090bff;
  --color-dark-2: #09090b05;
  --color-dark-20: #09090b33;
  --color-dark-30: #09090b4c;
  --color-dark-4: #09090b0a;
  --color-dark-40: #09090b66;
  --color-dark-50: #09090b7f;
  --color-dark-6: #09090b0f;
  --color-dark-60: #09090b99;
  --color-dark-70: #09090bb2;
  --color-dark-8: #09090b14;
  --color-dark-80: #09090bcc;
  --color-dark-90: #09090be5;
  --color-emerald-100: #d1fae5ff;
  --color-emerald-200: #a7f3d0ff;
  --color-emerald-300: #6ee7b7ff;
  --color-emerald-400: #34d399ff;
  --color-emerald-50: #ecfdf5ff;
  --color-emerald-500: #10b981ff;
  --color-emerald-600: #059669ff;
  --color-emerald-700: #047857ff;
  --color-emerald-800: #065f46ff;
  --color-emerald-900: #064e3bff;
  --color-emerald-950: #022c22ff;
  --color-fuchsia-100: #fae8ffff;
  --color-fuchsia-200: #f5d0feff;
  --color-fuchsia-300: #f0abfcff;
  --color-fuchsia-400: #e879f9ff;
  --color-fuchsia-50: #fdf4ffff;
  --color-fuchsia-500: #d946efff;
  --color-fuchsia-600: #c026d3ff;
  --color-fuchsia-700: #a21cafff;
  --color-fuchsia-800: #86198fff;
  --color-fuchsia-900: #701a75ff;
  --color-fuchsia-950: #4a044eff;
  --color-gray-100: #f3f4f6ff;
  --color-gray-200: #e5e7ebff;
  --color-gray-300: #d1d5dbff;
  --color-gray-400: #9ca3afff;
  --color-gray-50: #f9fafbff;
  --color-gray-500: #6b7280ff;
  --color-gray-600: #4b5563ff;
  --color-gray-700: #374151ff;
  --color-gray-800: #1f2937ff;
  --color-gray-900: #111827ff;
  --color-gray-950: #030712ff;
  --color-green-100: #dcfce7ff;
  --color-green-200: #bbf7d0ff;
  --color-green-300: #86efacff;
  --color-green-400: #4ade80ff;
  --color-green-50: #f0fdf4ff;
  --color-green-500: #22c55eff;
  --color-green-600: #16a34aff;
  --color-green-700: #15803dff;
  --color-green-800: #166534ff;
  --color-green-900: #14532dff;
  --color-green-950: #052e16ff;
  --color-indigo-100: #e0e7ffff;
  --color-indigo-200: #c7d2feff;
  --color-indigo-300: #a5b4fcff;
  --color-indigo-400: #818cf8ff;
  --color-indigo-50: #eef2ffff;
  --color-indigo-500: #6366f1ff;
  --color-indigo-600: #4f46e5ff;
  --color-indigo-700: #4338caff;
  --color-indigo-800: #3730a3ff;
  --color-indigo-900: #312e81ff;
  --color-indigo-950: #1e1b4bff;
  --color-light-0: #ffffff00;
  --color-light-10: #ffffff19;
  --color-light-100: #ffffffff;
  --color-light-2: #ffffff05;
  --color-light-20: #ffffff33;
  --color-light-30: #ffffff4c;
  --color-light-4: #ffffff0a;
  --color-light-40: #ffffff66;
  --color-light-50: #ffffff7f;
  --color-light-6: #ffffff0f;
  --color-light-60: #ffffff99;
  --color-light-70: #ffffffb2;
  --color-light-8: #ffffff14;
  --color-light-80: #ffffffcc;
  --color-light-90: #ffffffe5;
  --color-lime-100: #ecfccbff;
  --color-lime-200: #d9f99dff;
  --color-lime-300: #bef264ff;
  --color-lime-400: #a3e635ff;
  --color-lime-50: #f7fee7ff;
  --color-lime-500: #84cc16ff;
  --color-lime-600: #65a30dff;
  --color-lime-700: #4d7c0fff;
  --color-lime-800: #3f6212ff;
  --color-lime-900: #365314ff;
  --color-lime-950: #1a2e05ff;
  --color-neutral-100: #f5f5f5ff;
  --color-neutral-200: #e5e5e5ff;
  --color-neutral-300: #d4d4d4ff;
  --color-neutral-400: #a3a3a3ff;
  --color-neutral-50: #fafafaff;
  --color-neutral-500: #737373ff;
  --color-neutral-600: #525252ff;
  --color-neutral-700: #404040ff;
  --color-neutral-800: #262626ff;
  --color-neutral-900: #171717ff;
  --color-neutral-950: #0a0a0aff;
  --color-orange-100: #ffedd5ff;
  --color-orange-200: #fed7aaff;
  --color-orange-300: #fdba74ff;
  --color-orange-400: #fb923cff;
  --color-orange-50: #fff7edff;
  --color-orange-500: #f97316ff;
  --color-orange-600: #ea580cff;
  --color-orange-700: #c2410cff;
  --color-orange-800: #9a3412ff;
  --color-orange-900: #7c2d12ff;
  --color-orange-950: #431407ff;
  --color-pink-100: #fce7f3ff;
  --color-pink-200: #fbcfe8ff;
  --color-pink-300: #f9a8d4ff;
  --color-pink-400: #f472b6ff;
  --color-pink-50: #fdf2f8ff;
  --color-pink-500: #ec4899ff;
  --color-pink-600: #db2777ff;
  --color-pink-700: #be185dff;
  --color-pink-800: #9d174dff;
  --color-pink-900: #831843ff;
  --color-pink-950: #500724ff;
  --color-purple-100: #f3e8ffff;
  --color-purple-200: #e9d5ffff;
  --color-purple-300: #d8b4feff;
  --color-purple-400: #c084fcff;
  --color-purple-50: #faf5ffff;
  --color-purple-500: #a855f7ff;
  --color-purple-600: #9333eaff;
  --color-purple-700: #7e22ceff;
  --color-purple-800: #6b21a8ff;
  --color-purple-900: #581c87ff;
  --color-purple-950: #3b0764ff;
  --color-red-100: #fee2e2ff;
  --color-red-200: #fecacaff;
  --color-red-300: #fca5a5ff;
  --color-red-400: #f87171ff;
  --color-red-50: #fef2f2ff;
  --color-red-500: #ef4444ff;
  --color-red-600: #dc2626ff;
  --color-red-700: #b91c1cff;
  --color-red-800: #991b1bff;
  --color-red-900: #7f1d1dff;
  --color-red-950: #450a0aff;
  --color-rose-100: #ffe4e6ff;
  --color-rose-200: #fecdd3ff;
  --color-rose-300: #fda4afff;
  --color-rose-400: #fb7185ff;
  --color-rose-50: #fff1f2ff;
  --color-rose-500: #f43f5eff;
  --color-rose-600: #e11d48ff;
  --color-rose-700: #be123cff;
  --color-rose-800: #9f1239ff;
  --color-rose-900: #881337ff;
  --color-rose-950: #4c0519ff;
  --color-sky-100: #e0f2feff;
  --color-sky-200: #bae6fdff;
  --color-sky-300: #7dd3fcff;
  --color-sky-400: #38bdf8ff;
  --color-sky-50: #f0f9ffff;
  --color-sky-500: #0ea5e9ff;
  --color-sky-600: #0284c7ff;
  --color-sky-700: #0369a1ff;
  --color-sky-800: #075985ff;
  --color-sky-900: #0c4a6eff;
  --color-sky-950: #082f49ff;
  --color-slate-100: #f1f5f9ff;
  --color-slate-200: #e2e8f0ff;
  --color-slate-300: #cbd5e1ff;
  --color-slate-400: #94a3b8ff;
  --color-slate-50: #f8fafcff;
  --color-slate-500: #64748bff;
  --color-slate-600: #475569ff;
  --color-slate-700: #334155ff;
  --color-slate-800: #1e293bff;
  --color-slate-900: #0f172aff;
  --color-slate-950: #020617ff;
  --color-stone-100: #f5f5f4ff;
  --color-stone-200: #e7e5e4ff;
  --color-stone-300: #d6d3d1ff;
  --color-stone-400: #a8a29eff;
  --color-stone-50: #fafaf9ff;
  --color-stone-500: #78716cff;
  --color-stone-600: #57534eff;
  --color-stone-700: #44403cff;
  --color-stone-800: #292524ff;
  --color-stone-900: #1c1917ff;
  --color-stone-950: #0c0a09ff;
  --color-teal-100: #ccfbf1ff;
  --color-teal-200: #99f6e4ff;
  --color-teal-300: #5eead4ff;
  --color-teal-400: #2dd4bfff;
  --color-teal-50: #f0fdfaff;
  --color-teal-500: #14b8a6ff;
  --color-teal-600: #0d9488ff;
  --color-teal-700: #0f766eff;
  --color-teal-800: #115e59ff;
  --color-teal-900: #134e4aff;
  --color-teal-950: #042f2eff;
  --color-violet-100: #ede9feff;
  --color-violet-200: #ddd6feff;
  --color-violet-300: #c4b5fdff;
  --color-violet-400: #a78bfaff;
  --color-violet-50: #f5f3ffff;
  --color-violet-500: #8b5cf6ff;
  --color-violet-600: #7c3aedff;
  --color-violet-700: #6d28d9ff;
  --color-violet-800: #5b21b6ff;
  --color-violet-900: #4c1d95ff;
  --color-violet-950: #2e1065ff;
  --color-yellow-100: #fef9c3ff;
  --color-yellow-200: #fef08aff;
  --color-yellow-300: #fde047ff;
  --color-yellow-400: #facc15ff;
  --color-yellow-50: #fefce8ff;
  --color-yellow-500: #eab308ff;
  --color-yellow-600: #ca8a04ff;
  --color-yellow-700: #a16207ff;
  --color-yellow-800: #854d0eff;
  --color-yellow-900: #713f12ff;
  --color-yellow-950: #422006ff;
  --color-zinc-100: #f4f4f5ff;
  --color-zinc-200: #e4e4e7ff;
  --color-zinc-300: #d4d4d8ff;
  --color-zinc-400: #a1a1aaff;
  --color-zinc-50: #fafafaff;
  --color-zinc-500: #71717aff;
  --color-zinc-600: #52525bff;
  --color-zinc-700: #3f3f46ff;
  --color-zinc-800: #27272aff;
  --color-zinc-900: #18181bff;
  --color-zinc-950: #09090bff;
}

:root {
  --avatar-border-radius: var(--general-radius-full);
  --badge-border-radius: var(--general-radius-full);
  --button-border-radius: var(--general-radius-xs);
  --general-font-display-l: 80px;
  --general-font-display-m: 60px;
  --general-font-display-s: var(--spacing-48);
  --general-font-h1: var(--spacing-48);
  --general-font-h2: var(--spacing-32);
  --general-font-h3: var(--spacing-24);
  --general-font-h4: var(--spacing-20);
  --general-font-h5: var(--spacing-16);
  --nav-border-radius: var(--general-radius-xs);
  --nav-large-gap: var(--general-spacing-xs);
  --nav-large-padding-h: var(--general-spacing-l);
  --nav-large-padding-v: var(--general-spacing-s);
  --nav-medium-gap: var(--general-spacing-2xs);
  --nav-medium-padding-h: var(--general-spacing-m);
  --nav-medium-padding-v: var(--general-spacing-xs);
  --general-radius-full: 9999px;
  --general-radius-m: var(--spacing-16);
  --general-radius-s: var(--spacing-8);
  --general-radius-square: var(--spacing-0);
  --general-radius-xs: var(--spacing-4);
  --general-radius-xl: var(--spacing-16);
  --general-section-bloc-item-gap-m: var(--general-spacing-l);
  --general-section-bloc-item-gap-s: var(--general-spacing-s);
  --general-section-bloc-item-max-width: 1600px;
  --general-section-bloc-item-padding-section-h-l: var(--general-spacing-4xl);
  --general-section-bloc-item-padding-section-h-m: 0px;
  --general-section-bloc-item-padding-section-h-xl: var(--spacing-256);
  --general-section-bloc-item-padding-section-v: var(--general-spacing-4xl);
  --general-section-bloc-item-third: 460px;
  --general-spacing-2xl: var(--spacing-64);
  --general-spacing-2xs: var(--spacing-8);
  --general-spacing-3xl: var(--spacing-96);
  --general-spacing-3xs: var(--spacing-4);
  --general-spacing-4xl: var(--spacing-128);
  --general-spacing-l: var(--spacing-32);
  --general-spacing-m: var(--spacing-24);
  --general-spacing-s: var(--spacing-16);
  --general-spacing-xl: var(--spacing-48);
  --general-spacing-xs: var(--spacing-12);
  --input-border-radius: var(--general-radius-xs);
  --nav-border-radius: var(--general-radius-xs);
  --sizes-button-input-nav-large-gap: var(--general-spacing-xs);
  --sizes-button-input-nav-large-padding-h: var(--general-spacing-l);
  --sizes-button-input-nav-large-padding-v: var(--general-spacing-s);
  --sizes-button-input-nav-medium-gap: var(--general-spacing-2xs);
  --sizes-button-input-nav-medium-padding-h: var(--general-spacing-m);
  --sizes-button-input-nav-medium-padding-v: var(--general-spacing-xs);
  --nav-font: var(--spacing-14);
  --general-font-p: var(--spacing-16);
  --item-width: 90%;
  --general-section-bloc-item-max-width-reduit: 1440px;
  --item-width-reduit: 80%;
  --padding-main: 115px;
}

body.tablet {
  --item-width: 90%;
  --item-width-reduit: 90%;
  --avatar-border-radius: var(--general-radius-full);
  --badge-border-radius: var(--general-radius-full);
  --button-border-radius: var(--general-radius-xs);
  --general-font-display-l: 68px;
  --general-font-display-m: 54px;
  --general-font-display-s: 43px;
  --general-font-h1: 43px;
  --general-font-h2: 29px;
  --general-font-h3: 22px;
  --general-font-h4: 18px;
  --general-font-h5: 15px;
  --general-radius-full: 9999px;
  --general-radius-m: var(--spacing-16);
  --general-radius-s: var(--spacing-8);
  --general-radius-square: var(--spacing-0);
  --general-radius-xs: var(--spacing-4);
  --general-section-bloc-item-gap-m: var(--general-spacing-l);
  --general-section-bloc-item-gap-s: var(--general-spacing-s);
  --general-section-bloc-item-max-width: 1440px;
  --general-section-bloc-item-padding-section-h-l: var(--general-spacing-l);
  --general-section-bloc-item-padding-section-h-m: var(--general-spacing-l);
  --general-section-bloc-item-padding-section-h-xl: var(--general-spacing-2xl);
  --general-section-bloc-item-padding-section-v: var(--general-spacing-2xl);
  --general-section-bloc-item-third: 460px;
  --general-spacing-2xl: var(--spacing-64);
  --general-spacing-2xs: var(--spacing-8);
  --general-spacing-3xl: var(--spacing-96);
  --general-spacing-3xs: var(--spacing-4);
  --general-spacing-4xl: var(--spacing-128);
  --general-spacing-l: var(--spacing-32);
  --general-spacing-m: var(--spacing-24);
  --general-spacing-s: var(--spacing-16);
  --general-spacing-xl: var(--spacing-48);
  --general-spacing-xs: var(--spacing-12);
  --input-border-radius: var(--general-radius-xs);
  --nav-border-radius: var(--general-radius-xs);
  --sizes-button-input-nav-large-gap: var(--general-spacing-xs);
  --sizes-button-input-nav-large-padding-h: var(--general-spacing-l);
  --sizes-button-input-nav-large-padding-v: var(--general-spacing-s);
  --sizes-button-input-nav-medium-gap: var(--general-spacing-2xs);
  --sizes-button-input-nav-medium-padding-h: var(--general-spacing-m);
  --sizes-button-input-nav-medium-padding-v: var(--general-spacing-xs);
}

body.smartphone {
  --avatar-border-radius: var(--general-radius-full);
  --badge-border-radius: var(--general-radius-full);
  --button-border-radius: var(--general-radius-xs);
  --general-font-display-l: 56px;
  --general-font-display-m: 48px;
  --general-font-display-s: 38px;
  --general-font-h1: 38px;
  --general-font-h2: 26px;
  --general-font-h3: 19px;
  --general-font-h4: 16px;
  --general-font-h5: 14px;
  --general-radius-full: 9999px;
  --general-radius-m: var(--spacing-16);
  --general-radius-s: var(--spacing-8);
  --general-radius-square: var(--spacing-0);
  --general-radius-xs: var(--spacing-4);
  --general-section-bloc-item-gap-m: var(--general-spacing-m);
  --general-section-bloc-item-gap-s: var(--general-spacing-xs);
  --general-section-bloc-item-max-width: 1440px;
  --general-section-bloc-item-padding-section-h-l: var(--general-spacing-m);
  --general-section-bloc-item-padding-section-h-m: var(--general-spacing-l);
  --general-section-bloc-item-padding-section-h-xl: 0px;
  --general-section-bloc-item-padding-section-v: var(--general-spacing-l);
  --general-section-bloc-item-third: 460px;
  --general-spacing-2xl: var(--spacing-64);
  --general-spacing-2xs: var(--spacing-8);
  --general-spacing-3xl: var(--spacing-96);
  --general-spacing-3xs: var(--spacing-4);
  --general-spacing-4xl: var(--spacing-128);
  --general-spacing-l: var(--spacing-32);
  --general-spacing-m: var(--spacing-24);
  --general-spacing-s: var(--spacing-16);
  --general-spacing-xl: var(--spacing-48);
  --general-spacing-xs: var(--spacing-12);
  --input-border-radius: var(--general-radius-xs);
  --nav-border-radius: var(--general-radius-xs);
  --sizes-button-input-nav-large-gap: var(--general-spacing-xs);
  --sizes-button-input-nav-large-padding-h: var(--general-spacing-l);
  --sizes-button-input-nav-large-padding-v: var(--general-spacing-s);
  --sizes-button-input-nav-medium-gap: var(--general-spacing-2xs);
  --sizes-button-input-nav-medium-padding-h: var(--general-spacing-m);
  --sizes-button-input-nav-medium-padding-v: var(--general-spacing-xs);
}

.svg-accueil-fixe {
  z-index: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  height: 600px;
}

.svg-accueil-fixe .svg1 {
  position: absolute;
  left: 0;
  top: 100px;
}

.svg-accueil-fixe .svg2 {
  position: absolute;
  left: 300px;
  top: 100px;
}

.svg-accueil-fixe .svg3 {
  position: absolute;
  left: 600px;
  top: 0;
}

/* 1a. To apply a filter on an image, use the class .image-filtered */
/* 1b. To rotate an image, use the class .image-rotated-3-to-left or .image-rotated-3-to-right on the image and the image-overlay element*/
/* 2. To add an overlay on an image, use the class .image-overlay on a div element just after the image */
.image-filtered {
  margin-bottom: var(--Spacing-32, 32px);
  margin-top: var(--Spacing-32, 32px);
  display: flex;
  position: relative;
  filter: grayscale(80%);
  aspect-ratio: 156/107;
  border-radius: 24px;
  z-index: 1;
}

.image-rotated-3-to-left {
  transform: rotate(-3deg);
}

.image-rotated-3-to-right {
  transform: rotate(3deg);
}

.image-overlay {
  position: absolute;
  top: 32px;
  bottom: 32px;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: 24px;
  pointer-events: none;
  mix-blend-mode: multiply;
  z-index: 2;
}

.overlay-teal-grey {
  background: linear-gradient(184deg, rgba(0, 0, 0, 0) 66.16%, rgba(0, 0, 0, 0.5) 84.8%);
  background-color: rgba(0, 97, 120, 0.2);
}

.overlay-teal-light {
  background: linear-gradient(184deg, rgba(0, 0, 0, 0) 66.16%, rgba(0, 0, 0, 0.5) 84.8%);
  background-color: rgba(0, 214, 214, 0.2);
}

.overlay-oranged {
  background: linear-gradient(184deg, rgba(0, 0, 0, 0) 66.16%, rgba(0, 0, 0, 0.5) 84.8%);
  background-color: rgba(242, 105, 69, 0.2);
}

.overlay-marine {
  background: linear-gradient(184deg, rgba(0, 0, 0, 0) 66.16%, rgba(0, 0, 0, 0.5) 84.8%);
  background-color: rgba(5, 0, 71, 0.16);
}

h1 {
  font-family: "Gill Sans MT";
}
h1 span {
  font-family: "Gill Sans Nova Inline";
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

h2 {
  font-family: "Gill Sans MT";
}
h2 span {
  font-family: "Gill Sans Nova Inline";
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

h3 span {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}

h4 span {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}

p span {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}

.accueil {
  position: relative;
  /* #region responsive */
  /*#endregion */
}
.accueil::before {
  content: "";
  position: absolute;
  top: 460px;
  left: 0;
  width: 1620px;
  height: 620px;
  background: url("./assets/images/background/bg-1.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.accueil > * {
  position: relative;
}
.accueil .banniere-v1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 840px;
  height: 430px;
  background: url("./assets/images/background/bg-2.svg") no-repeat left bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}
.accueil .banniere-v1 > * {
  position: relative;
  z-index: 100;
}
.accueil .newsletter-v1::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 720px;
  height: 410px;
  background: url("./assets/images/background/bg-3.svg") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}
.accueil .newsletter-v1::before .newsletter-content .modal-newsletter {
  position: absolute;
  z-index: 1000;
}
.accueil .newsletter-v1::before .newsletter-content .modal-newsletter > * {
  position: relative;
  z-index: 1010;
}
@media (max-width: 1199px) {
  .accueil::before, .accueil::after {
    display: none;
  }
  .accueil .banniere-v1::before, .accueil .banniere-v1::after,
  .accueil .newsletter-v1::before,
  .accueil .newsletter-v1::after {
    display: none;
  }
}

.a-propos {
  position: relative;
  overflow: hidden;
  /* #region responsive */
  /*#endregion */
}
.a-propos::before {
  content: "";
  position: absolute;
  top: -30px;
  right: 0;
  width: 510px;
  height: 1165px;
  background: url("./assets/images/background/bg-8.svg") no-repeat right top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.a-propos > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .a-propos::before, .a-propos::after {
    display: none;
  }
}

.section-archive-product {
  position: relative;
  /* #region responsive */
}
.section-archive-product::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 1550px;
  height: 760px;
  background: url("./assets/images/background/bg-4.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.section-archive-product .banniere-v1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 840px;
  height: 430px;
  background: url("./assets/images/background/bg-2.svg") no-repeat left bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}
.section-archive-product .banniere-v1 > * {
  position: relative;
  z-index: 100;
}
.section-archive-product > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .section-archive-product::before, .section-archive-product::after {
    display: none;
  }
  .section-archive-product .banniere-v1::before, .section-archive-product .banniere-v1::after {
    display: none;
  }
}

.conseil-page {
  position: relative;
  /* #region responsive */
}
.conseil-page::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 650px;
  height: 1180px;
  background: url("./assets/images/background/bg-11.svg") no-repeat right top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.conseil-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .conseil-page::before, .conseil-page::after {
    display: none;
  }
}

.contact-page {
  position: relative;
  /* #region responsive */
}
.contact-page::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 1550px;
  height: 760px;
  background: url("./assets/images/background/bg-4.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.contact-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .contact-page::before, .contact-page::after {
    display: none;
  }
}

.financement-page {
  position: relative;
  /* #region responsive */
}
.financement-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1550px;
  height: 760px;
  background: url("./assets/images/background/bg-4.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.financement-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .financement-page::before, .financement-page::after {
    display: none;
  }
}

main.formation-detail {
  position: relative;
  /* plus de overflow:hidden; */
  z-index: 0;
}
main.formation-detail > * {
  position: relative;
  z-index: 100;
}

/* Un wrapper dédié au décor */
main.formation-detail::before,
main.formation-detail::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  /* passe derrière le contenu */
  background-size: contain;
  background-repeat: no-repeat;
}

/* SVG bg en haut à droite */
main.formation-detail::before {
  top: 60px;
  right: 0;
  width: 520px;
  height: 1160px;
  background-image: url("./assets/images/background/bg-6.svg");
  background-position: right top;
}

/* SVG bg en bas à droite */
main.formation-detail::after {
  bottom: -40px;
  right: 0;
  width: 1620px;
  height: 620px;
  background-image: url("./assets/images/background/bg-7.svg");
  background-position: right bottom;
}

/* Responsive */
@media (max-width: 1199px) {
  main.formation-detail::before,
  main.formation-detail::after {
    display: none;
  }
}
.inspirations-page {
  position: relative;
  /* #region responsive */
}
.inspirations-page::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 1550px;
  height: 760px;
  background: url("./assets/images/background/bg-4.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.inspirations-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .inspirations-page::before, .inspirations-page::after {
    display: none;
  }
}

.inspiration-page {
  position: relative;
  /* #region responsive */
}
.inspiration-page::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 0;
  width: 1500px;
  height: 1020px;
  background: url("./assets/images/background/bg-9.svg") no-repeat right top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.inspiration-page::after {
  content: "";
  position: absolute;
  top: 1200px;
  right: 0;
  height: 1010px;
  width: 580px;
  background: url("./assets/images/background/bg-10.svg") no-repeat right top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.inspiration-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .inspiration-page::before, .inspiration-page::after {
    display: none;
  }
}

.realisations {
  position: relative;
  /* #region responsive */
}
.realisations::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 1550px;
  height: 760px;
  background: url("./assets/images/background/bg-4.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.realisations > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .realisations::before, .realisations::after {
    display: none;
  }
}

.realisation-page {
  position: relative;
  /* #region responsive */
}
.realisation-page::before {
  content: "";
  position: absolute;
  top: 30px;
  right: -310px;
  width: 1500px;
  height: 1020px;
  background: url("./assets/images/background/bg-9.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.realisation-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .realisation-page::before, .realisation-page::after {
    display: none;
  }
}

/* =============================================================================
   SEARCH RESULTS - Styles pour la page de résultats de recherche
   ============================================================================= */
.search-results {
  /* Pagination */
  /* Responsive */
}
.search-results .results-title {
  text-align: center;
  padding: var(--Spacing-128, 128px) 0;
}
.search-results .results-title-text {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}
.search-results .title1 {
  color: var(--Color-Brand-Primaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 80px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
}
.search-results .title2 {
  color: var(--Color-Brand-Primaire, #050047);
  font-family: "Gill Sans Nova Inline";
  font-weight: 400;
  line-height: 140%;
  text-transform: uppercase;
}
.search-results__layout {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  gap: 32px;
}
.search-results__filters {
  grid-column: 1/span 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transition: all 0.3s ease;
}
.search-results__list {
  grid-column: 2/span 3;
}
.search-results__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(320px, 1fr));
  gap: 32px;
  width: 100%;
}
.search-results .no-results {
  text-align: center;
  padding: 3rem;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.search-results .no-results h2 {
  color: #333;
  margin-bottom: 1rem;
}
.search-results .no-results p {
  color: #666;
  margin-bottom: 2rem;
}
.search-results .banniere-v1 {
  /* #region responsive */
}
.search-results .banniere-v1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 840px;
  height: 430px;
  background: url("./assets/images/background/bg-2.svg") no-repeat left bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}
.search-results .banniere-v1::before > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .search-results .banniere-v1::before, .search-results .banniere-v1::after {
    display: none;
  }
}
.search-results #formation-pagination {
  text-align: center;
  margin-top: 3rem;
}
@media (max-width: 1600px) {
  .search-results__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1199px) {
  .search-results__filters {
    width: 100%;
    position: static;
  }
  .search-results__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .search-results__layout {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .search-results__list {
    grid-column: 1/span 1;
  }
}
.search-results > #main-content {
  position: relative;
  /* #region responsive */
}
.search-results > #main-content::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 1550px;
  height: 760px;
  background: url("./assets/images/background/bg-4.svg") no-repeat left top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.search-results > #main-content::before > * {
  position: relative;
  z-index: 100;
}
.search-results > #main-content > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .search-results > #main-content::before, .search-results > #main-content::after {
    display: none;
  }
}

.sur-mesure-page {
  position: relative;
  /* #region responsive */
}
.sur-mesure-page::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 650px;
  height: 1180px;
  background: url("./assets/images/background/bg-11.svg") no-repeat right top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.sur-mesure-page > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .sur-mesure-page::before, .sur-mesure-page::after {
    display: none;
  }
}

.a-la-une-v1 .inspirations-a-la-une {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.a-la-une-v1 .inspiration-a-la-une-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--Spacing-32, 32px);
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 {
  background: var(--Color-Brand-Primaire, #050047);
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 h3 {
  color: var(--Color-Basics-Clair, #fff) !important;
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 .inspiration-reading-time span {
  color: var(--Color-Basics-Clair, #fff) !important;
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 .inspiration-link {
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Tertiaire-Fonc, #f26945);
  background: var(--Color-Brand-Primaire, #050047);
  color: var(--Color-Basics-Clair, #fff);
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 .inspiration-link svg path {
  fill: var(--Color-Basics-Clair, #fff);
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 .inspiration-link:hover {
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
}
.a-la-une-v1 .inspiration-a-la-une-container .inspiration-item-v1 .inspiration-link:hover svg path {
  fill: var(--Color-Brand-Primaire, #050047);
}
@media (max-width: 1199px) {
  .a-la-une-v1 .inspiration-a-la-une-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.aller-au-dela .associes__item.is-hidden {
  display: none;
}
.aller-au-dela .associes__title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
}
.aller-au-dela .associes__title {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  align-self: flex-start;
}
.aller-au-dela .associes__title span {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans Nova Inline";
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 96px */
}
.aller-au-dela .associes__liste {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.aller-au-dela .associes__more {
  display: flex;
  padding: var(--Spacing-2, 2px) var(--Spacing-0, 0);
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  background-color: transparent;
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
  cursor: pointer;
}
.aller-au-dela .associes__more:hover {
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .aller-au-dela .associes__liste {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .aller-au-dela .associes__liste {
    grid-template-columns: repeat(1, 1fr);
  }
}

.banniere-v1 {
  padding: var(--Spacing-128, 128px) 0;
  background: var(--Color-Brand-Primaire, #050047);
}
.banniere-v1 .banniere-v1-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  overflow: hidden;
}
.banniere-v1 .banniere-v1-content a {
  text-align: center;
}
.banniere-v1 .banniere-v1-frame241 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-12, 12px);
  align-self: stretch;
}
.banniere-v1 .banniere-v1-contact {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
}
.banniere-v1 .banniere-v1-question {
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
}
.banniere-v1 .banniere-v1-rencontre {
  color: #fff !important;
  text-align: center;
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}

.contact-v1 {
  /* Titre et description */
  /* Conteneur du formulaire */
  /* Lignes de formulaire */
  /* Labels */
  /* Champs de saisie */
  /* Zone de texte */
  /* Select */
  /* Bouton d'upload */
  /* Texte d'info upload */
  /* Cases à cocher */
  /* Correction spécifique pour les champs acceptance */
  /* Bouton de soumission */
  /* Messages d'erreur et de succès */
  /* Responsive */
}
.contact-v1 h2 {
  color: var(--Color-Brand-Primaire, #050047);
  text-align: center;
  font-family: "Gill Sans MT", sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 125%;
  margin-bottom: 1rem;
}
.contact-v1 .sous-titre {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 31.5px */
  margin-bottom: 32px;
}
.contact-v1 p {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}
.contact-v1 .wpcf7 {
  max-width: 1100px;
  margin: 0 auto;
}
.contact-v1 .form-line-1,
.contact-v1 .form-line-2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-bottom: 32px;
}
.contact-v1 .form-line-3,
.contact-v1 .form-line-4,
.contact-v1 .form-line-5,
.contact-v1 .form-line-6 {
  margin-bottom: 32px;
}
.contact-v1 .form-label {
  display: block;
}
.contact-v1 .form-label p {
  margin-bottom: 0;
}
.contact-v1 .form-label label {
  color: var(--Color-Text-Texte-primaire, #000);
  /* Text/Text XSmall */
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  text-align: left !important;
  display: block;
}
.contact-v1 .wpcf7-text,
.contact-v1 .wpcf7-email,
.contact-v1 .wpcf7-tel,
.contact-v1 .wpcf7-select,
.contact-v1 .wpcf7-textarea {
  width: 100%;
  padding: 12px 20px;
  border: 1px solid var(--Color-Brand-Primaire, #050047);
  border-radius: 4px;
  background: var(--Color-Basics-Clair, #fff);
  font-family: Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  transition: all 0.3s ease;
}
.contact-v1 .wpcf7-text:focus,
.contact-v1 .wpcf7-email:focus,
.contact-v1 .wpcf7-tel:focus,
.contact-v1 .wpcf7-select:focus,
.contact-v1 .wpcf7-textarea:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}
.contact-v1 .wpcf7-text::placeholder,
.contact-v1 .wpcf7-email::placeholder,
.contact-v1 .wpcf7-tel::placeholder,
.contact-v1 .wpcf7-textarea::placeholder {
  color: var(--Color-Brand-Neutre-1, #94a3b8);
}
.contact-v1 .wpcf7-textarea {
  min-height: 120px;
  resize: vertical;
  font-family: Verdana, sans-serif;
}
.contact-v1 .wpcf7-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23050047' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 3rem;
  appearance: none;
}
.contact-v1 .wpcf7-file {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 12px 20px;
  border: 1px solid var(--Color-Brand-Primaire, #050047);
  border-radius: 4px;
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-v1 .wpcf7-file:hover {
  background: var(--Color-Brand-Primaire, #050047);
  color: var(--Color-Basics-Clair, #fff);
}
.contact-v1 .form-line-5 p {
  color: var(--Color-Brand-Neutre-1, #94a3b8);
  font-size: 14px;
  margin-top: 0.5rem;
  margin-bottom: 0;
  text-align: left;
}
.contact-v1 .wpcf7-checkbox,
.contact-v1 .wpcf7-acceptance {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
}
.contact-v1 .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0 !important;
}
.contact-v1 .wpcf7-list-item input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: var(--Color-Brand-Primaire, #050047);
  flex-shrink: 0;
  margin-top: 0 !important;
  position: relative;
  top: 2px;
}
.contact-v1 .wpcf7-list-item-label {
  color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: 100%;
}
.contact-v1 .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
}
.contact-v1 .wpcf7-acceptance .wpcf7-list-item-label {
  text-align: left !important;
}
.contact-v1 .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  border: 1.5px solid var(--Color-Brand-Primaire, #050047);
  border-radius: 8px;
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0 auto;
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'><path opacity='0.2' d='M12.7422 17.5996L9.83496 11.625L9.68457 11.3145L9.37402 11.1631L3.39844 8.25488L16.8096 4.18848L12.7422 17.5996Z' fill='%23050047' stroke='black' stroke-width='2'/><path d='M18.2593 2.74059C18.1021 2.5835 17.9059 2.47116 17.6909 2.41514C17.4758 2.35911 17.2497 2.36142 17.0359 2.42184H17.0242L2.02884 6.97184C1.7854 7.042 1.56903 7.18447 1.40839 7.38039C1.24775 7.5763 1.15044 7.8164 1.12934 8.06887C1.10825 8.32134 1.16436 8.57426 1.29026 8.79411C1.41616 9.01397 1.60589 9.19038 1.83431 9.29996L8.46869 12.5312L11.6952 19.1617C11.7956 19.3758 11.9552 19.5568 12.1551 19.6832C12.355 19.8096 12.5869 19.8761 12.8234 19.875C12.8593 19.875 12.8952 19.8734 12.9312 19.8703C13.1835 19.8498 13.4234 19.7528 13.6189 19.592C13.8144 19.4313 13.9561 19.2146 14.0249 18.9711L18.5718 3.97574C18.5718 3.97184 18.5718 3.96793 18.5718 3.96403C18.633 3.75072 18.6363 3.52496 18.5814 3.30995C18.5265 3.09493 18.4153 2.89842 18.2593 2.74059ZM12.8304 18.6132L12.8265 18.6242V18.6187L9.69681 12.189L13.4468 8.43903C13.5591 8.32086 13.6207 8.16352 13.6186 8.00054C13.6166 7.83757 13.5509 7.68185 13.4356 7.5666C13.3204 7.45135 13.1647 7.38568 13.0017 7.38359C12.8387 7.38151 12.6814 7.44317 12.5632 7.55543L8.81322 11.3054L2.38119 8.17574H2.37572H2.38665L17.3749 3.62496L12.8304 18.6132Z' fill='%23050047'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  background-size: 20px auto;
  padding-right: 60px;
}
.contact-v1 .wpcf7-submit:hover {
  background-color: var(--Color-Brand-Primaire, #050047);
  color: var(--Color-Basics-Clair, #fff);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'><path opacity='0.2' d='M12.7422 17.5996L9.83496 11.625L9.68457 11.3145L9.37402 11.1631L3.39844 8.25488L16.8096 4.18848L12.7422 17.5996Z' fill='%23ffffff' stroke='white' stroke-width='2'/><path d='M18.2593 2.74059C18.1021 2.5835 17.9059 2.47116 17.6909 2.41514C17.4758 2.35911 17.2497 2.36142 17.0359 2.42184H17.0242L2.02884 6.97184C1.7854 7.042 1.56903 7.18447 1.40839 7.38039C1.24775 7.5763 1.15044 7.8164 1.12934 8.06887C1.10825 8.32134 1.16436 8.57426 1.29026 8.79411C1.41616 9.01397 1.60589 9.19038 1.83431 9.29996L8.46869 12.5312L11.6952 19.1617C11.7956 19.3758 11.9552 19.5568 12.1551 19.6832C12.355 19.8096 12.5869 19.8761 12.8234 19.875C12.8593 19.875 12.8952 19.8734 12.9312 19.8703C13.1835 19.8498 13.4234 19.7528 13.6189 19.592C13.8144 19.4313 13.9561 19.2146 14.0249 18.9711L18.5718 3.97574C18.5718 3.97184 18.5718 3.96793 18.5718 3.96403C18.633 3.75072 18.6363 3.52496 18.5814 3.30995C18.5265 3.09493 18.4153 2.89842 18.2593 2.74059ZM12.8304 18.6132L12.8265 18.6242V18.6187L9.69681 12.189L13.4468 8.43903C13.5591 8.32086 13.6207 8.16352 13.6186 8.00054C13.6166 7.83757 13.5509 7.68185 13.4356 7.5666C13.3204 7.45135 13.1647 7.38568 13.0017 7.38359C12.8387 7.38151 12.6814 7.44317 12.5632 7.55543L8.81322 11.3054L2.38119 8.17574H2.37572H2.38665L17.3749 3.62496L12.8304 18.6132Z' fill='%23ffffff'/></svg>");
}
.contact-v1 .wpcf7-response-output {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 4px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
}
.contact-v1 .wpcf7-mail-sent-ok {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
}
.contact-v1 .wpcf7-mail-sent-ng,
.contact-v1 .wpcf7-aborted {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}
.contact-v1 .wpcf7-validation-errors {
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
}
@media (max-width: 1199px) {
  .contact-v1 .wpcf7 {
    max-width: 90%;
    margin: 0 auto;
  }
  .contact-v1 .form-line-1,
  .contact-v1 .form-line-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .contact-v1 p {
    text-align: left;
  }
}

.contact-cta-v1 {
  display: flex;
  align-items: flex-start;
  padding-bottom: var(--Spacing-0, 0);
}
.contact-cta-v1 .contact-cta-1 {
  display: flex;
  padding: var(--Spacing-128, 128px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  flex: 1 0 0;
  align-self: stretch;
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
}
.contact-cta-v1 .contact-cta-1 h2 {
  align-self: stretch;
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
}
.contact-cta-v1 .contact-cta-1 a {
  color: var(--Color-Text-Texte-secondaire, #050047);
}
.contact-cta-v1 .contact-cta-1 a > svg path {
  fill: var(--Color-Text-Texte-secondaire, #050047) !important;
}
.contact-cta-v1 .contact-cta-2 {
  display: flex;
  padding: var(--Spacing-128, 128px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  flex: 1 0 0;
  align-self: stretch;
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.contact-cta-v1 .contact-cta-2 h2 {
  align-self: stretch;
  color: var(--Color-Text-Texte-secondaire, #fff);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
}
.contact-cta-v1 .contact-cta-2 p,
.contact-cta-v1 .contact-cta-2 a {
  color: var(--Color-Text-Texte-secondaire, #fff);
}
.contact-cta-v1 .contact-cta-2 a:hover {
  color: var(--Color-Text-Texte-secondaire, #050047);
}
.contact-cta-v1 .contact-cta-2 a:hover svg {
  fill: var(--Color-Text-Texte-secondaire, #050047) !important;
}
.contact-cta-v1 .contact-cta-11,
.contact-cta-v1 .contact-cta-21 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-12, 12px);
  align-self: stretch;
}
.contact-cta-v1 .svg-area {
  height: 65px;
  width: 65px;
}
.contact-cta-v1 p {
  text-align: center;
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}
@media (max-width: 1199px) {
  .contact-cta-v1 {
    flex-direction: column;
  }
  .contact-cta-v1 .contact-cta-1,
  .contact-cta-v1 .contact-cta-2 {
    flex: none;
    width: 100%;
  }
  .contact-cta-v1 .contact-cta-1 a,
  .contact-cta-v1 .contact-cta-2 a {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .contact-cta-v1 .contact-cta-1,
  .contact-cta-v1 .contact-cta-2 {
    padding: var(--Spacing-64, 64px);
  }
}

.date-v1 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
}
.date-v1 .date-content {
  display: flex;
  width: 100%;
  padding: var(--Spacing-64, 64px) 0;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  gap: var(--Spacing-32, 32px);
}
.date-v1 .date-inner {
  display: flex;
  width: 100%;
  padding: 0 var(--Spacing-32, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-48, 48px);
}
.date-v1 .date-inner h1 {
  text-align: center;
  align-self: stretch;
  text-transform: uppercase;
}
.date-v1 .date-inner h1 span {
  font-size: inherit;
  font-weight: normal;
}
.date-v1 .date-cards {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-48, 48px);
  align-self: stretch;
}
.date-v1 .card {
  display: flex;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
.date-v1 .card:nth-child(even) {
  flex-direction: row-reverse;
}
.date-v1 .card:nth-child(even) .card-title {
  text-align: right;
}
.date-v1 .card:nth-child(even) .card-description {
  justify-content: flex-end;
  border-left: none;
  border-right: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
  align-items: center;
  gap: 10px;
  align-self: stretch;
  text-align: right;
  padding-left: 0;
  padding-right: var(--Spacing-16, 16px);
}
.date-v1 .card:nth-child(even) .card-content {
  align-items: flex-end;
}
.date-v1 .card-date {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  text-align: center;
  font-family: "Gill Sans Nova Inline";
  font-size: 200px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 260px */
  text-transform: uppercase;
  width: 50%;
}
.date-v1 .card-content {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.date-v1 .card-number {
  color: #f26945;
  /* Styles spécifiques date_chiffre */
  font-family: "Gill Sans Nova Inline";
  font-weight: 400;
  font-style: normal;
  font-size: 200px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
.date-v1 .card-title {
  font-family: "Gill Sans MT";
  text-align: left;
  margin: 0 0 16px 0;
}
.date-v1 .card-description {
  color: #000000;
  text-align: left;
  margin: 0;
  /* Trait bleu à gauche */
  display: flex;
  padding-left: var(--Spacing-16, 16px);
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
@media (max-width: 991px) {
  .date-v1 .card {
    flex-direction: column !important;
  }
  .date-v1 .card-date {
    width: 100% !important;
  }
  .date-v1 .card-content {
    width: 100% !important;
  }
  .date-v1 .card-number {
    font-size: 80px !important;
  }
}

/*#endregion */
.engagements-v1 .engagements-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-64, 64px);
  align-self: stretch;
}
.engagements-v1 .engagements-inner {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--Spacing-48, 48px);
}
.engagements-v1 .engagements-title {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: bold;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
  align-self: stretch;
}
.engagements-v1 .engagements-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-items: center;
}
.engagements-v1 .engagement-item {
  width: 533px;
}
.engagements-v1 .engagement-card {
  display: flex;
  margin: auto;
  padding: var(--Spacing-12, 12px);
  flex-direction: column;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #fff);
  /* shadow-lg */
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.engagements-v1 .engagement-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.engagements-v1 .engagement-description-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  padding: var(--Spacing-24, 24px);
  display: flex;
  gap: 32px;
  flex: 1 0 0;
}
.engagements-v1 .engagement-card-image {
  width: 100%;
  height: 186px;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}
.engagements-v1 .engagement-card-image .engagement-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.engagements-v1 .engagement-card-image:hover .engagement-image {
  transform: scale(1.05);
}
.engagements-v1 .engagement-description {
  color: #000000;
  margin: 0;
  /* Trait bleu à gauche */
  display: flex;
  padding-left: var(--Spacing-16, 16px);
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.engagements-v1 .engagement-card-content {
  flex: 1;
  padding: var(--Spacing-16, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-8, 8px);
}
.engagements-v1 .engagement-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--Spacing-6, 6px);
}
.engagements-v1 .engagement-tag {
  background-color: #f26945;
  color: #fff;
  /* Text Bold/Text B small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  padding: 6px 12px;
  border-radius: 6px;
  letter-spacing: 0.5px;
}
.engagements-v1 .engagement-reading-time {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000000;
  font-family: Verdana;
  font-size: 14px;
  font-weight: 500;
}
.engagements-v1 .engagement-reading-time svg {
  width: 16px;
  height: 16px;
  color: #f26945;
}
.engagements-v1 .engagement-title {
  color: #050047;
  font-family: "Gill Sans MT";
  font-weight: 700;
  font-style: normal;
  line-height: 125%;
  margin: 0;
  flex: 1;
}
.engagements-v1 .engagement-download-wrapper {
  margin-top: auto;
}
.engagements-v1 .btn-isia {
  width: 100%;
}
.engagements-v1 .engagements-images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--Spacing-24, 24px);
  justify-items: center;
}
.engagements-v1 .engagement-image-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 160px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  padding: var(--Spacing-24, 24px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.engagements-v1 .engagement-image-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.engagements-v1 .engagement-bottom-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.engagements-v1 .engagement-bottom-image:hover {
  transform: scale(1.05);
  opacity: 0.8;
}
@media (max-width: 1199px) {
  .engagements-v1 .engagements-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .engagements-v1 .engagements-images {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .engagements-v1 .engagement-item {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .engagements-v1 .engagement-item {
    width: 100%;
  }
  .engagements-v1 .engagement-description-wrapper {
    width: 100%;
  }
}

/* #region responsive */
/*#endregion */
.entete-v1 {
  display: flex;
  /* Responsive */
  /* Smartphones en mode portrait */
}
.entete-v1 .entete-11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.entete-v1 .entete-11 h1 {
  text-transform: uppercase;
}
.entete-v1 .entete-11 h1 span {
  text-transform: uppercase;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
}
.entete-v1 .entete-111 {
  color: var(--Color-Brand-Primaire, #050047);
  text-transform: uppercase;
  text-align: center;
}
.entete-v1 .entete-12 {
  text-align: center;
  margin-top: 32px;
}
.entete-v1 .entete-112 {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  text-align: center;
  /* Sub-titles/Sous-titre */
  font-family: "Gill Sans MT";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 40px */
}
@media (max-width: 1199px) {
  .entete-v1 .entete-global {
    display: flex;
    align-items: center;
    gap: var(--Spacing-32, 32px);
    flex-direction: column;
  }
  .entete-v1 .entete-111 {
    text-align: center;
    font-size: 32px !important;
  }
}
@media (max-width: 480px) {
  .entete-v1 .entete-v1 {
    width: 100%;
    padding: var(--Spacing-16, 16px) 0px;
  }
  .entete-v1 .entete-111 {
    color: var(--Color-Brand-Primaire, #050047);
    text-align: center;
    font-family: "Gill Sans MT";
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 56px */
    text-transform: uppercase;
  }
  .entete-v1 .entete-111 span {
    color: var(--Color-Brand-Primaire, #050047);
    font-family: "Gill Sans Nova Inline";
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
  }
}

.entete-v2 .entete-global {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.entete-v2 .entete-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}
.entete-v2 .entete-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-0, 0);
  align-self: stretch;
  max-width: 100%;
}
.entete-v2 .entete-111 {
  color: var(--Color-Brand-Primaire, #050047);
  /* Display/Display default line */
  font-family: "Gill Sans Nova Inline";
  font-size: 110px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 154px */
  text-transform: uppercase;
  max-width: 100%;
}
.entete-v2 .entete-112 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
}
.entete-v2 .entete-112 span {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.entete-v2 .entete-12 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}
.entete-v2 .entete-2 {
  position: relative;
  width: 380.986px;
  height: 369.643px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entete-v2 .entete-21 {
  width: 316.79px;
  height: 301.124px;
  transform: rotate(-14.202deg);
  flex-shrink: 0;
  fill: var(--Color-Basics-Clair, #fff);
  stroke-width: 2px;
  stroke: var(--Color-Brand-Secondaire-Fonc, #006178);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.entete-v2 .entete-211 {
  color: var(--Color-Brand-Secondaire-Fonc, #006178);
  text-align: center;
  /* Text/Text small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  width: 243.049px;
  transform: rotate(5deg);
}
@media (max-width: 1199px) {
  .entete-v2 .entete-1 {
    width: 60%;
  }
  .entete-v2 .entete-2 {
    position: relative;
    width: 380.986px;
    height: 369.643px;
  }
  .entete-v2 .entete-v1 {
    padding: var(--Spacing-64, 64px) 0px;
  }
  .entete-v2 .entete-111 {
    font-size: 70px !important;
    max-width: 1100px;
  }
}
@media (max-width: 991px) {
  .entete-v2 .entete-111 {
    font-size: 48px !important;
    max-width: 800px;
  }
  .entete-v2 .entete-112 {
    font-size: 48px !important;
  }
  .entete-v2 .entete-112 span {
    font-size: inherit !important;
  }
}
@media (max-width: 767px) {
  .entete-v2 .entete-1 {
    width: 100%;
  }
  .entete-v2 .entete-2 {
    align-self: center;
    margin: auto;
  }
  .entete-v2 .entete-111 {
    font-size: 40px !important;
    max-width: 700px;
  }
  .entete-v2 .entete-112 {
    font-size: 32px !important;
  }
  .entete-v2 .entete-112 span {
    font-size: inherit !important;
  }
}
@media (max-width: 576px) {
  .entete-v2 .entete-2 {
    position: relative;
    width: 325px;
    height: 290px;
    margin-top: 32px;
  }
  .entete-v2 .entete-111 {
    font-size: 32px !important;
    max-width: 300px;
  }
  .entete-v2 .entete-112 {
    font-size: 24px !important;
  }
  .entete-v2 .entete-112 span {
    font-size: inherit !important;
  }
}

.event-v1 {
  padding: var(--general-section-bloc-item-padding-section-v) 0px;
}
.event-v1 .event1 {
  display: flex;
  max-width: var(--general-section-bloc-item-max-width);
  padding: 0px var(--general-section-bloc-item-padding-section-h-m);
  flex-direction: column;
  align-items: center;
  gap: var(--general-section-bloc-item-gap-m);
  align-self: stretch;
}
.event-v1 .event-111 {
  color: var(--common-text-tertary);
  text-align: center;
  /* Heading/H5 */
  font-size: var(--general-font-h5);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.event-v1 .event12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--general-section-bloc-item-gap-m);
  align-self: stretch;
}
.event-v1 .event-121 {
  color: var(--common-text-primary);
  text-align: center;
  /* Heading/H2 */
  font-family: var(--general-font-primary, "Playfair Display");
  font-size: var(--general-font-h2);
  font-style: normal;
  font-weight: 800;
  line-height: 40px;
}
.event-v1 .event13 {
  display: flex;
  justify-content: center;
  gap: var(--general-section-bloc-item-gap-m);
  flex-wrap: wrap;
}
.experts-v1 {
  background-color: #ffe3db;
  padding: var(--Spacing-64, 64px) 0;
}
.experts-v1 .experts-container {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-32, 32px);
}
.experts-v1 .experts-11 {
  text-align: center;
}
.experts-v1 .experts-11 .experts-111 {
  /* Heading/Heading 1 */
  font-family: "Gill Sans MT";
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  margin-bottom: 16px;
  color: var(--Color-Brand-Primaire, #050047);
}
.experts-v1 .experts-11 .experts-111 span {
  color: var(--Color-Brand-Secondaire-Clair, #4dfbf3);
}
.experts-v1 .experts-11 .experts-112 {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}
.experts-v1 .experts-2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}
.experts-v1 .expert-photo {
  width: auto !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 120px !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 1848px) {
  .experts-v1 .experts-2 {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
}
@media (max-width: 1199px) {
  .experts-v1 .experts-2 {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 767px) {
  .experts-v1 .experts-2 {
    grid-template-columns: repeat(1, minmax(300px, 1fr));
  }
}

.faq-v1 {
  display: flex;
  padding: var(--Spacing-128, 128px) 0;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
.faq-v1 .faq-11 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
}
.faq-v1 .faq-21 {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 31.5px */
}
.faq-v1 .faq-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  align-items: left;
}
/*#region Cookies */
#popup-cookie {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
}

#popup-cookie1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--background-secondary);
  padding: var(--general-spacing-l);
  border-radius: 10px;
}

#popup-cookie1 h2 {
  color: var(--common-neutral-hight);
  margin-bottom: var(--general-spacing-s);
}

#popup-cookie1 p {
  color: var(--common-neutral-hight);
  margin-bottom: var(--general-spacing-s);
}

#popup-cookie14 {
  display: flex;
  justify-content: center;
  column-gap: var(--general-spacing-s);
  margin-bottom: var(--general-spacing-s);
}

#politique {
  font-weight: 600;
}

/*#endregion */
footer {
  /*&.galaxyy_pro {*/
  background: #050047;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  /*p {
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  }*/
  /* h2 {
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  }*/
  /*h3 {
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  }*/
  /*#region Footer */
  /*#endregion */
}
footer p,
footer a,
footer h1,
footer h2,
footer h3,
footer h4 {
  color: #ffffff;
}
footer a:hover {
  color: #f26945;
}
footer .footer-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
footer .footer-container-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-8, 8px);
}
footer .footer-1 {
  display: flex;
  padding: var(--Spacing-128, 128px) 0;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
footer .footer-2 {
  display: flex;
  padding-top: 32px;
  padding-bottom: 32px;
  align-items: center;
  gap: 64px;
  align-self: stretch;
  box-sizing: border-box;
  border-top: 1px solid #94a3b8;
}
footer .footer-21 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
}
footer .footer-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
footer .footer-12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-24, 24px);
  flex: 1 0 0;
}
footer .footer-13 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  flex: 1 0 0;
  align-self: stretch;
}
footer .footer-logo-parts {
  gap: 0;
}
footer .footer-logo-part {
  display: block;
}
footer .footer-socials {
  display: flex;
  align-items: center;
  gap: var(--Spacing-24, 24px);
}
footer .footer-socials p {
  color: var(--Color-Basics-Clair, #fff);
  /* Text/Text small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  display: flex;
  align-items: center;
  gap: 6px;
}
footer .footer-social {
  display: flex;
  align-items: center;
  gap: 6px;
}
footer .footer-group-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-24, 24px);
  flex: 1 0 0;
}
footer .footer-group-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
footer .footer-group-item-txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}
footer .footer-group-item-txt h3 {
  text-align: left;
}
footer .footer-group-item-txt p {
  text-align: left;
}
footer .footer-img-group {
  width: 80px;
  height: 41px;
  object-fit: contain;
  border-radius: var(--Border-radius-Radius, 4px);
}
footer .footer-certificate {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
footer .footer-certificate-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
footer .footer-certificate-logo {
  width: 177px;
  height: 60px;
}
footer .footer-ecoconception-tile {
  display: flex;
  width: 303px;
  padding: var(--Spacing-32, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: var(--Border-radius-Radius-lg, 12px);
  border: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
  background: var(--Color-Brand-Primaire, #050047);
}
footer .footer-ecoconception-tile h3 {
  color: var(--Color-Basics-Clair, #fff);
  /* Text Bold/Text B small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 27px */
}
footer .footer-small-txt {
  font-size: 14px;
}
@media (max-width: 1199px) {
  footer .footer-1,
  footer .footer-2 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  footer .footer-11,
  footer .footer-12,
  footer .footer-13 {
    width: 100%;
  }
  footer .footer-11 {
    align-items: center;
  }
  footer .footer-11 .footer-container,
  footer .footer-11 .footer-container-2 {
    align-items: center;
  }
  footer .footer-11 .footer-container .footer-socials,
  footer .footer-11 .footer-container-2 .footer-socials {
    gap: 10px;
    align-items: center;
    align-self: center;
  }
  footer .footer-11 .footer-container .footer-socials .footer-social,
  footer .footer-11 .footer-container-2 .footer-socials .footer-social {
    display: flex;
    align-self: center;
    justify-content: center;
  }
  footer .footer-13 {
    align-items: center;
  }
  footer .footer-13 .footer-certificate-container {
    align-items: center;
  }
  footer .footer-13 .footer-certificate-container p {
    text-align: center;
  }
  footer .footer-13 .footer-ecoconception-tile {
    display: flex;
    width: 303px;
    padding: var(--Spacing-32, 32px);
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: var(--Border-radius-Radius-lg, 12px);
    border: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
    background: var(--Color-Brand-Primaire, #050047);
  }
}
@media (max-width: 991px) {
  footer .footer-1,
  footer .footer-2 {
    padding: 32px 0;
    flex-direction: column;
    align-items: center;
  }
  footer .footer-certificate {
    flex-direction: column;
  }
  footer .footer-certificate-container-2 {
    align-self: center;
  }
}
@media (max-width: 767px) {
  footer .footer-11 {
    align-items: center;
  }
  footer .footer-11 .footer-container,
  footer .footer-11 .footer-container-2 {
    align-items: center;
  }
  footer .footer-11 .footer-container .footer-socials,
  footer .footer-11 .footer-container-2 .footer-socials {
    gap: 10px;
    align-items: center;
    align-self: center;
  }
  footer .footer-11 .footer-container .footer-socials .footer-social,
  footer .footer-11 .footer-container-2 .footer-socials .footer-social {
    display: flex;
    align-self: center;
    justify-content: center;
  }
  footer .footer-13 .footer-certificate-container {
    align-items: center;
  }
  footer .footer-13 .footer-certificate-container p {
    text-align: center;
  }
  footer .footer-2 {
    padding: 10px;
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  footer .footer-21 {
    flex-direction: column;
    text-align: center;
  }
  footer .svg-dot {
    display: none;
  }
  footer .footer-ecoconception-tile {
    margin-top: 16px;
    align-self: center;
  }
  footer .footer-group-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  footer .footer-group-item-txt {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  footer .footer-group-item-txt h3 {
    text-align: center;
  }
  footer .footer-group-item-txt p {
    text-align: center;
  }
  footer .footer-ecoconception-tile {
    width: 100% !important;
  }
}
@media (max-width: 567px) {
  footer .footer-11 {
    align-items: center;
  }
  footer .footer-11 .footer-container,
  footer .footer-11 .footer-container-2 {
    align-items: center;
  }
  footer .footer-11 .footer-container .footer-socials,
  footer .footer-11 .footer-container-2 .footer-socials {
    display: grid;
    grid-template-columns: repeat(1, minmax(360px, 1fr));
    gap: 10px;
    align-items: center;
    align-self: center;
  }
  footer .footer-11 .footer-container .footer-socials .footer-social,
  footer .footer-11 .footer-container-2 .footer-socials .footer-social {
    display: flex;
    align-self: center;
    justify-content: center;
  }
  footer .footer-13 .footer-certificate-container {
    align-items: center;
  }
  footer .footer-13 .footer-certificate-container p {
    text-align: center;
  }
}

/*}*/
.formations-search-v1 {
  border-radius: var(--Border-radius-Radius-xxl, 24px);
  background: linear-gradient(85deg, var(--Color-Brand-Primaire, #050047) 0%, #16106b 100%);
  padding: 64px;
  position: relative;
  overflow: hidden;
  margin: 64px auto;
  /* Responsive */
}
.formations-search-v1 .formations-search-content {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  align-self: stretch;
}
.formations-search-v1 .search-title-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  position: relative;
  flex: 1;
}
.formations-search-v1 .search-title {
  color: var(--Color-Basics-Clair, #fff);
  /* Heading/Heading 2 focus */
  font-family: "Gill Sans MT";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 45px */
}
.formations-search-v1 .search-arrow-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
  margin-right: 1rem;
}
.formations-search-v1 .search-arrow {
  width: 40px;
  height: 40px;
  color: #4dfbf3;
}
.formations-search-v1 .search-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  flex: 6;
}
.formations-search-v1 .formations-search__form {
  width: 100%;
}
.formations-search-v1 .search-label {
  color: var(--Color-Basics-Clair, #fff);
  /* Text/Text small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
}
.formations-search-v1 .search-row {
  margin-bottom: 24px;
}
.formations-search-v1 .search-input {
  width: 100%;
  padding: 12px 20px;
  border-radius: 4px;
  border: 1px solid var(--color-primaire-primaire-950, #050047);
  background: var(--Color-Basics-Clair, #fff);
  transition: all 0.3s ease;
  position: relative;
  width: 100%;
}
.formations-search-v1 .search-input-wrapper {
  position: relative;
  width: 100%;
}
.formations-search-v1 .search-input-icon {
  position: absolute;
  right: 16px;
  top: 55%;
  width: 24px;
  height: 24px;
  zoom: 90%;
  color: #666;
  cursor: pointer;
  transition: color 0.3s ease;
}
.formations-search-v1 .search-input-icon:hover {
  color: #050047;
}
.formations-search-v1 .search-input:focus {
  outline: none;
  border-color: #4dfbf3;
  background: white;
  box-shadow: 0 0 0 3px rgba(77, 251, 243, 0.2);
}
.formations-search-v1 .search-input::placeholder {
  color: #666;
}
.formations-search-v1 .search-tags-container {
  margin-bottom: 24px;
}
.formations-search-v1 .search-tags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 24px;
}
.formations-search-v1 .search-tag {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 31.5px */
  display: flex;
  height: 56px;
  padding: 6px var(--Spacing-24, 24px);
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1px solid var(--Color-Brand-Neutre-1, #94a3b8);
  background: #fff;
  cursor: pointer;
}
.formations-search-v1 .search-tag:hover {
  background: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.formations-search-v1 .search-tag.active {
  background: var(--Color-Secondaire-fonc-Secondaire-700---txtB, #0098b5);
  color: #fff;
  border-color: #0098b5;
}
.formations-search-v1 .search-submit-icon {
  width: 20px;
  height: 20px;
}
@media (max-width: 1199px) {
  .formations-search-v1 .formations-search-content {
    flex-direction: column;
  }
  .formations-search-v1 .search-arrow-row {
    display: none;
  }
}

.formations-complementaires-v1 {
  background: var(--Color-Text-Texte-secondaire, #050047);
}
.formations-complementaires-v1 .formations-complementaires-v1-content {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.formations-complementaires-v1 .formations-complementaires-v1-title {
  color: var(--Color-Basics-Clair, #fff);
  font-family: "Gill Sans MT";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.formations-complementaires-v1 .formations-complementaires-v1-title span {
  color: var(--Color-Basics-Clair, #fff);
  font-family: "Gill Sans Nova Inline";
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 96px */
}
.formations-complementaires-v1 .formations-complementaires-v1-content-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.formations-complementaires-v1 .formations-complementaires-v1-content-inner-item {
  display: flex;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--color-secondaire-fonc-secondaire-900, #006178);
  /* shadow-lg */
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.formations-complementaires-v1 .form-v1-tag {
  color: var(--Color-Basics-Clair, #fff);
  display: flex;
  padding: var(--Spacing-6, 6px) var(--Spacing-12, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--Border-radius-Radius-md, 8px);
  background: var(--Color-Brand-Primaire, #050047);
}
.formations-complementaires-v1 .form-v1-title {
  color: var(--Color-Basics-Clair, #fff);
  /* Sub-titles/Titre tuile */
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 37.5px */
}
.formations-complementaires-v1 .form-v1-description {
  color: var(--Color-Basics-Clair, #fff);
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}
.formations-complementaires-v1 .form-v1-link {
  width: 100%;
  text-align: center;
}
@media (max-width: 1199px) {
  .formations-complementaires-v1 .formations-complementaires-v1-content-inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .formations-complementaires-v1 .formations-complementaires-v1-content-inner-item {
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .formations-complementaires-v1 .formations-complementaires-v1-content-inner {
    grid-template-columns: repeat(1, 1fr);
  }
}

.formations-v1 .catalogue-container-filters-expanded {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  gap: 32px;
}
.formations-v1 .catalogue-container-filters-collapsed {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  gap: 32px;
}
.formations-v1 .group-title {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Heading/Heading 2 focus */
  font-family: "Gill Sans MT";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 45px */
}
.formations-v1 .formation-results {
  grid-column: 2/span 3;
}
.formations-v1 .group-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.formations-v1 .catalogue-group {
  margin-bottom: 64px;
}
.formations-v1 .group-title {
  cursor: pointer;
  padding: 10px 15px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.formations-v1 .toggle-icon {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Secondaire-Fonc, #006178);
  background: var(--Color-Basics-Clair, #fff);
}
.formations-v1 .toggle-icon-collapsed svg {
  transform: rotate(180deg);
}
.formations-v1 .collapse-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 15px;
}
.formations-v1 .collapse-container.open {
  max-height: 10000px;
  /* ajuster selon contenu */
  padding: 15px;
}
.formations-v1 #formation-pagination {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.formations-v1 #formation-pagination .formation-page-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  min-width: 40px;
  text-align: center;
}
.formations-v1 #formation-pagination .formation-page-btn:hover {
  background: #f5f5f5;
  border-color: #999;
}
.formations-v1 #formation-pagination .formation-page-btn.is-active {
  background: #000;
  color: #fff;
  border-color: #000;
}
.formations-v1 #formation-pagination .formation-page-btn.formation-page-prev, .formations-v1 #formation-pagination .formation-page-btn.formation-page-next {
  font-weight: bold;
}
.formations-v1 #formation-pagination .pagination-ellipsis {
  padding: 0.5rem;
  color: #666;
}
.formations-v1 #formation-results {
  transition: opacity 0.3s ease;
}
.formations-v1 #formation-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.formations-v1 #formation-loader .loader-spinner {
  width: 30px;
  height: 30px;
  border: 4px solid #ddd;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.formations-v1 .no-results {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-style: italic;
}
@media (max-width: 1600px) {
  .formations-v1 .group-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1199px) {
  .formations-v1 .group-items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .formations-v1 .catalogue-container-filters-expanded {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .formations-v1 .formation-results {
    grid-column: 1/span 1;
  }
}
.formations-v2 {
  /* Responsive */
}
.formations-v2 .catalogue-container {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem 2rem 2rem;
}
.formations-v2 .catalogue-filters {
  background: #f8f9fa;
  padding: 1.5rem;
  border-radius: 12px;
  height: fit-content;
  position: sticky;
  top: 2rem;
}
.formations-v2 .catalogue-filters h3 {
  margin-bottom: 1.5rem;
  color: #050047;
  font-size: 1.25rem;
  font-weight: 700;
}
.formations-v2 .filter-group {
  margin-bottom: 1.5rem;
}
.formations-v2 .filter-group h4 {
  color: #050047;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.formations-v2 .filter-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  color: #666;
}
.formations-v2 .filter-checkbox input[type=checkbox] {
  margin-right: 0.5rem;
}
.formations-v2 .filter-actions {
  margin-top: 1.5rem;
  display: flex;
  gap: 0.5rem;
}
.formations-v2 .btn-filter,
.formations-v2 .btn-reset {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 6px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.formations-v2 .btn-filter {
  background: #050047;
  color: white;
  border: 2px solid #050047;
}
.formations-v2 .btn-filter:hover {
  background: white;
  color: #050047;
  border-color: #050047;
}
.formations-v2 .btn-reset {
  background: #e9ecef;
  color: #666;
}
.formations-v2 .btn-reset:hover {
  background: #dee2e6;
}
.formations-v2 .formation-results {
  min-height: 400px;
}
.formations-v2 .catalogue-header {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e9ecef;
}
.formations-v2 .catalogue-header h2 {
  color: #050047;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.formations-v2 .catalogue-header p {
  color: #666;
  font-size: 1rem;
  margin: 0;
}
.formations-v2 .catalogue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
}
.formations-v2 .formation-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.formations-v2 .formation-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.formations-v2 .formation-modalite-tag {
  display: inline-block;
  background: #f26945;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 1rem;
  align-self: flex-start;
}
.formations-v2 .formation-title {
  color: #050047;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.formations-v2 .formation-info {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.formations-v2 .info-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #666;
}
.formations-v2 .info-icon {
  width: 16px;
  height: 16px;
  color: #f26945;
}
.formations-v2 .formation-excerpt {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}
.formations-v2 .formation-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #050047;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  margin-top: auto;
}
.formations-v2 .formation-btn:hover {
  background: #1a1a5e;
  transform: translateY(-1px);
}
.formations-v2 .no-results {
  grid-column: 1/-1;
  text-align: center;
  padding: 3rem;
  color: #666;
}
.formations-v2 .no-results p {
  margin-bottom: 0.5rem;
}
@media (max-width: 1199px) {
  .formations-v2 .catalogue-container {
    grid-template-columns: 300px 1fr;
    gap: 1.5rem;
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
}
@media (max-width: 991px) {
  .formations-v2 .catalogue-container {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 0 1rem 1rem 1rem;
  }
  .formations-v2 .catalogue-filters {
    position: static;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .formations-v2 .catalogue-grid {
    grid-template-columns: 1fr;
  }
  .formations-v2 .formation-info {
    flex-direction: column;
    gap: 0.5rem;
  }
  .formations-v2 .filter-actions {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .formations-v2 .catalogue-container {
    padding: 0 0.5rem 0.5rem 0.5rem;
  }
  .formations-v2 .catalogue-filters {
    padding: 1rem;
  }
  .formations-v2 .formation-card {
    padding: 1rem;
  }
}

.formation-detail {
  /* #region Formation */
}
.formation-detail .entete-v1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-128, 128px);
  align-self: stretch;
}
.formation-detail .entete-v1 .formation-tags {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.formation-detail .entete-v1 .formation-tags .formation-tag {
  color: var(--Color-Brand-Secondaire-Fonc, #006178);
  text-align: center;
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.formation-detail .entete-v1 .formation-title {
  color: var(--Color-Brand-Primaire, #050047);
  text-align: center;
  font-family: "Gill Sans Nova Inline";
  text-transform: uppercase;
  text-wrap: auto;
  font-weight: normal;
}
.formation-detail .entete-v1 .formation-subtitle {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  text-align: center;
  font-family: "Gill Sans MT";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
.formation-detail .formation-content {
  display: flex;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  /* #endregion */
  /* #region Session */
  /* #endregion */
  /* #region Sidebar */
  /* #endregion */
}
.formation-detail .formation-content ul {
  list-style-type: none;
  padding-left: 16px;
}
.formation-detail .formation-content ul li {
  position: relative;
  padding-left: 16px;
}
.formation-detail .formation-content ul li::before {
  content: "●";
  /* ou "◦" */
  position: absolute;
  left: 0;
}
.formation-detail .formation-content h2 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.formation-detail .formation-content h3 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
.formation-detail .formation-content .formation-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--Spacing-32, 32px);
}
.formation-detail .formation-content #formation-sessions-section {
  width: 100%;
}
.formation-detail .formation-content .formation-section-container {
  grid-column: 1/span 2;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-64, 64px);
  flex: 1 0 0;
}
.formation-detail .formation-content .formation-introduction {
  color: var(--Color-Text-Texte-primaire, #000);
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .formation-objectifs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
.formation-detail .formation-content .objectifs-list-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.formation-detail .formation-content .objectifs-list {
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--Spacing-16, 16px);
  align-self: stretch;
}
.formation-detail .formation-content .formation-programme {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
.formation-detail .formation-content hr {
  border: none;
  width: 100%;
  height: 2px;
  background-color: var(--Color-Brand-Neutre-2, #e2e8f0);
}
.formation-detail .formation-content .programme-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.formation-detail .formation-content .programme-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.formation-detail .formation-content .programme-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.formation-detail .formation-content .programme-substep {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  padding-bottom: 24px;
  border-bottom: 2px solid #e2e8f0;
}
.formation-detail .formation-content .programme-substep-header {
  width: 100%;
}
.formation-detail .formation-content .programme-substep-header h3 {
  cursor: pointer;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.formation-detail .formation-content .toggle-icon {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Secondaire-Fonc, #006178);
  background: var(--Color-Basics-Clair, #fff);
}
.formation-detail .formation-content .toggle-icon-collapsed svg {
  transform: rotate(180deg);
}
.formation-detail .formation-content .programme-sous-liste-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.formation-detail .formation-content .programme-sous-liste {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--Spacing-16, 16px);
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.formation-detail .formation-content .programme-sous-liste.open {
  max-height: 10000px;
}
.formation-detail .formation-content .formation-section-container-plus {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.formation-detail .formation-content .formation-pedagogical-resources,
.formation-detail .formation-content .formation-targets {
  display: flex;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-xxl, 24px);
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
}
.formation-detail .formation-content .formation-pedagogical-resources svg,
.formation-detail .formation-content .formation-targets svg {
  width: 52px;
  height: 52px;
}
.formation-detail .formation-content .pedagogical-resource-item,
.formation-detail .formation-content .program-target-item {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.formation-detail .formation-content .program-prerequisites-list,
.formation-detail .formation-content .program-assessment-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.formation-detail .formation-content .program-prerequisite-item,
.formation-detail .formation-content .program-assessment-item {
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--Spacing-16, 16px);
  align-self: stretch;
}
.formation-detail .formation-content .program-prerequisite,
.formation-detail .formation-content .program-assessment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.formation-detail .formation-content .formation-chiffres-cles {
  display: flex;
  padding: var(--Spacing-32, 32px) var(--Spacing-16, 16px);
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  border-radius: 24px;
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
}
.formation-detail .formation-content .formation-chiffres-cles-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.formation-detail .formation-content .formation-chiffres-cles-content h3 {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  /* Heading/Heading 1 line */
  font-family: "Gill Sans Nova Inline";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 112px */
  text-transform: uppercase;
}
.formation-detail .formation-content .formation-chiffres-cles-content p {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
}
.formation-detail .formation-content .session-proposees {
  display: flex;
  padding: var(--Spacing-64, 64px) var(--Spacing-0, 0);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.formation-detail .formation-content .session-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.formation-detail .formation-content .session-header-1 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.formation-detail .formation-content .session-header-2 {
  display: flex;
  padding: var(--Spacing-12, 12px) var(--Spacing-24, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
}
.formation-detail .formation-content .session-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.formation-detail .formation-content .session-item {
  display: flex;
  width: 100%;
  padding: var(--Spacing-24, 24px);
  justify-content: space-between;
  align-items: center;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #fff);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.formation-detail .formation-content .session-item-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 50%;
}
.formation-detail .formation-content .session-item-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  width: 25%;
}
.formation-detail .formation-content .no-session {
  width: 100% !important;
}
.formation-detail .formation-content .no-session a {
  text-decoration: underline;
}
.formation-detail .formation-content .session-item-1-title {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  text-align: center;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .session-item-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  flex-shrink: 0;
  align-self: stretch;
  width: 50%;
  justify-content: center;
}
.formation-detail .formation-content .session-item-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  flex-shrink: 0;
  align-self: stretch;
  width: 50%;
  text-align: center;
}
.formation-detail .formation-content .btn-isia {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
}
.formation-detail .formation-content .formation-sidebar {
  grid-column: 3/span 1;
  display: flex;
  padding: var(--Spacing-32, 32px) 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  position: sticky;
  height: fit-content;
  top: 2rem;
}
.formation-detail .formation-content .formation-card {
  display: flex;
  padding: var(--Spacing-48, 48px);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-xxl, 24px);
  background: linear-gradient(42deg, var(--Color-Brand-Primaire, #050047) 0%, #16106b 100%);
  position: relative;
  z-index: 2;
}
.formation-detail .formation-content .formation-duree-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .formation-duree-value {
  color: var(--Color-Basics-Clair, #fff);
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.formation-detail .formation-content .formation-duree-value span {
  color: var(--Color-Basics-Clair, #fff);
  font-family: Verdana;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .formation-duree {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}
.formation-detail .formation-content .formation-type-formation {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.formation-detail .formation-content .formation-type-formation-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.formation-detail .formation-content .formation-type-formation-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .formation-type-formation-value {
  color: var(--Color-Basics-Clair, #fff);
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.formation-detail .formation-content .formation-modalites-toggle-content {
  color: var(--Color-Basics-Clair, #fff);
  text-align: right;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: right;
}
.formation-detail .formation-content .formation-modalites-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
}
.formation-detail .formation-content .label-left,
.formation-detail .formation-content .label-right {
  font-weight: bold;
}
.formation-detail .formation-content .toggle {
  width: 60px;
  height: 30px;
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
}
.formation-detail .formation-content .toggle-ball {
  width: 26px;
  height: 26px;
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
}
.formation-detail .formation-content .toggle.active .toggle-ball {
  transform: translateX(30px);
}
.formation-detail .formation-content .toggle.disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.formation-detail .formation-content .formation-price {
  width: 100%;
}
.formation-detail .formation-content .formation-price-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.formation-detail .formation-content .price-amount {
  color: var(--Color-Basics-Clair, #fff);
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.formation-detail .formation-content .price-label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.formation-detail .formation-content .price-label-text {
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .price-value {
  color: var(--Color-Basics-Clair, #fff);
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.formation-detail .formation-content .price-link-container p,
.formation-detail .formation-content .price-link-container a {
  color: var(--Color-Basics-Clair, #fff);
  text-align: right;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: block;
}
.formation-detail .formation-content .price-link span {
  color: var(--Color-Basics-Clair, #fff);
  text-align: right;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}
.formation-detail .formation-content .formation-cta {
  display: flex;
  width: 100%;
}
.formation-detail .formation-content .formation-cta a {
  width: 100%;
  color: var(--Color-Brand-Secondaire-Fonc, #006178);
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
.formation-detail .formation-content .formation-contact-sidebar-2 {
  display: flex;
  padding: var(--Spacing-64, 64px) var(--Spacing-48, 48px) var(--Spacing-24, 24px) var(--Spacing-48, 48px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 0 0 24px 24px;
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
  margin-top: -44px;
  z-index: 1;
  position: relative;
  text-align: center;
}
.formation-detail .formation-content .formation-contact-sidebar-2 p {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.formation-detail .formation-content .formation-contact-sidebar-2 a {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (max-width: 1199px) {
  .formation-detail .entete-1 h1.formation-title {
    font-size: 36px !important;
    font-weight: normal !important;
  }
  .formation-detail .formation-content {
    padding-top: 0 !important;
  }
  .formation-detail .formation-main {
    display: flex !important;
    flex-direction: column-reverse;
    gap: 64px !important;
    width: 100% !important;
  }
  .formation-detail .formation-sidebar {
    position: relative !important;
  }
  .formation-detail .programme-header {
    flex-direction: column;
    gap: 32px;
    align-items: initial !important;
  }
  .formation-detail .programme-header h2 {
    text-align: left;
  }
  .formation-detail .programme-actions {
    flex-direction: column;
    align-items: center;
  }
  .formation-detail .formation-section-container-plus {
    flex-direction: column;
  }
  .formation-detail .formation-chiffres-cles {
    flex-direction: column;
    align-items: center;
  }
  .formation-detail .session-header {
    flex-direction: column;
    gap: 32px;
  }
  .formation-detail .session-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .formation-detail .session-item-1 {
    width: 100% !important;
  }
  .formation-detail .session-item-wrapper {
    width: 100% !important;
  }
  .formation-detail .session-item-4 {
    width: 100% !important;
  }
}
@media (max-width: 467px) {
  .formation-detail .formation-duree,
  .formation-detail .formation-price-content,
  .formation-detail .formation-type-formation-content {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .formation-detail .formation-duree .price-label-text,
  .formation-detail .formation-price-content .price-label-text,
  .formation-detail .formation-type-formation-content .price-label-text {
    text-align: left !important;
  }
  .formation-detail .formation-price-content .price-value,
  .formation-detail .formation-duree .formation-duree-value {
    text-align: right !important;
  }
  .formation-detail .formation-type-formation-content .formation-type-formation-value .formation-modalites-toggle-container {
    display: flex;
    justify-content: flex-end;
  }
}

header {
  width: 100%;
}
header.galaxyy_pro {
  /*#region HEADER*/
  /*#endregion */
  /*#region Language dropdown*/
  /*#endregion*/
  /*#region Gestion page courante*/
  /*#endregion */
  /*#region Menu mobile*/
  /*#endregion */
  /*#region Champs de recherche*/
  /*#endregion */
}
header.galaxyy_pro .header-box-background-transparent {
  background: var(--Color-Basics-Clair, #fff);
  padding: var(--Spacing-16, 16px) 0;
  margin: auto;
}
header.galaxyy_pro #header1 {
  display: flex;
  align-items: center;
  gap: 64px;
  flex-wrap: wrap;
}
header.galaxyy_pro #header11,
header.galaxyy_pro #header12 {
  flex-shrink: 0;
  /* ne se rétrécissent pas */
}
header.galaxyy_pro #header12 {
  justify-self: center;
  display: flex;
  align-items: center;
  align-self: flex-end;
}
header.galaxyy_pro #header12 a {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Label/Label base */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  text-transform: uppercase;
}
header.galaxyy_pro #header13 {
  flex: 1 1 auto;
  /* prend l'espace restant mais peut se réduire */
  min-width: 0;
  /* important pour que le contenu puisse s’adapter */
  display: flex;
  justify-content: flex-end;
  /* ou space-between si plusieurs blocs */
  flex-wrap: wrap;
  /* si tu veux que ça passe à la ligne si trop long */
}
header.galaxyy_pro #header13 a {
  padding: 8px 16px !important;
}
header.galaxyy_pro .header131 {
  display: flex;
  align-items: center;
  gap: 32px;
}
header.galaxyy_pro .header131 .btn-isia {
  display: flex;
  padding: var(--Spacing-8, 8px) var(--Spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Primaire, #050047);
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
  /* Label/Label XSmall */
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-transform: uppercase;
}
header.galaxyy_pro .header132 {
  width: 100%;
}
header.galaxyy_pro #header-desktop ul {
  display: flex;
  align-items: baseline;
  gap: 32px;
  height: 100%;
  margin: 0;
}
header.galaxyy_pro #header13 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: end;
}
header.galaxyy_pro .language-dropdown {
  position: relative;
  display: inline-block;
}
header.galaxyy_pro .language-dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 7px;
  background: none;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
header.galaxyy_pro .language-dropdown-toggle img {
  width: 18px;
  height: 18px;
}
header.galaxyy_pro .language-dropdown-toggle:hover {
  background-color: #f5f5f5;
  border-color: #999;
}
header.galaxyy_pro .language-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
header.galaxyy_pro .language-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: none;
  box-shadow: none;
  min-width: 150px;
  z-index: 1000;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
header.galaxyy_pro .language-dropdown-menu.show {
  display: block;
}
header.galaxyy_pro .language-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.3s ease;
}
header.galaxyy_pro .language-link:hover {
  background-color: #f5f5f5;
}
header.galaxyy_pro .language-link.active {
  background-color: #e6f3ff;
  font-weight: bold;
}
header.galaxyy_pro .dropdown-arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
}
header.galaxyy_pro .language-dropdown-toggle.open .dropdown-arrow {
  transform: rotate(180deg);
}
header.galaxyy_pro #header_mobile {
  display: none;
  width: 100%;
  background-color: white;
  box-shadow: 0px 16px 16px white;
}
header.galaxyy_pro #icone_mobile {
  display: none;
  align-items: center;
  justify-self: end;
}
header.galaxyy_pro #icone_mobile img {
  width: 60px;
  height: 60px;
}
header.galaxyy_pro .li_menu_mobile {
  padding: 24px 0;
  text-align: left;
  border-bottom: 1px solid #050047;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}
header.galaxyy_pro #ul_menu_mobile {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
header.galaxyy_pro .li_menu_mobile a {
  color: #050047;
}
header.galaxyy_pro #hamburgerMenuMobile {
  display: none;
  cursor: pointer;
  height: 50px;
}
header.galaxyy_pro .formation-search-form {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
header.galaxyy_pro .search-input-wrapper {
  position: relative;
  flex: 1;
  width: 100%;
}
header.galaxyy_pro .formation-search-input {
  padding: 8px 16px;
  border: 1px solid var(--color-primaire-primaire-950, #050047);
  border-radius: 4px;
  font-size: 18px;
  outline: none;
  transition: all 0.3s ease;
  background: var(--Color-Basics-Clair, #fff);
  width: 100%;
}
header.galaxyy_pro .formation-search-input:focus {
  border-color: #007cba;
  background-color: white;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}
header.galaxyy_pro .formation-search-input::placeholder {
  color: var(--Color-Brand-Neutre-1, #94a3b8);
  /* Text/Text small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
}
header.galaxyy_pro .search-icon {
  position: absolute;
  right: 15px;
  top: 55%;
  transform: translateY(-50%);
  color: #666;
  cursor: pointer;
  transition: color 0.3s ease;
}
header.galaxyy_pro .formation-search-input:focus + .search-icon {
  color: #007cba;
}
header.galaxyy_pro .search-icon:hover {
  color: #007cba;
}
header.galaxyy_pro .formation-search-btn {
  display: flex;
  padding: var(--Spacing-8, 8px) var(--Spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Primaire, #050047);
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
  /* Label/Label XSmall */
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-transform: uppercase;
}
header.galaxyy_pro .formation-search-btn:active {
  transform: translateY(0);
}
@media (max-width: 1711px) {
  header.galaxyy_pro .formation-search-input {
    padding: 8px 8px;
  }
}
@media (max-width: 1700px) {
  header.galaxyy_pro #header1 {
    gap: 32px;
  }
}
@media (max-width: 1634px) {
  header.galaxyy_pro #header1 {
    flex-wrap: wrap;
  }
  header.galaxyy_pro #header11,
  header.galaxyy_pro #header13 {
    order: 1;
    width: auto;
    flex: 1 1 auto;
    display: flex;
  }
  header.galaxyy_pro #header11 {
    justify-content: flex-start;
  }
  header.galaxyy_pro #header13 {
    justify-content: flex-end;
  }
  header.galaxyy_pro #header12 {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  header.galaxyy_pro .formation-search-input {
    width: 412px;
  }
  header.galaxyy_pro .header132 {
    width: auto;
  }
}
@media (max-width: 1199px) {
  header.galaxyy_pro #header_mobile {
    flex-direction: column;
  }
  header.galaxyy_pro .header-mobile-contact {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  header.galaxyy_pro .header-mobile-contact-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  header.galaxyy_pro .search-input-wrapper {
    position: relative;
    flex: none;
    width: auto;
  }
  header.galaxyy_pro .header-mobile-contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  header.galaxyy_pro #header12 {
    display: none;
  }
  header.galaxyy_pro .header131,
  header.galaxyy_pro .header132 {
    display: none;
  }
}
@media (max-width: 768px) {
  header.galaxyy_pro .formation-search-form {
    display: flex;
    align-items: baseline;
    gap: 16px;
    width: auto;
    flex-direction: column;
  }
  header.galaxyy_pro .search-input-wrapper {
    width: 100%;
  }
  header.galaxyy_pro .formation-search-input {
    width: 100%;
  }
}
@media (max-width: 480px) {
  header.galaxyy_pro .header-mobile-contact-left {
    flex-direction: column-reverse;
    gap: 16px;
  }
}

.inspirations-v1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-128, 128px);
  align-self: stretch;
}
.inspirations-v1 #inspiration-results {
  transition: opacity 0.3s ease;
  width: 100%;
}
.inspirations-v1 #inspiration-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.inspirations-v1 #inspiration-loader .loader-spinner {
  width: 30px;
  height: 30px;
  border: 4px solid #ddd;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.inspirations-v1 #inspiration-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px var(--Spacing-32, 32px);
  padding-bottom: var(--Spacing-64, 64px);
}
.inspirations-v1 #inspiration-pagination {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.inspirations-v1 #inspiration-pagination .inspiration-page-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  min-width: 40px;
  text-align: center;
}
.inspirations-v1 #inspiration-pagination .inspiration-page-btn:hover {
  background: #f5f5f5;
  border-color: #999;
}
.inspirations-v1 #inspiration-pagination .inspiration-page-btn.is-active {
  background: #000;
  color: #fff;
  border-color: #000;
}
.inspirations-v1 #inspiration-pagination .inspiration-page-btn.inspiration-page-prev,
.inspirations-v1 #inspiration-pagination .inspiration-page-btn.inspiration-page-next {
  font-weight: bold;
}
.inspirations-v1 #inspiration-pagination .pagination-ellipsis {
  padding: 0.5rem;
  color: #666;
}
.inspirations-v1 .no-results {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-style: italic;
}
.inspirations-v1 .filtre-inspiration {
  margin-bottom: 20px;
}
.inspirations-v1 .filtre-inspiration select {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-width: 200px;
}
@media (max-width: 1199px) {
  .inspirations-v1 #inspiration-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .inspirations-v1 #inspiration-results {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.inspirations-v2 .inspirations-v2-global {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
}
.inspirations-v2 .inspirations-v2-title {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: var(--Spacing-32, 32px);
}
.inspirations-v2 .inspirations-v2-title > h2 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  text-transform: uppercase;
}
.inspirations-v2 .inspirations-v2-title > h2 > span {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans Nova Inline";
  font-size: inherit;
  font-weight: normal;
}
.inspirations-v2 .inspirations-v2-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--Spacing-32, 32px);
  align-items: stretch;
  align-content: flex-start;
  align-self: stretch;
  padding-bottom: var(--Spacing-64, 64px);
}
.inspirations-v2 .inspirations-v2-item {
  display: flex;
  padding: var(--Spacing-12, 12px);
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  gap: var(--Spacing-16, 16px);
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #fff);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.inspirations-v2 .inspirations-v2-item-img {
  display: flex;
  height: 186px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-md, 8px);
  width: 500px;
  height: 180px;
  aspect-ratio: 1/1;
}
@media (max-width: 1199px) {
  .inspirations-v2 .inspirations-v2-title {
    flex-direction: column;
  }
  .inspirations-v2 .inspirations-v2-content {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .inspirations-v2 .inspirations-v2-content {
    flex-direction: column;
  }
}
.legaltext-v1 {
  display: flex;
  flex-direction: column;
  align-items: left;
  gap: var(--Spacing-32, 32px);
}
.legaltext-v1 .legaltext-111 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  line-height: 150%;
}
.legaltext-v1 .legaltext-12 {
  padding-left: 16px;
  justify-content: left;
  align-items: left;
  gap: 10px;
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
}
.legaltext-v1 ul {
  margin-left: var(--Spacing-32, 32px);
  list-style: disc !important;
  list-style-type: disc !important;
  list-style-position: inside;
}
.legaltext-v1 ol {
  list-style: decimal !important;
  list-style-type: decimal !important;
  list-style-position: inside;
}

.legal-v1 {
  text-align: center;
}

.mon-compte-page h2 {
  text-align: center;
}
.mon-compte-page input,
.mon-compte-page button {
  padding: 8px 16px;
  border: 1px solid var(--color-primaire-primaire-950, #050047);
  border-radius: 4px;
  font-size: 18px;
  outline: none;
  transition: all 0.3s ease;
  background: var(--Color-Basics-Clair, #fff);
  width: 100%;
}
.mon-compte-page button:hover {
  border: 1px solid var(--color-primaire-primaire-950, #050047);
  background: var(--Color-Basics-Clair, #050047);
  color: #FFF;
}
.mon-compte-page form {
  margin-top: 128px;
  max-width: 450px;
  margin: 20px auto;
  display: grid;
  grid-column: 1;
  gap: 16px;
}

.newsletter-v1 {
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
  padding: var(--Spacing-128, 128px) 0;
}
.newsletter-v1 .newsletter-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  overflow: hidden;
}
.newsletter-v1 .newsletter-content h2 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 83.2px */
}
.newsletter-v1 .newsletter-content p {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}
.newsletter-v1 .newsletter-btn {
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  text-align: center;
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Primaire, #050047);
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
  /* Label/Label base */
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  text-transform: uppercase;
}
.newsletter-v1 .groupe-19-1 {
  position: absolute;
  bottom: -50px;
  right: 400px;
  width: 228.839px;
  height: 216.469px;
  flex-shrink: 0;
  stroke-width: 2px;
  stroke: var(--Color-Brand-Tertiaire-Fonc, #f26945);
}
.newsletter-v1 .groupe-19-2 {
  position: absolute;
  bottom: -50px;
  right: 100px;
  width: 330.967px;
  height: 314.982px;
  transform: rotate(-19.217deg);
  flex-shrink: 0;
  stroke-width: 2px;
  stroke: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.newsletter-v1 .groupe-19-3 {
  position: absolute;
  bottom: 50px;
  right: -50px;
  width: 315.102px;
  height: 300.385px;
  transform: rotate(-6.777deg);
  flex-shrink: 0;
  stroke-width: 2px;
  stroke: var(--Color-Brand-Secondaire-Clair, #00d6d6);
}

.notre-approche-v1 .notre-approche-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
}
.notre-approche-v1 .notre-approche-inner {
  display: flex;
  width: 100%;
  padding: 0 var(--Spacing-32, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-48, 48px);
}
.notre-approche-v1 .notre-approche-inner h1 {
  text-align: center;
  align-self: stretch;
  text-transform: uppercase;
}
.notre-approche-v1 .notre-approche-inner h1 span {
  font-size: inherit;
  font-weight: normal;
}
.notre-approche-v1 .card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--Spacing-48, 48px);
  width: 100%;
  padding-bottom: var(--Spacing-64, 64px);
}
.notre-approche-v1 .card:nth-child(even) {
  flex-direction: row-reverse;
}
.notre-approche-v1 .card:nth-child(even) .card-content {
  padding-left: 0;
}
.notre-approche-v1 .card:nth-child(even) .card-title {
  text-align: right;
  align-self: right;
}
.notre-approche-v1 .card:nth-child(even) .card-description {
  border-right: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
  justify-content: flex-end;
  border-left: none;
  padding-left: none;
  padding-right: var(--Spacing-16, 16px);
  align-items: center;
  align-self: right;
  text-align: right;
}
.notre-approche-v1 .card:nth-child(even) .card-btn {
  text-align: right;
  align-self: right;
}
.notre-approche-v1 .card-image {
  text-align: center;
  position: relative;
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
}
.notre-approche-v1 .card-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 24px;
}
.notre-approche-v1 .image-overlay {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 24px;
}
.notre-approche-v1 .card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-16, 16px);
  width: 50%;
}
.notre-approche-v1 .card-title {
  font-weight: 700;
  text-align: left;
  margin: 0 0 16px 0;
}
.notre-approche-v1 .card-description {
  display: flex;
  padding-left: var(--Spacing-16, 16px);
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
}

/* #region responsive */
@media (max-width: 1199px) {
  .notre-approche-v1 .notre-approche-inner {
    padding: 0 1.5rem;
  }
  .notre-approche-v1 .notre-approche-title {
    font-size: 68px;
  }
  .notre-approche-v1 .card-title {
    font-size: 26px;
  }
  .notre-approche-v1 .card-description {
    font-size: 19px;
  }
  .notre-approche-v1 .card-image {
    display: flex;
    width: 40%;
  }
  .card .card-content {
    padding-right: 0;
    padding-left: 0;
  }
  .card .card-btn a {
    text-align: center;
  }
  .card:nth-child(even) {
    flex-direction: row-reverse;
  }
  .card:nth-child(even) .card-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .card:nth-child(even) .card-title {
    text-align: right;
    align-self: right;
  }
  .card:nth-child(even) .card-description {
    border-right: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
    justify-content: flex-end;
    border-left: none;
    padding-left: none;
    padding-right: var(--Spacing-16, 16px);
    align-self: right;
    text-align: right;
  }
  .card:nth-child(even) .card-btn {
    text-align: right;
    align-self: right;
  }
}
@media (max-width: 1199px) and (max-width: 991px) {
  .notre-approche-v1 .notre-approche-inner {
    padding: 0 1rem;
  }
  .notre-approche-v1 .notre-approche-title {
    font-size: 56px;
  }
  .notre-approche-v1 .card {
    gap: var(--Spacing-32, 32px);
  }
  .notre-approche-v1 .card-title {
    font-size: 24px;
  }
  .notre-approche-v1 .card-description {
    font-size: 17px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .notre-approche-v1 .card {
    flex-direction: column !important;
    gap: var(--Spacing-24, 24px);
  }
  .notre-approche-v1 .card .card-image,
  .notre-approche-v1 .card .card-content {
    width: 100%;
  }
  .notre-approche-v1 .card .card-img {
    width: 70%;
  }
  .notre-approche-v1 .card:nth-child(even) {
    flex-direction: column !important;
  }
  .notre-approche-v1 .card:nth-child(odd) .card-image {
    display: none;
  }
  .notre-approche-v1 .card-title {
    font-size: 20px;
  }
  .notre-approche-v1 .card-description {
    font-size: 16px;
  }
  .notre-approche-v1 .notre-approche-title {
    font-size: 42px;
  }
}
@media (max-width: 1199px) and (max-width: 575px) {
  .notre-approche-v1 .notre-approche-title {
    font-size: 32px;
  }
  .notre-approche-v1 .card-title {
    font-size: 18px;
  }
  .notre-approche-v1 .card-description {
    font-size: 14px;
  }
  .notre-approche-v1 .card-image {
    display: none;
  }
}
.partners-v1 {
  padding: 4rem 0;
}
.partners-v1 .partners-1 {
  text-align: center;
  margin-bottom: 3rem;
}
.partners-v1 .partners-1 .partners-11 {
  margin: 0 auto;
}
.partners-v1 .partners-1 .partners-11 .partners-111 {
  margin-bottom: 1rem;
  color: var(--Color-Brand-Primaire, #050047);
}
.partners-v1 .partners-1 .partners-11 .partners-112 {
  font-size: 1.1rem;
  color: var(--Color-Brand-Neutre-1, #94a3b8);
}
.partners-v1 .partners-2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(300px, 1fr));
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px var(--Spacing-32, 32px);
  align-self: stretch;
  flex-wrap: wrap;
}
@media (max-width: 1848px) {
  .partners-v1 .partners-2 {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
}
@media (max-width: 1199px) {
  .partners-v1 .partners-2 {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 767px) {
  .partners-v1 .partners-2 {
    grid-template-columns: repeat(1, minmax(300px, 1fr));
  }
}

.realisations-v1 .realisations-1 {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  gap: 32px;
}
.realisations-v1 #realisation-pagination {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.realisations-v1 #realisation-pagination .realisation-page-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  min-width: 40px;
  text-align: center;
}
.realisations-v1 #realisation-pagination .realisation-page-btn:hover {
  background: #f5f5f5;
  border-color: #999;
}
.realisations-v1 #realisation-pagination .realisation-page-btn.is-active {
  background: #000;
  color: #fff;
  border-color: #000;
}
.realisations-v1 #realisation-pagination .realisation-page-btn.realisation-page-prev, .realisations-v1 #realisation-pagination .realisation-page-btn.realisation-page-next {
  font-weight: bold;
}
.realisations-v1 #realisation-pagination .pagination-ellipsis {
  padding: 0.5rem;
  color: #666;
}
.realisations-v1 .realisations-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.realisations-v1 #realisation-results {
  transition: opacity 0.3s ease;
  grid-column: 2/span 3;
}
.realisations-v1 #realisation-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.realisations-v1 #realisation-loader .loader-spinner {
  width: 30px;
  height: 30px;
  border: 4px solid #ddd;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.realisations-v1 .no-results {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-style: italic;
}
.realisations-v1 .realisations-2 {
  display: flex;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  width: 100%;
}
.realisations-v1 .pagination-area {
  display: block;
  width: 100%;
}
@media (max-width: 1199px) {
  .realisations-v1 .realisations-v2-title-text {
    font-size: 70px;
  }
  .realisations-v1 .realisations-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .realisations-v1 .realisations-results {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .realisations-v1 .realisations-v2-title-text {
    font-size: 48px;
  }
  .realisations-v1 .realisations-v2-title {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .realisations-v1 .realisations-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .realisations-v1 #realisation-results {
    transition: opacity 0.3s ease;
    grid-column: 1/span 1;
  }
  .realisations-v1 .realisations-v2-title-text {
    font-size: 40px;
  }
}

.realisations-v2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.realisations-v2 .realisations-v2-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.realisations-v2 .realisations-v2-title-text {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  /* 96px */
}
.realisations-v2 .realisations-v2-title-text span {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans Nova Inline";
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 96px */
  text-transform: uppercase;
}
.realisations-v2 .realisations-v2-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: uppercase;
  text-align: center;
}
.realisations-v2 .realisations-v2-content {
  display: flex;
  gap: var(--Spacing-32, 32px);
}
@media (max-width: 1199px) {
  .realisations-v2 .realisations-v2-title-text {
    font-size: 70px;
  }
  .realisations-v2 .realisations-v2-content {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .realisations-v2 .realisations-v2-title-text {
    font-size: 48px;
  }
  .realisations-v2 .realisations-v2-title {
    flex-direction: column;
    gap: 64px;
  }
}
@media (max-width: 767px) {
  .realisations-v2 .realisations-v2-title-text {
    font-size: 40px;
  }
}
@media (max-width: 576px) {
  .realisations-v2 .realisations-v2-title-text {
    font-size: 32px;
  }
}

.storyblock-v1 {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: var(--Spacing-16, 16px);
}
.storyblock-v1 .storyblock-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-16, 16px);
  width: 50%;
}
.storyblock-v1 .storyblock-111 {
  color: var(--Color-Brand-Secondaire-Fonc, #006178);
  /* Label/Label base bold */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 27px */
  text-transform: uppercase;
}
.storyblock-v1 .storyblock-12 h2 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 48px;
  font-weight: 700;
}
.storyblock-v1 .storyblock-12 h2 span {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
.storyblock-v1 .storyblock-123 {
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Primaire, #050047);
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Primaire, #050047);
  width: fit-content;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: var(--Color-Brand-Primaire, #050047);
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
.storyblock-v1 .storyblock-2 {
  display: flex;
  width: 50%;
  position: relative;
}
.storyblock-v1 .img_paragraph {
  width: 84%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
}
.storyblock-v1 .image-overlay {
  width: 84%;
}
@media (max-width: 1199px) {
  .storyblock-v1 {
    flex-direction: column;
  }
  .storyblock-v1 .storyblock-2 {
    width: 70%;
    padding: 0 !important;
  }
  .storyblock-v1 .storyblock-1 {
    width: 100%;
  }
  .storyblock-v1 .image-overlay,
  .storyblock-v1 .img_paragraph {
    width: 100%;
    min-width: 300px;
  }
}
@media (max-width: 991px) {
  .storyblock-v1 .storyblock-2 {
    width: 100%;
    padding: 0 !important;
  }
}

.storyblock-v2 {
  display: flex;
  align-self: stretch;
}
.storyblock-v2 .storyblock-1 {
  padding: 64px 128px 0 0;
}
.storyblock-v2 h4 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  margin-bottom: var(--Spacing-32, 32px);
}
.storyblock-v2 .storyblock-12 {
  display: flex;
  padding-left: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-24, 24px);
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.storyblock-v2 p {
  color: var(--Color-Text-Texte-primaire, #000);
}
.storyblock-v2 .storyblock-2 {
  position: relative;
}
.storyblock-v2 .img_paragraph {
  width: 100%;
  min-width: 650px;
  height: auto;
  margin-bottom: var(--Spacing-32, 32px);
  margin-top: var(--Spacing-32, 32px);
  display: flex;
  position: relative;
  z-index: 1;
  transform: rotate(-3deg);
  filter: grayscale(80%);
  aspect-ratio: 156/107;
  border-radius: 24px;
}
.storyblock-v2 .storyblock-22 {
  position: absolute;
  right: 200px;
  left: 20px;
  bottom: 31.921px;
  color: var(--Color-Basics-Clair, #fff);
  z-index: 3;
}
@media (max-width: 1199px) {
  .storyblock-v2 {
    flex-direction: column;
    padding: var(--Spacing-0, 0) var(--Spacing-32, 32px);
  }
  .storyblock-v2 .storyblock-1 {
    padding: 0 !important;
  }
  .storyblock-v2 .storyblock-1 {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .storyblock-v2 .storyblock-2 {
    width: 70%;
    padding: 0 !important;
    margin: auto;
  }
  .storyblock-v2 .image-overlay {
    width: 100%;
    min-width: 300px;
  }
  .storyblock-v2 .img_paragraph {
    width: 100%;
    min-width: 300px;
    margin-bottom: var(--Spacing-32, 32px);
    margin-top: var(--Spacing-32, 32px);
    display: flex;
    position: relative;
    z-index: 1;
  }
  .storyblock-v2 .storyblock-22 {
    position: absolute;
    right: 0;
    left: 20px;
    bottom: 36px;
    color: var(--Color-Basics-Clair, #fff);
    z-index: 3;
  }
}
@media (max-width: 467px) {
  .storyblock-v2 .storyblock-2 {
    margin: 16px;
  }
}

.storycards .storycards-1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}
.storycards .storycards-11 {
  display: flex;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  min-height: 400px;
}
.storycards .storycards-11 .storycards-title {
  font-family: "Gill Sans MT";
  margin-bottom: 24px;
}
.storycards .storycards-11 .storycards-title span {
  color: var(--Color-Brand-Tertiaire-Fonc, #F26945);
  font-size: inherit;
}
.storycards .storycards-11 .storycards-arrow {
  width: 100%;
  text-align: right;
  padding-right: 24px;
}

/* #region responsive */
@media (max-width: 1199px) {
  .storycards .storycards-1 {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .storycards .storycards-1 {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
  }
  .storycards .storycards-11 {
    padding: var(--Spacing-16, 16px);
    min-height: 350px;
  }
  .storycards .storycards-11 .storycards-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .storycards .storycards-1 {
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: stretch;
  }
  .storycards .storycards-11 {
    min-height: 300px;
  }
  .storycards .storycards-11 .storycards-title {
    font-size: 24px;
  }
}
/*#endregion */
.storyfull-v1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-128, 128px);
}
.storyfull-v1 .storyfull-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 64px);
}
.storyfull-v1 .storyfull-1-description {
  padding-left: 16px;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
  color: var(--Color-Text-Texte-primaire, #000);
}
.storyfull-v1 .storyfull-1 p {
  padding-left: 16px;
}
.storyfull-v1 .storyfull-1 ul,
.storyfull-v1 .storyfull-1 ol {
  margin: 0;
  padding-left: 16px;
  margin-left: 16px;
  transition: max-height 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--Spacing-16, 16px);
  align-self: stretch;
}
.storyfull-v1 .storyfull-1 ul li:last-child,
.storyfull-v1 .storyfull-1 ol li:last-child {
  margin-bottom: 16px;
}
.storyfull-v1 .storyfull-1 ul li {
  list-style-type: disc;
  list-style: disc;
}
.storyfull-v1 .storyfull-1 ol li {
  list-style-type: decimal;
  list-style: decimal;
}
.storyfull-v1 .storyfull-1 ul li,
.storyfull-v1 .storyfull-1 ol li {
  padding-left: 16px;
  font-size: 21px;
}
@media (max-width: 767px) {
  .storyfull-v1 .storyfull-1-description,
  .storyfull-v1 .storyfull-1-description p {
    width: 100%;
    padding-left: 10px;
  }
}

.storylink-v1 {
  display: flex;
  flex-direction: row;
}
.storylink-v1 .storylink-1 {
  display: flex;
  width: 50%;
  padding-right: 141px;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
}
.storylink-v1 .storylink-11 {
  padding: 0 16px;
}
.storylink-v1 .storylink-111 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: right;
}
.storylink-v1 .storylink-12 {
  display: flex;
  padding: 0 16px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-right: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
}
.storylink-v1 .storylink-121 {
  display: flex;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
}
.storylink-v1 .storylink-121,
.storylink-v1 .storylink-221 {
  color: var(--Color-Text-Texte-primaire, #000);
}
.storylink-v1 .storylink-2 {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: left;
  padding-left: 141px;
  gap: 32px;
}
.storylink-v1 .storylink-21 {
  padding: 0 16px;
}
.storylink-v1 .storylink-211 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: left;
}
.storylink-v1 .storylink-22 {
  display: flex;
  padding: 0 16px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
}
.storylink-v1 .img_paragraph {
  width: 50%;
}
@media (max-width: 1199px) {
  .storylink-v1 {
    flex-direction: column;
  }
  .storylink-v1 .storylink-1,
  .storylink-v1 .storylink-2 {
    flex: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .storylink-v1 .storylink-12 {
    flex: none;
  }
  .storylink-v1 .img_paragraph {
    display: none;
  }
}

.storylist-v1 .storylist-11 {
  margin-bottom: var(--Spacing-64, 64px);
}
.storylist-v1 .storylist-11 h2 {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
}
.storylist-v1 .storylist-11 h2 span {
  font-family: "Gill Sans Nova Inline";
  font-weight: 400;
  text-transform: uppercase;
}
.storylist-v1 .storylist-12 {
  padding-left: 16px;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
  color: var(--Color-Text-Texte-primaire, #000);
}
.storylist-v1 .storylist-12 ul,
.storylist-v1 .storylist-12 ol,
.storylist-v1 .storylist-21 ul,
.storylist-v1 .storylist-21 ol {
  margin: 0;
  padding-left: 16px;
  margin-left: 16px;
  transition: max-height 0.3s ease;
}
.storylist-v1 .storylist-12 ul,
.storylist-v1 .storylist-21 ul {
  list-style: disc !important;
  list-style-type: disc !important;
  list-style-position: inside;
}
.storylist-v1 .storylist-12 ol,
.storylist-v1 .storylist-21 ol {
  list-style: decimal !important;
  list-style-type: decimal !important;
  list-style-position: inside;
}
.storylist-v1 .storylist-12 li:last-child,
.storylist-v1 .storylist-21 li:last-child {
  padding-bottom: 16px;
}

.storyphoto-v1 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--Spacing-64, 64px);
}
.storyphoto-v1 .storyphoto-1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: var(--Spacing-32, 32px);
  gap: -8px;
  width: 100%;
}
.storyphoto-v1 .photo-container {
  position: relative;
}
.storyphoto-v1 .storyphoto-img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 24px;
}
.storyphoto-v1 .image-overlay {
  width: 100%;
  aspect-ratio: 1/1;
}

@media (max-width: 1199px) {
  .storyphoto-v1 {
    align-items: center;
    margin-bottom: var(--Spacing-64, 64px);
  }
  .storyphoto-v1 .storyphoto-11 {
    width: 50%;
  }
  .storyphoto-v1 .image-overlay,
  .storyphoto-v1 .storyphoto-img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .storyphoto-v1 {
    align-items: center;
    margin-bottom: var(--Spacing-64, 64px);
  }
  .storyphoto-v1 .storyphoto-1 {
    display: inline-block;
    text-align: center;
  }
  .storyphoto-v1 .storyphoto-11 {
    flex: none;
    width: 100%;
  }
  .storyphoto-v1 .image-overlay,
  .storyphoto-v1 .storyphoto-img {
    width: 70%;
    height: auto;
    margin: 0 32px 32px 32px !important;
  }
  .storyphoto-v1 .image-overlay {
    bottom: 32px;
    top: 0;
  }
}
.storyproof-v1 {
  display: flex;
  width: 100%;
  padding: var(--Spacing-0, 0) var(--Spacing-128, 128px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-128, 128px);
  margin-bottom: var(--Spacing-64, 64px);
}
.storyproof-v1 .storyproof-1 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
}
.storyproof-v1 .storyproof-11 {
  display: flex;
  padding: var(--Spacing-64, 64px);
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  border-radius: 24px;
  border: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
  background: var(--Color-Primaire-Primaire-50, #F1F3FF);
}
.storyproof-v1 .storyproof-111 {
  display: flex;
  min-width: 30%;
  width: 30%;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.storyproof-v1 .storyproof-111 b.storyproof-name,
.storyproof-v1 .storyproof-111 span {
  color: var(--Color-Text-Texte-primaire, #000);
  font-size: 21px;
}
.storyproof-v1 b.storyproof-name {
  font-size: 24px;
  font-weight: 700;
}
.storyproof-v1 .storyproof-avatar {
  display: block;
  width: 40%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}
.storyproof-v1 .storyproof-112 {
  min-width: 65%;
  width: 65%;
}
.storyproof-v1 .storyproof-112 p {
  color: var(--Color-Text-Texte-primaire, #000);
  font-style: italic;
  font-size: 28px;
}
@media (max-width: 1199px) {
  .storyproof-v1 .storyproof-112 p {
    font-size: 18px !important;
  }
}
@media (max-width: 991px) {
  .storyproof-v1 {
    padding: var(--Spacing-0, 0) var(--Spacing-32, 32px);
  }
  .storyproof-v1 .storyproof-11 {
    display: initial;
  }
  .storyproof-v1 .storyproof-111 {
    min-width: 100%;
    width: 100%;
    align-items: center;
    margin-bottom: var(--Spacing-32, 32px);
  }
  .storyproof-v1 .storyproof-112 {
    font-style: italic;
    min-width: 100%;
    width: 100%;
  }
}

.storytext-v1 {
  display: flex;
  padding: var(--Spacing-128, 128px) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-128, 128px);
  /* #region responsive */
}
.storytext-v1 .storytext-1 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
}
.storytext-v1 .storytext-11 {
  display: flex;
  width: 100%;
  padding: 0 var(--Spacing-48, 48px);
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 8px;
  width: 30%;
}
.storytext-v1 .storytext-11 h3 {
  color: var(--Color-Text-Texte-primaire, #000);
  font-family: "Gill Sans MT";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
.storytext-v1 .storytext-11 h3 span {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  font-size: inherit;
  font-family: inherit;
}
.storytext-v1 .storytext-11 .storycards-arrow {
  width: 100%;
  text-align: right;
  padding-right: 24px;
}
.storytext-v1 .storytext-12 {
  display: flex;
  width: 70%;
  padding-left: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
@media (max-width: 1199px) {
  .storytext-v1 .storytext-11 {
    padding: 0 var(--Spacing-48, 48px);
    align-items: start;
    width: 35%;
  }
}
@media (max-width: 767px) {
  .storytext-v1 {
    padding: var(--Spacing-64, 64px) 0;
  }
  .storytext-v1 .storytext-1 {
    flex-direction: column;
  }
  .storytext-v1 .storytext-11 {
    padding: 0;
    align-items: start;
    width: 100%;
  }
  .storytext-v1 .storytext-111 {
    padding: 0;
    font-size: 36px;
  }
  .storytext-v1 .storytext-12 {
    width: 100%;
  }
  .storytext-v1 .storycards-arrow {
    display: none;
  }
}
.storytext-v2 {
  display: flex;
  padding: var(--Spacing-128, 128px) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-128, 128px);
}
.storytext-v2 p {
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  padding: 0 var(--Spacing-128, 128px);
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 36px */
}

.storytext-v3 {
  background: var(--Color-Brand-Primaire, #050047);
  padding: 128px 0;
}
.storytext-v3 .storytext-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  width: 100%;
}
.storytext-v3 .storytext-1 a {
  text-align: center;
}
.storytext-v3 .storytext-text {
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  width: 100%;
}

.summary-full-width-primary-brand {
  display: flex;
  padding: var(--Spacing-128, 128px) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-0, 0);
}

.summary-numbers-v1 .summary-numbers-11 {
  text-align: center;
  margin-bottom: 32px;
}
.summary-numbers-v1 .summary-numbers-111 {
  align-self: stretch;
  text-align: center;
}
.summary-numbers-v1 .summary-numbers-12 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  justify-content: space-between;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
  flex-wrap: wrap;
}
.summary-numbers-v1 .summary-numbers-121 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.summary-numbers-v1 .summary-numbers-1211 {
  color: var(--Color-Brand-Secondaire-Clair, #00d6d6);
  font-family: "Gill Sans Nova Inline";
  font-size: 110px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
.summary-numbers-v1 .summary-numbers-1212 {
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .summary-numbers-v1 .summary-numbers-12 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .summary-numbers-v1 h2.summary-numbers-1211 {
    font-size: 64px !important;
    margin-top: var(--Spacing-32, 32px);
  }
  .summary-numbers-v1 .summary-numbers-121 {
    flex: none;
    width: 100%;
  }
}

.summary-full-width-primary-brand-color-1 {
  background: var(--Color-Brand-Primaire, #050047);
}
.summary-full-width-primary-brand-color-1 .summary-numbers-111 {
  color: var(--Color-Basics-Clair, #fff);
}

.summary-full-width-primary-brand-color-2 {
  background: var(--Color-Brand-Primaire, #ffe3db);
}
.summary-full-width-primary-brand-color-2 .summary-numbers-111 {
  color: var(--Color-Brand-Primaire, #050047);
}
.summary-full-width-primary-brand-color-2 .summary-numbers-1211 {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  font-family: "Gill Sans Nova Inline";
  font-size: 110px;
  font-weight: 400;
  text-transform: uppercase;
}
.summary-full-width-primary-brand-color-2 .summary-numbers-1212 {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
}

.team-v1 .team-1 {
  margin-bottom: var(--Spacing-48, 48px);
}
.team-v1 .team-11 h1 {
  text-align: center;
  text-transform: uppercase;
}
.team-v1 .team-11 h1 span {
  text-transform: uppercase;
  font-weight: normal;
  line-height: inherit;
  font-size: inherit;
}
.team-v1 .team-112 {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  text-align: center;
  /* Sub-titles/Sous-titre */
  font-family: "Gill Sans MT";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 40px */
}
.team-v1 .team-2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(300px, 1fr));
  gap: 32px var(--Spacing-32, 32px);
  align-self: stretch;
}
@media (max-width: 1848px) {
  .team-v1 .team-2 {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
}
@media (max-width: 1199px) {
  .team-v1 .team-2 {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 767px) {
  .team-v1 .team-2 {
    grid-template-columns: repeat(1, minmax(300px, 1fr));
  }
}

.equipes-v1 {
  /* image (garde la classe générée par safe_print) */
  /* #00617829 */
}
.equipes-v1 .equipes-v1-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  gap: var(--Spacing-32, 32px);
}
.equipes-v1 .equipes-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}
.equipes-v1 .equipes-1 h1 {
  font-family: "Gill Sans MT";
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-transform: uppercase;
}
.equipes-v1 .equipes-1 h1 span {
  font-family: "Gill Sans Nova Inline";
  font-size: inherit;
  font-weight: normal;
}
.equipes-v1 .equipes-112 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 40px */
}
.equipes-v1 .equipes-paragraphe {
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
  display: flex;
  padding-left: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-24, 24px);
  align-self: stretch;
}
.equipes-v1 .equipes-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-8, 16px);
}
.equipes-v1 .equipes-2-1 {
  display: flex;
  align-items: center;
  gap: var(--Spacing-8, 16px);
}
.equipes-v1 .equipes-2-2 {
  display: flex;
  align-items: center;
  gap: var(--Spacing-8, 16px);
}
.equipes-v1 .equipes-image {
  position: relative;
  width: 286px;
  height: 240px;
  border-radius: var(--Border-radius-Radius-xxl, 24px);
  overflow: hidden;
  display: inline-block;
  transform: rotate(-5deg);
}
.equipes-v1 .equipes-images {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* recadrage propre */
  transform: none;
  /* IMPORTANT : supprimer toute rotation sur l'image elle-même */
  position: relative;
  z-index: 1;
}
.equipes-v1 .image-overlay {
  bottom: 0;
}
@media (max-width: 1199px) {
  .equipes-v1 .equipes-v1-container {
    flex-direction: column;
    gap: var(--Spacing-32, 64px);
  }
  .equipes-v1 .equipes-111 {
    font-size: 70px;
  }
  .equipes-v1 .equipes-2 {
    display: flex;
  }
}
@media (max-width: 991px) {
  .equipes-v1 .equipes-111 {
    font-size: 48px;
  }
  .equipes-v1 .equipes-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .equipes-v1 .equipes-2-1 {
    flex-direction: column;
  }
  .equipes-v1 .equipes-2-2 {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .equipes-v1 .equipes-111 {
    font-size: 40px;
  }
  .equipes-v1 .equipes-2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

.questions-v1 .questions-v1-content {
  position: relative;
  display: flex;
  width: 100%;
  padding: var(--Spacing-128, 128px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  overflow: hidden;
  background: var(--Color-Brand-Primaire, #050047);
}
.questions-v1 .questions-v1-frame241 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-12, 12px);
  align-self: stretch;
}
.questions-v1 .questions-v1-contact {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
}
.questions-v1 .questions-v1-question {
  color: var(--Color-Basics-Clair, #FFF);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 83.2px */
}
.questions-v1 .questions-v1-rencontre {
  color: #FFF !important;
  text-align: center;
  /* Text/Text large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
}
.questions-v1 .questions-v1-cadre-btn {
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Tertiaire-Fonc, #F26945);
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
}
.questions-v1 .questions-v1-btn {
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Tertiaire-Fonc, #F26945);
  color: var(--Color-Basics-Clair, #FFF);
  /* Label/Label base */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
  background-color: transparent;
}
.questions-v1 .questions-v1-btn img {
  display: flex;
  width: var(--Spacing-24, 24px);
  height: var(--Spacing-24, 24px);
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.questions-v1 .questions-v1-decors-f1 {
  position: absolute;
  bottom: 0;
  left: -100px;
  stroke-width: 2px;
  stroke: var(--Color-Brand-Secondaire-Clair, #00D6D6);
  width: 324.971px;
  height: 304.919px;
  transform: rotate(24.055deg);
  flex-shrink: 0;
}
.questions-v1 .questions-v1-decors-f2 {
  position: absolute;
  bottom: -100px;
  left: 100px;
  stroke-width: 2px;
  stroke: var(--Color-Brand-Tertiaire-Fonc, #F26945);
  width: 337.007px;
  height: 315.841px;
  flex-shrink: 0;
}
.questions-v1 .questions-v1-decors-f3 {
  position: absolute;
  bottom: -80px;
  left: 370px;
  stroke-width: 2px;
  stroke: var(--Color-Basics-Clair, #FFF);
  width: 325.897px;
  height: 304.919px;
  flex-shrink: 0;
}

.solutions-accompagnement-v1 .solutions-accompagnement-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  align-content: center;
  gap: 32px;
  flex-wrap: wrap;
}
.solutions-accompagnement-v1 .solutions-accompagnement-firstcard {
  display: flex;
  padding: 0 var(--Spacing-48, 48px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
.solutions-accompagnement-v1 .solutions-accompagnement-cards {
  height: 100%;
}
.solutions-accompagnement-v1 .solutions-accompagnement-firstcard-titre {
  color: var(--Color-Text-Texte-primaire, #000);
  /* Heading/Heading 2 focus */
  font-family: "Gill Sans MT";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 45px */
}
.solutions-accompagnement-v1 .solutions-accompagnement-firstcard span {
  color: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  font-size: 36px;
}
.solutions-accompagnement-v1 .solutions-accompagnement-lastcard {
  display: flex;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
  height: 100%;
  /* shadow-lg */
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.solutions-accompagnement-v1 .solutions-accompagnement-lastcard-titre {
  color: var(--Color-Basics-Clair, #fff);
  /* Sub-titles/Titre tuile */
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 37.5px */
}
.solutions-accompagnement-v1 .solutions-accompagnement-lastcard a {
  display: inline-flex;
  gap: 8px;
  color: var(--Color-Basics-Clair, #fff);
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 31.5px */
  height: 35px;
}
.solutions-accompagnement-v1 .solutions-accompagnement-lastcard a:hover {
  border-bottom: 1px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
  box-sizing: border-box;
}
@media (max-width: 1300px) {
  .solutions-accompagnement-v1 .solutions-accompagnement-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .solutions-accompagnement-v1 .solutions-accompagnement-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .solutions-accompagnement-v1 .solutions-accompagnement-firstcard svg {
    display: none;
  }
  .solutions-accompagnement-v1 .solutions-accompagnement-firstcard {
    align-items: center;
  }
}

.solutions-accompagnement-v2 h2 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  padding-bottom: var(--Spacing-64, 64px);
  font-weight: 700;
}
.solutions-accompagnement-v2 .solutions-accompagnement-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  align-content: center;
  gap: 32px;
  flex-wrap: wrap;
}
.solutions-accompagnement-v2 .solutions-accompagnement-cards {
  height: 100%;
}
@media (max-width: 1199px) {
  .solutions-accompagnement-v2 .solutions-accompagnement-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .solutions-accompagnement-v2 .solutions-accompagnement-content {
    grid-template-columns: repeat(1, 1fr);
  }
}

.solutions-accompagnement-v3 {
  text-align: center;
}
.solutions-accompagnement-v3 h4.solutions-accompagnement-titre {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-family: "Gill Sans MT";
  font-size: 110px;
  text-transform: uppercase;
}
.solutions-accompagnement-v3 h4.solutions-accompagnement-titre span {
  color: var(--Color-Text-Texte-secondaire, #050047);
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  font-family: "Gill Sans Nova Inline";
  text-transform: uppercase;
}
.solutions-accompagnement-v3 .solutions-accompagnement-sous-titre {
  color: var(--Color-Text-Texte-primaire, #000);
  font-size: 24px;
}
.solutions-accompagnement-v3 .solutions-accompagnement-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  align-content: center;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: var(--Spacing-64, 64px);
}
@media (max-width: 1199px) {
  .solutions-accompagnement-v3 h4.solutions-accompagnement-titre {
    font-size: 48px !important;
  }
  .solutions-accompagnement-v3 .solutions-accompagnement-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .solutions-accompagnement-v3 .solutions-accompagnement-content {
    grid-template-columns: repeat(1, 1fr);
  }
}

.financement-v1 {
  /* Override card style inside financement repeater to make tiles smaller and left-aligned */
  /* #region responsive */
  /*#endregion */
}
.financement-v1 .financement-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--Spacing-24, 24px);
  justify-items: stretch;
}
.financement-v1 .financement-title {
  grid-column: 1/-1;
  text-align: center;
  margin: 0 auto;
  justify-self: center;
  margin-bottom: var(--Spacing-64, 64px);
}
.financement-v1 .financement-image {
  grid-column: 1/-1;
  max-width: 160px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  justify-self: center;
}
.financement-v1 .financement-description {
  grid-column: 1/-1;
  max-width: none;
  width: 100%;
  text-align: center;
  margin: 0;
  justify-self: stretch;
  padding: 0 16px 0 16px;
  color: var(--Color-Text-Texte-primaire, #000);
}
.financement-v1 .financement-cards {
  grid-column: span 1;
  display: flex;
  justify-content: center;
  width: 100%;
}
.financement-v1 .financement-cards .card-v1 {
  min-height: 280px;
  width: 100%;
  text-align: left;
  align-items: flex-start;
}
.financement-v1 .financement-cards .card-v1 .card-img {
  max-width: 96px;
  height: 64px;
  margin-bottom: 16px;
}
.financement-v1 .financement-cards .card-v1 .card-title {
  text-align: left;
  margin-bottom: 12px;
}
.financement-v1 .financement-cards .card-v1 .card-paragraph {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .financement-v1 .financement-inner {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.formations-du-moment-v1 {
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
}
.formations-du-moment-v1 .formations-du-moment {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-32, 32px);
}
.formations-du-moment-v1 .formations-du-moment h1 {
  font-family: "Gill Sans MT";
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-transform: uppercase;
}
.formations-du-moment-v1 .formations-du-moment h1 span {
  font-family: "Gill Sans Nova Inline";
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
}
.formations-du-moment-v1 .formations-du-moment .formations-du-moment-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--Spacing-32, 32px);
}
@media (max-width: 1199px) {
  .formations-du-moment-v1 .formations-du-moment .formations-du-moment-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .formations-du-moment-v1 .formations-du-moment h2 {
    font-size: 70px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .formations-du-moment-v1 .formations-du-moment .formations-du-moment-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .formations-du-moment-v1 .formations-du-moment h2 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .formations-du-moment-v1 .formations-du-moment .formations-du-moment-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .formations-du-moment-v1 .formations-du-moment h2 {
    font-size: 40px;
  }
}

.stats-plateforme-v1 .stats-plateforme-content {
  display: flex;
  width: 100%;
  padding: var(--Spacing-128, 128px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  background: var(--Color-Brand-Primaire, #050047);
}
.stats-plateforme-v1 .stats-plateforme-content h1 {
  color: var(--Color-Basics-Clair, #FFF);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 83.2px */
  align-self: stretch;
}
.stats-plateforme-v1 .stats-plateforme-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
.stats-plateforme-v1 .stats-plateforme-content .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: -8px;
  flex: 1 0 0;
}
.stats-plateforme-v1 .stats-plateforme-content .card h2 {
  color: var(--Color-Brand-Secondaire-Clair, #00D6D6);
  /* Display/Display default line */
  font-family: "Gill Sans Nova Inline";
  font-size: 110px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 154px */
  text-transform: uppercase;
}
.stats-plateforme-v1 .stats-plateforme-content .card h3 {
  color: var(--Color-Basics-Clair, #FFF);
  text-align: center;
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

.stats-plateforme-v2 .stats-plateforme-content {
  display: flex;
  width: 100%;
  padding: var(--Spacing-64, 64px) 0;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-32, 32px);
  background: var(--Color-Brand-Tertiaire-Clair, #FFE3DB);
}
.stats-plateforme-v2 .stats-plateforme-inner {
  display: flex;
  width: 100%;
  max-width: 1200px;
  padding: 0 var(--Spacing-32, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
}
.stats-plateforme-v2 .stats-plateforme-content h1 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  /* Heading/Heading 2 */
  font-family: "Gill Sans MT";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 83.2px */
  align-self: stretch;
}
.stats-plateforme-v2 .stats-plateforme-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--Spacing-32, 32px);
  align-self: stretch;
}
.stats-plateforme-v2 .stats-plateforme-content .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: -8px;
  flex: 1 0 0;
}
.stats-plateforme-v2 .stats-plateforme-content .card h2 {
  color: var(--Color-Brand-Primaire, #050047);
  /* Display/Display default line */
  font-family: "Gill Sans Nova Inline";
  font-size: 110px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 154px */
  text-transform: uppercase;
}
.stats-plateforme-v2 .stats-plateforme-content .card h3 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  text-align: center;
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

/*#region Bouton*/
.btn-isia {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--Spacing-8, 8px);
  position: relative;
  padding: 16px 32px;
  font-size: 18px;
  transition: all 300ms ease 0ms;
  line-height: normal;
  cursor: pointer;
  border-radius: 8px;
  font-family: "Verdana", sans-serif;
}
.btn-isia svg {
  max-height: 21px;
}

.btn-primaire {
  color: #050047;
  background-color: #fff;
  border: 1.5px solid #050047;
  box-shadow: none;
}
.btn-primaire svg path {
  fill: #050047;
}

.btn-primaire:hover {
  color: #ffffff;
  background-color: #050047;
  border: 1.5px solid #050047;
  box-shadow: none;
}
.btn-primaire:hover svg path {
  fill: var(--Color-Basics-Clair, #fff);
}

.btn-secondaire {
  color: #006178;
  background-color: #ffffff;
  border: 1.5px solid #006178;
  box-shadow: none;
}
.btn-secondaire svg path {
  fill: #006178;
}

.btn-secondaire:hover {
  color: #ffffff;
  background-color: #006178;
  border: 1.5px solid #006178;
  box-shadow: none;
}
.btn-secondaire:hover svg path {
  fill: #fff;
}

.btn-tertiaire {
  color: #ffffff;
  background-color: transparent;
  border: 1.5px solid #f26945;
  box-shadow: none;
}
.btn-tertiaire svg path {
  fill: #fff;
}

.btn-tertiaire:hover {
  color: #050047;
  background-color: #ffffff;
  border: 1.5px solid #f26945;
  box-shadow: none;
}
.btn-tertiaire:hover svg path {
  fill: #050047;
}

.btn-right {
  text-align: right;
  align-self: right;
}

.btn-fit-content {
  width: fit-content;
}

.btn-uppercase {
  text-transform: uppercase;
}

.btn-flex {
  display: flex;
}

/*#endregion */
.card-v1 {
  display: flex;
  width: 100%;
  height: 100%;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #FFF);
  /* shadow-lg */
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.card-v1 .card-img {
  max-width: 60%;
  max-height: 100px;
  object-fit: cover;
  margin-bottom: 24px;
  justify-self: flex-start;
}
.card-v1 .card-title {
  margin-bottom: 16px;
}
.card-v1 .card-1 {
  flex-grow: 1;
  margin-bottom: 1.5rem;
  width: 100%;
}
.card-v1 .card-paragraph {
  display: flex;
  padding-left: var(--Spacing-16, 16px);
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
  color: var(--Color-Text-Texte-primaire, #000);
}
.card-v1 .card-2 {
  margin-top: auto;
  width: 100%;
}
@media (max-width: 1199px) {
  .card-v1 .card-2 a {
    display: flex;
  }
}

.event-v1 {
  /* Hover sur le bouton individuel (garde si nécessaire) */
  /* Hover individuel sur le SVG (garde si nécessaire) */
  /* NOUVEAUX SELECTORS: Hover sur le conteneur parent */
}
.event-v1 .item_event-v1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--general-section-bloc-item-gap-s);
  flex: 1 0 0;
}
.event-v1 .item_event_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  position: relative;
}
.event-v1 .item_event_categorie {
  position: absolute;
  left: 16px;
  top: 16px;
  background-color: var(--background-primary);
  padding: 8px 16px;
  border-radius: 16px;
  z-index: 1;
  color: var(--badge-light-neutral-Text);
  /* Label/Small */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.event-v1 .item_event_date {
  color: var(--common-text-primary);
  /* Label/Medium */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.event-v1 .item_event_titre {
  color: var(--common-text-primary);
  /* Heading/H3 */
  font-family: var(--general-font-primary, "Playfair Display");
  font-size: var(--general-font-h3);
  font-style: normal;
  font-weight: 800;
  line-height: 30px; /* 125% */
}
.event-v1 .item_event_description {
  color: var(--common-text-secondary);
  /* Text/Small */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 142.857% */
}
.event-v1 .item_event_container_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.event-v1 .item_event_container_2_element_1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event-v1 .item_event_prix {
  color: var(--common-text-primary);
  /* Text/Medium */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}
.event-v1 .item_event_container_2_element_2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event-v1 .item_event_btn {
  color: var(--hyperlien-default-text);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  transition: color 0.3s ease; /* Ajout de la transition */
}
.event-v1 .item_event_btn:hover {
  color: var(--hyperlien-hover-text);
}
.event-v1 .svg-hover {
  color: #030712;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
}
.event-v1 .svg-hover:hover {
  color: var(--hyperlien-hover-text);
}
.event-v1 .svg-hover svg path {
  stroke: currentColor;
}
.event-v1 .item_event_container_2_element_2:hover .item_event_btn {
  color: var(--hyperlien-hover-text);
}
.event-v1 .item_event_container_2_element_2:hover .svg-hover {
  color: var(--hyperlien-hover-text);
}
.faq-v1 .question {
  padding: 0;
  border-bottom: 2px solid #F1F3FF;
}
.faq-v1 .question-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding-bottom: var(--general-spacing-s, 16px);
  box-sizing: border-box;
}
.faq-v1 .faq-2211 {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Sub-titles/Titre tuile */
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 37.5px */
}
.faq-v1 .faq-2212 {
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: left;
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 31.5px */
  padding-left: 10px;
}
.faq-v1 .toogle-btn {
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Secondaire-Fonc, #006178);
  background: var(--Color-Basics-Clair, #FFF);
  color: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.faq-v1 .toggle-icon-moins {
  display: none;
}
.faq-v1 .answer {
  display: none;
  padding-bottom: var(--general-spacing-s, 16px);
}
@media (max-width: 767px) {
  .faq-v1 .question {
    width: 100%;
  }
  .faq-v1 .answer {
    margin-left: 32px;
  }
}

.filter-v1 {
  grid-column: 1/span 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transition: all 0.3s ease;
  /* #region responsive */
  /* Affichage/masquage des options lors du repli */
  /* Fallback d'espacement si gap est surchargé quelque part */
  /* Smartphones en mode portrait */
}
.filter-v1 .filter-form {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
}
.filter-v1::before {
  content: "";
  position: absolute;
  top: 1200px;
  left: 0;
  width: 840px;
  height: 430px;
  background: url("./assets/images/background/bg-5.svg") no-repeat left bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}
.filter-v1 > * {
  position: relative;
  z-index: 100;
}
@media (max-width: 1199px) {
  .filter-v1::before, .filter-v1::after {
    display: none;
  }
}
.filter-v1 .filter-form {
  width: 100%;
}
.filter-v1 .filter-column {
  display: flex;
  padding: var(--Spacing-0, 0);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.filter-v1 .filter-container {
  display: grid;
  width: 100%;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.filter-v1 .filter-group {
  padding: 1rem;
  display: flex;
  width: 100%;
  padding: var(--Spacing-0, 0);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.filter-v1 .filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* espace entre titre et flèche */
  gap: 8px;
  width: 100%;
  cursor: pointer;
  flex-wrap: nowrap;
  /* évite le retour à la ligne */
}
.filter-v1 .filter-title {
  margin: 0;
  /* reset marges h4 */
  margin-right: auto;
  /* pousse la flèche à droite */
  flex: 1 1 auto;
  /* occupe l'espace, laisse la flèche à droite */
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Label/Label base */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  text-transform: uppercase;
}
.filter-v1 .filter-toggle-btn {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Secondaire-Fonc, #006178);
  background: var(--Color-Basics-Clair, #fff);
  cursor: pointer;
}
.filter-v1 .filter-toggle-btn:hover {
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
  color: var(--Color-Basics-Clair, #fff);
}
.filter-v1 .filter-toggle-btn:hover .filter-toggle-icon {
  fill: var(--Color-Basics-Clair, #fff);
}
.filter-v1 .filter-toggle-icon {
  transition: transform 0.2s ease;
  width: 16px;
  height: 16px;
  display: block;
  /* évite les décalages inline */
  fill: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.filter-v1 .filter-group.collapsed .filter-toggle-icon {
  transform-origin: center center;
  transform: rotate(-180deg);
  fill: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.filter-v1 .filter-group.collapsed .filter-toggle-btn:hover .filter-toggle-icon {
  fill: var(--Color-Basics-Clair, #fff);
}
.filter-v1 .filter-group .filter-options {
  display: block;
  opacity: 1;
  transition: opacity 1s ease;
}
.filter-v1 .filter-group.collapsed .filter-options {
  display: none;
  opacity: 0;
  transition: opacity 1s ease;
}
.filter-v1 .filter-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  /* moitié moins d'espace entre les choix */
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00d6d6);
}
.filter-v1 .filter-options .filter-option + .filter-option {
  margin-top: 0.75rem;
  /* fallback cohérent avec gap */
}
.filter-v1 .filter-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 8px;
  /* réduit le padding pour un carré plus petit */
  position: relative;
  margin-left: 10px;
  /* léger décalage pour le trait bleu */
  /* bord plus discret */
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1px solid var(--Color-Brand-Neutre-1, #94a3b8);
  background: #fff;
}
.filter-v1 .filter-option:hover,
.filter-v1 .filter-option:active {
  border: 1px solid var(--Color-Brand-Secondaire-Fonc, #006178);
}
.filter-v1 .filter-option:hover .checkmark,
.filter-v1 .filter-option:active .checkmark {
  border: 2px solid var(--Color-Brand-Secondaire-Fonc, #006178);
}
.filter-v1 .filter-option:has(input:checked) {
  background-color: var(--Color-Brand-Secondaire-Fonc, #006178);
  color: #fff;
}
.filter-v1 .filter-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.filter-v1 .checkmark {
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 3px;
  margin-right: 0.5rem;
  position: relative;
  transition: all 0.2s ease;
}
.filter-v1 .filter-checkbox:checked ~ .checkmark {
  background-color: #fff;
  border: 2px solid #fff;
}
.filter-v1 .filter-checkbox:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid var(--Color-Brand-Secondaire-Fonc, #006178);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.filter-v1 .filter-checkbox:checked .option-text {
  flex: 1;
  font-size: 0.9rem;
}
.filter-v1 .term-count {
  font-size: 0.8rem;
  color: #bbb;
  margin-left: 0.25rem;
}
.filter-v1 .filter-actions {
  display: flex;
  gap: 1rem;
  justify-content: left;
  margin-top: 1rem;
}
.filter-v1 .filter-submit-btn,
.filter-v1 .filter-reset-btn {
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  align-self: stretch;
  cursor: pointer;
}
.filter-v1 .filter-submit-btn {
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Secondaire-Fonc, #006178);
  background: var(--Color-Basics-Clair, #fff);
  color: var(--Color-Brand-Secondaire-Fonc, #006178);
  text-transform: uppercase;
  width: 100%;
}
.filter-v1 .icon-filter-btn {
  fill: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.filter-v1 .filter-submit-btn:hover {
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
  color: var(--Color-Basics-Clair, #fff);
}
.filter-v1 .filter-submit-btn:hover .icon-filter-btn {
  fill: var(--Color-Basics-Clair, #fff);
}
.filter-v1 .filter-submit-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.filter-v1 .filter-reset-btn:hover {
  background: #e5e5e5;
}
.filter-v1 .btn-loading {
  display: none;
}
.filter-v1 .filter-submit-btn.loading .btn-text {
  display: none;
}
.filter-v1 .filter-submit-btn.loading .btn-loading {
  display: inline;
}
.filter-v1 .btn-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  text-transform: uppercase;
}
.filter-v1 .btn-filter svg {
  display: flex;
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.filter-v1 .btn-filter:hover svg path {
  fill: #fff;
}
.filter-v1 .btn-filter.collapsed {
  justify-content: center;
  align-items: center;
}
.filter-v1 .btn-filter.collapsed svg {
  margin: 0;
}
@media (max-width: 1199px) {
  .filter-v1 .filter-column {
    display: flex;
    width: 282px;
  }
  .filter-v1 .filter-container {
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
  }
}
@media (max-width: 991px) {
  .filter-v1 .filter-column {
    display: flex;
    width: 322px;
  }
  .filter-v1 .filter-container {
    grid-template-columns: repeat(auto-fit, minmax(322px, 1fr));
  }
}
@media (max-width: 767px) {
  .filter-v1 .filter-column {
    display: flex;
    width: 282px;
  }
  .filter-v1 .filter-container {
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
  }
}
@media (max-width: 567px) {
  .filter-v1 .filter-column {
    width: 100%;
    flex: none;
  }
}

/*used in inspirations-v1.php*/
.item-filter-v3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
}
.item-filter-v3 .filter-item {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Text/Text base */
  font-family: Verdana;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 31.5px */
  border: none;
  background-color: transparent;
}
.item-filter-v3 .filter-item:hover,
.item-filter-v3 .filter-item-selected {
  text-decoration: underline;
  text-decoration-color: var(--Color-Brand-Secondaire-Clair, #00d6d6);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
.item-filter-v3 .filter-item-selected {
  text-decoration-thickness: 2px;
}

#ariane {
  display: flex;
  padding: var(--Spacing-6, 6px) 0;
  align-items: flex-start;
  background: var(--Color-Primaire-Primaire-50, #f1f3ff);
}
#ariane #firstContainerAriane {
  display: flex;
  align-items: center;
  gap: 10px;
}
#ariane ul li {
  display: flex;
  gap: 8px;
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Text/Text XSmall */
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
#ariane ul li span {
  color: var(--Color-Text-Texte-secondaire, #050047);
  /* Text/Text XSmall */
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media (max-width: 1199px) {
  #ariane #firstContainerAriane {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

.item_formation-v1 {
  display: flex;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #fff);
  /* shadow-lg */
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.item_formation-v1:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.item_formation-v1 .item_formation-v1-content {
  display: flex;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.item_formation-v1 .formation-modalite-tag {
  display: flex;
  padding: var(--Spacing-6, 6px) var(--Spacing-12, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--Border-radius-Radius-md, 8px);
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
  color: #fff;
  /* Text Bold/Text B small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 27px */
}
.item_formation-v1 .formation-title {
  color: #050047;
  /* Sub-titles/Titre tuile */
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 37.5px */
}
.item_formation-v1 .formation-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.item_formation-v1 .formation-info-item {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #050047;
  /* Text Bold/Text B small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 27px */
}
.item_formation-v1 .formation-excerpt {
  color: var(--Color-Text-Texte-primaire, #000);
  /* Text/Text small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
}
.item_formation-v1 .btn-primaire {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}

.inspiration-item-v1 {
  display: flex;
  width: 100%;
  padding: var(--Spacing-12, 12px);
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #fff);
  /* shadow-lg */
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.inspiration-item-v1 .inspiration-tile-img {
  display: flex;
  height: 186px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-md, 8px);
  background: linear-gradient(0deg, rgba(0, 97, 120, 0.2) 0%, rgba(0, 97, 120, 0.2) 100%);
  object-fit: cover;
  width: 100%;
}
.inspiration-item-v1 .inspiration-item-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  padding-bottom: var(--Spacing-32, 32px);
  position: relative;
}
.inspiration-item-v1 .inspiration-item-content h3 {
  color: #050047;
  /* Sub-titles/Titre tuile */
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 37.5px */
}
.inspiration-item-v1 .inspiration-item-content .image-overlay {
  height: 186px;
  border-radius: var(--Border-radius-Radius-md, 8px);
}
.inspiration-item-v1 .inspiration-categories {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 4px;
}
.inspiration-item-v1 .inspiration-categories .inspiration-categories-wrapper span {
  display: flex;
  padding: var(--Spacing-6, 6px) var(--Spacing-12, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--Border-radius-Radius-md, 8px);
  background: var(--Color-Brand-Tertiaire-Fonc, #f26945);
  color: #fff;
  /* Text Bold/Text B small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 27px */
}
.inspiration-item-v1 .inspiration-categories .inspiration-reading-time span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text/Text small */
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
}
.inspiration-item-v1 .inspiration-categories-wrapper {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.inspiration-item-v1 .inspiration-link {
  display: flex;
  padding: var(--Spacing-16, 16px) var(--Spacing-32, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-8, 8px);
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-md, 8px);
  border: 1.5px solid var(--Color-Brand-Primaire, #050047);
  background: var(--Color-Basics-Clair, #fff);
  text-transform: uppercase;
}
.inspiration-item-v1 .inspiration-link:hover {
  background: var(--Color-Brand-Primaire, #050047);
  color: var(--Color-Basics-Clair, #fff);
}
.inspiration-item-v1 .inspiration-link:hover svg path {
  fill: var(--Color-Basics-Clair, #fff);
}

.persona {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--Spacing-32, 32px);
  align-items: center;
  border-radius: 24px;
  background: var(--Color-Primaire-Primaire-50, #f1f3ff);
}

.persona-content > *:not(:last-child) {
  margin-bottom: 16px;
  /* ou var(--Spacing-16) */
}

.persona-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item_persona_image {
  width: 177px;
  height: 170px;
  aspect-ratio: 177/170;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.item_persona_name {
  color: var(--Color-Text-Texte-primaire, #000);
  text-align: center;
  /* Text Bold/Text B large */
  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 36px */
}

.item_persona_function {
  text-align: center;
}

.persona-link-wrapper {
  margin-top: 16px;
}

.persona-link {
  display: flex;
  align-items: center;
  gap: var(--Spacing-8, 8px);
}
.persona-link svg {
  height: 24px;
}
.persona-link span {
  line-height: 24px;
}

.join-us {
  display: flex;
  padding: var(--Spacing-24, 24px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
  /* shadow-lg */
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.join-us p {
  color: var(--Color-Basics-Clair, #fff);
  /* Sub-titles/Titre tuile */
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 37.5px */
}
.join-us a {
  display: flex;
  padding: var(--Spacing-2, 2px) var(--Spacing-0, 0px);
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.join-us a span {
  line-height: 32px;
  color: var(--Color-Basics-Clair, #fff);
}

.promotions-banner-wrapper {
  display: flex;
  background: var(--Color-Brand-Primaire, #050047);
  flex-direction: column;
}

.promotions-banner-wrapper-inner {
  padding: var(--Spacing-6, 6px) var(--Spacing-12, 30px) var(--Spacing-6, 6px) var(--Spacing-12, 12px);
  position: relative;
}

.promotions-banner-wrapper-inner:not(:last-child) {
  border-bottom: 1px solid var(--Color-Secondaire-clair-Secondaire-300, #4dfbf3);
}

.promotion-banner {
  color: var(--Color-Basics-Clair, #fff);
  text-align: center;
  /* Text/Text XSmall */
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.promotion-banner span {
  color: var(--Color-Secondaire-clair-Secondaire-300, #4dfbf3);
  /* Text/Text XSmall */
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.close-banner {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 15px;
  color: white;
}

.realisation-item-v1 {
  width: 100%;
}
.realisation-item-v1 .realisation-item {
  display: flex;
  height: 100%;
  padding: var(--Spacing-12, 12px);
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--Border-radius-Radius-xl, 16px);
  background: var(--Color-Basics-Clair, #fff);
  gap: 32px;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.realisation-item-v1 .realisation-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.realisation-item-v1 .realisation-item-img {
  position: relative;
  display: flex;
  height: auto;
  max-height: 186px;
  width: 100%;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--Border-radius-Radius-md, 8px);
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.realisation-item-v1 .image-overlay {
  height: auto;
  max-height: 186px;
  border-radius: 8px;
  bottom: 0 !important;
  top: 0 !important;
}
.realisation-item-v1 .realisation-item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.realisation-item-v1 .realisation-item h3 {
  color: #050047;
  font-family: "Gill Sans MT";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
.realisation-item-v1 .realisation-item p {
  color: var(--Color-Text-Texte-primaire, #000);
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.solution-v1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  position: relative;
  text-align: left;
}
.solution-v1 .solution-icon {
  width: 64px;
  height: 64px;
  position: absolute;
  left: 0;
  aspect-ratio: 1/1;
  object-fit: cover !important;
  margin: 0 auto 1.5rem !important;
  display: block !important;
}
.solution-v1 .solution-title {
  margin-top: 74px;
  margin-bottom: 32px;
}
.solution-v1 .solution-paragraph {
  display: flex;
  padding: 0 var(--Spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-left: 2px solid var(--Color-Brand-Secondaire-Clair, #00D6D6);
}

.itemMenu:hover,
.itemMenu:active,
.currentPage {
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-thickness: auto;
  text-decoration-color: var(--Color-Brand-Secondaire-Clair, #00d6d6);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.currentPage {
  color: red;
}

.modal-newsletter {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.modal-newsletter .modal-newsletter-content {
  background: var(--Color-Basics-Clair, #fff);
  padding: var(--Spacing-32, 32px);
  border-radius: var(--Border-radius-Radius-md, 8px);
  position: relative;
  width: 90%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.modal-newsletter .modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--Color-Text-Texte-primaire, #000);
  padding: 5px;
  line-height: 1;
}
.modal-newsletter .modal-close:hover {
  color: var(--Color-Brand-Primaire, #050047);
}
.modal-newsletter #newsletter-form {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-16, 16px);
  margin-top: var(--Spacing-16, 16px);
}
.modal-newsletter #newsletter-form h2 {
  text-align: center;
  font-size: 64px;
  margin: 0;
  text-wrap: balance;
  color: #050047;
}
.modal-newsletter #newsletter-form h2 span {
  font-family: "Gill Sans Nova Inline";
  font-size: inherit;
  font-weight: normal !important;
  line-height: inherit;
}
.modal-newsletter #newsletter-form a {
  color: #050047;
  text-decoration: underline;
}
.modal-newsletter #newsletter_email {
  padding: var(--Spacing-12, 12px);
  border: 1px solid var(--Color-Text-Texte-primaire, #000);
  border-radius: var(--Border-radius-Radius-sm, 4px);
  font-family: Verdana;
  font-size: 16px;
}
.modal-newsletter #newsletter-form button[type=submit] {
  padding: var(--Spacing-12, 12px) var(--Spacing-24, 24px);
  background: var(--Color-Brand-Primaire, #050047);
  color: var(--Color-Basics-Clair, #fff);
  border: none;
  border-radius: var(--Border-radius-Radius-sm, 4px);
  font-family: Verdana;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
}
.modal-newsletter #newsletter-form button[type=submit]:hover {
  background: var(--Color-Brand-Secondaire-Fonc, #006178);
}
.modal-newsletter #newsletter-message {
  margin-top: var(--Spacing-12, 12px);
  padding: var(--Spacing-8, 8px);
  border-radius: var(--Border-radius-Radius-sm, 4px);
  text-align: center;
  font-family: Verdana;
  font-size: 14px;
}
.modal-newsletter #newsletter-message:not(:empty) {
  background: var(--Color-Brand-Tertiaire-Clair, #ffe3db);
  color: var(--Color-Brand-Primaire, #050047);
}

.modal-newsletter-v2 {
  /* Afficher la modal au milieu de la page par dessus tout*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  /* Permet de centrer */
  justify-content: center;
  /* Centre horizontalement */
  align-items: center;
  /* Centre verticalement */
  background: rgba(0, 0, 0, 0.6);
  /* Fond sombre semi-transparent */
  z-index: 1000;
  /* Par-dessus le contenu */
}
.modal-newsletter-v2 .modal-newsletter-content {
  background: #fff;
  padding: 2rem;
  border-radius: 10px;
  width: 90%;
  /* s'adapte aux petits écrans */
  position: relative;
  text-align: center;
}
.modal-newsletter-v2 .modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
}

/*#region Couleur*/
:root {
  --background-primary: #050047;
  --background-secondary: var(--common-neutral-lower);
  --badge-dark-neutral-background: var(--common-neutral-hight);
  --badge-dark-neutral-text: var(--common-neutral-lowest);
  --badge-dark-primary-background: var(--common-primary-brand-medium);
  --badge-dark-primary-text: var(--common-primary-brand-lowest);
  --badge-dark-secondary-background: var(--common-secondary brand-medium);
  --badge-dark-secondary-text: var(--common-secondary brand-lowest);
  --badge-light-neutral-text: var(--common-neutral-highter);
  --badge-light-neutral-background: var(--color-light-20);
  --badge-light-neutral-border: var(--color-dark-10);
  --badge-light-primary-background: var(--common-primary-brand-lower);
  --badge-light-primary-border: var(--common-primary-brand-low);
  --badge-light-primary-text: var(--common-primary-brand-hight);
  --badge-light-secondary-background: var(--common-secondary brand-lower);
  --badge-light-secondary-border: var(--common-secondary brand-low);
  --badge-light-secondary-text: var(--common-secondary brand-hight);
  --border-primary: var(--common-neutral-low);
  --border-secondary: var(--common-neutral-lower);
  --nav-active-background: var(--common-primary-brand-lowest);
  --nav-active-border: var(--common-primary-brand-medium);
  --nav-active-icon: var(--common-primary-brand-hight);
  --nav-active-text: var(--common-primary-brand-hight);
  --nav-default-background: var(--color-light-0);
  --nav-default-border: var(--color-light-0);
  --nav-default-icon: var(--common-neutral-hight);
  --nav-default-text: var(--common-neutral-hight);
  --nav-disable-background: var(--color-light-0);
  --nav-disable-border: var(--color-light-0);
  --nav-disable-icon: var(--common-neutral-low);
  --nav-disable-text: var(--common-neutral-low);
  --nav-hover-background: var(--common-neutral-lower);
  --nav-hover-border: var(--common-neutral-medium);
  --nav-hover-icon: var(--common-neutral-hight);
  --nav-hover-text: var(--common-neutral-hight);
  --button-primary-default-background: var(--common-primary-brand-medium);
  --button-primary-default-icon: var(--common-primary-brand-lowest);
  --button-primary-default-text: var(--common-primary-brand-lowest);
  --button-primary-hover-background: var(--common-primary-brand-hight);
  --button-primary-hover-icon: var(--common-primary-brand-lowest);
  --button-primary-hover-text: var(--common-primary-brand-lowest);
  --button-secondary-default-background: var(--common-neutral-highter);
  --button-secondary-default-icon: var(--common-primary-brand-lowest);
  --button-secondary-default-text: var(--common-neutral-lowest);
  --button-secondary-hover-background: var(--common-neutral-hightest);
  --button-secondary-hover-icon: var(--common-primary-brand-lowest);
  --button-secondary-hover-text: var(--common-neutral-lowest);
  --button-tertiary-default-background: var(--background-primary);
  --button-tertiary-default-border: var(--border-primary);
  --button-tertiary-default-icon: var(--common-neutral-hightest);
  --button-tertiary-default-text: var(--common-neutral-hightest);
  --button-tertiary-hover-border: var(--border-primary);
  --button-tertiary-hover-background: var(--common-neutral-lower);
  --button-tertiary-hover-icon: var(--common-neutral-hightest);
  --button-tertiary-hover-text: var(--common-neutral-hightest);
  --common-neutral-hight: var(--color-slate-600);
  --common-neutral-highter: var(--color-slate-800);
  --common-neutral-hightest: var(--color-gray-950);
  --common-neutral-low: var(--color-slate-300);
  --common-neutral-lower: var(--color-slate-100);
  --common-neutral-lowest: var(--color-light-100);
  --common-neutral-medium: var(--color-slate-500);
  --common-primary-brand-hight: var(--color-teal-700);
  --common-primary-brand-highter: var(--color-teal-900);
  --common-primary-brand-hightest: var(--color-teal-950);
  --common-primary-brand-low: var(--color-teal-300);
  --common-primary-brand-lower: var(--color-teal-100);
  --common-primary-brand-lowest: var(--color-teal-50);
  --common-primary-brand-medium: var(--color-teal-500);
  --common-secondary-brand-hight: var(--color-amber-700);
  --common-secondary-brand-highter: var(--color-amber-900);
  --common-secondary-brand-hightest: var(--color-amber-950);
  --common-secondary-brand-low: var(--color-amber-300);
  --common-secondary-brand-lower: var(--color-amber-100);
  --common-secondary-brand-lowest: var(--color-amber-50);
  --common-secondary-brand-medium: var(--color-amber-500);
  --common-text-primary: var(--common-neutral-hightest);
  --common-text-secondary: var(--common-neutral-medium);
  --common-text-tertary: var(--common-primary-brand-hight);
  --hyperlien-default-text: var(--common-neutral-hightest);
  --hyperlien-hover-text: var(--common-primary-brand-hight);
  --input-default-background: var(--common-neutral-lowest);
  --input-default-border: var(--common-neutral-low);
  --input-default-icon: var(--common-neutral-medium);
  --input-default-placeholder-and-label: var(--common-neutral-medium);
  --input-default-text: var(--common-neutral-hightest);
  --input-disable-background: var(--common-neutral-lower);
  --input-disable-border: var(--common-neutral-low);
  --input-disable-icon: var(--common-neutral-medium);
  --input-disable-placeholder-and-label: var(--common-neutral-medium);
  --input-disable-text: var(--common-neutral-medium);
  --input-focused-background: var(--common-primary-brand-lowest);
  --input-focused-border: var(--common-primary-brand-low);
  --input-focused-icon: var(--common-primary-brand-medium);
  --input-focused-placeholder-and-label: var(--common-neutral-medium);
  --input-focused-text: var(--common-primary-brand-hightest);
  --nav-active-background: var(--common-primary-brand-lower);
  --nav-active-border: var(--common-primary-brand-medium);
  --nav-active-icon: var(--common-primary-brand-hight);
  --nav-active-text: var(--common-primary-brand-hight);
  --nav-default-background: var(--color-light-0);
  --nav-default-border: var(--color-light-0);
  --nav-default-icon: var(--common-neutral-hight);
  --nav-default-text: var(--common-neutral-hight);
  --nav-disable-text: var(--common-neutral-low);
  --nav-disable-background: var(--color-light-0);
  --nav-disable-border: var(--color-light-0);
  --nav-disable-icon: var(--common-neutral-low);
  --nav-hover-background: var(--common-primary-brand-lowest);
  --nav-hover-border: var(--common-neutral-medium);
  --nav-hover-icon: var(--common-neutral-hight);
  --nav-hover-text: var(--common-neutral-hight);
}

/*#endregion */
body.dark-mode {
  --background-primary: var(--common-neutral-lowest);
  --background-secondary: var(--common-neutral-lower);
  --nav-active-background: var(--common-primary-brand-lowest);
  --nav-active-border: var(--common-primary-brand-medium);
  --nav-active-icon: var(--common-primary-brand-hight);
  --nav-active-text: var(--common-primary-brand-hight);
  --nav-default-background: var(--color-light-0);
  --nav-default-border: var(--color-light-0);
  --nav-default-icon: var(--common-neutral-hight);
  --nav-default-text: var(--common-neutral-hight);
  --nav-disable-background: var(--color-light-0);
  --nav-disable-border: var(--color-light-0);
  --nav-disable-icon: var(--common-neutral-low);
  --nav-disable-text: var(--common-neutral-low);
  --nav-hover-background: var(--common-neutral-lower);
  --nav-hover-border: var(--common-neutral-medium);
  --nav-hover-icon: var(--common-neutral-hight);
  --nav-hover-text: var(--common-neutral-hight);
  --button-elegant-primary-default-background: var(--common-primary-brand-medium);
  --button-elegant-primary-default-icon: var(--common-primary-brand-lowest);
  --button-elegant-primary-default-text: var(--common-primary-brand-lowest);
  --button-elegant-primary-hover-background: var(--common-primary-brand-medium);
  --button-elegant-primary-hover-icon: var(--common-primary-brand-lowest);
  --button-elegant-primary-hover-text: var(--common-primary-brand-lowest);
  --button-elegant-secondary-default-background: var(--common-neutral-highter);
  --button-elegant-secondary-default-icon: var(--common-primary-brand-lowest);
  --button-elegant-secondary-default-text: var(--common-primary-brand-lowest);
  --button-elegant-secondary-hover-background: var(--common-neutral-highter);
  --button-elegant-secondary-hover-icon: var(--common-primary-brand-lowest);
  --button-elegant-secondary-hover-text: var(--common-primary-brand-lowest);
  --button-elegant-tertiary-default-background: var(--background-primary);
  --button-elegant-tertiary-default-border: var(--border-primary);
  --button-elegant-tertiary-default-icon: var(--common-neutral-hightest);
  --button-elegant-tertiary-default-text: var(--common-neutral-hightest);
  --button-elegant-tertiary-hover-background: var(--background-primary);
  --button-elegant-tertiary-hover-border: var(--border-primary);
  --button-elegant-tertiary-hover-icon: var(--common-neutral-hightest);
  --button-elegant-tertiary-hover-text: var(--common-neutral-hightest);
  --button-pro-primary-default-background: var(--common-primary-brand-medium);
  --button-pro-primary-default-icon: var(--common-primary-brand-lowest);
  --button-pro-primary-default-text: var(--common-primary-brand-lowest);
  --button-pro-primary-hover-background: var(--common-primary-brand-hight);
  --button-pro-primary-hover-icon: var(--common-primary-brand-lowest);
  --button-pro-primary-hover-text: var(--common-primary-brand-lowest);
  --button-pro-secondary-default-background: var(--common-neutral-highter);
  --button-pro-secondary-default-icon: var(--common-primary-brand-lowest);
  --button-pro-secondary-default-text: var(--common-primary-brand-lowest);
  --button-pro-secondary-hover-background: var(--common-neutral-hightest);
  --button-pro-secondary-hover-icon: var(--common-primary-brand-lowest);
  --button-pro-secondary-hover-text: var(--common-primary-brand-lowest);
  --button-pro-tertiary-default-background: var(--background-primary);
  --button-pro-tertiary-default-border: var(--border-primary);
  --button-pro-tertiary-default-icon: var(--common-neutral-hightest);
  --button-pro-tertiary-default-text: var(--common-neutral-hightest);
  --button-pro-tertiary-hover-background: var(--common-neutral-lower);
  --button-pro-tertiary-hover-border: var(--border-primary);
  --button-pro-tertiary-hover-icon: var(--common-neutral-hightest);
  --button-pro-tertiary-hover-text: var(--common-neutral-hightest);
  --common-neutral-hight: var(--color-slate-300);
  --common-neutral-highter: var(--color-slate-100);
  --common-neutral-hightest: var(--color-light-100);
  --common-neutral-low: var(--color-slate-600);
  --common-neutral-lower: var(--color-slate-800);
  --common-neutral-lowest: var(--color-gray-950);
  --common-neutral-medium: var(--color-slate-500);
  --common-primary-brand-hight: var(--color-blue-300);
  --common-primary-brand-highter: var(--color-blue-100);
  --common-primary-brand-hightest: var(--color-blue-50);
  --common-primary-brand-low: var(--color-blue-600);
  --common-primary-brand-lower: var(--color-blue-800);
  --common-primary-brand-lowest: var(--color-blue-950);
  --common-primary-brand-medium: var(--color-blue-400);
  --common-secondary-brand-hight: var(--color-yellow-300);
  --common-secondary-brand-highter: var(--color-yellow-100);
  --common-secondary-brand-hightest: var(--color-yellow-50);
  --common-secondary-brand-low: var(--color-yellow-600);
  --common-secondary-brand-lower: var(--color-yellow-800);
  --common-secondary-brand-lowest: var(--color-yellow-950);
  --common-secondary-brand-medium: var(--color-yellow-400);
  --input-default-background: var(--common-neutral-hightest);
  --input-default-border: var(--common-neutral-low);
  --input-default-icon: var(--common-neutral-medium);
  --input-default-placeholder-and-label: var(--common-neutral-medium);
  --input-default-text: var(--common-neutral-lowest);
  --input-disable-background: var(--common-neutral-lower);
  --input-disable-border: var(--common-neutral-low);
  --input-disable-icon: var(--common-neutral-medium);
  --input-disable-placeholder-and-label: var(--common-neutral-medium);
  --input-disable-text: var(--common-neutral-medium);
  --input-focused-background: var(--common-primary-brand-highter);
  --input-focused-border: var(--common-primary brand-low);
  --input-focused-icon: var(--common-primary-brand-medium);
  --input-focused-placeholder-and-label: var(--common-neutral-medium);
  --input-focused-text: var(--common-primary-brand-lowest);
  --hyperlien-default-text: var(--common-neutral-hightest);
  --hyperlien-hover-text: var(--common-primary-brand-medium);
  --border-primary: var(--common-neutral-low);
  --border-secondary: var(--color-light-10);
  --badge-primary-background: var(--common-primary-brand-hight);
  --badge-primary-text: var(--common-primary-brand-lowest);
  --badge-secondary-background: var(--common-secondary brand-low);
  --badge-secondary-text: var(--common-neutral-lower);
  --badge-tertiary-background: var(--common-primary brand-lower);
  --badge-tertiary-text: var(--common-primary-brand-hight);
}

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