/* =====================================================================
   Bandeau de consentement aux couleurs L.U.C.I.D.
   Préparé le 28 août 2026.

   Palette du site : bleu #2d2f7f, bleu profond #141666, orange #f6a352.

   🔴 RÈGLE DE CHARTE RESPECTÉE : l'orange ne porte JAMAIS de texte.
      Il ne sert ici que de filet et de liseré. Les deux boutons sont
      donc traités à l'identique, en blanc sur bleu.

   ⚠️ CNIL : « Tout refuser » doit être aussi facile que « Tout accepter ».
      Les deux boutons ont exactement le même style, la même taille et le
      même contraste. Ne pas les différencier.
   ===================================================================== */

#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertSmall,
#tarteaucitronRoot #tarteaucitronAlertBig * {
  box-sizing: border-box !important;   /* sinon le padding s'ajoute au 100 % */
}
#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertSmall {
  background: #141666 !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  color: #ffffff !important;
  border-top: 4px solid #f6a352 !important;   /* l'orange, en filet seulement */
  font-family: Roboto, system-ui, sans-serif !important;
  box-shadow: 0 -8px 32px rgba(12, 14, 70, .45) !important;
  padding: 26px 24px !important;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert b {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* Les trois boutons : même poids visuel, aucun n'est favorisé */
#tarteaucitronRoot #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot .tarteaucitronCTAButton,
#tarteaucitronRoot #tarteaucitronCloseAlert {
  background: #ffffff !important;
  color: #141666 !important;
  border: 2px solid #ffffff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 11px 22px !important;
  margin: 6px !important;
  letter-spacing: .02em !important;
  transition: background .15s, color .15s !important;
}
#tarteaucitronRoot #tarteaucitronPersonalize:hover,
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot .tarteaucitronCTAButton:hover,
#tarteaucitronRoot #tarteaucitronCloseAlert:hover {
  background: transparent !important;
  color: #ffffff !important;
  border-color: #f6a352 !important;    /* l'orange en liseré au survol */
}

/* Le lien vers la politique */
#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
  color: #adb7fd !important;
  text-decoration: underline !important;
  font-size: 14px !important;
}

/* Le panneau de réglage détaillé */
#tarteaucitronRoot #tarteaucitron {
  font-family: Roboto, system-ui, sans-serif !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronMainLine {
  background: #2d2f7f !important;
  border-bottom: 3px solid #f6a352 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: #141666 !important;
  color: #ffffff !important;
}
#tarteaucitronRoot .tarteaucitronBorder,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine {
  border-color: #2d2f7f !important;
}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
  color: #2d2f7f !important;
}

/* Autoriser / Interdire : vert et rouge sont conservés, ce sont des
   repères universels d'état, pas des couleurs de marque. */

/* La pastille de retour, discrète, en bas à gauche */
#tarteaucitronRoot #tarteaucitronIcon {
  bottom: 12px !important;
  left: 12px !important;
}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
  background: #141666 !important;
  border: 2px solid #f6a352 !important;
  border-radius: 50% !important;
  padding: 8px !important;
}

@media (max-width: 640px) {
  #tarteaucitronRoot #tarteaucitronAlertBig { padding: 20px 16px !important; }
  #tarteaucitronRoot #tarteaucitronDisclaimerAlert { font-size: 15px !important; }
}

/* ---------------------------------------------------------------------
   Le texte du bandeau, en deux niveaux.
   Demandé par Marie-Alix le 28 août 2026 : l'accroche en grand, la
   finalité en dessous, plus petite et entre parenthèses.
   Le texte lui-même vit dans lang/tarteaucitron.fr.js.
   --------------------------------------------------------------------- */
#tarteaucitronRoot .lucid-cookie-titre {
  display: block !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: .01em !important;
  margin-bottom: 4px !important;
}
#tarteaucitronRoot .lucid-cookie-sous {
  display: block !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #adb7fd !important;   /* le bleu clair de la charte, lisible sur le bleu profond */
  font-style: italic !important;
}
@media (max-width: 640px) {
  #tarteaucitronRoot .lucid-cookie-titre { font-size: 19px !important; }
  #tarteaucitronRoot .lucid-cookie-sous  { font-size: 13px !important; }
}

/* tarteaucitron met ce conteneur en inline-flex horizontal : les deux
   lignes se retrouvaient côte à côte. On le passe en colonne. */
#tarteaucitronRoot #tarteaucitronDisclaimerAlert {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

/* ---------------------------------------------------------------------
   Le panneau détaillé « Gérer mes cookies ».
   Ses boutons restaient au jaune par défaut de tarteaucitron.
   --------------------------------------------------------------------- */
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot #tarteaucitronCloseCross,
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny {
  background: #ffffff !important;
  color: #141666 !important;
  border: 2px solid #2d2f7f !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
#tarteaucitronRoot .tarteaucitronAllow:hover,
#tarteaucitronRoot .tarteaucitronDeny:hover,
#tarteaucitronRoot #tarteaucitronAllAllowed:hover,
#tarteaucitronRoot #tarteaucitronAllDenied:hover {
  background: #2d2f7f !important;
  color: #ffffff !important;
  border-color: #f6a352 !important;
}

/* L'état RETENU reste vert ou rouge : ce sont des repères d'état
   universels, pas des couleurs de marque. Sans eux, on ne voit plus
   ce qu'on a choisi. */
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow {
  background: #1a7f45 !important; color: #ffffff !important; border-color: #1a7f45 !important;
}
#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny {
  background: #9c2222 !important; color: #ffffff !important; border-color: #9c2222 !important;
}

#tarteaucitronRoot #tarteaucitronClosePanelCookie,
#tarteaucitronRoot #tarteaucitronCloseCross {
  background: #141666 !important; color: #ffffff !important;
}
#tarteaucitronRoot #tarteaucitronInfo,
#tarteaucitronRoot #tarteaucitronDisclaimer {
  background: #ffffff !important; color: #141666 !important;
}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronTitle {
  background: #2d2f7f !important; color: #ffffff !important;
}
