/* Page Analyste Postural : le CSS du design d'Aurélien, porté tel quel.
   Les règles sont scopées .savoir-ap pour ne pas fuir sur le reste du site. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Work+Sans:ital,wght@0,400;0,500;1,400&display=swap');

  .savoir-ap *, .savoir-ap *::before, .savoir-ap *::after { box-sizing: border-box; }
  .savoir-ap-page { scroll-behavior: smooth; }
  .savoir-ap {
  /* Le conteneur du thème est élargi par la classe de route
     savoir-ap-univers : ici, la page occupe naturellement tout. */
  overflow-x: clip;
 margin: 0; background: #FDFBF8; color: #1C1A17; font-family: 'Work Sans', system-ui, sans-serif; font-size: 17px; line-height: 1.62; -webkit-font-smoothing: antialiased; }
  .savoir-ap img { display: block; max-width: 100%; }
  .savoir-ap a { color: #E2681C; text-decoration: none; }
  .savoir-ap a:hover { color: #B8500F; }
  .savoir-ap h1, .savoir-ap h2, .savoir-ap h3, .savoir-ap h4, .savoir-ap h5 { font-family: 'Montserrat', system-ui, sans-serif; margin: 0; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; }
  .savoir-ap p { margin: 0; text-wrap: pretty; }
  .savoir-ap input, .savoir-ap textarea, .savoir-ap button { font: inherit; color: inherit; }

  .savoir-ap a, .savoir-ap button { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
  [data-rv] { opacity: 0; transform: translateY(22px); }
  [data-rv="in"] { opacity: 1; transform: none; }
  [data-rv] { transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); }
  image-slot, img[src*="step-"] { transition: transform .6s cubic-bezier(.22,.61,.36,1); }
  img[src*="step-"]:hover { transform: scale(1.04); }
  @media (prefers-reduced-motion: reduce) {
    [data-rv], [data-rv="in"] { opacity: 1 !important; transform: none !important; transition: none !important; }
  }
  @media (max-width: 980px) {
    [data-r="cols"], [data-r="filets"] { grid-template-columns: minmax(0,1fr) !important; gap: 36px !important; }
    [data-r="filets"] > * { border-right: 0 !important; padding: 28px 0 !important; }
    [data-r="dates"] { grid-template-columns: minmax(0,1fr) !important; gap: 2px !important; }
    [data-r="header"] { flex-wrap: wrap !important; gap: 16px !important; }
    iframe { height: 720px !important; }
    [data-r="filets"] > *, [data-c="center"], [data-c="center"] > * { text-align: center; }
    [data-r="filets"] > * > img { margin-left: auto; margin-right: auto; }
    [data-r="dates"] { justify-items: center; }
    [data-c="hero-img"] { width: min(100%, 440px) !important; margin-left: auto !important; margin-right: auto !important; }
  }
  @media (max-width: 620px) {
    .savoir-ap { font-size: 16px; }
    [data-r="cols"], [data-r="filets"] { gap: 28px !important; }
    iframe { height: 640px !important; }
  }

/* Le formulaire de la page, aux couleurs du design : filets, orange. */
.savoir-ap .savoir-interesse__form label { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #7A7268; }
.savoir-ap .savoir-interesse__form input[type="text"],
.savoir-ap .savoir-interesse__form input[type="email"],
.savoir-ap .savoir-interesse__form input[type="tel"] { width: 100%; border: 0; border-bottom: 1px solid #CFC5B8; background: transparent; padding: 12px 2px; font-size: 17px; border-radius: 0; }
.savoir-ap .savoir-interesse__form input:focus { outline: none; border-bottom-color: #E2681C; box-shadow: none; }
.savoir-ap .savoir-interesse__form button[type="submit"],
.savoir-ap .savoir-interesse__form input[type="submit"] { background: #E2681C; color: #fff; border: 0; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 16px 34px; cursor: pointer; }
.savoir-ap .savoir-interesse__form button[type="submit"]:hover { background: #1C1A17; }