/* SGI : bulles lisibles, nuit paisible, pied de page relié par des circuits. */
.sgi-bot-bubble::before,.sgi-bot-bubble::after,.sgi-bot-bubble-tail{display:none!important;content:none!important}
.sgi-bot-life .sgi-bot-bubble{box-sizing:border-box;overflow:visible!important;height:auto!important;max-height:none!important;min-height:0;width:max-content!important;max-width:min(280px,calc(100vw - 24px))!important;display:flex!important;flex-wrap:wrap!important;align-items:center;gap:5px 8px;padding:10px 12px;line-height:1.5!important;white-space:normal!important;clip-path:none!important;mask:none!important}
.sgi-bot-life .sgi-bot-bubble-label{display:block!important;flex:1 1 100px;min-width:0;max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-clamp:unset!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere}.sgi-bot-life .sgi-bot-bubble-label span{display:inline!important}.sgi-bot-life .sgi-bot-stars{flex-basis:100%;padding-left:26px}.sgi-bot-life .sgi-bot-bubble-icon{flex:none;width:18px}.sgi-bot-life .sgi-bot-bubble-icon:empty{display:none}.sgi-bot-life .sgi-bot-bubble-label>span+span::before{content:' '}
.sgi-bot-life .sgi-bot-bubble-label,.sgi-bot-life .sgi-bot-stars{grid-column:auto!important;grid-row:auto!important}
.footer-grid.footer-compact.footer-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.footer-four .footer-card{padding:22px 18px;border:1px solid var(--control-edge);border-radius:14px;background:var(--panel);min-width:0}.footer-four .footer-card h3{font-size:17px;line-height:1.4;margin:0 0 16px;padding-bottom:9px;border-bottom:1px solid var(--control-edge)}.footer-four .footer-brand img{width:56px;height:56px}.footer-four .footer-brand .wordmark{font-size:34px}.footer-four .footer-card p,.footer-four .footer-card address{font-size:13px;line-height:1.7}.footer-four .footer-card a{font-size:13px;display:flex;align-items:center;gap:8px;padding-block:5px;overflow-wrap:anywhere}.footer-four .footer-card .icon{width:17px;height:17px;flex:none}.footer-four .footer-registration{font-size:12px}.footer-four .footer-explore{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 32px;padding-top:25px}.footer-four .footer-explore>h3{justify-self:center;width:max-content;min-width:160px;text-align:center;margin:0;padding-bottom:10px;border-bottom:2px solid var(--control-edge)}.footer-four .footer-link-group{display:flex;flex-direction:column;min-width:0;position:relative}.footer-four .footer-link-group h4{margin:0 0 12px;padding:0 0 10px;font-size:15px;border-bottom:1px solid var(--control-edge)}.footer-four .footer-link-group :is(a,button){display:flex;align-items:center;gap:8px;padding:7px 0 7px 20px;font-size:13px;line-height:1.4;margin:0;position:relative;z-index:1;white-space:nowrap;min-width:0}.footer-four .footer-link-group .icon{flex:none;width:16px;height:16px}.footer-four .footer-circuit-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;fill:none;overflow:visible}.footer-wire{stroke:var(--circuit-ink);stroke-width:1;opacity:.32;fill:none;vector-effect:non-scaling-stroke}.footer-wire-node{fill:var(--circuit-light);opacity:.65}
.circuit-track{opacity:.15;stroke-linejoin:round}.circuit-via{fill:none;stroke:var(--circuit-ink);stroke-width:1;opacity:.24}.circuit-pad{fill:var(--circuit-ink);opacity:.2}.circuit-chip{fill:var(--circuit-ink);fill-opacity:.04;stroke:var(--circuit-ink);stroke-opacity:.18;stroke-width:1}.circuit-chip-core{fill:none;stroke:var(--circuit-light);stroke-opacity:.2;stroke-width:1}.circuit-node{fill:var(--circuit-ink);opacity:.17}
@media(max-width:1100px){.footer-grid.footer-compact.footer-four{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-four .footer-explore{gap:32px 16px}.footer-four .footer-link-group :is(a,button){font-size:12px;gap:6px;padding-left:16px}}@media(max-width:850px){.footer-four .footer-explore{grid-template-columns:1fr}.footer-four .footer-link-group{padding-top:10px}.footer-four .footer-link-group :is(a,button){font-size:13px}.footer-four .footer-explore>h3{justify-self:start}.footer-four .footer-explore{gap:28px}}@media(max-width:560px){.footer-grid.footer-compact.footer-four{grid-template-columns:1fr}.footer-four .footer-card{padding:20px}.footer-four .footer-link-group :is(a,button){font-size:12px}}@media(prefers-reduced-motion:reduce){.circuit-pulse{display:none!important}}@media print{.footer-circuit-links,.sgi-circuit-texture{display:none}}
/* Compact footer: four information panels on the left, navigation on the right. */
.footer-grid.footer-compact.footer-four{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,3fr);gap:16px 22px;align-items:start}
.footer-four>.footer-identity{grid-column:1;grid-row:1}
.footer-four>.footer-social{grid-column:2;grid-row:1}
.footer-four>.footer-location{grid-column:1;grid-row:2}
.footer-four>.footer-contact{grid-column:2;grid-row:2}
.footer-four>.footer-card{padding:16px 14px;height:100%;border-radius:8px}
.footer-four>.footer-card h3{font-size:15px;margin-bottom:10px;padding-bottom:7px}
.footer-four>.footer-card p{margin-bottom:10px}
.footer-four>.footer-card :is(p,address,a){font-size:12px}
.footer-four>.footer-card a{padding-block:4px;gap:6px}
.footer-grid.footer-compact.footer-four>.footer-explore{grid-column:3;grid-row:1/span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px;padding-top:0}
.footer-grid.footer-compact.footer-four>.footer-explore>h3{justify-self:center}
.footer-four .footer-link-group h4{font-size:13px;margin-bottom:7px;padding-bottom:6px}
.footer-four .footer-link-group :is(a,button){white-space:normal;font-size:12px;line-height:1.4;padding:5px 0 5px 16px;gap:6px}
.footer-wire-node{display:none}
body[data-page=assistance] .assistance-service{--assistance-veil:#f4f5f9;position:relative;isolation:isolate;overflow:hidden;background:color-mix(in srgb,var(--panel) 65%,transparent);backdrop-filter:blur(5px);transition:transform .5s ease,box-shadow .5s ease}
body[data-page=assistance] .assistance-service:nth-child(3n+2){--assistance-veil:#fff0e6}
body[data-page=assistance] .assistance-service:nth-child(3n){--assistance-veil:#f8fafc}
html[data-theme=night] body[data-page=assistance] .assistance-service{--assistance-veil:#202f63}
html[data-theme=night] body[data-page=assistance] .assistance-service:nth-child(3n+2){--assistance-veil:#1c2858}
html[data-theme=orange] body[data-page=assistance] .assistance-service{--assistance-veil:#ffe5cd}
html[data-theme=orange] body[data-page=assistance] .assistance-service:nth-child(3n+2){--assistance-veil:#ffedb3}
body[data-page=assistance] .assistance-service .service-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;border-radius:0;mask-image:none;-webkit-mask-image:none;opacity:.9;z-index:0;pointer-events:none;transform:scale(1.10);transform-origin:center;transition:transform .8s ease}
body[data-page=assistance] .assistance-service::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--assistance-veil) 97%,transparent),color-mix(in srgb,var(--assistance-veil) 86%,transparent) 45%,color-mix(in srgb,var(--assistance-veil) 28%,transparent));z-index:1;pointer-events:none}
body[data-page=assistance] .assistance-service>:is(h3,p,.service-bottom){position:relative;z-index:2}
body[data-page=assistance] .assistance-service h3{font-size:24px;line-height:1.25;min-height:72px;padding-right:40px}
body[data-page=assistance] .assistance-service p{color:var(--ink);font-size:16px;line-height:1.55;font-weight:500;max-width:29ch}
html[data-theme=night] body[data-page=assistance] .assistance-service .sap-total{background:rgba(17,25,67,.78);border-color:#9bace080}
body[data-page=assistance] .assistance-service:is(:hover,:focus-within){transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff70,0 10px 24px color-mix(in srgb,var(--ink) 18%,transparent)}
body[data-page=assistance] .assistance-service:is(:hover,:focus-within) .service-visual{transform:translate(-4px,0) scale(1.14)}
body[data-page=assistance] .assistance-service:nth-child(6n+2):is(:hover,:focus-within) .service-visual{transform:translate(4px,0) scale(1.14)}
body[data-page=assistance] .assistance-service:nth-child(6n+3):is(:hover,:focus-within) .service-visual{transform:translate(0,-4px) scale(1.14)}
body[data-page=assistance] .assistance-service:nth-child(6n+4):is(:hover,:focus-within) .service-visual{transform:translate(0,4px) scale(1.14)}
body[data-page=assistance] .assistance-service:nth-child(6n+5):is(:hover,:focus-within) .service-visual{transform:translate(-3px,3px) rotate(-1deg) scale(1.14)}
body[data-page=assistance] .assistance-service:nth-child(6n):is(:hover,:focus-within) .service-visual{transform:translate(3px,-3px) rotate(1deg) scale(1.14)}
@media(prefers-reduced-motion:reduce){body[data-page=assistance] .assistance-service,body[data-page=assistance] .assistance-service .service-visual{transform:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){body[data-page=assistance] .assistance-service{background:var(--panel);backdrop-filter:none}body[data-page=assistance] .assistance-service .service-visual,body[data-page=assistance] .assistance-service::after{display:none}}
/* Distinct movements, with overscan on every full-card illustration. */
body:is([data-page=multimedia],[data-page=formation]) .service .service-visual{transform:scale(1.10);transform-origin:center}
body:is([data-page=multimedia],[data-page=formation]) main .service:is(:hover,:focus-within) .service-visual{transform:translate(-4px,0) scale(1.14)}
body:is([data-page=multimedia],[data-page=formation]) main .service:nth-child(6n+2):is(:hover,:focus-within) .service-visual{transform:translate(4px,0) scale(1.14)}
body:is([data-page=multimedia],[data-page=formation]) main .service:nth-child(6n+3):is(:hover,:focus-within) .service-visual{transform:translate(0,-4px) scale(1.14)}
body:is([data-page=multimedia],[data-page=formation]) main .service:nth-child(6n+4):is(:hover,:focus-within) .service-visual{transform:translate(0,4px) scale(1.14)}
body:is([data-page=multimedia],[data-page=formation]) main .service:nth-child(6n+5):is(:hover,:focus-within) .service-visual{transform:translate(-3px,3px) rotate(-1deg) scale(1.14)}
body:is([data-page=multimedia],[data-page=formation]) main .service:nth-child(6n):is(:hover,:focus-within) .service-visual{transform:translate(3px,-3px) rotate(1deg) scale(1.14)}
body[data-page=multimedia] .service .service-bottom strong{font-size:20px;line-height:1.35;font-weight:800;color:var(--ink)}
body[data-page=multimedia] main .fine-print{font-size:15px;line-height:1.65}
body[data-page=formation] .online-courses .content-article:nth-child(4n+1):hover img{transform:translate(-3px,0) scale(1.08)}
body[data-page=formation] .online-courses .content-article:nth-child(4n+2):hover img{transform:translate(3px,0) scale(1.08)}
body[data-page=formation] .online-courses .content-article:nth-child(4n+3):hover img{transform:translate(0,-3px) scale(1.08)}
body[data-page=formation] .online-courses .content-article:nth-child(4n):hover img{transform:translate(0,3px) scale(1.08)}
.footer-four .full-address span{display:block!important}.footer-four .footer-location address .full-address{display:block!important}.footer-four .full-address span:first-child{white-space:nowrap}.footer-four .full-address span+span{margin-top:0;text-wrap:balance}
.article-tag-cloud .article-tag{position:relative;isolation:isolate;overflow:hidden;background:var(--panel);padding:12px 14px;gap:8px}
.article-tag-cloud .article-tag>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0;opacity:.7;z-index:-2;transform:scale(1.08);transition:transform .6s ease}
.article-tag-cloud .article-tag:has(>img)::before{content:'';position:absolute;inset:0;background:color-mix(in srgb,var(--panel) 82%,transparent);z-index:-1;pointer-events:none}
.article-tag-cloud .article-tag:hover>img{transform:scale(1.13) translate(1px,-1px)}
.article-tag-cloud .article-tag .marker-youtube{display:none}
.article-tag-cloud .article-tag[aria-pressed=true]{color:var(--ink)!important;background:color-mix(in srgb,var(--panel) 86%,var(--nav-orange));border-color:var(--nav-orange);box-shadow:inset 0 0 0 1px var(--nav-orange)}
.article-tag[data-tag-category=materiel]{--tag-ink:#182868}
.article-tag[data-tag-category=multimedia]{--tag-ink:#884b00}
.article-tag[data-tag-category=formation]{--tag-ink:#68428a}
.article-tag[data-tag-category=securite]{--tag-ink:#933d57}
.article-tag[data-tag-category=autre]{--tag-ink:#111943}
html[data-theme=night] .article-tag[data-tag-category=materiel]{--tag-ink:#bcc9ef}
html[data-theme=night] .article-tag[data-tag-category=multimedia]{--tag-ink:#ffdf30}
html[data-theme=night] .article-tag[data-tag-category=formation]{--tag-ink:#dcc0ff}
html[data-theme=night] .article-tag[data-tag-category=securite]{--tag-ink:#ffb8d0}
html[data-theme=night] .article-tag[data-tag-category=autre]{--tag-ink:#d2dce5}
html[data-theme] .article-tag[data-tag-category]{color:var(--tag-ink)!important;border-color:var(--tag-ink);background-color:var(--panel)}
html[data-theme] .article-tag[data-tag-category] .article-tag-count{color:inherit;background:color-mix(in srgb,var(--tag-ink) 9%,var(--panel))}
html[data-theme] .article-tag[data-tag-category]:is(:hover,[aria-pressed=true]){color:var(--tag-ink)!important;border-color:var(--tag-ink);box-shadow:inset 0 0 0 1px var(--tag-ink),0 4px 12px color-mix(in srgb,var(--tag-ink) 18%,transparent)}
html[data-theme] .article-tag[data-tag-category]:focus-visible{outline-color:var(--tag-ink)}
@media(forced-colors:active){html[data-theme] .article-tag[data-tag-category]{color:ButtonText!important;border-color:ButtonText}html[data-theme] .article-tag[data-tag-category][aria-pressed=true]{color:HighlightText!important;background:Highlight}}
.footer-four .footer-location address .full-address{font-size:11px}.footer-four .full-address span+span{white-space:nowrap}
@media(min-width:1001px) and (max-width:1200px){.footer-grid.footer-compact.footer-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer-grid.footer-compact.footer-four>.footer-explore{grid-column:1/-1;grid-row:3;padding-left:0;padding-top:10px}}
@media(prefers-reduced-motion:reduce){body:is([data-page=multimedia],[data-page=formation]) main :is(.service-visual,.online-courses img),.article-tag-cloud .article-tag>img{transform:none!important;transition:none!important}}
/* Overscan keeps every edge covered while the material illustrations move. */
body[data-page=materiel] .service .service-visual{transform:scale(1.10);transform-origin:center}
body[data-page=materiel] main .service{--image-motion:translate(-3px,2px) rotate(-1deg) scale(1.14)}
body[data-page=materiel] main .service:nth-of-type(4n+2){--image-motion:translate(3px,-2px) rotate(1deg) scale(1.14)}
body[data-page=materiel] main .service:nth-of-type(4n+3){--image-motion:translate(-2px,-2px) scale(1.12)}
body[data-page=materiel] main .service:nth-of-type(4n){--image-motion:translate(0,3px) rotate(-1deg) scale(1.14)}
body[data-page=materiel] .service h3{font-size:24px;line-height:1.25;min-height:78px;padding-right:32px;margin-bottom:16px}
body[data-page=materiel] .service p{font-size:16px;line-height:1.55;font-weight:500;max-width:29ch;color:var(--ink)}
body[data-page=materiel] .service .service-bottom{margin-top:20px;gap:0}
body[data-page=materiel] .service .service-bottom strong{font-size:20px;line-height:1.3;font-weight:800;color:var(--ink);text-shadow:0 1px 8px color-mix(in srgb,var(--material-veil) 90%,transparent)}
body[data-page=materiel] .service::after{background:linear-gradient(90deg,color-mix(in srgb,var(--material-veil) 98%,transparent),color-mix(in srgb,var(--material-veil) 90%,transparent) 44%,color-mix(in srgb,var(--material-veil) 35%,transparent))}
.footer-four .full-address span{white-space:normal;text-wrap:balance}.activities-motion{margin-bottom:48px}.activities-motion video{display:block;width:100%;aspect-ratio:16/9;border-radius:8px;border:1px solid var(--control-edge)}
.article-tag-cloud .article-tag{max-width:230px;gap:8px;min-height:56px}.article-tag-cloud .article-tag>img{width:36px;height:36px;flex:none;object-fit:cover;border-radius:6px;opacity:.85}.article-tag-cloud .article-tag[data-tag-weight=large]>img{width:44px;height:44px}.article-tag-cloud .article-tag-count{font-size:inherit}
/* Theme-specific illustration treatments and full-frame service questions. */
html[data-theme=night] .sgi-page-background{filter:grayscale(1) sepia(1) hue-rotate(165deg) saturate(2) brightness(.75)}
html[data-theme=orange] .sgi-page-background{filter:grayscale(1) brightness(1.65)}
.footer-four>.footer-card{background:color-mix(in srgb,var(--panel) 68%,transparent);backdrop-filter:blur(5px);transition:transform .4s ease,box-shadow .4s ease,background .4s ease}
.footer-four>.footer-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px color-mix(in srgb,var(--control-edge) 30%,transparent)}
@media(min-width:1001px){.footer-grid.footer-compact.footer-four{column-gap:36px}.footer-grid.footer-compact.footer-four>.footer-explore{padding-left:8px}}
body[data-page=materiel] .material-faq .sap-question-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}
body[data-page=materiel] .material-faq .faq-visual-summary{position:static!important}
body[data-page=materiel] .material-faq .faq-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;mask-image:none!important;border-radius:0;opacity:.3;z-index:-1;transform:scale(1.12);transform-origin:center}
body[data-page=materiel] main .material-faq details:nth-of-type(n){--image-motion:translate(-2px,2px) rotate(-1deg) scale(1.16)}
body[data-page=materiel] main .material-faq details:nth-of-type(2n){--image-motion:translate(2px,-2px) rotate(1deg) scale(1.16)}
body[data-page=materiel] .material-faq .sap-question-card[open]{transform:scale(1.01);box-shadow:0 8px 24px color-mix(in srgb,var(--control-edge) 30%,transparent)}
body[data-page=outils] .utility-card{background:rgba(203,222,239,.65)!important;backdrop-filter:blur(5px)}
body[data-page=outils] .utility-card:nth-child(2n){background:rgba(244,206,173,.65)!important}
html[data-theme=orange] body[data-page=outils] .utility-card{background:rgba(255,241,196,.62)!important}
html[data-theme=orange] body[data-page=outils] .utility-card:nth-child(2n){background:rgba(255,223,193,.66)!important}
html[data-theme=night] body[data-page=outils] .utility-card{background:rgba(17,25,67,.7)!important}
html[data-theme=night] body[data-page=outils] .utility-card:nth-child(2n){background:rgba(17,25,67,.7)!important}
.contact-strip>.wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}
.contact-motion-frame{margin:0;grid-row:1/span 3;min-width:0;border:1px solid var(--control-edge);border-radius:8px;overflow:hidden}
.contact-motion-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.contact-strip>.wrap>.button{justify-self:start;max-width:100%}
html[data-theme] .contact-strip{background:var(--panel)!important;color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.contact-strip>.contact-background-video{display:none!important}
@media(forced-colors:active){html[data-theme] .contact-strip{background:Canvas!important;color:CanvasText}}
.contact-strip::before{display:none}
html[data-theme] .contact-strip :is(h2,p,.eyebrow){color:var(--ink);text-shadow:none}
@media(max-width:700px){.contact-strip>.wrap{grid-template-columns:1fr}.contact-motion-frame{grid-row:auto}}
@media(max-width:600px){.footer-four .footer-link-group:last-child{grid-column:auto;display:flex}.footer-four .footer-link-group[data-footer-group=services]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.footer-four .footer-link-group[data-footer-group=services] h4{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.footer-four>.footer-card:hover,body[data-page=materiel] .material-faq .sap-question-card[open]{transform:none}}
.circuit-chip,.circuit-chip-core,.circuit-node{display:none}
.sgi-circuit-texture .circuit-track{stroke-width:1.5;opacity:.09}
.sgi-circuit-texture .circuit-via,.sgi-circuit-texture .circuit-pad{opacity:.14}
.footer-circuit-links{display:none}
body[data-page=multimedia] .multimedia-motion-feature{display:flex;flex-direction:column;gap:24px}
body[data-page=multimedia] .multimedia-intro-motion,.formation-intro-motion video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:var(--panel)}
.formation-intro-motion{margin-bottom:24px}
.sgi-motion-section{margin-block:20px 28px}
.sgi-motion-section video,.sgi-motion-feature>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
.sgi-motion-feature{display:flex;flex-direction:column;gap:24px}
.sgi-motion-feature>div{width:100%;max-width:850px;align-self:center}
@media(max-width:780px){.sgi-motion-section{margin-block:12px 20px}.sgi-motion-feature{gap:18px}}
.site-footer :is(a,button)>.icon{transition:color .3s ease,filter .3s ease}
html[data-theme=white] .site-footer :is(a,button):is(:hover,:focus-visible)>.icon{color:#ffa51a;filter:drop-shadow(0 0 3px #ffa51a25)}
html[data-theme=night] .site-footer :is(a,button):is(:hover,:focus-visible)>.icon{color:#ffdf30;filter:drop-shadow(0 0 3px #ffdf3035)}
html[data-theme=orange] .site-footer :is(a,button):is(:hover,:focus-visible)>.icon{color:#ffffff;filter:drop-shadow(0 1px 1px #18286880)}
@media(prefers-reduced-motion:reduce){.site-footer :is(a,button)>.icon{transition:none}}
@media(forced-colors:active){html[data-theme] .site-footer :is(a,button):is(:hover,:focus-visible)>.icon{color:LinkText;filter:none}}
html[data-theme=night] .footer-four>.footer-card:nth-child(n){background:color-mix(in srgb,#2c407a 87%,transparent);border-color:#8191bf}
.footer-four :is(.footer-social,.footer-location,.footer-contact)>h3{border-bottom:2px solid #ffa51a;padding-bottom:8px}
html[data-theme] main :is(.full-visual-tile,.full-question-tile){--full-ink:#182868;position:relative;isolation:isolate;overflow:hidden;background:var(--panel);color:var(--full-ink);border-radius:8px}
html[data-theme=night] main :is(.full-visual-tile,.full-question-tile){--full-ink:#f4f5f9}
html[data-theme] main :is(.full-visual-tile,.full-question-tile)>.tile-background-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;border-radius:0;mask-image:none;-webkit-mask-image:none;opacity:.85;z-index:0;pointer-events:none;transform:scale(1.12);transition:transform .8s ease}
html[data-theme] main :is(.full-visual-tile,.full-question-tile)::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel) 87%,transparent) 55%,color-mix(in srgb,var(--panel) 35%,transparent));z-index:1;pointer-events:none}
html[data-theme] main :is(.full-visual-tile,.full-question-tile)::after{display:none}
html[data-theme] main :is(.full-visual-tile,.full-question-tile)>:not(.tile-background-visual){position:relative;z-index:2;color:var(--full-ink)}
html[data-theme] main .full-visual-tile>:is(h2,h3){padding-right:0;min-height:0;margin-bottom:16px;font-size:24px;line-height:1.3}
html[data-theme] main .full-visual-tile p{color:var(--full-ink);font-size:16px;line-height:1.5}
html[data-theme] main .full-question-tile>summary{position:relative;padding-right:24px;min-height:76px;font-size:21px;line-height:1.35;color:var(--full-ink)}
html[data-theme] main .full-question-tile :is(p,.faq-answer){color:var(--full-ink)}
html[data-theme] main .full-question-tile>summary{position:static!important}
html[data-theme] main .full-question-tile>summary>span{position:relative;z-index:2}
html[data-theme] main .full-question-tile .tile-background-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;mask-image:none;-webkit-mask-image:none;opacity:.85;z-index:0;pointer-events:none;transform:scale(1.12);transition:transform .8s ease}
html[data-theme] main .full-question-tile:is(:hover,:focus-within) .tile-background-visual{transform:translateX(-3px) scale(1.16)}
html[data-theme] main :is(.full-visual-tile,.full-question-tile):is(:hover,:focus-within)>.tile-background-visual{transform:translateX(-3px) scale(1.16)}
html[data-theme] main :is(.full-visual-tile,.full-question-tile):nth-child(even):is(:hover,:focus-within)>.tile-background-visual{transform:translateY(3px) rotate(1deg) scale(1.16)}
@media(max-width:780px){html[data-theme] main .full-visual-tile{min-height:0;padding:20px 18px}html[data-theme] main .full-question-tile>summary{font-size:19px;min-height:64px}}
@media(prefers-reduced-motion:reduce){html[data-theme] main .tile-background-visual{transform:none!important;transition:none!important}}
@media(forced-colors:active),(prefers-reduced-transparency:reduce){html[data-theme] main .tile-background-visual,html[data-theme] main :is(.full-visual-tile,.full-question-tile)::before{display:none}}
html[data-theme=white] .footer-four>.footer-card{background:color-mix(in srgb,#dcecf7 88%,transparent);border-color:#4164bc;box-shadow:inset 0 1px 0 #fff9,0 3px 10px #18286814}
html[data-theme=white] .footer-four>.footer-card:nth-child(even){background:color-mix(in srgb,#fff1c4 88%,transparent);border-color:#ffa51a}
html[data-theme=night] .footer-four>.footer-card{background:color-mix(in srgb,#2c407a 87%,transparent);border-color:#8191bf;box-shadow:inset 0 1px 0 #bcc9ef25,0 3px 12px #0002}
html[data-theme=night] .footer-four>.footer-card:nth-child(even){background:color-mix(in srgb,#2c407a 87%,transparent);border-color:#8191bf}
html[data-theme] .article-tag-cloud .article-tag{min-height:32px;max-width:160px;padding:6px 10px;gap:5px;border-radius:42% 38% 44% 36% / 48% 44% 46% 42%;font-size:12px;font-weight:500;line-height:1.25}
html[data-theme] .article-tag-cloud .article-tag[data-tag-weight=large]{font-size:14px;font-weight:550}
html[data-theme] .article-tag-cloud .article-tag[data-tag-weight=medium]{font-size:13px;font-weight:500}
html[data-theme] .article-tag-cloud .article-tag-count{font-size:inherit;font-weight:inherit;min-width:0;padding:2px 4px}
html[data-theme] .article-tag-cloud .article-tag-label{max-width:15ch;line-height:1.25}
html[data-theme=orange] .site-header{border-bottom:2px solid #ffffff!important}
html[data-theme=night] body[data-page=materiel] main .service:nth-child(n){--ink:#f4f5f9;--muted:#d8e8f3;--nav-blue:#bcc9ef;--nav-orange:#ffdf30;color:var(--ink)}
html[data-theme=night] body[data-page=materiel] main .service :is(h3,p){color:#f4f5f9!important}
html[data-theme=night] body[data-page=materiel] main .service .service-bottom strong{color:#ffdf30!important}
html[data-theme]{--tile-aura:#4164bc38;--tile-aura-near:#18286820}
html[data-theme=night]{--tile-aura:#bcc9ef45;--tile-aura-near:#bcc9ef20}
html[data-theme=orange]{--tile-aura:#fff6e878;--tile-aura-near:#884b0030}
html[data-theme] main :is(.related-service-tile,.service-detail-tile){clip-path:none!important}
html[data-theme] :is(main,.site-footer) :is(.category,.service,.payment,.google-review,.content-article,.product-card,.video-choice,.utility-card,.resource-card,.secret-card,.service-card,.footer-card,.pack-grid>article,.faq-question-grid>details,.material-faq details,.service-faq details,.sap-question-card){transition:box-shadow .45s ease,transform .5s ease,background-color .45s ease,border-color .45s ease}
html[data-theme] :is(main,.site-footer) :is(.category,.service,.payment,.google-review,.content-article,.product-card,.video-choice,.utility-card,.resource-card,.secret-card,.service-card,.footer-card,.pack-grid>article,.faq-question-grid>details,.material-faq details,.service-faq details,.sap-question-card):is(:hover,:focus-visible,:focus-within){box-shadow:inset 0 1px 0 #ffffff55,0 5px 10px var(--tile-aura-near),0 14px 28px var(--tile-aura)!important}
@media(prefers-reduced-motion:reduce){html[data-theme] :is(main,.site-footer) :is(.category,.service,.payment,.google-review,.content-article,.product-card,.video-choice,.utility-card,.resource-card,.secret-card,.service-card,.footer-card,.pack-grid>article,.faq-question-grid>details,.material-faq details,.service-faq details,.sap-question-card){transition:none!important}}
@media(forced-colors:active){html[data-theme] :is(main,.site-footer) :is(.category,.service,.payment,.google-review,.content-article,.product-card,.video-choice,.utility-card,.resource-card,.secret-card,.service-card,.footer-card,.pack-grid>article,.faq-question-grid>details,.material-faq details,.service-faq details,.sap-question-card):is(:hover,:focus-visible,:focus-within){box-shadow:none!important;outline:2px solid Highlight;outline-offset:2px}}
html[data-theme] main .related-service-tile{position:relative;isolation:isolate;contain:paint;overflow:hidden;clip-path:inset(0 round 8px);border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:26px;min-height:330px;backdrop-filter:blur(3px);transition:transform .5s ease,box-shadow .5s ease}
html[data-theme] main .related-service-tile .related-service-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;border-radius:0;mask-image:none;-webkit-mask-image:none;opacity:.85;z-index:0;pointer-events:none;transform:scale(1.10);transition:transform .8s ease}
html[data-theme] main .related-service-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--panel) 86%,transparent) 55%,color-mix(in srgb,var(--panel) 35%,transparent));z-index:1;pointer-events:none}
main .related-service-tile>:not(.related-service-visual){position:relative;z-index:2}
main .related-service-tile>h3{font-size:24px;line-height:1.3;min-height:0;padding-right:0;margin-bottom:18px}
main .related-service-tile>p{color:var(--ink);font-size:16px;line-height:1.6}
main .related-service-tile .service-bottom{margin-top:auto;padding-top:20px}
html[data-theme] main .related-service-tile:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 17%,transparent)}
html[data-theme] main .related-service-tile:is(:hover,:focus-visible) .related-service-visual{transform:translateX(-3px) scale(1.14)}
html[data-theme] main .related-service-tile:nth-child(4n+2):is(:hover,:focus-visible) .related-service-visual{transform:translateY(-3px) scale(1.14)}
html[data-theme] main .related-service-tile:nth-child(4n+3):is(:hover,:focus-visible) .related-service-visual{transform:translateX(3px) rotate(-1deg) scale(1.14)}
html[data-theme] main .related-service-tile:nth-child(4n):is(:hover,:focus-visible) .related-service-visual{transform:translateY(3px) rotate(1deg) scale(1.14)}
@media(prefers-reduced-motion:reduce){html[data-theme] main .related-service-tile,html[data-theme] main .related-service-tile .related-service-visual{transform:none!important;transition:none!important}}
@media(forced-colors:active),(prefers-reduced-transparency:reduce){html[data-theme] main .related-service-visual,html[data-theme] main .related-service-tile::before{display:none}}
html[data-theme] .multimedia-service-page .service-detail-tile{min-height:280px;background:var(--panel);transition:transform .5s ease,box-shadow .5s ease}
.multimedia-service-page .service-detail-tile .service-detail-visual{inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;mask-image:none;-webkit-mask-image:none;opacity:.85;z-index:-2;transform:scale(1.10);transition:transform .8s ease;border-radius:0}
.multimedia-service-page .service-detail-tile:has(.service-detail-visual)::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--panel) 86%,transparent) 55%,color-mix(in srgb,var(--panel) 35%,transparent));z-index:-1;pointer-events:none}
.multimedia-service-page .service-detail-tile>h2{min-height:0;padding-right:0;margin-bottom:18px;font-size:24px;line-height:1.3}
.multimedia-service-page .web-format-card{position:relative;isolation:isolate;overflow:hidden}
.multimedia-service-page .web-format-heading{display:block;position:relative;margin-bottom:18px}
.multimedia-service-page .web-format-heading h3{font-size:24px;line-height:1.3;min-height:0}
.multimedia-service-page .service-detail-tile>p{max-width:38ch;color:var(--ink);font-size:16px;line-height:1.6}
html[data-theme] .multimedia-service-page .service-detail-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 17%,transparent)}
.multimedia-service-page .service-detail-tile:hover .service-detail-visual{transform:translateX(-3px) scale(1.14)}
.multimedia-service-page .service-detail-tile:nth-child(5n+2):hover .service-detail-visual{transform:translateY(-3px) scale(1.14)}
.multimedia-service-page .service-detail-tile:nth-child(5n+3):hover .service-detail-visual{transform:translateX(3px) scale(1.14)}
.multimedia-service-page .service-detail-tile:nth-child(5n+4):hover .service-detail-visual{transform:translateY(3px) rotate(-1deg) scale(1.14)}
.multimedia-service-page .service-detail-tile:nth-child(5n):hover .service-detail-visual{transform:translate(2px,-2px) rotate(1deg) scale(1.14)}
html[data-theme] .multimedia-service-page .service-detail-tile{contain:paint;isolation:isolate;position:relative;overflow:hidden;clip-path:inset(0 round 8px)}
.multimedia-service-page .service-detail-tile .service-detail-visual{z-index:0;pointer-events:none}
.multimedia-service-page .service-detail-tile:has(.service-detail-visual)::before{z-index:1}
.multimedia-service-page .service-detail-tile>:not(.service-detail-visual){position:relative;z-index:2}
body[data-page=montage-video] .service-detail-grid{align-items:stretch}
body[data-page=montage-video] .service-detail-tile{min-height:300px}
body[data-page=montage-video] .service-detail-grid:first-of-type .service-detail-tile:nth-child(3){grid-column:1 / -1;min-height:240px}
body[data-page=montage-video] .service-detail-tile .service-detail-visual{object-position:right center}
body[data-page=montage-video] .service-detail-tile>p{max-width:46ch}
body[data-page=montage-video] .montage-related-tile{border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(3px);padding:26px;min-height:330px}
body[data-page=montage-video] .montage-related-tile>h3{font-size:24px;line-height:1.3;min-height:0;padding-right:0;margin-bottom:18px}
body[data-page=montage-video] .montage-related-tile .service-bottom{margin-top:auto;padding-top:20px}
@media(prefers-reduced-motion:reduce){html[data-theme] .multimedia-service-page .service-detail-tile,.multimedia-service-page .service-detail-visual{transform:none!important;transition:none!important}}
@media(forced-colors:active),(prefers-reduced-transparency:reduce){.multimedia-service-page .service-detail-visual,.multimedia-service-page .service-detail-tile::before{display:none}}
html[data-theme] body[data-page=chanson-personnalisee] .song-full-tile{--song-veil:var(--panel);min-height:280px;position:relative;isolation:isolate;overflow:hidden;background:var(--panel);transition:transform .5s ease,box-shadow .5s ease}
body[data-page=chanson-personnalisee] .song-full-tile .service-detail-visual{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none;opacity:.85;z-index:-2;transform:scale(1.10);transition:transform .8s ease;border-radius:0}
body[data-page=chanson-personnalisee] .song-full-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--song-veil) 95%,transparent),color-mix(in srgb,var(--song-veil) 86%,transparent) 55%,color-mix(in srgb,var(--song-veil) 35%,transparent));z-index:-1;pointer-events:none}
body[data-page=chanson-personnalisee] .song-full-tile>h2{min-height:0;padding-right:0;margin-bottom:18px;font-size:24px;line-height:1.3}
body[data-page=chanson-personnalisee] .song-full-tile>p{max-width:38ch;color:var(--ink);font-size:16px;line-height:1.6}
html[data-theme] body[data-page=chanson-personnalisee] .song-full-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 17%,transparent)}
body[data-page=chanson-personnalisee] .song-full-tile:hover .service-detail-visual{transform:translateX(-3px) scale(1.14)}
body[data-page=chanson-personnalisee] .song-full-tile:nth-child(2):hover .service-detail-visual{transform:translateY(-3px) scale(1.14)}
body[data-page=chanson-personnalisee] .song-full-tile:nth-child(3):hover .service-detail-visual{transform:translateX(3px) scale(1.14)}
body[data-page=chanson-personnalisee] .song-full-tile:nth-child(4):hover .service-detail-visual{transform:translateY(3px) rotate(-1deg) scale(1.14)}
body[data-page=chanson-personnalisee] .song-full-tile:nth-child(5):hover .service-detail-visual{transform:translate(2px,-2px) rotate(1deg) scale(1.14)}
@media(prefers-reduced-motion:reduce){html[data-theme] body[data-page=chanson-personnalisee] .song-full-tile,body[data-page=chanson-personnalisee] .song-full-tile .service-detail-visual{transform:none!important;transition:none!important}}
@media(forced-colors:active),(prefers-reduced-transparency:reduce){body[data-page=chanson-personnalisee] .song-full-tile .service-detail-visual,body[data-page=chanson-personnalisee] .song-full-tile::before{display:none}}
body[data-page=multimedia] .multimedia-motion-feature>div{width:100%;max-width:850px;align-self:center}
.sgi-circuit-texture .circuit-pulse{stroke-width:1.8;stroke-dasharray:3 97;filter:drop-shadow(0 0 1px var(--circuit-light))}
@keyframes sgi-circuit-flow{0%{stroke-dashoffset:100;opacity:0}1%{opacity:.28}3%{stroke-dashoffset:0;opacity:.28}4%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:1000px){.footer-grid.footer-compact.footer-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer-grid.footer-compact.footer-four>.footer-explore{grid-column:1/-1;grid-row:3;padding-top:10px}}
@media(max-width:600px){.footer-grid.footer-compact.footer-four{grid-template-columns:minmax(0,1fr)}.footer-four>.footer-card:nth-child(n){grid-column:1;grid-row:auto}.footer-grid.footer-compact.footer-four>.footer-explore{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.footer-four .footer-link-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.footer-four .footer-link-group:last-child h4{grid-column:1/-1}}