.texte-corps h2.tuto-h2{align-items:center;gap:14px;display:flex}.tuto-num{background:var(--nuit);width:44px;height:44px;color:var(--laiton);letter-spacing:0;border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:600;display:grid}.texte-corps ol.tuto-gestes{counter-reset:geste;padding:0;list-style:none}.texte-corps .tuto-gestes>li{counter-increment:geste;color:var(--encre);padding-left:40px;position:relative}.texte-corps .tuto-gestes>li+li{margin-top:.6em}.tuto-gestes>li:before{content:counter(geste);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--encre);color:var(--encre);border-radius:50%;place-items:center;font-size:13px;font-weight:600;line-height:1;display:grid;position:absolute;top:.2em;left:0}.tuto-chemins{grid-template-columns:1fr 1fr;gap:12px;display:grid}.texte-corps .tuto-chemins a{color:var(--encre);box-shadow:0 0 0 1px var(--filet-clair);background:#fff;border-radius:16px;align-content:start;gap:8px;padding:18px 20px;font-size:15px;line-height:1.45;transition:box-shadow .2s;display:grid}.texte-corps .tuto-chemins a:hover{box-shadow:0 0 0 2px var(--nuit)}.texte-corps .tuto-chemins b{background:var(--nuit);width:32px;height:32px;color:var(--laiton);border-radius:50%;place-items:center;font-weight:600;display:grid}.texte-corps .tuto-chemins strong{font-size:18px;font-weight:600}.tuto-chemins span{color:var(--gris)}@media (width<=600px){.tuto-chemins{grid-template-columns:1fr}}.texte-corps h3.tuto-chemin-titre{font-size:var(--t-28);align-items:center;gap:12px;margin-top:2.4em;display:flex}.tuto-chemin-titre .tuto-num{width:40px;height:40px;font-size:18px}.texte-corps ol.tuto-etapes{counter-reset:etape;margin:1.6em 0 0;padding:0;list-style:none}.texte-corps ol.tuto-etapes>li{counter-increment:etape;margin:0;padding:0 0 0 58px;position:relative}.texte-corps ol.tuto-etapes>li+li{margin-top:2.6em}.texte-corps ol.tuto-etapes>li:before{content:attr(data-lettre) counter(etape);background:var(--nuit);width:42px;height:42px;color:var(--laiton);border-radius:50%;place-items:center;font-size:15px;font-weight:600;display:grid;position:absolute;top:-2px;left:0}.texte-corps ol.tuto-etapes>li:after{content:"";background:var(--filet-clair);width:1px;position:absolute;top:48px;bottom:-2.3em;left:20.5px}.texte-corps ol.tuto-etapes>li:last-child:after{display:none}.tuto-etapes h3{font-size:var(--t-20);color:var(--encre);margin:4px 0 0!important;font-weight:600!important}.texte-corps .tuto-etapes li>p{margin:.6em 0 0}.texte-corps .tuto-etapes li>.tuto-pourquoi{margin-top:1em}@media (width<=600px){.texte-corps ol.tuto-etapes>li{padding-top:54px;padding-left:0}.texte-corps ol.tuto-etapes>li:after{display:none}}.tuto-scene{border-radius:var(--r);background:var(--fond-2);margin:1.2em 0 0;padding:clamp(14px,3vw,26px);overflow-x:clip}.tuto-scene figcaption{color:var(--gris);justify-content:space-between;align-items:flex-start;gap:14px;margin-top:12px;font-size:14px;line-height:1.45;display:flex}.tuto-scene--nuit{background:var(--nuit)}.tuto-scene--nuit figcaption{color:var(--brume)}.tuto-ecran{color:var(--encre);font-size:13.5px;line-height:1.4;position:relative}.tuto-pile{grid-template-columns:minmax(0,1fr);display:grid}.tuto-pile>*{grid-area:1/1}.tuto-souris{z-index:6;pointer-events:none;opacity:0;width:20px;height:24px;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .2s;position:absolute;top:0;left:0}.joue .tuto-souris{opacity:1}.tuto-souris svg{z-index:2;display:block;position:relative}.tuto-souris:before{content:"";width:26px;height:26px;box-shadow:0 0 0 2px var(--nuit);opacity:0;border-radius:50%;position:absolute;top:-11px;left:-11px}.tuto-scene--nuit .tuto-souris:before{box-shadow:0 0 0 2px var(--blanc)}.tuto-souris.clic:before{animation:.45s cubic-bezier(.16,1,.3,1) tuto-clic}.tuto-souris.double:before{animation:.22s cubic-bezier(.16,1,.3,1) 2 tuto-clic}@keyframes tuto-clic{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}.tuto-fantome{z-index:1;opacity:0;transition:opacity .2s;position:absolute;top:16px;left:14px}.tient .tuto-fantome{opacity:.92}.tuto-tape:after{content:"";vertical-align:-2px;background:currentColor;width:1px;height:1.05em;margin-left:1px;display:inline-block}.tuto-pause{box-shadow:inset 0 0 0 1px var(--filet-clair);font:inherit;color:var(--encre);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:4px 12px;font-size:13px}.tuto-pause:hover{box-shadow:inset 0 0 0 1px var(--encre)}.tuto-pause:focus-visible{outline:2px solid var(--nuit);outline-offset:2px}.tuto-scene--nuit .tuto-pause{color:var(--blanc);box-shadow:inset 0 0 0 1px var(--filet-nuit)}.tuto-fenetre{box-shadow:0 0 0 1px var(--filet-clair);background:#fff;border-radius:12px;overflow:hidden}.tuto-fenetre-barre{border-bottom:1px solid var(--filet-clair);background:#f1ede5;align-items:center;gap:10px;padding:9px 12px;display:flex}.tuto-points{flex:none;gap:5px;display:flex}.tuto-points i{background:#d9d2c4;border-radius:50%;width:9px;height:9px}.tuto-adresse{min-width:0;color:var(--gris);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#fff;border-radius:999px;flex:1;padding:4px 12px;font-size:12.5px;overflow:hidden}.tuto-adresse b{color:var(--encre);font-weight:600}.tuto-titre-fen{text-align:center;flex:1;min-width:0;font-size:12.5px;font-weight:600}.tuto-titre-fen>span{white-space:nowrap;text-overflow:ellipsis;transition:opacity .3s;overflow:hidden}.tuto-fenetre-corps{padding:clamp(12px,2.6vw,20px)}.tuto-bouton{color:var(--encre);box-shadow:inset 0 0 0 1px var(--filet-clair);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:12.5px;transition:opacity .3s,background .3s;display:inline-flex}.tuto-bouton--plein{background:var(--nuit);color:var(--blanc);box-shadow:none}.tuto-boutons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tuto-lien{color:var(--encre);text-underline-offset:3px;font-weight:600;text-decoration:underline}.tuto-barre{background:var(--fond-2);border-radius:3px;height:5px;display:block;overflow:hidden}.tuto-barre i{background:var(--nuit);width:100%;height:100%;display:block}.tuto-coche{background:var(--nuit);border-radius:50%;flex:none;width:30px;height:30px;position:relative}.tuto-coche:after{content:"";border:solid var(--blanc);border-width:0 2px 2px 0;width:7px;height:12px;position:absolute;top:7px;left:11px;transform:rotate(45deg)}.tuto-url{color:var(--gris);overflow-wrap:anywhere;font-size:13px}.tuto-url b{color:var(--encre);font-weight:600}.tuto-champ{min-width:0;display:block}.tuto-champ small{color:var(--gris);font-size:11.5px;display:block}.tuto-champ>span{min-height:30px;box-shadow:inset 0 0 0 1px var(--filet-clair);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:7px;margin-top:3px;padding:6px 9px;font-size:12.5px;display:block;overflow:hidden}.tuto-fichier{text-align:center;min-width:0;color:var(--encre);overflow-wrap:anywhere;align-content:start;justify-items:center;gap:8px;font-size:12.5px;transition:opacity .4s,transform .7s cubic-bezier(.16,1,.3,1);display:grid}.tuto-icone{flex:none;width:60px;height:48px;display:block;position:relative}.tuto-icone--dossier:before{content:"";background:var(--nuit-3);border-radius:4px 4px 0 0;width:42%;height:22%;position:absolute;top:0;left:0}.tuto-icone--dossier:after{content:"";background:var(--nuit);border-radius:4px 6px 6px;position:absolute;inset:14% 0 0}.tuto-icone--zip{width:44px;height:54px;box-shadow:inset 0 0 0 1px var(--filet-clair);background:#fff;border-radius:6px}.tuto-icone--zip:before{content:"";background:repeating-linear-gradient(180deg, var(--encre) 0 3px, transparent 3px 6px);width:6px;margin-left:-3px;position:absolute;top:6px;bottom:16px;left:50%}.tuto-icone--zip:after{content:"zip";text-align:center;color:var(--gris);font-size:10px;font-weight:600;position:absolute;bottom:3px;left:0;right:0}.tuto-icone--petit{width:38px;height:30px}.tuto-espace{gap:8px;display:grid}.tuto-espace-titre{font-size:15px;font-weight:600}.tuto-carte{box-shadow:inset 0 0 0 1px var(--filet-clair);border-radius:10px;padding:10px 12px}.tuto-carte small{color:var(--gris);font-size:11.5px;display:block}.tuto-carte--image{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.tuto-carte--image img{object-fit:cover;border-radius:7px;width:92px;height:64px;display:block}.tuto-carte--vise{box-shadow:inset 0 0 0 2px var(--nuit)}.tuto-telech{z-index:3;width:min(300px,100% - 24px);box-shadow:0 0 0 1px var(--nuit);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:opacity .4s,transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50px;right:12px}.tuto-telech .tuto-icone--zip{width:34px;height:42px}.tuto-telech-texte{flex:1;gap:6px;min-width:0;display:grid}.tuto-telech-texte b{overflow-wrap:anywhere;font-size:12px;font-weight:600}.tuto-telech-texte small{color:var(--gris);font-size:11.5px}@media (width<=600px){.tuto-telech{width:auto;margin-top:10px;position:relative;top:auto;right:auto}}.s1 .s1-cours{display:none}.s1.joue:not(.e1) .tuto-telech{opacity:0;transform:translateY(-8px)}.s1.joue:not(.e1) .tuto-telech .tuto-barre i{width:0}.s1.joue.e1 .tuto-telech .tuto-barre i{transition:width 2.2s linear}.s1.joue:not(.e2) .s1-cours{display:block}.s1.joue:not(.e2) .s1-fini{display:none}.tuto-vue{transition:opacity .3s}.tuto-icones{justify-content:center;align-items:start;gap:clamp(20px,6vw,56px);padding:18px 0;display:flex}.tuto-icones .tuto-fichier{width:min(150px,42%)}.texte-corps .tuto-contenu{gap:4px;margin:0;padding:0;list-style:none;display:grid}.texte-corps .tuto-contenu li{color:var(--encre);grid-template-columns:22px minmax(0,1fr);column-gap:10px;margin:0;padding:5px 4px;transition:opacity .4s,transform .7s cubic-bezier(.16,1,.3,1);display:grid}.tuto-contenu code{color:var(--encre);background:0 0;padding:0;font-size:13px;font-weight:600}.tuto-contenu small{color:var(--gris);grid-column:2;font-size:12.5px;line-height:1.4}.tuto-mini{width:18px;height:22px;box-shadow:inset 0 0 0 1px var(--encre);border-radius:3px;grid-row:1/3;margin-top:1px}.tuto-mini--page{background:linear-gradient(var(--encre), var(--encre)) 4px 6px / 10px 1px no-repeat, linear-gradient(var(--encre), var(--encre)) 4px 10px / 10px 1px no-repeat, linear-gradient(var(--encre), var(--encre)) 4px 14px / 6px 1px no-repeat}.tuto-mini--dossier{background:var(--nuit);height:15px;box-shadow:none;border-radius:2px 3px 3px;margin-top:4px}.s2 .s2-vue1,.s2 .s2-t1{visibility:hidden;opacity:0}.s2.joue:not(.e2) .s2-vue1,.s2.joue:not(.e2) .s2-t1{visibility:visible;opacity:1}.s2.joue:not(.e2) .s2-vue2,.s2.joue:not(.e2) .s2-t2{visibility:hidden;opacity:0}.s2.joue:not(.e1) .s2-dos{opacity:0;transform:scale(.8)}.s2.joue:not(.e3) .s2-i1,.s2.joue:not(.e4) .s2-i2,.s2.joue:not(.e5) .s2-i3,.s2.joue:not(.e6) .s2-i4,.s2.joue:not(.e7) .s2-i5{opacity:0;transform:translateY(6px)}.tuto-formulaire{gap:10px;max-width:360px;margin:0 auto;display:grid}.tuto-formulaire .tuto-bouton{justify-self:start}.tuto-ok{align-items:center;gap:10px;font-size:13px;font-weight:600;transition:opacity .4s;display:flex}.tuto-ok .tuto-coche{width:24px;height:24px}.tuto-ok .tuto-coche:after{width:6px;height:10px;top:5px;left:9px}.s3.joue:not(.e3) .s3-ok{opacity:0}.tuto-duo{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;gap:12px;display:grid}.tuto-duo .tuto-fenetre{flex-direction:column;display:flex}.tuto-duo .tuto-fenetre-corps{flex:1;align-content:center;display:grid}@media (width<=600px){.tuto-duo{grid-template-columns:1fr}}.tuto-depot{text-align:center;background:#fbf9f5;border:2px dashed #c9bfae;border-radius:10px;place-items:center;min-height:150px;padding:16px;transition:border-color .2s,background .2s;display:grid}.tuto-depot>div{justify-items:center;gap:8px;width:100%;transition:opacity .3s;display:grid}.texte-corps .tuto-depot p{color:var(--gris);margin:0;font-size:13px}.texte-corps .tuto-depot .s4-fin p{color:var(--encre);font-weight:600}.tuto-depot .tuto-barre{width:min(220px,90%)}.tuto-icone--creux:before{background:#d9d2c4}.tuto-icone--creux:after{background:#e6dfd2}.s4 .s4-attente,.s4 .s4-envoi{visibility:hidden;opacity:0}.s4.joue:not(.e2) .s4-attente,.s4.joue.e2:not(.e3) .s4-envoi{visibility:visible;opacity:1}.s4.joue:not(.e3) .s4-fin{visibility:hidden;opacity:0}.s4.joue.e1:not(.e2) .s4-dos{opacity:.35}.s4.tient .tuto-depot{border-color:var(--nuit);background:#f3efe7}.s4.joue:not(.e2) .s4-envoi .tuto-barre i{width:0}.s4.joue.e2 .s4-envoi .tuto-barre i{transition:width 2.1s linear}.tuto-projet{gap:10px;display:grid}.tuto-projet-tete{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.tuto-projet-tete b{overflow-wrap:anywhere;font-weight:600}.tuto-etat{box-shadow:inset 0 0 0 1px var(--encre);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.tuto-etat--oui{background:var(--nuit);color:var(--blanc);box-shadow:none}.tuto-projet .tuto-bouton{justify-self:start}.s5 .s5-prive{display:none}.s5.joue:not(.e1) .s5-prive{display:inline-block}.s5.joue:not(.e1) .s5-public{display:none}.s5:not(.joue) .s5-btn,.s5.e1 .s5-btn{opacity:.4}.tuto-ligne-url{border-bottom:1px solid var(--filet-clair);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;padding-bottom:12px;display:flex}.tuto-sous{min-height:116px;margin-top:12px}.tuto-menu{box-shadow:0 0 0 1px var(--nuit);background:#fff;border-radius:10px;place-self:start end;padding:6px;transition:opacity .3s}.tuto-menu span{border-radius:6px;padding:7px 10px;font-size:12.5px;display:block}.tuto-menu span+span{color:var(--gris)}.tuto-dialogue{box-shadow:inset 0 0 0 1px var(--filet-clair);background:#fbf9f5;border-radius:10px;align-self:start;gap:8px;padding:12px;transition:opacity .3s;display:grid}.tuto-dialogue .tuto-bouton{justify-self:start}.s6 .s6-menu-boite{visibility:hidden;opacity:0}.s6.joue.e1:not(.e2) .s6-menu-boite{visibility:visible;opacity:1}.s6.joue:not(.e2) .s6-dial,.s6.joue.e4 .s6-dial{visibility:hidden;opacity:0}.s6 .s6-ancien{display:none}.s6.joue:not(.e4) .s6-ancien{display:inline}.s6.joue:not(.e4) .s6-neuf{display:none}.tuto-ovh{grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:14px;display:grid}.tuto-ovh-nav{border-right:1px solid var(--filet-clair);align-content:start;gap:4px;padding-right:12px;display:grid}.tuto-ovh-nav span{border-radius:6px;padding:5px 8px;font-size:12.5px;transition:opacity .3s,background .3s}.tuto-ovh-nav .retrait{margin-left:10px}.tuto-ovh-nav .retrait2{margin-left:20px}.tuto-ovh-nav .actif{background:var(--nuit);color:var(--blanc)}.tuto-ovh-main{align-content:start;gap:8px;min-width:0;display:grid}.tuto-onglets{border-bottom:1px solid var(--filet-clair);color:var(--gris);flex-wrap:wrap;gap:4px 16px;padding-bottom:6px;font-size:12.5px;transition:opacity .3s;display:flex}.tuto-onglets .actif{color:var(--encre);box-shadow:0 7px 0 -5px var(--nuit);font-weight:600}.tuto-ligne{box-shadow:inset 0 0 0 2px var(--nuit);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 10px;font-size:12.5px;transition:opacity .4s,box-shadow .3s;display:flex}.tuto-ligne span{color:var(--gris)}.tuto-ligne b{overflow-wrap:anywhere;font-weight:600}@media (width<=600px){.tuto-ovh{grid-template-columns:1fr}.tuto-ovh-nav{border-right:0;border-bottom:1px solid var(--filet-clair);grid-template-columns:repeat(3,auto);justify-content:start;padding:0 0 10px}.tuto-ovh-nav .retrait,.tuto-ovh-nav .retrait2{margin-left:0}}.s7.joue:not(.e1) .s7-heb,.s7.joue:not(.e2) .s7-site{opacity:0}.s7.joue:not(.e3) .s7-site{color:var(--encre);background:0 0}.s7.joue:not(.e3) .tuto-onglets,.s7.joue:not(.e4) .tuto-ligne{opacity:0}.s7.joue:not(.e4) .s7-onglet{color:var(--gris);box-shadow:none;font-weight:400}.s7.joue:not(.e5) .s7-l1,.s7.joue:not(.e6) .s7-l2,.s7.joue:not(.e7) .s7-l3{box-shadow:inset 0 0 0 1px var(--filet-clair)}.tuto-connexion{grid-template-columns:minmax(0,1.8fr) repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px;margin-bottom:12px;display:grid}@media (width<=640px){.tuto-connexion{grid-template-columns:1fr 1fr}.tuto-connexion .tuto-champ:first-child{grid-column:1/-1}}.tuto-ftp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.tuto-volet{min-width:0;box-shadow:inset 0 0 0 1px var(--filet-clair);background:#fff;border-radius:10px;transition:box-shadow .2s;position:relative;overflow:hidden}.tuto-volet>b{border-bottom:1px solid var(--filet-clair);white-space:nowrap;text-overflow:ellipsis;background:#f1ede5;padding:7px 10px;font-size:12px;font-weight:600;display:block;overflow:hidden}.texte-corps .tuto-volet ul{min-height:132px;margin:0;padding:6px 0;list-style:none}.texte-corps .tuto-volet li{color:var(--encre);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:4px 10px;font-size:12.5px;line-height:1.4;transition:opacity .4s,background .3s;overflow:hidden}.tuto-volet li.rep:before{content:"";background:var(--nuit);vertical-align:-1px;border-radius:2px;width:12px;height:9px;margin-right:6px;display:inline-block}.texte-corps .tuto-volet li.vise{background:var(--nuit);color:var(--blanc)}.tuto-volet li.vise.rep:before{background:var(--blanc)}.texte-corps .tuto-volet .tuto-vide{color:var(--gris);font-style:italic}.tuto-file{box-shadow:inset 0 0 0 1px var(--filet-clair);color:var(--gris);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;margin-top:10px;padding:8px 10px;font-size:12px;display:grid}.tuto-file .tuto-barre{grid-column:1/-1}.s8 .s8-off{display:none}.s8.joue:not(.e5) .s8-off{display:block}.s8.joue:not(.e5) .s8-dist,.s8.joue:not(.e5) .s8-etat{display:none}.s8-etat{color:var(--gris);margin-top:10px;font-size:12px}.tuto-ctx{z-index:2;box-shadow:0 0 0 1px var(--nuit);background:#fff;border-radius:8px;padding:5px;position:absolute;bottom:10px;left:22%}.tuto-ctx span{white-space:nowrap;border-radius:5px;padding:5px 10px;font-size:12px;display:block}.tuto-ctx span:first-child{background:var(--nuit);color:var(--blanc)}.tuto-ctx span+span{color:var(--gris)}.tuto-fond{height:34px;display:block}.s9 .s9-v0,.s9 .s9-v1,.s9 .s9-p0,.s9 .s9-p1,.s9 .tuto-ctx{display:none}.s9.joue:not(.e1) .s9-v0,.s9.joue:not(.e1) .s9-p0,.s9.joue.e1:not(.e4) .s9-v1,.s9.joue.e1:not(.e4) .s9-p1{display:block}.s9.joue:not(.e4) .s9-v2,.s9.joue:not(.e4) .s9-p2{display:none}.s9.joue.e2:not(.e3) .tuto-ctx,.s9.joue.e5:not(.e6) .tuto-ctx{display:block}.s9.joue:not(.e3) .s9-visites,.s9.joue:not(.e6) .s9-duplex{opacity:0}.tuto-pile-fichiers{background:var(--nuit);color:var(--blanc);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.tuto-pile-fichiers:before{content:"";background:var(--blanc);border-radius:2px;width:12px;height:9px}.s10.joue:not(.e1) .s10-g{color:var(--encre);background:0 0}.s10.joue:not(.e1) .s10-g.rep:before{background:var(--nuit)}.s10.tient .s10-cible{box-shadow:inset 0 0 0 2px var(--nuit)}.s10.joue:not(.e4) .s10-arrive{opacity:0}.s10 .s10-cours{display:none}.s10.joue:not(.e4) .s10-cours{display:inline}.s10.joue:not(.e4) .s10-fini{display:none}.s10.joue:not(.e3) .tuto-file .tuto-barre i{width:0}.s10.joue.e3 .tuto-file .tuto-barre i{transition:width 2.2s linear}.tuto-tel-rangee{justify-content:center;display:flex}.tuto-tel{aspect-ratio:9/18;width:min(230px,72%);box-shadow:0 0 0 1px var(--filet-nuit);background:#05070d;border-radius:32px;padding:9px}.tuto-tel-ecran{background:#1b2233;border-radius:24px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.tuto-tel-barre{background:#262d3f;flex:none;align-items:center;gap:6px;padding:26px 10px 8px;display:flex}.tuto-tel-barre small{color:var(--blanc);background:#3a4258;border-radius:999px;flex:none;padding:2px 6px;font-size:9.5px}.tuto-tel-barre span{min-width:0;min-height:22px;color:var(--blanc);white-space:nowrap;text-overflow:ellipsis;background:#3a4258;border-radius:999px;flex:1;padding:4px 8px;font-size:10.5px;overflow:hidden}.tuto-tel-page{flex:1;min-height:0;transition:opacity .5s;position:relative}.tuto-tel-page img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.tuto-tel-page .tuto-tel-go{color:var(--blanc);white-space:nowrap;background:#05070dc7;border-radius:999px;padding:7px 14px;font-size:11.5px;transition:opacity .3s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tuto-tel-vide{color:var(--brume);flex:1;place-items:center;font-size:11px;display:none}.s11.joue:not(.e2) .tuto-tel-page{display:none}.s11.joue:not(.e2) .tuto-tel-vide{display:grid}.s11.joue:not(.e3) .tuto-tel-page img{object-position:20% 50%}.s11.joue.e3 .tuto-tel-page img{object-position:85% 50%;transition:object-position 4s ease-in-out}.s11.joue.e3 .tuto-tel-go{opacity:0}.tuto-annonce{gap:12px;display:grid}.tuto-annonce-cadre{aspect-ratio:16/8;background:#1b2233;border-radius:10px;position:relative;overflow:hidden}.tuto-annonce-cadre img{object-fit:cover;width:100%;height:100%;display:block}.tuto-annonce-cadre span{color:var(--blanc);background:#05070db8;border-radius:999px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.tuto-annonce-texte b{font-size:15px;display:block}.tuto-annonce-texte small{color:var(--gris);font-size:12.5px}.tuto-code{position:relative;margin:1.2em 0 0!important}.tuto-code pre{background:var(--nuit);color:var(--blanc);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;margin:0;padding:18px 96px 18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6}.tuto-copier{background:var(--laiton);color:var(--encre);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:12px;right:12px}.tuto-copier:focus-visible{outline:2px solid var(--blanc);outline-offset:2px}@media (width<=480px){.tuto-code pre{padding-top:52px;padding-right:20px}}.tuto-hebergeurs{gap:12px;list-style:none;display:grid;margin:1.4em 0 0!important;padding:0!important}@media (width>=700px){.tuto-hebergeurs{grid-template-columns:1fr 1fr}}.texte-corps .tuto-hebergeurs>li{box-shadow:0 0 0 1px var(--filet-clair);background:#fff;border-radius:16px;margin:0;padding:18px 20px}.tuto-hebergeurs h3{justify-content:space-between;align-items:baseline;gap:10px;display:flex;margin:0!important;font-size:19px!important;font-weight:600!important}.tuto-verdict{letter-spacing:0;border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:600}.tuto-verdict--oui{background:var(--nuit);color:var(--laiton)}.tuto-verdict--non{background:var(--fond-2);color:var(--encre)}.tuto-hebergeurs dl{gap:8px;margin:12px 0 0;display:grid}.tuto-hebergeurs dt{color:var(--gris);font-size:12.5px}.tuto-hebergeurs dd{color:var(--encre);margin:1px 0 0;font-size:15px;line-height:1.45}.tuto-hebergeurs .tuto-large{grid-column:1/-1}.tuto-hebergeurs .tuto-releve{margin:12px 0 0!important;font-size:12.5px!important}.texte-corps .tuto-touche{box-shadow:inset 0 0 0 1px var(--encre);color:var(--encre);white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:1px 7px;font-size:.9em;font-weight:500;display:inline}