/* Fond du site Stockéo, commun à toutes les pages hors accueil (guides, pages légales…).
   01/10/2026 (user : « mets les fonds partout, pas que sur l'accueil, toutes les pages »).
   Même rendu que l'accueil : dégradé pêche douce fixe + logo en filigrane qui flotte
   doucement en bas à gauche et change de teinte claire toutes les ~2 minutes.
   Les deux calques sont fixes (fiables aussi sur iPhone) et passent sous le contenu. */
/* 03/10/2026 23h (user) : pages hors accueil, même fond en bleu glacier (au lieu du pêche). */
html{background:#E7EEF8 !important}
body{background:transparent !important}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,#D9E4F3 0%,#E7EEF8 45%,#F5F8FC 100%)}
body::before{content:"";position:fixed;z-index:-1;pointer-events:none;
  left:-5vw;bottom:-5vw;width:min(600px,52vw);aspect-ratio:1/1;
  background:url('/media/fonds/logo-filigrane.svg') no-repeat center/contain;
  animation:stkFiligraneFlotte 30s ease-in-out infinite alternate;
  filter:hue-rotate(190deg) saturate(.8);   /* logo teinté bleu, accordé au fond bleu glacier */
  will-change:transform}
@keyframes stkFiligraneFlotte{
  0%{transform:translate(0,0)} 30%{transform:translate(2.6vw,-3.6vw)}
  60%{transform:translate(-1.4vw,-5.6vw)} 100%{transform:translate(3.2vw,-1.8vw)}}
@keyframes stkFiligraneTeinte{
  0%,12%{filter:hue-rotate(0deg)} 14%,26%{filter:hue-rotate(190deg)} 28%,40%{filter:hue-rotate(215deg)}
  42%,54%{filter:hue-rotate(335deg)} 56%,68%{filter:hue-rotate(245deg)} 70%,82%{filter:hue-rotate(275deg)}
  84%,96%{filter:hue-rotate(310deg)} 100%{filter:hue-rotate(360deg)}}
@media (max-width:700px){ body::before{width:62vw;left:-8vw;bottom:-6vw;opacity:.75} }
@media (prefers-reduced-motion:reduce){ body::before{animation:none} }

/* GRANDS ÉCRANS (02/10/2026, user : « sur Mac c'est parfait ; il faut retrouver la même
   chose sur tous les écrans »). Jusqu'à ~1600 px de large (Mac) rien ne change ; au-delà,
   la page entière grandit d'un même facteur et garde la répartition du Mac. */
/* 23/10/2026 (user, photo d'un 27 pouces : « tout est vachement gros, ça fait pas classe »).
   Un grand écran doit montrer plus de choses, pas des choses plus grosses. */
:root{--z:1}
@media (min-width:1660px){ :root{--z:1.04} }
@media (min-width:1820px){ :root{--z:1.07} }
@media (min-width:2050px){ :root{--z:1.1} }
@media (min-width:2350px){ :root{--z:1.12} }
@media (min-width:2800px){ :root{--z:1.15} }
@media (min-width:3400px){ :root{--z:1.2} }
body{zoom:var(--z)}

/* 04/10/2026 19h40 (user : « les emojis en fond, j'aime pas du tout ») : fond bleu clair et logo qui
   flotte (teinté bleu), sans émoticône. */
html{background:#CFDDF2 !important}
body::after{background:linear-gradient(180deg,#C9D9F1 0%,#DCE6F6 40%,#EEF3FB 100%) !important}