/* Folisport inscription: classic responsive architecture, hero ABOVE real HTML cards */
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#133c6b;background:#f4faff}
#fs-common-header{position:relative;z-index:5;background:#fff}
.registration-page{width:100%;padding:0 0 35px;background:linear-gradient(#e9f7ff,#fff)}
.fs-stage{max-width:1250px;margin:auto;padding:18px 18px 30px}
.fs-hero{width:100%;max-height:480px;overflow:hidden;border-radius:17px;background:#d9f3ff;box-shadow:0 4px 18px #155d8a17}
.fs-hero img{display:block;width:100%;height:clamp(210px,37vw,480px);object-fit:cover;object-position:center 43%}
.fs-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;margin:22px auto 0;max-width:1100px;align-items:stretch}
.fs-left,.fs-right{min-width:0;background:white;border-radius:16px;box-shadow:0 6px 24px #1a689a1a;padding:28px 32px}
.fs-right{display:flex;align-items:center;justify-content:center}
.fs-intro{position:static!important;transform:none!important;width:auto!important;max-width:none!important;margin:0 0 18px!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;color:#194c81;line-height:1.45}
.fs-intro strong{font-size:25px;color:#0759b4}.fs-intro p{margin:9px 0}.fs-intro .fs-advice{padding:12px;border-radius:10px;background:#e7f5ff;color:#075ab4}
.fs-intro-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}
.fs-intro-links a{min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #91caff;border-radius:11px;padding:10px;color:#0757b1;background:#eaf6ff;text-decoration:none;font-weight:700}
.fs-intro-links a:last-child{border-color:#a4ddbd;background:#effbf2;color:#16723f}.fs-intro-links a:hover{text-decoration:underline}
.fs-layout form{width:100%;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.fs-layout h1,.fs-layout h2{color:#0759b4;margin:0;font-size:27px}.fs-layout form>p{margin:0 0 12px;color:#516983}
.fs-layout input{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #cbdce9;border-radius:8px;background:#fff;padding:10px 12px;font-size:16px;color:#123b65}
.fs-layout input:focus{outline:2px solid #0e92e6;outline-offset:1px}
.fs-layout button{width:100%;min-height:48px;border:0;border-radius:9px;background:linear-gradient(110deg,#08b8e9,#0673d8);color:#fff;font-size:17px;font-weight:700;cursor:pointer;margin-top:7px}
.fs-layout button:disabled{opacity:.6;cursor:wait}.fs-layout small{font-size:13px;text-align:center;color:#0759b4}
.fs-layout .fs-password-hint{padding:9px;border-radius:8px;background:#e9f5ff;text-align:left;line-height:1.4}
.fs-layout .forgot{align-self:flex-end;color:#0759b4;font-size:14px;margin:3px 0 12px}.fs-layout .message{font-size:14px}.fs-layout .message[data-error=true]{color:#bd2121}
.fs-signature{margin:28px auto 0;text-align:center;font-weight:700;color:#0759b4;font-size:clamp(19px,2.6vw,30px);padding:0 8px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.fs-stage{padding:10px 12px 24px}.fs-hero{border-radius:12px}.fs-hero img{height:clamp(185px,60vw,330px);object-position:center 38%}.fs-layout{grid-template-columns:1fr;gap:14px;margin-top:15px}.fs-left,.fs-right{padding:20px 17px}.fs-right{min-height:270px}.fs-intro strong{font-size:23px}.fs-signature{margin-top:22px;font-size:20px}}
@media(max-width:390px){.fs-intro-links{grid-template-columns:1fr}.fs-hero img{height:195px}.fs-left,.fs-right{padding:18px 14px}}

/* Correction du 04-11 : un seul visuel, sans fond illustre secondaire. */
html body .registration-page{background:#f5f9fc!important;background-image:none!important}
html body .registration-page::before,html body .registration-page::after,
html body .fs-stage::before,html body .fs-stage::after{content:none!important;display:none!important}
html body .fs-stage{background:#fff!important;background-image:none!important;border:1px solid #e0e9f2;border-radius:18px;margin:24px auto 36px;padding:20px 20px 30px;box-shadow:0 5px 24px #123d6810}
html body .fs-hero{background:#e9f7ff!important;background-image:none!important;box-shadow:none;max-height:400px}
html body .fs-hero img{height:clamp(220px,30vw,400px);object-fit:cover;object-position:center center}
html body .fs-layout{max-width:100%;margin:20px auto 0}
html body .fs-left,html body .fs-right{border:1px solid #e3edf5;box-shadow:0 3px 14px #123d680d}
.fs-registration-footer{background:#193e6b;color:#fff;text-align:center;padding:26px 18px;display:flex;flex-direction:column;align-items:center;gap:14px}
.fs-registration-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px}
.fs-registration-footer a{color:#fff;text-decoration:none;font-size:14px}
.fs-registration-footer a:hover{text-decoration:underline}
.fs-registration-footer small{font-size:12px;opacity:.85}
@media(max-width:760px){html body .fs-stage{margin:12px 10px 22px;padding:10px 10px 20px}html body .fs-hero img{height:clamp(190px,55vw,300px)}}

/* ZIP3: gabarit image complete, proportions 1024x812 preservees. */
html body .fs-stage{max-width:1250px!important;background:#fff!important}
html body .fs-hero{width:100%!important;max-width:1024px!important;margin:0 auto!important;max-height:none!important;overflow:visible!important;background:#fff!important;box-shadow:none!important}
html body .fs-hero img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1024/812!important;object-fit:contain!important;object-position:center!important;border-radius:16px!important}
/* Pied de page: fond blanc, seul le bandeau des liens est bleu. */
html body footer.fs-registration-footer{background:#fff!important;background-image:none!important;color:#193e6b!important;padding:25px 18px!important}
html body footer.fs-registration-footer nav{background:#193e6b!important;color:#fff!important;border-radius:12px!important;padding:16px 24px!important}
html body footer.fs-registration-footer nav a{color:#fff!important}
html body footer.fs-registration-footer small{color:#193e6b!important;opacity:1!important}
