/* =============================================================================
FONT RESPONSIVE
========================================================================== */



html, body {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: #fff;
  color: #000;
  font-family: 'AMUMonumentGrotesk-Regular';
  font-size: clamp(16px, 1.2vw, 18px); /* Base font size responsive */
  line-height: clamp(20px, 1.5vw, 22px);
  font-optical-sizing: auto;
  font-style: normal;
  scroll-behavior: smooth;
}



.onglet-centre-logo {
  font-family: 'AMUMonumentGrotesk-Bold';
  font-style: normal;
  font-weight: normal;
  font-size: clamp(20px, 3vw, 35px);
  line-height: clamp(25px, 3.5vw, 40px);
  color: #000;
}

.onglet-gauche a, .onglet-gauche a:hover {
  font-family: 'AMUMonumentGrotesk-Bold';
  font-size: clamp(12px, 1.5vw, 15px);
  line-height: clamp(16px, 1.8vw, 18px);
}

/* =============================================================================
MENU
========================================================================== */
.menu-list-inside a {
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: clamp(18px, 2vw, 22px);
}


/* =============================================================================
CONTAINER
========================================================================== */
.text-container-header, .text-container {
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: clamp(20px, 2vw, 25px);
}

h1 {
  font-family: 'AMUMonumentGrotesk-Regular';
  font-style: normal;
  font-weight: normal;
  font-size: clamp(30px, 4vw, 40px);
  line-height: clamp(35px, 4.5vw, 45px);
}

h2 {
  font-family: 'AMUMonumentGrotesk-Regular';
  font-style: normal;
  font-weight: normal;
  font-size: clamp(20px, 3vw, 30px);
  line-height: clamp(25px, 3.5vw, 35px);
}

h3 {
  font-family: 'AMUMonumentGrotesk-Regular';
  font-style: normal;
  font-weight: normal;
  font-size: clamp(14px, 2vw, 18px);
  line-height: clamp(18px, 2.5vw, 22px);
}

p, li {
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
}

.chapo {
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(20px, 2.5vw, 25px);
}

.cta a {
  font-size: clamp(12px, 1.5vw, 14px);
}

.mod06 {
  font-size: clamp(12px, 1.4vw, 14px);
}

.footer-menu div {
  font-size: clamp(12px, 1.2vw, 14px);}

.footer-menu a {
  font-size: clamp(12px, 1.2vw, 14px);
}