/* site-frame.css — cadre doré « Versailles » sobre : double filet + fleurons d'angle, JAMAIS par-dessus le menu ni le texte.
   Chargé après site.css. Le contenu et le menu sont décalés de --frame pour rester à l'intérieur du cadre. */
:root{--frame:22px;--fleuron:54px}
html::before{content:"";position:fixed;inset:0;z-index:10000;pointer-events:none;border:6px solid #8d641f!important;background:none!important;
  box-shadow:inset 0 0 0 1px #f2d386,inset 0 0 0 4px #3d2a0d,inset 0 0 26px rgba(240,202,104,.10),0 0 18px rgba(0,0,0,.7)!important;opacity:1!important}
html::after{content:"";position:fixed;inset:12px!important;z-index:9999;pointer-events:none;border:1px solid rgba(244,218,151,.78)!important;
  box-shadow:inset 0 0 0 2px rgba(60,38,8,.92),inset 0 0 0 3px rgba(213,168,79,.30)!important}
body::before{display:none!important}
body::after{content:"";display:block!important;position:fixed;inset:12px!important;z-index:9998;pointer-events:none;opacity:.9;background:
  radial-gradient(circle at 14px 14px,rgba(246,220,151,.95) 0 2px,transparent 3px),
  conic-gradient(from 45deg at 0 0,rgba(230,188,86,.85),transparent 18deg 72deg,rgba(230,188,86,.7) 88deg,transparent 104deg) left top/var(--fleuron) var(--fleuron) no-repeat,
  radial-gradient(circle at calc(100% - 14px) 14px,rgba(246,220,151,.95) 0 2px,transparent 3px),
  conic-gradient(from 135deg at 100% 0,rgba(230,188,86,.85),transparent 18deg 72deg,rgba(230,188,86,.7) 88deg,transparent 104deg) right top/var(--fleuron) var(--fleuron) no-repeat,
  radial-gradient(circle at 14px calc(100% - 14px),rgba(246,220,151,.95) 0 2px,transparent 3px),
  conic-gradient(from 315deg at 0 100%,rgba(230,188,86,.85),transparent 18deg 72deg,rgba(230,188,86,.7) 88deg,transparent 104deg) left bottom/var(--fleuron) var(--fleuron) no-repeat,
  radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),rgba(246,220,151,.95) 0 2px,transparent 3px),
  conic-gradient(from 225deg at 100% 100%,rgba(230,188,86,.85),transparent 18deg 72deg,rgba(230,188,86,.7) 88deg,transparent 104deg) right bottom/var(--fleuron) var(--fleuron) no-repeat}
/* le menu et le contenu vivent À L'INTÉRIEUR du cadre */
.site-rail{inset:var(--frame) auto var(--frame) var(--frame)!important;padding-top:calc(var(--fleuron) + 6px)!important;padding-bottom:calc(var(--fleuron) + 4px)!important;border-radius:0;overflow:auto}
.page{margin-left:calc(var(--rail) + var(--frame))!important;padding:var(--frame) var(--frame) var(--frame) 0!important}
.hero{padding-top:calc(58px + 10px)}
@media(max-width:1180px) and (min-width:941px){.page{margin-left:calc(var(--rail) + var(--frame))!important}}
@media(max-width:940px){
  :root{--frame:12px;--fleuron:26px}
  html::before{border-width:4px!important}html::after{inset:8px!important}body::after{inset:8px!important;opacity:.8}
  .page{margin-left:0!important;padding:calc(var(--frame) + 14px) var(--frame) var(--frame)!important}
  .mobile-top{top:calc(var(--frame) + 4px)!important;margin-top:0!important;margin-right:calc(var(--fleuron) - 8px)!important}
}
@media(max-width:600px){:root{--frame:9px;--fleuron:22px}html::before{border-width:3px!important}html::after{inset:6px!important}body::after{inset:6px!important}}

/* sur écran large, le menu occupe la colonne gauche : fleurons à droite seulement (aucun chevauchement possible) */
@media(min-width:941px){body::after{background:
  radial-gradient(circle at calc(100% - 14px) 14px,rgba(246,220,151,.95) 0 2px,transparent 3px),
  conic-gradient(from 135deg at 100% 0,rgba(230,188,86,.85),transparent 18deg 72deg,rgba(230,188,86,.7) 88deg,transparent 104deg) right top/var(--fleuron) var(--fleuron) no-repeat,
  radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),rgba(246,220,151,.95) 0 2px,transparent 3px),
  conic-gradient(from 225deg at 100% 100%,rgba(230,188,86,.85),transparent 18deg 72deg,rgba(230,188,86,.7) 88deg,transparent 104deg) right bottom/var(--fleuron) var(--fleuron) no-repeat}
  .site-rail{padding-top:22px!important;padding-bottom:22px!important}}
@media print{html::before,html::after,body::after{display:none!important}.site-rail{display:none}.page{margin:0!important;padding:0!important}}