/* XNEO — styles communs. La mise en page des sections est portée par les attributs style des pages. */
:root{--accent:#78EA57;--ink:#242B25;--cream:#ECF1D5;--pale:#F5FEE3}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF}
img{max-width:100%;height:auto}
a{color:var(--ink)}a:hover{color:#23711A}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 18px;z-index:10}
.skip:focus{left:12px;top:12px}
.motif-contour{background-image:url(/assets/img/motif-contour.png);background-repeat:no-repeat;background-size:auto 130%;background-position:-60px 30%}
.motif-pale{background-color:var(--cream);background-image:url(/assets/img/motif-pale.png);background-size:cover;background-position:center right}
input,textarea,button{font:inherit}
input:not([type=checkbox]):focus,textarea:focus{outline:3px solid var(--accent);outline-offset:1px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{margin:0;font-weight:600;min-height:1.6em}
.form-status.ok{color:#23711A}
.form-status.err{color:#B3261E}
button[disabled]{opacity:.6;cursor:wait}
.legal h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:22px;margin:36px 0 10px}
.legal p{color:#3A433B;margin:0 0 12px}
@media (max-width:760px){
  h1{font-size:36px!important}
  h2{font-size:30px!important}
  [style*="max-width: 1280px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="padding-left: 8%"]{padding-left:0!important}
  header,section.motif-contour,.motif-contour{margin-right:0!important}
  header nav{padding-left:20px!important}
  form{padding:24px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}