/* Variables de couleurs basées sur le logo */
:root {
    --primary-color: #001524;
    --secondary-color: #15616D;
    --accent-color: #FF7D00;
    --link-color: #78290F;
    --secondary-link-color: #383838;
    --secondary-accent-color: #294347;
    --background-color: #F4F4F4;
    --text-color: #333333;
    --muted-text-color: #7D7D7D;
    --border-color: #E0E0E0;
    --font-size-base: 1.1rem;
  }
  /* https://coolors.co/palette/001524-15616d-ffecd1-ff7d00-78290f */
  /* Corps global */
  body {
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; */
    font-family: 'Arial', sans-serif;
    background-color: var(--background-color);
    color: var(--text-color);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-base);
  }

  /* Titres */
  h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
    font-weight: bold;
    margin-bottom: 1rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  /* Liens */
  a {
    color: var(--link-color);
    text-decoration: none;
    font-weight: bold;
  }

  a:hover {
    text-decoration: underline;
    color: var(--accent-color);
  }

  .secondary a {
    color: var(--secondary-link-color);
  }

  .secondary a:hover {
    color: var(--secondary-accent-color);
  }

  /* Boutons */
  button {
    background-color: var(--primary-color);
    color: #FFFFFF;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
  }

  button:hover {
    background-color: var(--accent-color);
  }

  /* Listes */
  ul {
    padding-left: 1.5rem;
  }

  ul li {
    margin-bottom: 0.5rem;
  }

  .sub-header {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.sub-sub-header {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}
.figure-caption {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #6c757d;
    text-align: center;
}

p {
  text-align: justify;
}