/* Avertissement contre l'usurpation (fraud-notice.js) : bandeau en bas d'écran et fenêtre.
   Autonome, chargée aussi par iRIS, qui n'a pas privalux.css : les couleurs de la charte sont
   reprises ici, les polices sont celles de chaque site. */
.fn-bandeau,.fn-dialogue{
  --fn-sombre:#1C1A16;
  --fn-creme:#FAF6F0;
  --fn-encre:#1B1917;
  --fn-encre-douce:#3D3934;
  --fn-bronze:#7C6136;       /* 5,4:1 sur la crème */
  --fn-filet:rgba(27,25,23,.14);
}

/* bandeau : sous l'en-tête collant (60) et le menu, au-dessus du contenu */
.fn-bandeau{
  position:fixed;left:0;right:0;bottom:0;z-index:55;
  display:flex;align-items:center;gap:16px;
  padding:12px max(16px,3vw);
  background:var(--fn-sombre);color:var(--fn-creme);
  border-top:1px solid rgba(250,246,240,.16);
  font-family:inherit;font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;
}
@media (prefers-reduced-motion:no-preference){
  .fn-bandeau{transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1)}
  .fn-bandeau.fn-visible{transform:none}
}
.fn-message{flex:1;min-width:0;margin:0;color:inherit;font:inherit}
.fn-court{display:none}
.fn-bandeau button,.fn-dialogue button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;margin:0}
.fn-plus{
  display:inline;padding:0;white-space:nowrap;font-weight:700 !important;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
.fn-plus:hover{text-decoration-thickness:2px}
.fn-croix{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;font-size:24px !important;line-height:1;border-radius:2px;
}
.fn-bandeau .fn-croix:hover{background:rgba(250,246,240,.1)}
.fn-bandeau :focus-visible{outline:2px solid var(--fn-creme);outline-offset:3px}

@media (max-width:767px){
  .fn-bandeau{padding:8px 8px 8px 16px;gap:8px;font-size:13.5px;line-height:1.45}
  .fn-long{display:none}
  .fn-court{display:inline}
}

/* fenêtre */
.fn-dialogue{
  width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);
  margin:auto;padding:0;border:0;border-radius:2px;
  background:var(--fn-creme);color:var(--fn-encre-douce);
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  font-family:inherit;font-size:16px;line-height:1.65;font-weight:400;letter-spacing:0;text-align:left;
}
.fn-dialogue::backdrop{background:rgba(28,26,22,.6)}
.fn-dialogue[open]{display:flex}
.fn-cadre{display:flex;flex-direction:column;width:100%;min-height:0;max-height:inherit}
.fn-tete{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:24px 16px 16px 32px;border-bottom:1px solid var(--fn-filet);
}
.fn-titre{margin:6px 0 0;font-size:22px;line-height:1.3;font-weight:400;color:var(--fn-encre);text-transform:none;letter-spacing:0}
.fn-dialogue .fn-croix:hover{background:rgba(27,25,23,.06)}
.fn-corps{overflow-y:auto;overscroll-behavior:contain;padding:20px 32px 28px}
.fn-corps p,.fn-corps ul{margin:0 0 14px}
.fn-liste{padding-left:1.2em}
.fn-liste li{margin-bottom:4px}
.fn-dialogue a{color:var(--fn-bronze);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.fn-dialogue a:hover{text-decoration-thickness:2px}
.fn-source{margin:22px 0 0 !important;padding-top:16px;border-top:1px solid var(--fn-filet)}
.fn-lien{font-weight:700}
.fn-dialogue :focus-visible{outline:2px solid var(--fn-encre);outline-offset:3px}
.fn-cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* page immobile derrière la fenêtre */
html.fn-ouvert{overflow:hidden}

@media (max-width:767px){
  .fn-dialogue{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);font-size:15px}
  .fn-tete{padding:16px 8px 12px 16px}
  .fn-titre{font-size:19px}
  .fn-corps{padding:16px 16px 22px}
}

@media print{.fn-bandeau,.fn-dialogue{display:none !important}}