.st-tutoriels{--st-purple:#71449e;--st-lilac:#9966cc;--st-ink:#2e2439;--st-muted:#625b69;--st-paper:#faf8f4;--st-line:#ddd5e4;background:var(--st-paper);color:var(--st-ink);font:16px/1.65 Arial,Helvetica,sans-serif;text-align:left;overflow-wrap:break-word}.st-tutoriels *{box-sizing:border-box}.st-tutoriels :where(h1,h2,h3,p,ol,figure){margin:0}.st-tutoriels a{color:inherit;text-decoration:none}.st-tutoriels img{max-width:100%;display:block}.st-tutoriels a:focus-visible{outline:3px solid #71449e;outline-offset:6px}.st-tutoriels a:hover{text-decoration:underline;text-underline-offset:5px}.st-tutoriels .st-wrap{width:calc(100% - 112px);max-width:1190px;margin-inline:auto}.st-tutoriels h1,.st-tutoriels h2,.st-tutoriels h3{color:var(--st-ink);font-family:Arial,Helvetica,sans-serif;font-weight:500;line-height:1.1}.st-tutoriels h1{font-size:clamp(42px,4.7vw,68px);letter-spacing:-2.8px}.st-tutoriels h2{font-size:clamp(32px,3.3vw,46px);letter-spacing:-1.5px}.st-tutoriels h3{font-size:23px;letter-spacing:-.6px;line-height:1.25}.st-tutoriels em{font-family:Georgia,serif;font-weight:400;color:var(--st-purple)}.st-tutoriels p{color:var(--st-muted)}.st-tutoriels .st-eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2.1px;color:var(--st-purple);margin-bottom:24px}.st-tutoriels .st-header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--st-line)}.st-tutoriels .st-logo{width:224px;height:auto}.st-tutoriels nav{display:flex;gap:28px;align-items:center;font-size:13px}.st-tutoriels .st-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--st-purple);color:#fff;border-radius:4px;padding:16px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}.st-tutoriels .st-button:hover{background:#533175}.st-tutoriels .st-small{padding:11px 16px;font-size:12px}.st-tutoriels .st-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:68px;padding-block:78px 88px;align-items:center}.st-tutoriels .st-hero p:not(.st-eyebrow){max-width:515px}.st-tutoriels .st-lead{font-size:21px;line-height:1.45;margin-block:26px 15px}.st-tutoriels .st-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.st-tutoriels .st-text-link{font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}.st-tutoriels .st-art{height:476px;position:relative;background:#ebe3f2;border-radius:50% 50% 5px 5px}.st-tutoriels .st-art-caption{position:absolute;top:28px;width:100%;text-align:center;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#644a79}.st-tutoriels .st-paper{position:absolute;width:63%;height:288px;padding:26px;box-shadow:0 14px 30px #36214716;border:1px solid #d8cbe1}.st-tutoriels .st-paper>span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;display:block;margin-bottom:22px}.st-tutoriels .st-paper strong{font:32px/1.1 Georgia,serif;font-weight:400}.st-tutoriels .st-paper-back{top:91px;left:5%;transform:rotate(-9deg);background:#fdfbf7}.st-tutoriels .st-lines{width:90%;height:70px;margin-top:27px;background:repeating-linear-gradient(0deg,transparent 0 16px,#cdc2d5 17px 18px)}.st-tutoriels .st-paper-front{right:3%;top:141px;transform:rotate(8deg);background:#71449e;color:#fff;border:0}.st-tutoriels .st-art-symbol{height:87px;font:86px/1 Georgia,serif;color:#e5d4f4;display:flex;align-items:center;justify-content:space-between}.st-tutoriels .st-art-symbol>span{font:65px/1 Arial;color:#d8e9c6}.st-tutoriels .st-art-tags{display:flex;gap:8px;margin-top:18px;font-size:10px}.st-tutoriels .st-art-tags span{border:1px solid #ffffff70;border-radius:20px;padding:3px 9px}.st-tutoriels .st-art-note{position:absolute;bottom:12px;left:24px;font-size:10px;color:#644a79}.st-tutoriels .st-statement{background:#eee7f3;padding-block:58px}.st-tutoriels .st-statement h2{max-width:1040px;font-size:30px;line-height:1.5;letter-spacing:-.5px}.st-tutoriels .st-statement h2 span{color:var(--st-purple)}.st-tutoriels .st-section{padding-block:88px}.st-tutoriels .st-section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:43px}.st-tutoriels .st-section-head>p{max-width:360px}.st-tutoriels .st-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.st-tutoriels .st-steps li{border-top:1px solid #bfaacb;padding-top:24px}.st-tutoriels .st-number{font:italic 38px Georgia,serif;color:var(--st-lilac);display:block;margin-bottom:25px}.st-tutoriels .st-steps h3{margin-bottom:15px}.st-tutoriels .st-applications{background:#30253e}.st-tutoriels .st-applications>.st-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.st-tutoriels .st-applications h2,.st-tutoriels .st-applications h3{color:#fff}.st-tutoriels .st-applications em{color:#d6b5ef}.st-tutoriels .st-applications .st-eyebrow{color:#d6b5ef}.st-tutoriels .st-applications p{color:#ded6e4}.st-tutoriels .st-applications h2+p{margin-top:25px}.st-tutoriels .st-use-list article{display:flex;gap:25px;padding:26px 0;border-top:1px solid #65566f}.st-tutoriels .st-use-list article:first-child{padding-top:0;border-top:0}.st-tutoriels .st-use-list article>span{color:#c3a1de;font:italic 23px Georgia,serif}.st-tutoriels .st-use-list h3{margin-bottom:12px}.st-tutoriels .st-precision{border-left:2px solid #b58ed1;padding-left:16px;font-size:13px;margin-top:20px}.st-tutoriels .st-formats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--st-line);border-left:1px solid var(--st-line)}.st-tutoriels .st-formats>a,.st-tutoriels .st-format-end{padding:29px;border-right:1px solid var(--st-line);border-bottom:1px solid var(--st-line);min-height:228px}.st-tutoriels .st-formats>a:hover{background:#eee7f3;text-decoration:none}.st-tutoriels .st-format-index{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--st-purple)}.st-tutoriels .st-formats h3{display:flex;justify-content:space-between;margin-block:22px 14px}.st-tutoriels .st-formats p{font-size:14px}.st-tutoriels .st-format-end{background:#eee7f3;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:22px}.st-tutoriels .st-format-end p{font:26px/1.3 Georgia,serif;color:var(--st-purple)}.st-tutoriels .st-work{background:#f0eeea}.st-tutoriels .st-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.st-tutoriels .st-project-image{aspect-ratio:16/10;overflow:hidden;background:#fff;border:1px solid #e0dce3}.st-tutoriels .st-project-image img{width:100%;height:100%;object-fit:contain}.st-tutoriels .st-projects p{font-size:12px;margin-block:17px 6px}.st-tutoriels .st-projects h3{font-size:20px;display:flex;justify-content:space-between}.st-tutoriels .st-work-note{font-size:13px;margin-top:32px}.st-tutoriels .st-work-note a{text-decoration:underline}.st-tutoriels .st-contact{padding-block:90px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.st-tutoriels .st-contact h2+p{margin-block:25px}.st-tutoriels address{border-left:1px solid var(--st-line);padding-left:42px;font-style:normal;display:flex;align-items:start;flex-direction:column;gap:12px}.st-tutoriels address>span{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--st-purple)}.st-tutoriels address>a:first-of-type{font-size:20px}.st-tutoriels address p{font-size:14px;margin-block:4px}.st-tutoriels .st-footer{border-top:1px solid var(--st-line);padding-block:26px;display:flex;justify-content:space-between;gap:25px;font-size:11px}.st-tutoriels .st-footer>div{display:flex;gap:22px}.st-tutoriels section[id]{scroll-margin-top:24px}.st-tutoriels .st-skip{position:absolute;left:-9999px}.st-tutoriels .st-skip:focus{left:20px;top:15px;padding:15px;background:white;z-index:100}
@media(max-width:1050px){.st-tutoriels .st-wrap{width:calc(100% - 64px)}.st-tutoriels nav{gap:18px}.st-tutoriels .st-header{flex-wrap:wrap;padding-block:22px;gap:20px}.st-tutoriels .st-hero{gap:30px}.st-tutoriels .st-art{height:440px}.st-tutoriels .st-paper{padding:20px;width:70%}.st-tutoriels .st-applications>.st-wrap{gap:45px}.st-tutoriels .st-formats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.st-tutoriels .st-wrap{width:calc(100% - 40px)}.st-tutoriels .st-header{display:block}.st-tutoriels .st-logo{width:200px}.st-tutoriels nav{margin-top:22px;flex-wrap:wrap;gap:13px 22px;font-size:12px}.st-tutoriels nav .st-button{padding:8px 12px}.st-tutoriels .st-hero{grid-template-columns:1fr;padding-block:45px 50px;gap:40px}.st-tutoriels h1{letter-spacing:-1.8px;font-size:clamp(36px,8.3vw,56px)}.st-tutoriels .st-art{height:430px;max-width:450px;width:100%;margin:auto}.st-tutoriels .st-paper{width:62%;height:270px}.st-tutoriels .st-paper-front{top:125px}.st-tutoriels .st-art-note{font-size:9px}.st-tutoriels .st-section{padding-block:54px}.st-tutoriels .st-statement{padding-block:38px}.st-tutoriels .st-statement h2{font-size:24px}.st-tutoriels .st-section-head{display:block;margin-bottom:30px}.st-tutoriels .st-section-head>p,.st-tutoriels .st-section-head>a{margin-top:22px;display:block}.st-tutoriels .st-steps{grid-template-columns:1fr;gap:30px}.st-tutoriels .st-number{margin-bottom:12px}.st-tutoriels .st-applications>.st-wrap{grid-template-columns:1fr;gap:36px}.st-tutoriels .st-formats{grid-template-columns:1fr}.st-tutoriels .st-formats>a,.st-tutoriels .st-format-end{min-height:0;padding:25px}.st-tutoriels .st-projects{grid-template-columns:1fr;gap:32px}.st-tutoriels .st-contact{grid-template-columns:1fr;padding-block:54px;gap:35px}.st-tutoriels address{border-left:0;border-top:1px solid var(--st-line);padding:25px 0 0}.st-tutoriels .st-footer{flex-direction:column}.st-tutoriels .st-footer>div{flex-wrap:wrap}.st-tutoriels .st-art-symbol{height:70px}.st-tutoriels .st-paper strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.st-tutoriels *{transition:none!important;scroll-behavior:auto!important}}

.st-tutoriels h1{font-size:clamp(40px,4.5vw,65px)}
.st-tutoriels .st-hero{grid-template-columns:1.15fr 1fr;gap:65px}
.st-tutoriels .si-intro{background:#eee7f3;padding:32px 38px;align-self:center;border:1px solid #d6c9df;box-shadow:10px 10px 0 #e2d5ec}
.st-tutoriels .si-intro>div{position:relative;padding:20px 0 20px 50px;border-top:1px solid #d6c9df}
.st-tutoriels .si-intro span{position:absolute;left:0;top:24px;font:italic 24px Georgia,serif;color:#71449e}
.st-tutoriels .si-intro h2{font-size:29px;margin:0 0 8px}.st-tutoriels .si-intro p{font-size:15px;margin:0}.st-tutoriels .si-intro>.st-eyebrow{margin-bottom:25px}
.st-tutoriels .st-statement p:last-child{max-width:700px;margin-top:24px}
.st-tutoriels .si-screen{margin:0 0 32px}.st-tutoriels .si-screen a{display:block;border:1px solid #d6c9df;background:white;text-decoration:none}.st-tutoriels .si-screen img{display:block;width:100%;height:auto}.st-tutoriels .si-screen a span{display:block;text-align:right;padding:10px 16px;background:#eee7f3;color:#71449e;font-size:13px}.st-tutoriels figcaption{font-size:12px;line-height:1.6;margin-top:10px}
.st-tutoriels .si-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.st-tutoriels .si-three article{border-top:1px solid #d6c9df;padding-top:22px}.st-tutoriels .si-three h3{font-size:24px;margin-bottom:14px}
.st-tutoriels .si-challenge{background:#eee7f3}.st-tutoriels .si-challenge-text{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.st-tutoriels .si-challenge-text h3{font-size:26px;margin-bottom:15px}.st-tutoriels .si-challenge-text p+p{margin-top:15px}.st-tutoriels aside{background:#faf8f4;padding:27px}.st-tutoriels .si-expertise{border-top:1px solid #cdbbdc;margin-top:32px;padding-top:23px;font-size:14px;max-width:940px}
.st-tutoriels .si-method{background:#30253e}.st-tutoriels .si-method h2,.st-tutoriels .si-method h3{color:white}.st-tutoriels .si-method em,.st-tutoriels .si-method .st-eyebrow{color:#d6b5ef}.st-tutoriels .si-method ol{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.st-tutoriels .si-method li{border-top:1px solid #786486;padding-top:22px}.st-tutoriels .si-method li>span{font:italic 28px Georgia,serif;color:#d6b5ef}.st-tutoriels .si-method h3{font-size:24px;margin:18px 0 14px}.st-tutoriels .si-method p{color:#ded6e4}
.st-tutoriels .si-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.st-tutoriels details{border-top:1px solid #d6c9df;padding:20px 0}.st-tutoriels details:last-child{border-bottom:1px solid #d6c9df}.st-tutoriels summary{cursor:pointer;font-size:17px;line-height:1.5;font-weight:600}.st-tutoriels details p{padding-top:15px}.st-tutoriels summary:focus-visible{outline:3px solid #71449e;outline-offset:5px}.st-tutoriels .st-contact{border-top:1px solid #d6c9df}
@media(max-width:950px){.st-tutoriels .st-hero{gap:30px}.st-tutoriels .si-intro{padding:25px}.st-tutoriels .si-faq{gap:30px}}
@media(max-width:720px){.st-tutoriels .st-hero,.st-tutoriels .si-three,.st-tutoriels .si-challenge-text,.st-tutoriels .si-method ol,.st-tutoriels .si-faq{grid-template-columns:1fr}.st-tutoriels .si-intro{box-shadow:5px 5px 0 #e2d5ec}.st-tutoriels .si-challenge-text{gap:22px}}

.st-tutoriels .st-hero{grid-template-columns:1.1fr 1fr;gap:45px}.st-tutoriels h1{font-size:clamp(36px,4vw,57px)}.st-tutoriels .tu-hero-photo{margin:0;align-self:center}.st-tutoriels .tu-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:3px;box-shadow:10px 10px 0 #e2d5ec}.st-tutoriels .tu-hero-photo figcaption{font-size:11px;margin-top:18px}.st-tutoriels .tu-hero-photo>p{color:#71449e;font:italic 23px Georgia,serif;margin-top:20px}.st-tutoriels .tu-capture{display:grid;grid-template-columns:1.3fr 1fr;gap:55px}.st-tutoriels .tu-capture p+p{margin-top:18px}.st-tutoriels .tu-capture aside{background:#eee7f3}.st-tutoriels .tu-capture ul{padding-left:20px;margin:15px 0 0}.st-tutoriels .tu-capture li{margin:12px 0;line-height:1.65}.st-tutoriels .tu-formats{background:#eee7f3}.st-tutoriels .tu-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.st-tutoriels .tu-two article{padding:30px;background:#faf8f4;border:1px solid #d6c9df}.st-tutoriels .tu-two h3{font-size:27px;margin:24px 0 18px}.st-tutoriels .tu-use{border-top:1px solid #d6c9df;margin-top:22px;padding-top:18px;font-size:14px}.st-tutoriels .tu-mini{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:100px;padding:18px;background:#eee7f3;color:#71449e}.st-tutoriels .tu-mini span{font:italic 28px Georgia,serif;margin-right:8px}.st-tutoriels .tu-mini b{font-size:13px;font-weight:500}.st-tutoriels .tu-digital{background:#e6edf1;color:#245568}@media(max-width:720px){.st-tutoriels .st-hero,.st-tutoriels .tu-capture,.st-tutoriels .tu-two{grid-template-columns:1fr}.st-tutoriels .tu-capture{gap:25px}.st-tutoriels .tu-two article{padding:22px}}

.st-tutoriels .tu-balanced{display:block;padding-bottom:36px}.st-tutoriels .tu-balanced>div{max-width:1000px}.st-tutoriels .tu-balanced h1{font-size:clamp(36px,4.5vw,64px)}.st-tutoriels .tu-balanced p:not(.st-eyebrow){max-width:850px}.st-tutoriels .tu-opening{padding-bottom:80px}.st-tutoriels .tu-opening article{display:flex;flex-direction:column;background:#f1ebf6}.st-tutoriels .tu-opening article+article{background:#eef1f2}.st-tutoriels .tu-opening h2{font-size:clamp(27px,3vw,37px);margin:0 0 20px}.st-tutoriels .tu-opening .st-eyebrow{margin:24px 0 12px;font-size:11px}.st-tutoriels .tu-opening .st-text-link{align-self:flex-start;margin-top:22px}.st-tutoriels .tu-photo-note{font-size:11px;margin-top:14px}.st-tutoriels .tu-opening-photo,.st-tutoriels .tu-interface{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.st-tutoriels .tu-interface{background:#fff;border:1px solid #d6c9df;overflow:hidden}.st-tutoriels .tu-window-bar{height:15%;background:#ded5e9;display:flex;align-items:center;gap:6px;padding:0 12px}.st-tutoriels .tu-window-bar span{width:6px;height:6px;border-radius:50%;background:#9b82b0}.st-tutoriels .tu-window-content{height:85%;display:flex}.st-tutoriels .tu-sidebar{width:20%;background:#f3eff6;padding:20px 10px}.st-tutoriels .tu-sidebar i{display:block;height:6px;background:#d6c9df;margin-bottom:17px}.st-tutoriels .tu-demo{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;padding:12px 20px;font-size:clamp(10px,1.1vw,14px);color:#59426a}.st-tutoriels .tu-demo b{border:1px solid #9966cc;background:#eee7f3;padding:10px;font-weight:500}.st-tutoriels .tu-demo-lines{height:14px;background:linear-gradient(#e8e3ed 0 4px,transparent 4px 10px,#e8e3ed 10px 14px);width:70%}.st-tutoriels .tu-field{border-top:1px solid #d6c9df}@media(max-width:720px){.st-tutoriels .tu-balanced{padding-bottom:26px}.st-tutoriels .tu-demo{font-size:13px}.st-tutoriels .tu-opening{padding-bottom:45px}}

/* Identical media frames; intrinsic HTML image heights must not stretch cards. */
.st-tutoriels .tu-opening .tu-media{position:relative;width:100%;aspect-ratio:16/9;flex:none;overflow:hidden;background:#fff;border:1px solid #d6c9df}
.st-tutoriels .tu-opening .tu-media .tu-opening-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;margin:0;aspect-ratio:auto}
.st-tutoriels .tu-opening .tu-two{align-items:stretch}
.st-tutoriels .tu-opening .tu-two>article{min-width:0;justify-content:flex-start}
.st-tutoriels .tu-opening .tu-media+.st-eyebrow{line-height:1.5;min-height:3em;display:flex;align-items:flex-end;margin:18px 0 12px}
@media(max-width:720px){.st-tutoriels .tu-opening .tu-media+.st-eyebrow{min-height:0}}

.st-tutoriels .st-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;min-height:106px;padding-block:22px;flex-wrap:nowrap}
.st-tutoriels .st-header>a{flex-shrink:0}.st-tutoriels .st-header .st-logo{width:190px;height:auto}
.st-tutoriels .st-header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px;font-size:12px;margin:0}
.st-tutoriels .st-header nav>a{white-space:nowrap}.st-tutoriels .st-header .st-small{font-size:12px;padding:11px 16px}
.st-tutoriels .st-header [aria-current="page"]:not(.st-button),.st-tutoriels .st-footer [aria-current="page"]{color:var(--st-purple);text-decoration:underline;text-underline-offset:6px}
.st-tutoriels .st-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px;font-size:11px;border-top:1px solid var(--st-line)}
.st-tutoriels .st-footer>div{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1100px){.st-tutoriels .st-header{flex-direction:column;align-items:flex-start;gap:20px}.st-tutoriels .st-header nav{justify-content:flex-start}}
@media(max-width:720px){.st-tutoriels .st-header nav{gap:14px 20px}.st-tutoriels .st-header .st-small{padding:10px 14px}.st-tutoriels .st-footer{flex-direction:column;align-items:flex-start}}