.sm-chantier{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center;margin:8px 0 40px}@media(max-width:860px){.sm-chantier{grid-template-columns:minmax(0,1fr);gap:22px}}.sm-ecran{position:relative;background:#fff;border:1px solid var(--line, #E6E6E6);border-top:4px solid var(--red, #AE0000);box-shadow:0 18px 40px #1111111a}body.dark-mode .sm-ecran{background:#1a1a1a;border-color:#2c2c2c}.sm-barre{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line, #E6E6E6);font:500 .74rem var(--font-b, sans-serif);color:#555}body.dark-mode .sm-barre{border-color:#2c2c2c;color:#aaa}.sm-barre i{width:9px;height:9px;border-radius:50%;background:#d9d9d9}.sm-barre span{margin-left:10px}.sm-barre b{margin-left:auto;font:700 .64rem var(--font-h, sans-serif);letter-spacing:.06em;color:#fff;background:#111;padding:3px 8px}.sm-vue{position:relative;aspect-ratio:16 / 10;overflow:hidden}.sm-c{position:absolute;inset:0}.sm-c>*{position:absolute;box-sizing:border-box}.sm-c1>*{border:1.5px dashed #b9b9b9}body.dark-mode .sm-c1>*{border-color:#4a4a4a}.sm-w-tete{left:5%;right:5%;top:5%;height:8%}.sm-w-heros{left:5%;width:50%;top:19%;height:30%}.sm-w-image{right:5%;width:36%;top:19%;height:30%}.sm-w-carte{top:55%;height:18%;width:28%}.sm-w-carte:nth-child(4){left:5%}.sm-w-carte:nth-child(5){left:36%}.sm-w-carte:nth-child(6){left:67%}.sm-w-pied{left:5%;right:5%;top:79%;height:15%}.sm-c2 .sm-logo{left:6%;top:7.5%;width:9%;height:3.4%;background:var(--red, #AE0000)}.sm-c2 .sm-menu{right:6%;top:7.8%;width:30%;height:2.6%;background:repeating-linear-gradient(90deg,#cfcfcf 0 18%,transparent 18% 26%)}.sm-c2 .sm-titre{left:6%;top:22%;width:44%;height:5%;background:#111}.sm-c2 .sm-titre+.sm-titre{top:29%;width:32%}body.dark-mode .sm-c2 .sm-titre{background:#eee}.sm-c2 .sm-texte{left:6%;top:37%;width:40%;height:2.4%;background:#cfcfcf}.sm-c2 .sm-bouton{left:6%;top:42%;height:6%;padding:0 3%;display:flex;align-items:center;background:var(--red, #AE0000);color:#fff;font:700 clamp(.5rem,1.1vw,.72rem) var(--font-h, sans-serif);letter-spacing:.03em;white-space:nowrap}.sm-c2 .sm-photo{right:5%;width:36%;top:19%;height:30%;background:linear-gradient(160deg,#e9e9e9,#cfcfcf)}.sm-c2 .sm-photo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--red, #AE0000)}.sm-c2 .sm-carte{top:55%;height:18%;width:28%;background:#fff;border-top:3px solid var(--red, #AE0000);box-shadow:0 2px 8px #00000014}body.dark-mode .sm-c2 .sm-carte{background:#232323}.sm-c2 .sm-carte:nth-of-type(8){left:5%}.sm-c2 .sm-carte:nth-of-type(9){left:36%}.sm-c2 .sm-carte:nth-of-type(10){left:67%}.sm-c2 .sm-carte:before{content:"";position:absolute;left:10%;top:26%;width:60%;height:12%;background:#111}body.dark-mode .sm-c2 .sm-carte:before{background:#ddd}.sm-c2 .sm-carte:after{content:"";position:absolute;left:10%;top:52%;width:76%;height:9%;background:#d6d6d6;box-shadow:0 14px #d6d6d6}.sm-c3 .sm-form{left:5%;top:79%;width:52%;height:15%;display:flex;align-items:center;gap:4%;padding:0 3%;background:#f4f4f4;border:1px solid #e2e2e2}body.dark-mode .sm-c3 .sm-form{background:#222;border-color:#333}.sm-c3 .sm-champ{position:static;flex:1;height:38%;background:#fff;border:1px solid #d4d4d4}body.dark-mode .sm-c3 .sm-champ{background:#2b2b2b;border-color:#3a3a3a}.sm-c3 .sm-envoi{position:static;flex:none;width:16%;height:38%;background:var(--red, #AE0000)}.sm-c3 .sm-fleche{left:59%;top:84%;width:10%;height:2px;background:var(--red, #AE0000)}.sm-c3 .sm-fleche:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--red, #AE0000);border-right:0}.sm-c3 .sm-recu{right:5%;top:79%;width:25%;height:15%;display:flex;align-items:center;justify-content:center;gap:6%;background:#111;color:#fff;font:700 clamp(.5rem,1vw,.7rem) var(--font-h, sans-serif);letter-spacing:.03em;white-space:nowrap}.sm-c3 .sm-recu svg{width:1.1em;height:1.1em;flex:none}@media(max-width:560px){.sm-c3 .sm-form{width:46%}.sm-c3 .sm-fleche{left:53%;width:9%}.sm-c3 .sm-recu{width:33%;font-size:clamp(.45rem,2.2vw,.7rem);gap:4%}}.sm-c4 .sm-cles{right:3%;top:3%;display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--red, #AE0000);color:#fff;font:700 clamp(.55rem,1vw,.72rem) var(--font-h, sans-serif);letter-spacing:.04em;box-shadow:0 6px 16px #ae000040}.sm-c4 .sm-cles svg{width:1.2em;height:1.2em}.sm-legende{list-style:none;margin:0;padding:0;display:grid;gap:14px}.sm-legende li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0 10px 14px;border-left:3px solid var(--line, #E6E6E6);font:600 .95rem/1.4 var(--font-b, sans-serif)}.sm-legende li span{font:700 .8rem var(--font-h, sans-serif);color:var(--red-ink, var(--red, #AE0000))}.sm-legende li{border-left-color:var(--red, #AE0000)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.sm-chantier{view-timeline-name:--sm-chantier}.sm-c2,.sm-c3,.sm-c4,.sm-barre b{animation:sm-pose linear both;animation-timeline:--sm-chantier}.sm-c2{animation-range:entry 70% cover 38%}.sm-c3{animation-range:cover 40% cover 52%}.sm-c4,.sm-barre b{animation-range:cover 54% cover 64%}.sm-c1{animation:sm-plan linear both;animation-timeline:--sm-chantier;animation-range:entry 70% cover 38%}.sm-legende li{animation:sm-etape linear both;animation-timeline:--sm-chantier}.sm-legende li:nth-child(1){animation-range:entry 0% cover 30%}.sm-legende li:nth-child(2){animation-range:entry 70% cover 38%}.sm-legende li:nth-child(3){animation-range:cover 40% cover 52%}.sm-legende li:nth-child(4){animation-range:cover 54% cover 64%}}}@keyframes sm-pose{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sm-plan{0%{opacity:1}to{opacity:.35}}@keyframes sm-etape{0%{border-left-color:var(--line, #E6E6E6);color:#555}to{border-left-color:var(--red, #AE0000);color:inherit}}