.w4{min-block-size:100vh;font:var(--t-web-body);font-family:var(--ff-text);grid-template-columns:minmax(0,600px) minmax(0,1fr);display:grid}.w4-brand{gap:var(--space-3);padding:var(--space-7);background:var(--surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.w4-brand .p-logo{font-size:72px}.w4-brand .p-web-title{max-inline-size:420px}.w4-mods{gap:var(--space-2);flex-direction:column;margin-block-start:var(--space-4);display:flex}.w4-mod{align-items:center;gap:var(--space-3);display:flex}.w4-art{block-size:330px;position:absolute;inset-block-end:0;inset-inline:0}.w4-art svg{block-size:100%;inline-size:100%;display:block}.w4-art .rh{fill:var(--rh)}.w4-art .clean{fill:var(--clean)}.w4-art .taches{fill:var(--taches)}.w4-art .mur{fill:var(--surface-inverse)}.w4-art .glow{fill:var(--glow)}.w4-art .blanc{fill:var(--ground)}.w4-side{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-6);flex-direction:column;display:flex}.w4-page{justify-content:center;inline-size:min(440px,100%);display:flex}.w4-page>*{inline-size:100%}.w4-card{gap:var(--space-4);inline-size:min(440px,100%);padding:var(--space-6);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.w4-2fa{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:calc(var(--r-control) * .7);background:var(--surface-alt);display:flex}.w4-2fa .ico{color:var(--brand);flex:none;margin-block-start:1px;font-size:22px}.w4-foot{align-items:center;gap:var(--space-2);color:var(--ink-muted);display:flex}.bo-choix{margin-inline:calc(var(--space-2) * -1);flex-direction:column;gap:2px;display:flex}.bo-choix__client{margin:var(--space-3) var(--space-2) var(--space-1);font:var(--t-web-label);font-family:var(--ff-text);color:var(--ink-muted)}.bo-choix__client:first-child{margin-block-start:0}.bo-choix__site{min-block-size:56px;padding-inline:var(--space-2) var(--space-3)}.bo-choix__tile{border-radius:var(--radius-chip);background:var(--surface-alt);flex:none;place-items:center;block-size:40px;inline-size:40px;font-size:20px;display:grid}.bo-choix__text{flex-direction:column;display:flex}.bo-choix__site>.ico:last-child{color:var(--ink-muted)}.bo-choix__logout{font:inherit;background:0 0;border:0;padding:0}@media (max-width:900px){.w4{grid-template-columns:1fr}.w4-brand{padding:var(--space-5);min-block-size:0}.w4-art{display:none}}