:root{--ink:#253b39;--copper:#a74915;--bright:#c56325;--paper:#f5f5f2;--line:#dde2df;--muted:#63706b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}button{cursor:pointer;background:var(--copper);color:#fff;border:1px solid var(--copper);border-radius:7px;padding:13px 23px;font-weight:600;line-height:1.35}button:hover{background:#873909}button.secondary{background:white;border-color:#bdc6c1;color:var(--ink)}button.secondary:hover{background:#f0f3f1}button.text-button{background:transparent;color:var(--ink);border:0;text-decoration:underline;font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid var(--bright);outline-offset:4px}header{height:100px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:12px 4vw;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:800;font-size:18px;letter-spacing:1px;line-height:1.2}.brand img{width:70px;height:70px;object-fit:contain}.brand small{font-size:12px;letter-spacing:4px}.header-right{display:flex;align-items:center;gap:28px}.tag{font-size:12px;letter-spacing:1.4px;color:var(--muted)}.site-link{font-size:14px}.pecb{height:70px;width:auto}main{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 100px)}aside{background:var(--ink);color:white;padding:46px 34px;display:flex;flex-direction:column}.eyebrow,.section-kicker{font-size:12px;letter-spacing:1.7px;font-weight:700}.eyebrow{color:#c7d0cb}h1{font-family:Georgia,serif;font-weight:400;font-size:49px;line-height:1.1;margin:27px 0 22px;letter-spacing:-1px}h1 em{color:#edaa75;font-style:normal}.aside-top p{color:#d3dcd6;line-height:1.75;margin-bottom:42px}nav ol{list-style:none;margin:0;padding:0}nav li{display:flex;gap:17px;align-items:center;margin:0 0 28px;color:#afbfba;font-size:15px}nav li>span{display:grid;place-items:center;border:1px solid #69817b;border-radius:50%;width:39px;height:39px;font-size:13px;flex:none}nav li.active{color:#fff}nav li.active>span{background:var(--bright);border-color:var(--bright);color:#fff}nav li.done>span{border-color:#edaa75;color:#edaa75}nav small{display:block;font-size:12px;color:#aebdb7;margin-top:4px}.aside-bottom{margin-top:auto;padding-top:60px}.aside-bottom>span{font-size:11px;letter-spacing:1.7px}.aside-bottom p{font-size:14px}.fine-line{width:45px;height:2px;background:var(--bright);margin:25px 0}.aside-bottom .muted{color:#afbfba;font-size:13px}.workspace{padding:40px clamp(24px,5vw,84px) 0;min-width:0}.topline{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);letter-spacing:.6px}.topline #step-label{font-weight:bold;color:var(--copper)}.track{height:3px;background:#dfe4e1;margin:15px 0 43px}#progress{height:100%;width:33.333%;background:var(--bright);transition:width .3s}.panel{max-width:900px;margin:auto}[hidden]{display:none!important}.section-kicker{color:var(--copper)}h2{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.2;letter-spacing:-.7px;margin:14px 0}h3{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.25;margin:12px 0}.intro{color:var(--muted);margin:0 0 32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}label{display:block;font-size:14px;font-weight:600}select,input:not([type=radio]):not([type=checkbox]),textarea{display:block;width:100%;background:#fff;border:1px solid #c8d1cb;border-radius:6px;color:var(--ink);margin-top:9px;padding:13px 12px;min-height:48px;font-weight:400}select:focus,input:focus,textarea:focus{outline:2px solid var(--bright);outline-offset:1px}.info-note{background:#edf0ec;border-left:3px solid #a6b4ab;display:flex;gap:12px;padding:16px;margin:31px 0;color:#4f6056}.info-note p{font-size:14px;margin:0}.info-icon{border:1px solid #85998c;border-radius:50%;width:19px;height:19px;flex:none;text-align:center;font-size:12px;line-height:18px;margin-top:2px}.actions{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.small-text{font-size:13px;color:var(--muted);font-weight:400}.priority{border:0;margin:0 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:flex;align-items:center;gap:12px;background:#fff;padding:16px 13px;border:1px solid var(--line);border-radius:8px;cursor:pointer;position:relative}.choice:has(input:checked){border-color:var(--bright);background:#fff5ec;box-shadow:0 0 0 1px var(--bright)}.choice input{accent-color:var(--copper);width:16px;height:16px;flex:none;margin:0}.code{color:var(--copper);font-size:13px;font-weight:700;min-width:40px}.choice strong{display:block;font-size:14px;line-height:1.4}.choice small{display:block;font-weight:400;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.recommendation{background:var(--ink);color:#fff;border-radius:10px;padding:27px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center}.recommendation .section-kicker{color:#edaa75}.recommendation h3{font-size:32px;margin:8px 0}.recommendation p{margin:0;color:#d2dfd6;font-size:14px;max-width:550px}.norm-number{font-family:Georgia,serif;color:#edaa75;font-size:56px;line-height:1;opacity:.85}.rec-label{display:inline-block;border:1px solid #577269;padding:5px 10px;border-radius:5px;font-size:12px;margin-top:18px}.results-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin:26px 0}.result-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px}.result-card h3{font-size:24px;margin-top:0}.action-list{list-style:none;padding:0;margin:0;counter-reset:action}.action-list li{position:relative;padding-left:35px;margin:20px 0;font-size:14px}.action-list li:before{counter-increment:action;content:counter(action);position:absolute;left:0;top:0;color:var(--copper);border:1px solid #e5c5b1;width:24px;height:24px;border-radius:50%;text-align:center;font-size:12px;line-height:23px}.training{color:var(--copper);font-size:20px;font-weight:600;margin:14px 0}.result-card p{font-size:14px;color:var(--muted)}.profile-chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chip{font-size:12px;background:#e8ede7;color:#46594e;padding:6px 10px;border-radius:5px}.result-actions{display:flex;align-items:center;gap:15px;margin:22px 0 36px}.contact-box{border-top:1px solid var(--line);padding-top:30px}.contact-box>div>p{font-size:14px;color:var(--muted);margin-bottom:25px}.contact-box form{padding:25px;background:white;border:1px solid var(--line);border-radius:10px}.optional{font-size:12px;color:var(--muted);font-weight:400}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;margin:25px 0}.consent input{accent-color:var(--copper);width:18px;height:18px;flex:none}.fallback{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.fallback textarea{font-size:14px}.fallback button{margin-top:14px}footer{margin-top:55px;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--muted)}footer p{font-size:12px}.footer-brand{display:flex;gap:10px;align-items:center;font-size:12px}.footer-brand img{height:44px;width:auto}.footer-brand small{font-size:11px}.footer-brand img:first-child{width:44px}@media(min-width:1400px){.workspace{padding-top:48px}aside{padding-top:52px}}@media(max-width:1000px){main{grid-template-columns:260px 1fr}aside{padding:34px 24px}h1{font-size:43px}.workspace{padding:30px 26px 0}.form-grid,.priority,.results-grid{grid-template-columns:1fr}.recommendation{padding:24px}.norm-number{font-size:44px}.header-right{gap:20px}.choice{min-height:78px}}@media(max-width:650px){header{height:80px;padding:8px 18px}.brand img{width:52px;height:52px}.brand{gap:7px;font-size:13px}.brand small{font-size:10px;letter-spacing:2px}.header-right{gap:12px}.pecb{height:48px}.tag,.site-link{display:none}main{display:block}aside{padding:24px 22px}.aside-top h1{font-size:33px;margin:9px 0}.aside-top h1 br{display:none}.aside-top h1 em{margin-left:4px}.aside-top p,.aside-bottom,.eyebrow{display:none}nav{margin-top:18px}nav ol{display:flex;gap:10px;justify-content:space-between}nav li{font-size:12px;gap:8px;margin:0}nav li>span{width:27px;height:27px;font-size:11px}nav small{display:none}.workspace{padding:25px 20px 0}.track{margin-bottom:28px}.topline{font-size:11px;letter-spacing:0}h2{font-size:29px}.intro{font-size:14px}.actions{align-items:stretch;flex-wrap:wrap}.actions button{flex:1}.actions .small-text{width:100%}.recommendation{padding:22px}.recommendation h3{font-size:28px}.norm-number{display:none}.form-grid{gap:18px}.result-card{padding:20px}.contact-box form{padding:18px}.contact-box button{width:100%}.result-actions{gap:7px}.result-actions button{padding:12px}footer{flex-wrap:wrap}.section-kicker{font-size:11px}}@media print{header,aside,.contact-box,.result-actions,footer,.topline,.track{display:none!important}body{background:#fff}main{display:block}.workspace{padding:0}.recommendation{background:#fff;color:var(--ink);border:1px solid #bbb}.recommendation p,.recommendation .section-kicker{color:var(--ink)}.result-card,.recommendation{break-inside:avoid}.results-grid{grid-template-columns:1fr 1fr}#result{display:block}#questionnaire{display:none}.rec-label{border-color:#aaa}}

/* Alignement de la signature de marque */
.brand>span{text-align:center}.brand small{display:block;margin-top:5px}.contact-link{font-size:14px;color:var(--muted);text-decoration:none}.contact-link:hover{text-decoration:underline}@media(max-width:1000px){.contact-link{display:none}}@media(max-width:650px){.site-link{display:inline;font-size:13px}.header-right{gap:10px}.brand{font-size:12px}.brand small{font-size:10px;letter-spacing:1.8px}.brand img{width:45px;height:45px}}

.hp-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sent-confirmation{background:#edf3ee;border:1px solid #b6cab8;border-radius:8px;padding:22px;margin-top:20px}.sent-confirmation p{font-size:14px}button:disabled{opacity:.6;cursor:wait}.error-message{color:#943619!important}
