/* ============================================================ LE FOND DU SITE — papier chaud + projecteur orange ------------------------------------------------------------ Repris de la page évènement (recherche.html) pour que l'accueil et la liste des évènements posent leur contenu sur la même matière : un aplat #f4f1f0, et un seul dégradé radial ambré en haut à gauche qui s'éteint avant le premier tiers de la page. Deux calques sur : ::before pose la lueur, ::after la fond dans le papier. Ils sont derrière tout (z-index 0) et ne captent aucun clic. ============================================================ */ html body.fond-papier.fond-papier { position: relative; min-height: 100vh; background: #f4f1f0 !important; background-image: none !important; overflow-x: hidden; } /* Le theme masque body::before ; recherche.html le rallume de la meme facon. Sans cette ligne, la lueur existe dans la feuille mais n'est jamais dessinee — le papier reste nu. */ html body.fond-papier.fond-papier::before { display: block !important; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 420px; z-index: 0; pointer-events: none; background: radial-gradient(54% 92% at 14% -10%, rgba(255, 133, 89, .40), transparent 68%) !important; } html body.fond-papier.fond-papier::after { display: block !important; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 420px; z-index: 0; pointer-events: none; background: linear-gradient(to bottom, transparent 0 26%, rgba(244, 241, 240, .70) 52%, #f4f1f0 82%) !important; } /* Le contenu passe devant les deux calques. Sans ça, une section qui porte son propre fond les recouvrirait, et la lueur ne se verrait que dans les marges. La barre de navigation est exclue : elle a son propre position, et lui imposer « relative » la décollait du haut de l'écran. */ html body.fond-papier.fond-papier > *:not(script):not(style):not(header) { position: relative; z-index: 1; } /* Les vagues décoratives de l'ancien fond n'ont plus lieu d'être : deux décors qui se superposent se brouillent l'un l'autre. */ html body.fond-papier.fond-papier .deco-waves { display: none !important; }