/* Grain photo en surimpression (même texture que la section livre blanc de l'accueil).
   S'utilise avec <span class="vg-grain" aria-hidden="true"></span>, posé en dernier enfant
   d'un bloc positionné : n'occupe ni ::before ni ::after, déjà pris par les bandes diagonales. */
.vg-grain {
  position: absolute;
  inset: 0;
  z-index: 6;
  border-radius: inherit;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") repeat;
  background-size: 180px 180px;
  opacity: .55;
  mix-blend-mode: overlay;
}

/* Page formation : le panneau photo seul n'est pas positionné, et la photo a ses propres coins arrondis */
.formation-page .tl-panel { position: relative; }
.formation-page .tl-panel:not(.tl-panel--bg) > .vg-grain { border-radius: 10px; }