.mobile-fixed-call,.mobile-theme-toggle{display:none}
.review-more{display:none}
.course-context-link{display:inline-block;margin-top:16px;font-weight:750;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.course-obtain{display:block}
@media(max-width:780px){
html[data-theme] .content-intro .content-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}
html[data-theme] .content-intro .content-actions .button{width:auto!important;min-width:0;min-height:44px;padding:8px 6px;font-size:10px;line-height:1.3;gap:3px;text-align:center;justify-content:center}
.content-intro .content-actions .button .icon{width:13px;height:13px}
html[data-theme] .content-intro>img{width:100%;height:auto;aspect-ratio:1;justify-self:stretch;object-fit:cover}
html[data-theme] #panel-youtube>.button{display:flex;width:fit-content;margin:16px auto 0;min-height:42px;padding:10px 14px}
html[data-theme] .content-grid{align-items:start;gap:16px}
html[data-theme] .content-grid .content-article{align-self:start;min-height:0;height:auto}
html[data-theme] .content-grid .content-article>a{height:auto!important;min-height:0}
html[data-theme] .content-grid .content-article>a>div{padding:16px;min-height:0}
.content-grid .content-article h3{font-size:21px;margin-bottom:10px}
.content-grid .content-article p{line-height:1.4;margin-bottom:12px}
.content-grid .article-card-tags{padding:0 14px 14px}
.content-grid .article-card-tags .article-tag{min-height:28px;font-size:10px;padding:4px 7px;font-weight:500}
.article-tag-discovery{gap:12px;margin-block:16px}
html[data-theme] .article-tag-cloud{gap:6px}
html[data-theme] .site-header{position:sticky!important;top:0;transition:transform .3s ease;will-change:transform;z-index:90!important}
html[data-theme] .site-header.mobile-header-hidden{transform:translateY(-105%)}
html[data-theme] .site-header .header-inner{grid-template-columns:minmax(0,1fr) 32px 32px!important}
html[data-theme] .site-header .brand-area{grid-column:1 / -1!important;grid-row:1!important}
html[data-theme] .site-header .brand{padding-right:80px;gap:6px}
html[data-theme] .site-header .menu-toggle{grid-column:3!important;grid-row:1!important;align-self:start;margin-top:4px;width:32px;height:32px;border-radius:12px}
html[data-theme] .site-header .mobile-theme-toggle{grid-column:2!important;grid-row:1!important;align-self:start;margin-top:4px;width:32px;height:32px;border-radius:12px;background:#ffdf30;color:#182868;border-color:#884b00}
html[data-theme] .site-header .theme-selector{right:40px;top:48px;flex-direction:column!important;gap:6px;padding:6px;border-radius:14px}
html[data-theme] .site-header .theme-selector.is-open{animation:sgi-theme-menu-in .22s ease both}
html[data-theme] .site-header .theme-swatch{width:32px;height:32px;border-radius:11px}
html[data-theme] .site-header .theme-swatch .icon{width:16px;height:16px}
html[data-theme] .site-header #site-navigation{display:flex!important;flex-direction:column;gap:6px;max-height:0;opacity:0;visibility:hidden;overflow:hidden;padding:0!important;border:0;transition:max-height .3s ease,opacity .22s ease,visibility .3s}
html[data-theme] .site-header #site-navigation.is-open{max-height:340px;opacity:1;visibility:visible;padding:8px 0!important}
.site-header #site-navigation>a{position:relative;isolation:isolate;overflow:hidden;min-height:48px;padding:13px 100px 13px 12px!important;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 84%,transparent)}
.site-header #site-navigation>a::before{content:'';position:absolute;inset:0 0 0 auto;width:100px;background-size:cover;background-position:center;opacity:.8;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.site-header #site-navigation>a[href="materiel.html"]::before{background-image:url('../images/services/reparation-pc-mac-v2.webp')}
.site-header #site-navigation>a[href="multimedia.html"]::before{background-image:url('../images/categorie-multimedia.jpg')}
.site-header #site-navigation>a[href="formation.html"]::before{background-image:url('../images/categorie-formation.jpg')}
.site-header #site-navigation>a[href="articles.html"]::before{background-image:url('../images/multimedia/v3/reseaux-sociaux-v3.webp')}
.site-header #site-navigation>a[href="catalogue.html"]::before{background-image:url('../images/services/boutique-informatique-v2.webp')}
html[data-theme] .mobile-fixed-call{width:max-content!important;max-width:calc(100vw - 24px);left:auto!important;right:12px!important;flex:none!important;font-size:11px;padding:9px 11px;min-height:0}
html[data-theme] .site-footer{padding-top:10px!important}
html[data-theme] .footer-grid.footer-compact.footer-four>.footer-explore{padding-top:4px;gap:12px}
.footer-four .footer-link-group{padding-top:0!important}
.footer-four .footer-link-group h4{margin-top:0;margin-bottom:7px;padding-bottom:6px}
main .page-intro{padding-top:22px;padding-bottom:18px}
main .page-intro h1{margin-bottom:14px}
main .intro-copy{font-size:16px;line-height:1.45;margin-bottom:0}
main .domain-feature{gap:18px;margin-bottom:24px}
main .section{padding-block:28px}
main .section-heading{margin-bottom:18px}
main .domain-feature p{margin-bottom:14px;line-height:1.5}
main .actions:has(>.button:nth-child(2)):not(:has(>.button:nth-child(3))){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
main .actions:has(>.button:nth-child(2)):not(:has(>.button:nth-child(3)))>.button{width:auto!important;min-width:0;min-height:44px;padding:9px 10px;gap:6px;font-size:12px;line-height:1.3;justify-content:center;text-align:center}
main .actions:has(>.button:nth-child(2)):not(:has(>.button:nth-child(3)))>.button .icon{width:16px;height:16px}
body[data-page=multimedia] .page-intro{padding-bottom:16px}
body[data-page=multimedia] .page-intro .intro-copy{margin-bottom:0}
body[data-page=multimedia] .multimedia-motion-feature{margin-top:0;gap:18px}
body[data-page=formation] main .service{min-height:0!important;padding:20px 18px}
body[data-page=formation] main .service h3{font-size:22px;line-height:1.25;min-height:0!important;padding-right:0;margin-bottom:12px}
body[data-page=formation] main .service p{font-size:14px;line-height:1.45;min-height:0!important;margin-bottom:14px}
body[data-page=formation] main .service .service-bottom{margin-top:0;padding-top:10px;gap:8px}
body[data-page=formation] main .service .service-bottom strong{font-size:20px}
body[data-page=formation] .service-grid{gap:12px}
body[data-page=formation] .section{padding-block:28px}
html{scroll-padding-top:125px}
html[data-theme] .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) 38px;width:calc(100% - 24px);gap:4px 8px;padding:8px 0;min-height:0;position:relative}
html[data-theme] .site-header .brand-area{grid-column:1;grid-row:1 / 3;width:100%;margin:0;min-width:0}
html[data-theme] .site-header .brand{gap:7px;display:flex;min-height:64px}
.site-header .brand-mascot{width:42px;height:42px}
.site-header .wordmark{font-size:32px}
html[data-theme] .site-header .brand-caption{font-size:10px;max-width:none;line-height:1.25;flex:1}
.site-header .brand-long{display:block;font-size:10px;margin-top:3px}
html[data-theme] .site-header .header-location{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;max-width:calc(100vw - 24px);width:calc(100vw - 24px);margin-top:4px;padding:0;font-size:9px;line-height:1.3;scrollbar-width:none}
.site-header .header-location::-webkit-scrollbar{display:none}
.site-header .header-location :is(.header-address,.header-hours){flex:none;white-space:nowrap;font-size:inherit;padding:2px 0}
.site-header .header-location .icon{width:11px;height:11px;margin-right:2px}
html[data-theme] .site-header .menu-toggle{grid-column:2;grid-row:1;width:36px;height:32px;margin:0;align-self:start}
.mobile-theme-toggle{display:grid;grid-column:2;grid-row:2;width:36px;height:32px;align-self:start}
html[data-theme] .site-header .theme-selector{position:absolute;right:0;top:74px;z-index:30;display:none;gap:8px;padding:8px;border:1px solid var(--line);background:var(--panel);box-shadow:0 8px 24px #0003;border-radius:8px}
html[data-theme] .site-header .theme-selector.is-open{display:flex}
.site-header .theme-swatch{width:40px;height:40px}
html[data-theme] .site-header .header-call{display:none}
html[data-theme] .site-header #site-navigation{grid-column:1 / -1;grid-row:3;width:100%;padding-top:6px;margin:0}
.mobile-fixed-call{display:flex;position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:110;align-items:center;gap:6px;padding:11px 13px;border:1px solid var(--control-edge);border-radius:30px;background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--ink);backdrop-filter:blur(12px);box-shadow:0 4px 18px #0003;font-size:12px;font-weight:800}
.mobile-fixed-call .icon{width:18px;height:18px}
.home-hero :is(.hero-name,.hero-address,.hero-hours,.hero-domains,.hero-content>.eyebrow){display:none!important}
.home-hero .hero-actions>a[href^="tel:"]{display:none}
.home-hero .hero-description{font-size:16px;line-height:1.4}
.home-hero .hero-actions{display:flex;margin-top:16px;gap:8px}
.home-hero .hero-actions .button{flex:0 0 auto!important;width:fit-content!important;min-height:40px;padding:9px 13px;font-size:12px;gap:10px}
.home-hero .hero-content{padding:24px 0 20px}
html[data-theme] .home-hero{min-height:0;padding-top:56.25vw;background:var(--panel)!important}
.home-hero .hero-description .hero-extra{display:none}
.home-hero .hero-art{height:56.25vw;bottom:auto;background-size:contain}
.home-hero .hero-video{width:100%;height:100%;object-fit:contain}
html[data-theme] .home-hero .hero-art::after{background:transparent!important}
.home-hero .hero-video-toggle{top:12px;bottom:auto;right:12px;width:32px;height:32px}
.home-hero h1{font-size:44px;margin-bottom:8px}
.home-hero .hero-slogan{font-size:23px;margin-bottom:10px}
.activities-motion{margin-block:12px}
.activities-motion video{cursor:pointer}
.google-reviews-grid,.google-reviews-grid.reviews-mosaic-ready{display:flex!important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:6px 2px 18px;grid-auto-rows:auto;align-items:flex-start;scrollbar-width:thin}
.google-reviews-grid .google-review{flex:0 0 86%;width:86%;min-width:0;margin:0;grid-row:auto!important;grid-column:auto!important;scroll-snap-align:start;padding:18px;min-height:0}
.google-review blockquote{font-size:14px;line-height:1.4;margin:12px 0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.google-review.review-expanded blockquote{display:block;overflow:visible}
.google-review .review-more{display:inline-flex;background:transparent;border:0;padding:5px 0;color:var(--ink);font:inherit;font-size:12px;font-weight:800;text-decoration:underline;position:relative;z-index:5}
.google-review .review-origin,.google-review>a{font-size:11px}
.google-review figcaption strong{font-size:15px}
.google-review-summary{gap:8px;font-size:12px}
.google-review-summary>strong{font-size:24px}
body[data-page=avis] .section{padding-block:24px}
body[data-page=avis] :is(.page-intro h1,.human-band h2){font-size:30px;line-height:1.2;text-wrap:balance}
body[data-page=avis] .actions,body[data-page=index] section:has(.google-reviews-grid)>.actions{display:flex;flex-wrap:nowrap;gap:6px}
body[data-page=avis] .actions .button,body[data-page=index] section:has(.google-reviews-grid)>.actions .button{flex:1;min-width:0;width:auto;font-size:10px;min-height:44px;padding:8px;gap:4px;justify-content:center;text-align:center}
body[data-page=avis] .actions .button .icon,body[data-page=index] section:has(.google-reviews-grid)>.actions .button .icon{width:14px;height:14px}
.contact-strip{padding-block:18px!important}
.contact-strip .wrap{display:flex;flex-direction:column;gap:12px}
.contact-strip .contact-motion-frame{margin:0;width:100%;max-width:320px;align-self:center}
.contact-strip h2{font-size:30px;margin-bottom:10px}
.contact-strip p{font-size:14px;line-height:1.4;margin-bottom:0}
.contact-strip .button{margin-top:0;align-self:flex-start;min-height:40px;padding:9px 14px}
.contact-strip .contact-video-toggle{top:20px;bottom:auto;right:20px;width:30px;height:30px}
html[data-theme] .footer-grid.footer-compact.footer-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100% - 24px)}
.footer-four>.footer-card{padding:14px 10px;border-radius:8px}
html[data-theme] .footer-grid.footer-compact.footer-four>.footer-card:nth-child(n){grid-column:auto;grid-row:auto}
.footer-four .footer-card h3{font-size:13px;margin-bottom:10px}
.footer-four .footer-card :is(p,a,address){font-size:10px;line-height:1.4}
.footer-four .footer-card .icon{width:13px;height:13px}
.footer-four .footer-brand{gap:6px!important}
.footer-four .footer-brand>img{width:36px;height:36px}
.footer-four .footer-brand .wordmark{font-size:27px}
.footer-four .footer-location .full-address{font-size:10px}
.footer-four .full-address span{white-space:normal}
html[data-theme] .footer-grid.footer-compact.footer-four>.footer-explore{grid-column:1 / -1!important;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.footer-four .footer-explore>h3{grid-column:1 / -1;justify-self:center;font-size:20px}
.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 h4{text-align:center;font-size:13px}
.footer-four .footer-link-group[data-footer-group=services] h4{grid-column:1 / -1}
html[data-theme] .footer-four .footer-link-group[data-footer-group=outils]{grid-column:auto;display:flex}
.footer-four .footer-link-group :is(a,button){white-space:normal;font-size:11px;padding:6px 0;gap:5px}
.site-footer{padding-bottom:76px}
.sgi-bot.sgi-bot-life:not(.sgi-bot-error){left:0!important}
.sgi-bot-life .sgi-bot-bubble{font-size:10px!important;padding:7px 8px!important}
.sgi-bot-life .sgi-bot-bubble-label{line-height:1.25!important}
}
@keyframes sgi-theme-menu-in{from{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:360px){html[data-theme] .site-header .header-location{font-size:8px;gap:4px}.site-header .header-location .icon{width:9px;height:9px}}
@media(prefers-reduced-motion:reduce){html[data-theme] .site-header,html[data-theme] .site-header #site-navigation{transition:none!important}.theme-selector.is-open{animation:none!important}}
@media(max-width:780px){
html[data-theme] .site-header :is(.menu-toggle,.mobile-theme-toggle){position:absolute!important;top:var(--mobile-tools-center,35px)!important;transform:translateY(-50%);margin:0!important;grid-area:auto!important;align-self:auto}
html[data-theme] .site-header .menu-toggle{right:0}
html[data-theme] .site-header .mobile-theme-toggle{right:40px}
html[data-theme] .site-header .theme-selector{right:auto!important;left:var(--mobile-theme-left,calc(100% - 78px))!important;top:var(--mobile-theme-top,60px)!important;padding:6px!important}
html[data-theme] body>a.mobile-fixed-call{position:fixed!important;inset:auto max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) auto!important;display:flex!important;width:max-content!important;max-width:calc(100vw - 24px)!important;margin:0!important;transform:none!important;box-sizing:border-box;z-index:110!important}
}