/* ==== BLOC CSS LIVRE — debut ==== */
.ill-agent,.ill-eveil,.ill-souffle,.ill-scan{animation-duration:var(--ill-loop,9s);animation-iteration-count:infinite;animation-fill-mode:both}
.ill-agent{animation-name:ill-parcours;animation-timing-function:cubic-bezier(.5,.02,.4,1);offset-rotate:0deg}
.ill-eveil{animation-name:ill-eveil;animation-timing-function:ease-in-out;opacity:0}
.ill-souffle{animation-name:ill-souffle;animation-timing-function:ease-in-out}
.ill-scan{animation-name:ill-balayage;animation-timing-function:cubic-bezier(.45,0,.55,1)}
@keyframes ill-parcours{0%{offset-distance:0%;opacity:0}5%{opacity:1}62%{offset-distance:100%;opacity:1}74%{opacity:0}100%{offset-distance:100%;opacity:0}}
@keyframes ill-eveil{0%{opacity:0}10%{opacity:1}64%{opacity:1}82%{opacity:0}100%{opacity:0}}
@keyframes ill-souffle{0%{opacity:.35}50%{opacity:.8}100%{opacity:.35}}
@keyframes ill-balayage{0%{transform:translateX(0);opacity:0}6%{opacity:.85}70%{transform:translateX(var(--ill-course,300px));opacity:.85}80%{opacity:0}100%{transform:translateX(var(--ill-course,300px));opacity:0}}
.ill-t1{animation-delay:calc(var(--ill-loop,9s)*.04)}
.ill-t2{animation-delay:calc(var(--ill-loop,9s)*.10)}
.ill-t3{animation-delay:calc(var(--ill-loop,9s)*.16)}
.ill-t4{animation-delay:calc(var(--ill-loop,9s)*.22)}
.ill-t5{animation-delay:calc(var(--ill-loop,9s)*.28)}
.ill-t6{animation-delay:calc(var(--ill-loop,9s)*.34)}
.ill-t7{animation-delay:calc(var(--ill-loop,9s)*.40)}
.ill-t8{animation-delay:calc(var(--ill-loop,9s)*.46)}
.ill-b6{--ill-loop:6s}
.ill-b9{--ill-loop:9s}
.ill-b12{--ill-loop:12s}
.ill-b16{--ill-loop:16s}
/* Choix d'Aizy : ces illustrations portent le propos de la page et tournent
   sur tous les supports, quel que soit le reglage systeme. Le bloc d'origine
   est conserve ci-dessous, inactif, pour pouvoir revenir en arriere.
@media (prefers-reduced-motion:reduce){
.ill *{animation:none!important}
.ill .ill-eveil{opacity:1}
.ill .ill-souffle{opacity:.6}
.ill .ill-agent{opacity:1;offset-distance:100%}
.ill .ill-scan{opacity:0}
}
*/
/* ==== BLOC CSS LIVRE — fin ==== */
/* ==== 07 Automatisation ==== */
.i07 *,.ill-anime .i07 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i07 .i07-e1{animation-name:i07-e1!important}.i07 .i07-e2{animation-name:i07-e2!important}.i07 .i07-e3{animation-name:i07-e3!important}
.i07 .i07-e1,.i07 .i07-e2,.i07 .i07-e3{offset-path:path("M128 150 H420 V244");offset-rotate:0deg}
.i07 .i07-s1{animation-name:i07-s1!important}.i07 .i07-s2{animation-name:i07-s2!important}.i07 .i07-s3{animation-name:i07-s3!important}
.i07 .i07-r1{animation-name:i07-r1!important}.i07 .i07-r2{animation-name:i07-r2!important}.i07 .i07-r3{animation-name:i07-r3!important}
.i07 .i07-ac{animation-name:i07-ac!important;transform-box:fill-box;transform-origin:center}
.ill-fige .i07 *{animation:none!important}
@keyframes i07-e1{0%,10%{opacity:0;offset-distance:0%}12%{opacity:1;offset-distance:0%}17%,19%{opacity:1;offset-distance:18%}24%,26%{opacity:1;offset-distance:47%}31%,33%{opacity:1;offset-distance:76%}38%{opacity:1;offset-distance:100%}41%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-e2{0%,44%{opacity:0;offset-distance:0%}46%{opacity:1;offset-distance:0%}50%{opacity:1;offset-distance:18%}54%{opacity:1;offset-distance:47%}58%{opacity:1;offset-distance:76%}61%{opacity:1;offset-distance:100%}63%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-e3{0%,64%{opacity:0;offset-distance:0%}66%{opacity:1;offset-distance:0%}69%{opacity:1;offset-distance:18%}72%{opacity:1;offset-distance:47%}75%{opacity:1;offset-distance:76%}78%{opacity:1;offset-distance:100%}80%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-s1{0%,18%{opacity:0}21%,100%{opacity:1}}
@keyframes i07-s2{0%,25%{opacity:0}28%,100%{opacity:1}}
@keyframes i07-s3{0%,32%{opacity:0}35%,100%{opacity:1}}
@keyframes i07-r1{0%,38%{opacity:0}41%,100%{opacity:1}}
@keyframes i07-r2{0%,61%{opacity:0}64%,100%{opacity:1}}
@keyframes i07-r3{0%,78%{opacity:0}81%,100%{opacity:1}}
@keyframes i07-ac{0%,84%{opacity:0;transform:scale(.5)}88%,100%{opacity:1;transform:none}}
/* ==== 08 Reprise de projet ==== */
.i08 *,.ill-anime .i08 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i08 .i08-tk{animation-name:i08-tk!important;offset-path:path("M44 84 V340");offset-rotate:0deg}
.i08 .i08-o1{animation-name:i08-o1!important}.i08 .i08-o2{animation-name:i08-o2!important}.i08 .i08-o3{animation-name:i08-o3!important}
.i08 .i08-n1{animation-name:i08-n1!important}.i08 .i08-n2{animation-name:i08-n2!important}.i08 .i08-n3{animation-name:i08-n3!important}
.i08 .i08-c1{animation-name:i08-c1!important}.i08 .i08-c2{animation-name:i08-c2!important}.i08 .i08-c3{animation-name:i08-c3!important}
.i08 .i08-pg{animation-name:i08-pg!important;transform-box:fill-box;transform-origin:left center}
.i08 .i08-pl{animation-name:i08-pl!important;transform-box:fill-box;transform-origin:center}
.i08 .i08-bx{animation-name:i08-bx!important}.i08 .i08-bk{animation-name:i08-bk!important}
.ill-fige .i08 *{animation:none!important}
@keyframes i08-tk{0%,4%{opacity:0;offset-distance:0%}6%{opacity:1;offset-distance:0%}16%,32%{opacity:1;offset-distance:30%}38%,58%{opacity:1;offset-distance:66%}64%,88%{opacity:1;offset-distance:100%}92%,100%{opacity:0;offset-distance:100%}}
@keyframes i08-o1{0%,20%{opacity:1}23%,100%{opacity:0}}
@keyframes i08-o2{0%,24%{opacity:1}27%,100%{opacity:0}}
@keyframes i08-o3{0%,28%{opacity:1}31%,100%{opacity:0}}
@keyframes i08-n1{0%,21%{opacity:0}24%,100%{opacity:1}}
@keyframes i08-n2{0%,25%{opacity:0}28%,100%{opacity:1}}
@keyframes i08-n3{0%,29%{opacity:0}32%,100%{opacity:1}}
@keyframes i08-c1{0%,42%{opacity:0}45%,100%{opacity:1}}
@keyframes i08-c2{0%,48%{opacity:0}51%,100%{opacity:1}}
@keyframes i08-c3{0%,54%{opacity:0}57%,100%{opacity:1}}
@keyframes i08-pg{0%,66%{opacity:1;transform:scaleX(.02)}80%,100%{opacity:1;transform:none}}
@keyframes i08-pl{0%,82%{opacity:0;transform:scale(.4)}86%,100%{opacity:1;transform:none}}
@keyframes i08-bx{0%,86%{opacity:1}89%,100%{opacity:0}}
@keyframes i08-bk{0%,87%{opacity:0}90%,100%{opacity:1}}


.ill-anime .ill *{animation-duration:var(--ill-loop,9s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important}
.ill-anime .ill .ill-agent{animation-name:ill-parcours!important;animation-timing-function:cubic-bezier(.5,.02,.4,1)!important;offset-distance:0%}
.ill-anime .ill .ill-eveil{animation-name:ill-eveil!important;animation-timing-function:ease-in-out!important;opacity:0}
.ill-anime .ill .ill-souffle{animation-name:ill-souffle!important;animation-timing-function:ease-in-out!important}
.ill-anime .ill .ill-scan{animation-name:ill-balayage!important;animation-timing-function:cubic-bezier(.45,0,.55,1)!important;opacity:0}
.ill-anime .ill .ill-t1{animation-delay:calc(var(--ill-loop,9s)*.04)!important}
.ill-anime .ill .ill-t2{animation-delay:calc(var(--ill-loop,9s)*.10)!important}
.ill-anime .ill .ill-t3{animation-delay:calc(var(--ill-loop,9s)*.16)!important}
.ill-anime .ill .ill-t4{animation-delay:calc(var(--ill-loop,9s)*.22)!important}
.ill-anime .ill .ill-t5{animation-delay:calc(var(--ill-loop,9s)*.28)!important}
.ill-anime .ill .ill-t6{animation-delay:calc(var(--ill-loop,9s)*.34)!important}
.ill-anime .ill .ill-t7{animation-delay:calc(var(--ill-loop,9s)*.40)!important}
.ill-anime .ill .ill-t8{animation-delay:calc(var(--ill-loop,9s)*.46)!important}
.ill-fige .ill *{animation:none!important}
.ill-fige .ill .ill-eveil{opacity:1}
.ill-fige .ill .ill-souffle{opacity:.6}
.ill-fige .ill .ill-agent{opacity:1;offset-distance:100%}
.ill-fige .ill .ill-scan{opacity:0}
/* ==== 07 Automatisation ==== */
.i07 *,.ill-anime .i07 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i07 .i07-e1{animation-name:i07-e1!important}.i07 .i07-e2{animation-name:i07-e2!important}.i07 .i07-e3{animation-name:i07-e3!important}
.i07 .i07-e1,.i07 .i07-e2,.i07 .i07-e3{offset-path:path("M128 150 H420 V244");offset-rotate:0deg}
.i07 .i07-s1{animation-name:i07-s1!important}.i07 .i07-s2{animation-name:i07-s2!important}.i07 .i07-s3{animation-name:i07-s3!important}
.i07 .i07-r1{animation-name:i07-r1!important}.i07 .i07-r2{animation-name:i07-r2!important}.i07 .i07-r3{animation-name:i07-r3!important}
.i07 .i07-ac{animation-name:i07-ac!important;transform-box:fill-box;transform-origin:center}
.ill-fige .i07 *{animation:none!important}
@keyframes i07-e1{0%,10%{opacity:0;offset-distance:0%}12%{opacity:1;offset-distance:0%}17%,19%{opacity:1;offset-distance:18%}24%,26%{opacity:1;offset-distance:47%}31%,33%{opacity:1;offset-distance:76%}38%{opacity:1;offset-distance:100%}41%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-e2{0%,44%{opacity:0;offset-distance:0%}46%{opacity:1;offset-distance:0%}50%{opacity:1;offset-distance:18%}54%{opacity:1;offset-distance:47%}58%{opacity:1;offset-distance:76%}61%{opacity:1;offset-distance:100%}63%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-e3{0%,64%{opacity:0;offset-distance:0%}66%{opacity:1;offset-distance:0%}69%{opacity:1;offset-distance:18%}72%{opacity:1;offset-distance:47%}75%{opacity:1;offset-distance:76%}78%{opacity:1;offset-distance:100%}80%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-s1{0%,18%{opacity:0}21%,100%{opacity:1}}
@keyframes i07-s2{0%,25%{opacity:0}28%,100%{opacity:1}}
@keyframes i07-s3{0%,32%{opacity:0}35%,100%{opacity:1}}
@keyframes i07-r1{0%,38%{opacity:0}41%,100%{opacity:1}}
@keyframes i07-r2{0%,61%{opacity:0}64%,100%{opacity:1}}
@keyframes i07-r3{0%,78%{opacity:0}81%,100%{opacity:1}}
@keyframes i07-ac{0%,84%{opacity:0;transform:scale(.5)}88%,100%{opacity:1;transform:none}}
/* ==== 08 Reprise de projet ==== */
.i08 *,.ill-anime .i08 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i08 .i08-tk{animation-name:i08-tk!important;offset-path:path("M44 84 V340");offset-rotate:0deg}
.i08 .i08-o1{animation-name:i08-o1!important}.i08 .i08-o2{animation-name:i08-o2!important}.i08 .i08-o3{animation-name:i08-o3!important}
.i08 .i08-n1{animation-name:i08-n1!important}.i08 .i08-n2{animation-name:i08-n2!important}.i08 .i08-n3{animation-name:i08-n3!important}
.i08 .i08-c1{animation-name:i08-c1!important}.i08 .i08-c2{animation-name:i08-c2!important}.i08 .i08-c3{animation-name:i08-c3!important}
.i08 .i08-pg{animation-name:i08-pg!important;transform-box:fill-box;transform-origin:left center}
.i08 .i08-pl{animation-name:i08-pl!important;transform-box:fill-box;transform-origin:center}
.i08 .i08-bx{animation-name:i08-bx!important}.i08 .i08-bk{animation-name:i08-bk!important}
.ill-fige .i08 *{animation:none!important}
@keyframes i08-tk{0%,4%{opacity:0;offset-distance:0%}6%{opacity:1;offset-distance:0%}16%,32%{opacity:1;offset-distance:30%}38%,58%{opacity:1;offset-distance:66%}64%,88%{opacity:1;offset-distance:100%}92%,100%{opacity:0;offset-distance:100%}}
@keyframes i08-o1{0%,20%{opacity:1}23%,100%{opacity:0}}
@keyframes i08-o2{0%,24%{opacity:1}27%,100%{opacity:0}}
@keyframes i08-o3{0%,28%{opacity:1}31%,100%{opacity:0}}
@keyframes i08-n1{0%,21%{opacity:0}24%,100%{opacity:1}}
@keyframes i08-n2{0%,25%{opacity:0}28%,100%{opacity:1}}
@keyframes i08-n3{0%,29%{opacity:0}32%,100%{opacity:1}}
@keyframes i08-c1{0%,42%{opacity:0}45%,100%{opacity:1}}
@keyframes i08-c2{0%,48%{opacity:0}51%,100%{opacity:1}}
@keyframes i08-c3{0%,54%{opacity:0}57%,100%{opacity:1}}
@keyframes i08-pg{0%,66%{opacity:1;transform:scaleX(.02)}80%,100%{opacity:1;transform:none}}
@keyframes i08-pl{0%,82%{opacity:0;transform:scale(.4)}86%,100%{opacity:1;transform:none}}
@keyframes i08-bx{0%,86%{opacity:1}89%,100%{opacity:0}}
@keyframes i08-bk{0%,87%{opacity:0}90%,100%{opacity:1}}


/* ==== 01 Logiciel & metier ==== */
.i01 *,.ill-anime .i01 *{animation-duration:var(--ill-loop,16s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.5,.02,.4,1)}
.i01 .i01-a{animation-name:i01-a!important}
.i01 .i01-b{animation-name:i01-b!important}
.i01 .i01-c{animation-name:i01-c!important}
.i01 .i01-nav{animation-name:i01-nav!important}
.i01 .i01-f1{animation-name:i01-f1!important}
.i01 .i01-f2{animation-name:i01-f2!important}
.i01 .i01-tab{animation-name:i01-tab!important}
.i01 .i01-car{animation-name:i01-car!important;animation-timing-function:steps(1,end)!important}
.i01 .i01-p1{animation-name:i01-p1!important}.i01 .i01-p2{animation-name:i01-p2!important}.i01 .i01-p3{animation-name:i01-p3!important}
.i01 .i01-r1{animation-name:i01-r1!important}.i01 .i01-r2{animation-name:i01-r2!important}.i01 .i01-r3{animation-name:i01-r3!important}
.i01 .i01-r4{animation-name:i01-r4!important}.i01 .i01-r5{animation-name:i01-r5!important}.i01 .i01-r6{animation-name:i01-r6!important}
.i01 .i01-r7{animation-name:i01-r7!important}.i01 .i01-r8{animation-name:i01-r8!important}.i01 .i01-r9{animation-name:i01-r9!important}
.i01 .i01-v1{animation-name:i01-v1!important}.i01 .i01-v2{animation-name:i01-v2!important}.i01 .i01-v3{animation-name:i01-v3!important}
.i01 .i01-s1{animation-name:i01-s1!important}.i01 .i01-s2{animation-name:i01-s2!important}.i01 .i01-s3{animation-name:i01-s3!important}
.i01 .i01-s4{animation-name:i01-s4!important}.i01 .i01-s5{animation-name:i01-s5!important}.i01 .i01-s6{animation-name:i01-s6!important}
.i01 .i01-s7{animation-name:i01-s7!important}.i01 .i01-s8{animation-name:i01-s8!important}.i01 .i01-s9{animation-name:i01-s9!important}
.i01 [class*=i01-r],.i01 [class*=i01-s]{animation-timing-function:ease-out!important}
.ill-fige .i01 *{animation:none!important}
.i01-a,.i01-b,.i01-c,.i01-nav,.i01-f1,.i01-f2,.i01-tab,.i01-p1,.i01-p2,.i01-p3,.i01-s4,.i01-s5,.i01-s6{transform-box:fill-box;transform-origin:center}
.i01-s4,.i01-s5,.i01-s6{transform-origin:bottom}
@keyframes i01-p1{0%{opacity:0;transform:none}2%{opacity:1;transform:none}6%,56%{opacity:1;transform:translate(0,150px)}60%,100%{opacity:0;transform:translate(0,150px)}}
@keyframes i01-p2{0%{opacity:0;transform:none}2%{opacity:1;transform:none}6%,56%{opacity:1;transform:translate(0,150px)}60%,100%{opacity:0;transform:translate(0,150px)}}
@keyframes i01-p3{0%{opacity:0;transform:none}2%{opacity:1;transform:none}6%,56%{opacity:1;transform:translate(0,150px)}60%,100%{opacity:0;transform:translate(0,150px)}}
@keyframes i01-a{0%,5%{opacity:0;transform:translate(-92px,160px) scale(.18)}6%{opacity:1;transform:translate(-92px,160px) scale(.18)}10%,20%{opacity:1;transform:none}25%,60%{opacity:1;transform:translate(-92px,160px) scale(.18)}64%{opacity:1;transform:scale(.12)}66%,100%{opacity:0;transform:scale(.12)}}
@keyframes i01-b{0%,26%{opacity:0;transform:translate(0,160px) scale(.18)}27%{opacity:1;transform:translate(0,160px) scale(.18)}31%,39%{opacity:1;transform:none}44%,60%{opacity:1;transform:translate(0,160px) scale(.18)}64%{opacity:1;transform:scale(.12)}66%,100%{opacity:0;transform:scale(.12)}}
@keyframes i01-c{0%,45%{opacity:0;transform:translate(92px,160px) scale(.18)}46%{opacity:1;transform:translate(92px,160px) scale(.18)}50%,56%{opacity:1;transform:none}60%{opacity:1;transform:translate(92px,160px) scale(.18)}64%{opacity:1;transform:scale(.12)}66%,100%{opacity:0;transform:scale(.12)}}
@keyframes i01-nav{0%,64%{opacity:0;transform:scale(.12)}65%{opacity:1;transform:scale(.12)}70%,97%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes i01-f1{0%,21%{opacity:0;transform:none}23%{opacity:1;transform:none}27%{opacity:1;transform:translate(92px,0)}29%,100%{opacity:0;transform:translate(92px,0)}}
@keyframes i01-f2{0%,40%{opacity:0;transform:none}42%{opacity:1;transform:none}46%{opacity:1;transform:translate(92px,0)}48%,100%{opacity:0;transform:translate(92px,0)}}
@keyframes i01-tab{0%,69%{opacity:0;transform:translateX(-168px)}71%,76%{opacity:1;transform:translateX(-168px)}78%,84%{opacity:1;transform:translateX(-84px)}86%,97%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes i01-car{0%,50%{opacity:0}51%,52%{opacity:1}53%{opacity:0}54%,55%{opacity:1}56%,100%{opacity:0}}
@keyframes i01-r1{0%,11%{opacity:0}14%,100%{opacity:1}}
@keyframes i01-r2{0%,14%{opacity:0}16%,100%{opacity:1}}
@keyframes i01-r3{0%,16%{opacity:0}19%,100%{opacity:1}}
@keyframes i01-r4{0%,32%{opacity:0}34%,100%{opacity:1}}
@keyframes i01-r5{0%,34%{opacity:0}36%,100%{opacity:1}}
@keyframes i01-r6{0%,36%{opacity:0}38%,100%{opacity:1}}
@keyframes i01-r7{0%,50%{opacity:0}52%,100%{opacity:1}}
@keyframes i01-r8{0%,52%{opacity:0}54%,100%{opacity:1}}
@keyframes i01-r9{0%,54%{opacity:0}56%,100%{opacity:1}}
@keyframes i01-v1{0%,70%{opacity:0}72%,76%{opacity:1}78%,100%{opacity:0}}
@keyframes i01-v2{0%,77%{opacity:0}79%,84%{opacity:1}86%,100%{opacity:0}}
@keyframes i01-v3{0%,85%{opacity:0}87%,100%{opacity:1}}
@keyframes i01-s1{0%,72%{opacity:0}74%,100%{opacity:1}}
@keyframes i01-s2{0%,74%{opacity:0}76%,100%{opacity:1}}
@keyframes i01-s3{0%,75%{opacity:0}77%,100%{opacity:1}}
@keyframes i01-s4{0%,79%{opacity:0;transform:scaleY(.1)}81%,100%{opacity:1;transform:none}}
@keyframes i01-s5{0%,81%{opacity:0;transform:scaleY(.1)}83%,100%{opacity:1;transform:none}}
@keyframes i01-s6{0%,82%{opacity:0;transform:scaleY(.1)}84%,100%{opacity:1;transform:none}}
@keyframes i01-s7{0%,87%{opacity:0}89%,100%{opacity:1}}
@keyframes i01-s8{0%,89%{opacity:0}91%,100%{opacity:1}}
@keyframes i01-s9{0%,92%{opacity:0}94%,100%{opacity:1}}

/* ==== 02 Boutique en ligne ==== */
.i02 *,.ill-anime .i02 *{animation-duration:var(--ill-loop,16s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i02 .i02-d1{animation-name:i02-d1!important}.i02 .i02-d2{animation-name:i02-d2!important}.i02 .i02-d3{animation-name:i02-d3!important}
.i02 .i02-k1{animation-name:i02-k1!important}.i02 .i02-k2{animation-name:i02-k2!important}.i02 .i02-k3{animation-name:i02-k3!important}
.i02 .i02-low{animation-name:i02-low!important}
.i02 .i02-t1{animation-name:i02-t1!important}.i02 .i02-t2{animation-name:i02-t2!important}
.i02 .i02-c1{animation-name:i02-c1!important}.i02 .i02-c2{animation-name:i02-c2!important}
.i02 .i02-cnt{animation-name:i02-cnt!important}
.i02 .i02-btn{animation-name:i02-btn!important}
.i02 .i02-lbl{animation-name:i02-lbl!important}
.i02 .i02-chk{animation-name:i02-chk!important}
.i02 .i02-slip{animation-name:i02-slip!important}
.i02 .i02-sup{animation-name:i02-sup!important}
.i02 .i02-re{animation-name:i02-re!important}
.i02 .i02-k1,.i02 .i02-k2,.i02 .i02-k3,.i02 .i02-re{animation-timing-function:cubic-bezier(.2,.8,.3,1)!important;transform-box:fill-box;transform-origin:left center}
.i02-d1,.i02-d2,.i02-d3,.i02-t1,.i02-t2,.i02-slip,.i02-cnt,.i02-low,.i02-chk{transform-box:fill-box;transform-origin:center}
.ill-fige .i02 *{animation:none!important}
@keyframes i02-d1{0%,5%{opacity:0;transform:none}7%{opacity:1;transform:none}13%{opacity:1;transform:translate(-104px,82px)}15%,100%{opacity:0;transform:translate(-104px,82px)}}
@keyframes i02-d2{0%,11%{opacity:0;transform:none}13%{opacity:1;transform:none}19%{opacity:1;transform:translate(-40px,82px)}21%,100%{opacity:0;transform:translate(-40px,82px)}}
@keyframes i02-d3{0%,17%{opacity:0;transform:none}19%{opacity:1;transform:none}25%{opacity:1;transform:translate(24px,82px)}27%,100%{opacity:0;transform:translate(24px,82px)}}
@keyframes i02-k1{0%,13%{opacity:0;transform:scaleX(.02)}16%,100%{opacity:1;transform:none}}
@keyframes i02-k2{0%,19%{opacity:0;transform:scaleX(.02)}22%,100%{opacity:1;transform:none}}
@keyframes i02-k3{0%,25%{opacity:0;transform:scaleX(.02)}28%,100%{opacity:1;transform:none}}
@keyframes i02-low{0%,22%{opacity:0}24%{opacity:1}30%{opacity:.35}36%{opacity:1}42%{opacity:.35}48%,100%{opacity:1}}
@keyframes i02-t1{0%,32%{opacity:0;transform:none}34%{opacity:1;transform:none}42%{opacity:1;transform:translate(24px,124px) scale(.42)}44%,100%{opacity:0;transform:translate(24px,124px) scale(.42)}}
@keyframes i02-t2{0%,42%{opacity:0;transform:none}44%{opacity:1;transform:none}52%{opacity:1;transform:translate(-244px,124px) scale(.42)}54%,100%{opacity:0;transform:translate(-244px,124px) scale(.42)}}
@keyframes i02-c1{0%,42%{opacity:0}44%,100%{opacity:1}}
@keyframes i02-c2{0%,52%{opacity:0}54%,100%{opacity:1}}
@keyframes i02-cnt{0%,43%{opacity:0;transform:scale(.4)}46%,100%{opacity:1;transform:none}}
@keyframes i02-btn{0%,56%{opacity:.35}60%,100%{opacity:1}}
@keyframes i02-lbl{0%,58%{opacity:1}62%,100%{opacity:0}}
@keyframes i02-chk{0%,62%{opacity:0;transform:scale(.5)}66%,100%{opacity:1;transform:none}}
@keyframes i02-slip{0%,68%{opacity:0;transform:none}70%{opacity:1;transform:none}80%{opacity:1;transform:translate(0,-188px)}83%,100%{opacity:0;transform:translate(0,-188px)}}
@keyframes i02-sup{0%,80%{opacity:0}83%,100%{opacity:1}}
@keyframes i02-re{0%,84%{opacity:1;transform:scaleX(.22)}88%,100%{opacity:1;transform:none}}

/* ==== 03 Site vitrine ==== */
.i03 *,.ill-anime .i03 *{animation-duration:var(--ill-loop,16s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i03 .i03-scroll{animation-name:i03-scroll!important}
.i03 .i03-i1{animation-name:i03-i1!important}.i03 .i03-i2{animation-name:i03-i2!important}.i03 .i03-i3{animation-name:i03-i3!important}
.i03 .i03-lbl{animation-name:i03-lbl!important}
.i03 .i03-chk{animation-name:i03-chk!important}
.i03 .i03-msg{animation-name:i03-msg!important;transform-box:fill-box;transform-origin:center}
.ill-fige .i03 *{animation:none!important}
@keyframes i03-scroll{0%,24%{transform:translate(0,340px)}30%,46%{transform:translate(0,190px)}52%,100%{transform:none}}
@keyframes i03-i1{0%,56%{opacity:0}60%,100%{opacity:1}}
@keyframes i03-i2{0%,62%{opacity:0}66%,100%{opacity:1}}
@keyframes i03-i3{0%,68%{opacity:0}72%,100%{opacity:1}}
@keyframes i03-lbl{0%,78%{opacity:1}82%,100%{opacity:0}}
@keyframes i03-chk{0%,81%{opacity:0}85%,100%{opacity:1}}
@keyframes i03-msg{0%,88%{opacity:0;transform:translate(0,14px) scale(.94)}93%,100%{opacity:1;transform:none}}

/* ==== 04 Refonte de site ==== */
.i04 *,.ill-anime .i04 *{animation-duration:var(--ill-loop,16s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i04 .i04-sw{animation-name:i04-sw!important;animation-timing-function:cubic-bezier(.5,.05,.5,.95)!important}
.i04 .i04-a1{animation-name:i04-a1!important}.i04 .i04-a2{animation-name:i04-a2!important}.i04 .i04-a3{animation-name:i04-a3!important}
.i04 .i04-b1{animation-name:i04-b1!important}.i04 .i04-b2{animation-name:i04-b2!important}.i04 .i04-b3{animation-name:i04-b3!important}
.i04 .i04-m{animation-name:i04-m!important}
.i04 .i04-mb{animation-name:i04-mb!important;transform-box:fill-box;transform-origin:bottom}
.i04 .i04-sw{transform-box:fill-box;transform-origin:center}
.ill-fige .i04 *{animation:none!important}
@keyframes i04-sw{0%,16%{opacity:0;transform:none}19%{opacity:1;transform:none}64%{opacity:1;transform:translate(0,254px)}68%,100%{opacity:0;transform:translate(0,254px)}}
@keyframes i04-a1{0%,20%{opacity:1}25%,100%{opacity:0}}
@keyframes i04-b1{0%,22%{opacity:0}27%,100%{opacity:1}}
@keyframes i04-a2{0%,28%{opacity:1}33%,100%{opacity:0}}
@keyframes i04-b2{0%,30%{opacity:0}35%,100%{opacity:1}}
@keyframes i04-a3{0%,49%{opacity:1}54%,100%{opacity:0}}
@keyframes i04-b3{0%,51%{opacity:0}56%,100%{opacity:1}}
@keyframes i04-m{0%,100%{opacity:1}}
@keyframes i04-mb{0%,36%{opacity:1;transform:scaleY(.18)}45%,100%{opacity:1;transform:none}}

/* ==== 05 Application mobile ==== */
.i05 *,.ill-anime .i05 *{animation-duration:var(--ill-loop,16s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i05 .i05-t1{animation-name:i05-t1!important}.i05 .i05-t2{animation-name:i05-t2!important}.i05 .i05-t3{animation-name:i05-t3!important}
.i05 .i05-c1{animation-name:i05-c1!important}.i05 .i05-c2{animation-name:i05-c2!important}.i05 .i05-c3{animation-name:i05-c3!important}
.i05 .i05-lbl{animation-name:i05-lbl!important}
.i05 .i05-chk{animation-name:i05-chk!important}
.i05 .i05-n1{animation-name:i05-n1!important}.i05 .i05-n2{animation-name:i05-n2!important}.i05 .i05-n3{animation-name:i05-n3!important}.i05 .i05-n4{animation-name:i05-n4!important}
.i05 .i05-pk{animation-name:i05-pk!important}
.i05 .i05-w1{animation-name:i05-w1!important}.i05 .i05-w2{animation-name:i05-w2!important}.i05 .i05-w3{animation-name:i05-w3!important}
.i05 .i05-sum{animation-name:i05-sum!important;transform-box:fill-box;transform-origin:left center}
.i05 .i05-sync{animation-name:i05-sync!important}
.i05 .i05-t1,.i05 .i05-t2,.i05 .i05-t3,.i05 .i05-pk,.i05 .i05-chk{transform-box:fill-box;transform-origin:center}
.ill-fige .i05 *{animation:none!important}
@keyframes i05-t1{0%,6%{opacity:0;transform:scale(.5)}9%{opacity:.9;transform:scale(1.6)}13%,100%{opacity:0;transform:scale(2)}}
@keyframes i05-t2{0%,16%{opacity:0;transform:scale(.5)}19%{opacity:.9;transform:scale(1.6)}23%,100%{opacity:0;transform:scale(2)}}
@keyframes i05-t3{0%,26%{opacity:0;transform:scale(.5)}29%{opacity:.9;transform:scale(1.6)}33%,100%{opacity:0;transform:scale(2)}}
@keyframes i05-c1{0%,9%{opacity:0}12%,100%{opacity:1}}
@keyframes i05-c2{0%,19%{opacity:0}22%,100%{opacity:1}}
@keyframes i05-c3{0%,29%{opacity:0}32%,100%{opacity:1}}
@keyframes i05-lbl{0%,36%{opacity:1}39%,100%{opacity:0}}
@keyframes i05-chk{0%,38%{opacity:0;transform:scale(.6)}42%,100%{opacity:1;transform:none}}
@keyframes i05-n1{0%,46%{opacity:0}48%,100%{opacity:1}}
@keyframes i05-n2{0%,48%{opacity:0}50%,100%{opacity:1}}
@keyframes i05-n3{0%,50%{opacity:0}52%,100%{opacity:1}}
@keyframes i05-n4{0%,52%{opacity:0}54%,100%{opacity:1}}
@keyframes i05-pk{0%,57%{opacity:0;transform:none}59%{opacity:1;transform:none}64%{opacity:1;transform:translate(138px,-137px)}67%,100%{opacity:0;transform:translate(138px,-137px)}}
@keyframes i05-w1{0%,66%{opacity:0}69%,100%{opacity:1}}
@keyframes i05-w2{0%,70%{opacity:0}73%,100%{opacity:1}}
@keyframes i05-w3{0%,74%{opacity:0}77%,100%{opacity:1}}
@keyframes i05-sum{0%,78%{opacity:1;transform:scaleX(.12)}84%,100%{opacity:1;transform:none}}
@keyframes i05-sync{0%,66%{opacity:0}70%,100%{opacity:1}}

/* ==== 06 Plateforme & SaaS ==== */
.i06 *,.ill-anime .i06 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i06 .i06-m1{animation-name:i06-m1!important}.i06 .i06-m2{animation-name:i06-m2!important}.i06 .i06-m3{animation-name:i06-m3!important}
.i06 .i06-bs{animation-name:i06-bs!important;transform-box:fill-box;transform-origin:left center}
.i06 .i06-s1{animation-name:i06-s1!important}.i06 .i06-s2{animation-name:i06-s2!important}.i06 .i06-s3{animation-name:i06-s3!important}
.i06 .i06-a1{animation-name:i06-a1!important;offset-path:path("M190 116 C204 116 208 132 216 140");offset-rotate:0deg}
.i06 .i06-a2{animation-name:i06-a2!important;offset-path:path("M190 298 C204 298 208 282 216 272");offset-rotate:0deg}
.i06 .i06-a3{animation-name:i06-a3!important;offset-path:path("M350 235 C336 226 332 206 312 206");offset-rotate:0deg}
.i06 .i06-l1{animation-name:i06-l1!important}.i06 .i06-l2{animation-name:i06-l2!important}.i06 .i06-l3{animation-name:i06-l3!important}
.i06 .i06-v1{animation-name:i06-v1!important}.i06 .i06-v2{animation-name:i06-v2!important}.i06 .i06-v3{animation-name:i06-v3!important}
.i06 .i06-lk{animation-name:i06-lk!important;transform-box:fill-box;transform-origin:bottom center}
.i06 .i06-s1,.i06 .i06-s2,.i06 .i06-s3{transform-box:fill-box;transform-origin:center}
.ill-fige .i06 *{animation:none!important}
@keyframes i06-m1{0%,2%{opacity:0}5%,100%{opacity:1}}
@keyframes i06-m2{0%,6%{opacity:0}9%,100%{opacity:1}}
@keyframes i06-m3{0%,10%{opacity:0}13%,100%{opacity:1}}
@keyframes i06-bs{0%,14%{opacity:0;transform:scaleX(.06)}16%{opacity:1;transform:scaleX(.06)}20%,100%{opacity:1;transform:none}}
@keyframes i06-s1{0%,17%{opacity:0;transform:scale(.9)}24%,100%{opacity:1;transform:none}}
@keyframes i06-s2{0%,25%{opacity:0;transform:scale(.9)}32%,100%{opacity:1;transform:none}}
@keyframes i06-s3{0%,33%{opacity:0;transform:scale(.9)}40%,100%{opacity:1;transform:none}}
@keyframes i06-l1{0%,17%{opacity:0}23%,100%{opacity:1}}
@keyframes i06-l2{0%,25%{opacity:0}31%,100%{opacity:1}}
@keyframes i06-l3{0%,33%{opacity:0}39%,100%{opacity:1}}
@keyframes i06-a1{0%,44%{opacity:0;offset-distance:0%}46%{opacity:1;offset-distance:0%}54%{opacity:1;offset-distance:100%}56%,100%{opacity:0;offset-distance:100%}}
@keyframes i06-a2{0%,54%{opacity:0;offset-distance:0%}56%{opacity:1;offset-distance:0%}64%{opacity:1;offset-distance:100%}66%,100%{opacity:0;offset-distance:100%}}
@keyframes i06-a3{0%,64%{opacity:0;offset-distance:0%}66%{opacity:1;offset-distance:0%}74%{opacity:1;offset-distance:100%}76%,100%{opacity:0;offset-distance:100%}}
@keyframes i06-v1{0%,54%{opacity:0}57%,100%{opacity:1}}
@keyframes i06-v2{0%,64%{opacity:0}67%,100%{opacity:1}}
@keyframes i06-v3{0%,74%{opacity:0}77%,100%{opacity:1}}
@keyframes i06-lk{0%,80%{opacity:0;transform:scale(.5)}84%,100%{opacity:1;transform:none}}
/* ==== 07 Automatisation ==== */
.i07 *,.ill-anime .i07 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i07 .i07-e1{animation-name:i07-e1!important}.i07 .i07-e2{animation-name:i07-e2!important}.i07 .i07-e3{animation-name:i07-e3!important}
.i07 .i07-e1,.i07 .i07-e2,.i07 .i07-e3{offset-path:path("M128 150 H420 V244");offset-rotate:0deg}
.i07 .i07-s1{animation-name:i07-s1!important}.i07 .i07-s2{animation-name:i07-s2!important}.i07 .i07-s3{animation-name:i07-s3!important}
.i07 .i07-r1{animation-name:i07-r1!important}.i07 .i07-r2{animation-name:i07-r2!important}.i07 .i07-r3{animation-name:i07-r3!important}
.i07 .i07-ac{animation-name:i07-ac!important;transform-box:fill-box;transform-origin:center}
.ill-fige .i07 *{animation:none!important}
@keyframes i07-e1{0%,10%{opacity:0;offset-distance:0%}12%{opacity:1;offset-distance:0%}17%,19%{opacity:1;offset-distance:18%}24%,26%{opacity:1;offset-distance:47%}31%,33%{opacity:1;offset-distance:76%}38%{opacity:1;offset-distance:100%}41%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-e2{0%,44%{opacity:0;offset-distance:0%}46%{opacity:1;offset-distance:0%}50%{opacity:1;offset-distance:18%}54%{opacity:1;offset-distance:47%}58%{opacity:1;offset-distance:76%}61%{opacity:1;offset-distance:100%}63%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-e3{0%,64%{opacity:0;offset-distance:0%}66%{opacity:1;offset-distance:0%}69%{opacity:1;offset-distance:18%}72%{opacity:1;offset-distance:47%}75%{opacity:1;offset-distance:76%}78%{opacity:1;offset-distance:100%}80%,100%{opacity:0;offset-distance:100%}}
@keyframes i07-s1{0%,18%{opacity:0}21%,100%{opacity:1}}
@keyframes i07-s2{0%,25%{opacity:0}28%,100%{opacity:1}}
@keyframes i07-s3{0%,32%{opacity:0}35%,100%{opacity:1}}
@keyframes i07-r1{0%,38%{opacity:0}41%,100%{opacity:1}}
@keyframes i07-r2{0%,61%{opacity:0}64%,100%{opacity:1}}
@keyframes i07-r3{0%,78%{opacity:0}81%,100%{opacity:1}}
@keyframes i07-ac{0%,84%{opacity:0;transform:scale(.5)}88%,100%{opacity:1;transform:none}}
/* ==== 08 Reprise de projet ==== */
.i08 *,.ill-anime .i08 *{animation-duration:var(--ill-loop,12s)!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.4,.02,.3,1)}
.i08 .i08-tk{animation-name:i08-tk!important;offset-path:path("M44 84 V340");offset-rotate:0deg}
.i08 .i08-o1{animation-name:i08-o1!important}.i08 .i08-o2{animation-name:i08-o2!important}.i08 .i08-o3{animation-name:i08-o3!important}
.i08 .i08-n1{animation-name:i08-n1!important}.i08 .i08-n2{animation-name:i08-n2!important}.i08 .i08-n3{animation-name:i08-n3!important}
.i08 .i08-c1{animation-name:i08-c1!important}.i08 .i08-c2{animation-name:i08-c2!important}.i08 .i08-c3{animation-name:i08-c3!important}
.i08 .i08-pg{animation-name:i08-pg!important;transform-box:fill-box;transform-origin:left center}
.i08 .i08-pl{animation-name:i08-pl!important;transform-box:fill-box;transform-origin:center}
.i08 .i08-bx{animation-name:i08-bx!important}.i08 .i08-bk{animation-name:i08-bk!important}
.ill-fige .i08 *{animation:none!important}
@keyframes i08-tk{0%,4%{opacity:0;offset-distance:0%}6%{opacity:1;offset-distance:0%}16%,32%{opacity:1;offset-distance:30%}38%,58%{opacity:1;offset-distance:66%}64%,88%{opacity:1;offset-distance:100%}92%,100%{opacity:0;offset-distance:100%}}
@keyframes i08-o1{0%,20%{opacity:1}23%,100%{opacity:0}}
@keyframes i08-o2{0%,24%{opacity:1}27%,100%{opacity:0}}
@keyframes i08-o3{0%,28%{opacity:1}31%,100%{opacity:0}}
@keyframes i08-n1{0%,21%{opacity:0}24%,100%{opacity:1}}
@keyframes i08-n2{0%,25%{opacity:0}28%,100%{opacity:1}}
@keyframes i08-n3{0%,29%{opacity:0}32%,100%{opacity:1}}
@keyframes i08-c1{0%,42%{opacity:0}45%,100%{opacity:1}}
@keyframes i08-c2{0%,48%{opacity:0}51%,100%{opacity:1}}
@keyframes i08-c3{0%,54%{opacity:0}57%,100%{opacity:1}}
@keyframes i08-pg{0%,66%{opacity:1;transform:scaleX(.02)}80%,100%{opacity:1;transform:none}}
@keyframes i08-pl{0%,82%{opacity:0;transform:scale(.4)}86%,100%{opacity:1;transform:none}}
@keyframes i08-bx{0%,86%{opacity:1}89%,100%{opacity:0}}
@keyframes i08-bk{0%,87%{opacity:0}90%,100%{opacity:1}}