@font-face {
   font-family: Poppins;
   src: url(/css/fonts/poppins/Poppins-Regular.ttf);
   font-weight: normal;
}

@font-face {
   font-family: Oswald;
   src: url(/css/fonts/oswald/Oswald-ExtraLight.ttf);
   font-weight: 200;
   font-display: swap;
}

@font-face {
   font-family: Oswald;
   src: url(/css/fonts/oswald/Oswald-Light.ttf);
   font-weight: 300;
   font-display: swap;
}

@font-face {
   font-family: Oswald;
   src: url(/css/fonts/oswald/Oswald-Regular.ttf);
   font-weight: 400;
   font-display: swap;
}

@font-face {
   font-family: Oswald;
   src: url(/css/fonts/oswald/Oswald-Medium.ttf);
   font-weight: 500;
   font-display: swap;
}

@font-face {
   font-family: Oswald;
   src: url(/css/fonts/oswald/Oswald-SemiBold.ttf);
   font-weight: 600;
   font-display: swap;
}

@font-face {
   font-family: Oswald;
   src: url(/css/fonts/oswald/Oswald-Bold.ttf);
   font-weight: 700;
   font-display: swap;
}

h1, h2, h3, h4, h5 {
   margin: 0;
   font-weight: normal;
}

:root{
   --font-size-11: 0.688em;
   --font-size-12: 0.75em;
   --font-size-14: 0.875em;
   --font-size-16: 1em;
   --font-size-18: 1.125em;
   --font-size-20: 1.25em;
   --font-size-22: 1.375em;
   --font-size-24: 1.5em;
   --font-size-30: 1.875em;
   --font-size-35: 2.2em;
   --font-size-50: 3.125em;
   --font-size-55: 3.438em;
}

.font-size-14 {
   font-size: var(--font-size-14);
}

.font-size-24 {
   font-size: var(--font-size-24);
}

.font-size-35 {
   font-size: var(--font-size-35);
}

/* Grosses tailles réduites sur mobile : clamp(min, taille fluide, taille desktop) */
@media (max-width: 575px) {
   :root{
      --font-size-30: clamp(1.5em, 6vw, 1.875em);
      --font-size-35: clamp(1.6em, 7.5vw, 2.2em);
      --font-size-50: clamp(2em, 9vw, 3.125em);
      --font-size-55: clamp(2.2em, 10vw, 3.438em);
   }
}

/*TITRE SECTION*/
.section-title{
   font-family: 'Oswald', sans-serif;
   font-size:var(--font-size-35);
   font-weight: 600;
   color: var(--color-2E5580);
}

.section-title--secondary{
   font-family: 'Oswald', sans-serif;
   font-size:var(--font-size-55);
   font-weight: 600;
   text-transform: uppercase;
}

.section-sub-title{
   font-family: 'Poppins', sans-serif;
   font-weight: 400;
   font-size: var(--font-size-16);
   color: var(--color-5B6B7C); 
   opacity: 0;
}

/* TITRE BLOC */
.bloc-title,
.bloc-title--2E5580,
.bloc-title--EF7F1A,
.bloc-title--F2A45C{
   font-family: 'Oswald', sans-serif;
   font-size:var(--font-size-22);
   font-weight: 400;
   color: white;
}

.bloc-title--F2A45C{
   color: var(--color-F2A45C);
}

.bloc-title--2E5580{
   color: var(--color-2E5580);
}

.bloc-title--EF7F1A{
   color: var(--color-EF7F1A);
}

/* TEXTES DIVERS */
.phoneNumer--highlighting {
   font-family: 'Oswald', sans-serif;
   font-size: var(--font-size-30);
   font-weight: 500;
   color: white;
}

.current-text{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-16);
   color: var(--color-3C4A5A);
   line-height: 1.8;
}

.info-text{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-14);
   color: var(--color-C7D6E6);
}

.info-text-footer{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-12);
   color: var(--color-C7D6E6);
}

.mention-text{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-11);
   color: var(--color-5B6B7C);
}

.skill-text{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-18);
   font-weight: 500;
   color: var(--color-2E5580);
}

.step-text {
  font-family: Oswald, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  color: var(--color-757b80);
  opacity: 0.5;
}

/* TITRE PAGE*/
.hr.title
{
   opacity: 0;
}

.page-title{
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   font-size: var(--font-size-50);
   color: white;
}

.page-sub-title{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-16);
   color: white; 
   max-width: 600px; 
   opacity: 0;
}

/*MENU*/
.item-menu{
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: var(--font-size-15);
   color: var(--color-2E5580);
}

.item-menu-resp{
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: var(--font-size-20);
   color: white;
   line-height: 2;
}

/*LOGO*/
.logo-text,
.logo-text--EF7F1A{
   font-family: 'Oswald', sans-serif;
   font-weight: 700;
   font-size: var(--font-size-35);
   color: white;
   letter-spacing: 0.07rem;
}

.logo-text--EF7F1A{
   color: var(--color-EF7F1A);
}

/*HEROE*/
.heroe-prestation{
   font-family: 'Oswald', sans-serif;
   font-size: var(--font-size-20);
   font-weight: 400;
   color: var(--color-F2A45C);
   text-transform: uppercase;
   letter-spacing: 0.07rem;
}

.heroe-title{
   font-family: 'Oswald', sans-serif;
   font-size: var(--font-size-55);
   font-weight: 600;
   color: white;
}

.heroe-title--EF7F1A{
   color: var(--color-EF7F1A);
}

.heroe-subtitle {
   font-family: 'Oswald', sans-serif;
   font-size: var(--font-size-50);
   font-weight: 400;
   color: white;
   line-height: 1.2;
}

.heroe-presentation{
   font-family: 'Poppins', sans-serif;
   font-size: var(--font-size-16);
   font-weight: 400;
   color: white;
}