/* ====== Structure générale ====== */
body {
  background-color: #ffffff;
  font-family: 'Open Sans', Arial, sans-serif;
  color: #333333;
  line-height: 1.6;
}

/* Labels requis */
label.required::before {
  content: "* ";
  color: red;
  font-weight: bold;
}

form .form-group input[required] ~ label::before,
form .form-group select[required] ~ label::before,
form .form-group textarea[required] ~ label::before {
  content: "* ";
  color: red;
  font-weight: bold;
}

/* ====== Scrollbar WebKit (Chrome, Edge, Safari) ====== */
::-webkit-scrollbar {
  width: 14px;
}
::-webkit-scrollbar-track {
  background: #214284;
}
::-webkit-scrollbar-thumb {
  background-color: #1B3143;
  border-radius: 6px;
  border: 2px solid #1F4E40;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #346083;
  transform: scale(1.1);
}

/* ====== Scrollbar Firefox ====== */
html {
  scrollbar-color: #214284 #1B3143;
  scrollbar-width: auto;
}

/* ====== Titres ====== */
h1, h2, h3 {
  color: #366150;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}
h2 {
  text-align: center;
  font-size: 2em;
}

/* ====== Titre principal ====== */
h2.page-title {
  font-size: 3.2em;
  font-weight: 700;
  color: #214284;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 60px;
  line-height: 1.3;
  letter-spacing: 1px;
  border-bottom: 2px solid #214284;
  padding-bottom: 10px;
}

/* ====== Liens généraux ====== */
a {
  color: #cc0000; /* Rouge Canon */
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  text-decoration: underline;
  color: #990000;
}

/* ====== Section principale ====== */
main {
  background-color: #fff;
  padding: 40px 15px;
}
main ul {
  padding-left: 20px;
}
main ul li {
  margin-bottom: 8px;
}

/* =====

/* Forcer tous les liens .lien-design à être bleu au chargement */
.lien-design:link,
.lien-design:visited,
.lien-design:active {
  color: #214284 !important;
  text-decoration: none;
}

.lien-design:hover {
  color: green !important;   /* vert au survol */
}

.lien-design.clicked {
  color: gray !important;    /* gris après clic */
}

.canon-red {
  color: #cc0000; /* Rouge Canon */
  font-weight: bold; /* optionnel si tu veux le mettre en valeur */
}