/* ===============================
   Thème "Bleu France" LimeSurvey
   =============================== */

:root {
  --bleu-france: #000091;   /* Bleu République */
  --bleu-secondaire: #0063cb;
  --bleu-clair: #99b9ff;
  --bleu-pale: #e5e8ff;
  --blanc: #ffffff;
  --gris-clair: #f5f6fa;
  --gris-texte: #3a3a3a;
}

/* Corps */
body {
  background-color: var(--gris-clair);
  color: var(--gris-texte);
  font-family: "Marianne", "Roboto", sans-serif;
}

/* Barre supérieure */
.navbar {
  background-color: var(--bleu-france);
  border-bottom: 4px solid var(--bleu-secondaire);
  min-height: 80px;
  box-shadow: 0 2px 5px rgba(0, 0, 50, 0.3);
}

.navbar-brand {
  color: var(--blanc) !important;
  font-weight: 600;
  font-size: 1.3rem;
}

.navbar-brand img {
  max-height: 60px;
  margin-right: 10px;
}

/* Titres */
h1, h2, h3 {
  color: var(--bleu-france);
  font-weight: 600;
}

/* Boutons */
.btn-primary {
  background-color: var(--bleu-france);
  border-color: var(--bleu-france);
  color: var(--blanc);
  font-weight: 500;
}

.btn-primary:hover {
  background-color: var(--bleu-secondaire);
  border-color: var(--bleu-secondaire);
}

/* Liens */
a {
  color: var(--bleu-secondaire);
  text-decoration: none;
}

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

/* Formulaires */
input[type="text"], input[type="email"], select, textarea {
  border: 1px solid var(--bleu-clair);
  border-radius: 5px;
  transition: border-color 0.3s ease;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--bleu-france);
  box-shadow: 0 0 4px var(--bleu-clair);
}

/* Pied de page */
.footer {
  background-color: var(--bleu-france);
  color: var(--blanc);
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
}

/* Encadrés / panneaux */
.panel {
  border-color: var(--bleu-secondaire);
  border-radius: 8px;
}

.panel-heading {
  background-color: var(--bleu-pale);
  color: var(--bleu-france);
  font-weight: 600;
}

/* Progress bar */
.progress-bar {
  background-color: var(--bleu-secondaire);
}