/* page-fille : repris de microsoft-365-office-365-entreprise.html, adapté au balisage WordPress */
.f-app-pi,.f-situ-pi,.f-astuce-pi{flex:none;width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:linear-gradient(160deg,#fff 0%,#eef6fb 100%);border:1px solid var(--filet);box-shadow:0 1px 0 #fff inset,0 10px 20px -14px rgba(10,34,64,.55)}
.f-app-pi svg,.f-situ-pi svg,.f-astuce-pi svg{width:27px;height:27px}
.f-definition-sec{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.f-def-grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,5vw,72px);align-items:start}
.f-definition-sec h2{margin-bottom:22px}
.f-definition-sec p{color:var(--gris)}
.f-def{margin:0 0 20px;padding:26px 28px;border-radius:8px;background:var(--glace);border:1px solid var(--filet);position:relative}
.f-def > p:first-child{display:inline-block;margin-bottom:12px;padding:5px 10px;border-radius:8px;background:var(--marine);color:#fff;font:700 .78rem/1.2 var(--titre)}
.f-def > p{margin:0;color:var(--encre);font-size:1.02rem;line-height:1.65}
.f-def strong{font-style:normal;font-weight:700;color:var(--bleu)}
.f-apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.f-apps > *{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid var(--filet);background:#fff;transition:border-color .2s,transform .2s}
.f-apps > :hover{border-color:rgba(0,144,192,.45);transform:translateY(-2px)}
.f-app-pi{grid-row:1 / span 2}
.f-apps > * > p:first-of-type{font:700 .92rem/1.2 var(--titre)}
.f-apps > * > p + p{font-size:.78rem;color:var(--gris)}
.f-apps > :hover .pd .lignes path{animation:trace-inverse 1s ease-out}
.f-apps > :hover .pd .cellule{animation:clignote .8s ease-in-out 2}
.f-apps > :hover .pd .barres rect{transform-origin:bottom;animation:pousse .9s cubic-bezier(.3,1.4,.5,1)}
.f-apps > :hover .pd .led{animation:clignote .6s ease-in-out 3}
.f-apps > :hover .pd .tete,.f-apps > :hover .pd .bulle-eq{animation:monte .8s ease-in-out}
.f-apps > :hover .pd .liens path{animation:trace-inverse 1s ease-out}
.f-apps > :hover .pd .notif{animation:tampon .6s cubic-bezier(.3,1.6,.5,1)}
.pd .liens path{stroke-dasharray:1}
.f-offres{background:var(--glace);padding-block:clamp(64px,8vw,104px)!important}
.f-offres-tete{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:28px}
.f-offres-tete p{margin:0;color:var(--gris)}
.f-tableau-cadre{border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--filet);box-shadow:0 30px 60px -44px rgba(10,34,64,.55)}
.wp-block-table.f-tableau table{width:100%;border-collapse:collapse;font-size:.96rem}
.wp-block-table.f-tableau thead th{padding:16px 22px;text-align:left;font:700 .85rem/1.2 var(--titre);color:#fff;background:var(--marine)}
.wp-block-table.f-tableau td,.wp-block-table.f-tableau tbody th{padding:20px 22px;vertical-align:top;border-top:1px solid var(--filet);text-align:left;line-height:1.55}
.wp-block-table.f-tableau td{color:var(--gris)}
.wp-block-table.f-tableau tbody tr:hover{background:#f7fbfe}
.wp-block-table.f-tableau tbody th{width:22%}
.wp-block-table.f-tableau tbody th strong{display:inline-block;padding:7px 12px;border-radius:8px;font:700 .95rem/1.2 var(--titre);color:var(--bleu);background:var(--glace)}
.wp-block-table.f-tableau tbody th:has(em) strong{color:#fff;background:linear-gradient(140deg,var(--cyan),var(--bleu))}
.f-astuce{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 22px;border-radius:8px;background:#fff;border:1px dashed rgba(0,144,192,.45)}
.f-astuce p{margin:0;color:var(--encre)}
.f-deploiement{background:linear-gradient(160deg,var(--marine) 0%,var(--nuit) 100%);color:#fff;padding-block:clamp(64px,8vw,104px)!important}
.f-deploiement-tete{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:32px}
.f-deploiement h2{color:#fff}
.f-deploiement-tete p{margin:0;color:#c3d6e7}
.f-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.f-module{position:relative;padding:28px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .25s,border-color .25s,transform .25s}
.f-module:hover{background:rgba(79,195,234,.08);border-color:rgba(79,195,234,.35);transform:translateY(-3px)}
.f-module-pi{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;margin-bottom:18px;color:var(--cyan-clair);background:linear-gradient(150deg,rgba(79,195,234,.16),rgba(16,80,143,.25));border:1px solid rgba(79,195,234,.3)}
.f-module-pi svg{width:34px;height:34px}
.f-module h3{font-size:1.2rem;margin-bottom:10px;color:#fff}
.f-module p{margin:0;color:#c3d6e7;font-size:.96rem;line-height:1.65}
.f-module:hover .pd .sceau{animation:tampon .8s cubic-bezier(.3,1.6,.5,1)}
.f-module:hover .pd .transfert{animation:glisse 1.2s ease-in-out infinite}
.f-module:hover .pd .coche{animation:trace-boucle 1.4s ease-in-out infinite}
.f-module:hover .pd .micro{animation:pulse-n .9s ease-in-out infinite}
.f-situations{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.f-situ-grille{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,72px);align-items:start}
.f-situations h2{margin-bottom:22px}
.f-situations .revele > p{color:var(--gris)}
.f-diagnostic{padding:clamp(22px,2.6vw,32px);border-radius:8px;background:var(--glace);border:1px solid var(--filet)}
.f-diag-titre{display:block;font:700 1.12rem/1.3 var(--titre);margin-bottom:4px}
.f-diag-aide{margin:0 0 16px;font-size:.88rem;color:var(--gris)}
.f-situs{display:grid;gap:10px}
.f-situ{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:8px;background:#fff;border:1.5px solid var(--filet);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.f-situ input{position:absolute;opacity:0}
.f-situ-case{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid #b9cddd;background:#fff;transition:background .2s,border-color .2s}
.f-situ:has(input:checked){border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,144,192,.12)}
.f-situ:has(input:checked) .f-situ-case{border-color:var(--cyan);background:var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.4 2.4 5.2-5.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.f-situ:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}
.f-situ-txt p:first-child{display:block;font:700 .95rem/1.3 var(--titre)}
.f-situ-txt p + p{display:block;margin-top:3px;font-size:.84rem;color:var(--gris);line-height:1.45}
.f-situ:hover .pd .alerte-b,.f-situ:has(input:checked) .pd .alerte-b{animation:clignote .8s ease-in-out 3}
.f-situ:hover .pd .notif{animation:tampon .6s cubic-bezier(.3,1.6,.5,1)}
.f-situ:hover .pd .cle-usb{animation:monte .8s ease-in-out}
.f-situ:hover .pd .sceau{animation:tampon .6s cubic-bezier(.3,1.6,.5,1)}
.f-situ:hover .pd .plus{animation:pulse-n .8s ease-in-out}
.f-diag-resultat{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding:16px 18px;border-radius:8px;background:var(--marine);color:#fff;animation:entre .35s ease}
.f-diag-compte{font:600 .95rem/1.4 var(--titre)}
.f-etapes{background:var(--glace);padding-block:clamp(64px,8vw,104px)!important}
.f-etapes h2{margin-bottom:12px}
.f-etapes-tete > p{color:var(--gris);margin-bottom:36px}
.f-trois{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.f-trois::before{content:"";position:absolute;top:32px;left:16%;right:16%;height:2px;background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 16px);opacity:.5}
.f-trois li{position:relative;text-align:center;padding:0 12px}
.f-trois-num{position:relative;width:64px;height:64px;margin:0 auto 18px;border-radius:8px;display:grid;place-items:center;font:800 1.5rem/1 var(--titre);color:#fff;background:linear-gradient(140deg,var(--cyan),var(--bleu));box-shadow:0 0 0 8px var(--glace),0 16px 30px -16px rgba(10,34,64,.6)}
.f-trois h3{font-size:1.2rem;margin-bottom:10px}
.f-trois p{margin:0;color:var(--gris);font-size:.97rem}
.f-appel{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.f-appel-carte{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,52px);border-radius:8px;color:#fff;background:radial-gradient(80% 120% at 100% 0%,rgba(0,144,192,.5),transparent 60%),linear-gradient(140deg,var(--marine-2),var(--nuit));box-shadow:0 50px 90px -50px rgba(6,21,40,.8)}
.f-appel h2{color:#fff;margin-bottom:14px}
.f-appel p{color:#c3d6e7}
.f-appel-ras{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem;color:#e3eef7}
.f-appel-ras li{display:flex;align-items:center;gap:8px}
.f-appel-ras li::before{width:18px;height:18px;color:var(--cyan-clair)}
.f-appel-actions{display:grid;gap:12px}
.f-appel-actions .wp-block-button__link{justify-content:center}
.faq.f-faq{background:var(--glace);padding-block:clamp(64px,8vw,104px)!important}
.faq.f-faq h2{margin-bottom:28px}
.f-qr-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.f-qr{padding:24px 26px;border-radius:8px;background:#fff;border:1px solid var(--filet);box-shadow:0 14px 30px -26px rgba(10,34,64,.5)}
.f-qr h3{display:flex;gap:12px;align-items:flex-start;font-size:1.06rem;line-height:1.35;margin-bottom:10px}
.f-qr h3::before{content:"Q";flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:800 .8rem/1 var(--titre);color:#fff;background:var(--cyan);margin-top:-1px}
.f-qr p{margin:0;color:var(--gris);font-size:.96rem;line-height:1.65}
@media (max-width:980px){
  .f-def-grille,.f-offres-tete,.f-deploiement-tete,.f-situ-grille,.f-appel-carte,.f-qr-grille{grid-template-columns:1fr}
  .f-modules{grid-template-columns:1fr}
  .f-trois{grid-template-columns:1fr}
  .f-trois::before{display:none}
}
@media (max-width:760px){
  .wp-block-table.f-tableau thead{display:none}
  .wp-block-table.f-tableau table,.wp-block-table.f-tableau tbody,.wp-block-table.f-tableau tr,.wp-block-table.f-tableau td,.wp-block-table.f-tableau tbody th{display:block;width:auto!important}
  .wp-block-table.f-tableau tr{padding:16px 18px;border-top:1px solid var(--filet)}
  .wp-block-table.f-tableau td,.wp-block-table.f-tableau tbody th{padding:6px 0;border:0}
  .wp-block-table.f-tableau td::before{display:block;font:700 .78rem/1.3 var(--titre);color:var(--encre);margin-bottom:2px}
}
@media (max-width:640px){
  .f-apps{grid-template-columns:1fr}
}
@media (max-width:980px){
  .f-appel-carte{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .f-appel-actions .wp-block-button__link{white-space:normal;text-align:center;width:100%;justify-content:center;padding-block:12px;height:auto}
}
.f-situ-grille > div:first-child{position:sticky;top:calc(var(--entete) + 32px)}
@media (max-width:980px){
  .f-situ-grille > div:first-child{position:static}
}
.faq.f-faq .accordeon details > p{line-height:1.65}
.faq.f-faq .autre-question{background:#fff;border:1px solid var(--filet)}
.f-trois::before{display:none}
.f-trois-ligne{position:absolute;top:31px;left:calc(100% / 6);right:calc(100% / 6);height:4px;border-radius:4px;background:var(--glace-2);overflow:hidden;z-index:0}
.f-trois-ligne::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cyan),var(--bleu));transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.4,0,.2,1) .3s}
.f-trois.anime .f-trois-ligne::before{transform:scaleX(1)}
.f-trois-ligne i{position:absolute;top:50%;left:0;width:60px;height:12px;margin-top:-6px;border-radius:12px;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0));opacity:0}
.f-trois.anime .f-trois-ligne i{animation:impulsion 2.6s ease-in-out 2s infinite}
.f-trois li{z-index:1;padding:0 14px 6px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.f-trois-num{transform:scale(.4);opacity:0;transition:transform .55s cubic-bezier(.3,1.6,.5,1),opacity .3s,box-shadow .4s;transition-delay:calc(.2s + var(--i) * .45s)}
.f-trois.anime .f-trois-num{transform:none;opacity:1}
.f-trois h3{display:flex;align-items:center;justify-content:center;gap:10px;transition:color .3s}
.f-trois-pi{flex:none;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:#fff;border:1px solid var(--filet);box-shadow:0 8px 16px -12px rgba(10,34,64,.5);transition:background .3s,color .3s,border-color .3s}
.f-trois-pi svg{width:24px;height:24px}
.f-trois li.actif{transform:translateY(-6px)}
.f-trois li.actif .f-trois-num{box-shadow:0 0 0 8px var(--glace),0 0 0 14px rgba(0,144,192,.18),0 20px 34px -14px rgba(0,144,192,.75);animation:battement 1.6s ease-in-out infinite}
.f-trois li.actif h3{color:var(--bleu)}
.f-trois li.actif .f-trois-pi{background:var(--bleu);border-color:var(--bleu);color:#fff}
.f-trois li.actif .pd-loupe-e .lentille{animation:scrute-f 1.6s ease-in-out infinite}
.f-trois li.actif .pd-migration .transfert{animation:glisse 1s ease-in-out infinite}
.f-trois li.actif .pd-formation .gland{transform-origin:50% 0;animation:balance 1.2s ease-in-out infinite}
.f-trois li.actif .pd-migration .transfert path,.f-trois li.actif .pd-formation .gland *{stroke:#fff}
.f-trois li.actif .pd-formation .gland circle{fill:#fff}
.f-trois li.revele{transition-delay:calc(var(--i) * .15s)}
@media (max-width:980px){
  .f-trois-ligne{display:none}
  .f-trois li.actif{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .f-trois-num{transform:none;opacity:1}
  .f-trois-ligne::before{transform:none}
  .f-trois li.actif{transform:none}
}
.f-definition-sec{position:relative;overflow:hidden;isolation:isolate}
.f-definition-sec > .filigrane{position:absolute;z-index:-1;left:max(-60px,calc((100vw - var(--page)) / 2 - 120px));top:50%;width:clamp(380px,38vw,560px);aspect-ratio:40 / 44;transform:translateY(-50%) rotate(-8deg);opacity:.07;pointer-events:none}
@media (max-width:980px){
  .f-definition-sec > .filigrane{left:50%;top:180px;transform:translateX(-50%) rotate(-8deg);opacity:.06}
}
.faq.f-faq .faq-grille > .texte{position:sticky;top:calc(var(--entete) + 32px)}
@media (max-width:980px){
  .faq.f-faq .faq-grille > .texte{position:static}
}
.f-appel-carte{isolation:isolate}
.f-appel-carte > *{position:relative;z-index:1}
.f-appel-carte > .filigrane{position:absolute;z-index:0;right:-90px;top:50%;width:clamp(320px,30vw,440px);aspect-ratio:1;transform:translateY(-50%) rotate(-12deg);opacity:.1;pointer-events:none}
@media (max-width:980px){
  .f-appel-carte > .filigrane{right:-120px;top:auto;bottom:-110px;transform:rotate(-12deg);opacity:.08}
}
.f-deploiement{position:relative;overflow:hidden;isolation:isolate}
.f-deploiement > .page{position:relative;z-index:1}
.f-deploiement > .filigrane{position:absolute;z-index:0;left:max(-160px,calc((100vw - var(--page)) / 2 - 300px));top:52%;width:clamp(420px,40vw,620px);aspect-ratio:1;transform:translateY(-50%) rotate(10deg);opacity:.06;pointer-events:none}
@media (max-width:980px){
  .f-deploiement > .filigrane{left:-140px;top:120px;transform:rotate(10deg)}
}
.wp-block-table.f-tableau tbody th:has(em) strong{color:#fff;background:linear-gradient(140deg,var(--cyan),var(--bleu))}
.f-sources li::before{background:var(--cyan-clair);border-color:var(--cyan-clair);box-shadow:0 0 0 4px rgba(79,195,234,.18)}
.f-sources li.inclus::before{background:var(--nuit)}
.f-sources li{padding-bottom:12px}
.f-offres.f-v2 .wp-block-table.f-tableau tbody th{width:24%}
.f-apps > :hover .pd .coche{animation:trace-boucle 1.2s ease-in-out}
.f-apps > :hover .pd .sceau{animation:tampon .7s cubic-bezier(.3,1.6,.5,1)}
.f-apps > :hover .pd .restaure{transform-box:fill-box;transform-origin:center;animation:tourne 1s ease-in-out}
.f-apps > :hover .pd .loupe{animation:scrute-f 1.2s ease-in-out}
.f-apps > :hover .pd .etincelle{transform-box:fill-box;transform-origin:center;animation:etincelle 1.2s ease-in-out}
.f-apps > :hover .pd .fleche-haut{animation:monte .8s ease-in-out}
.f-test{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.wp-block-table.f-tableau-test tbody th{width:32%}
.f-v2 .f-offres-tete,.f-v2 .f-deploiement-tete{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.wp-block-table.wp-block-table.f-tableau-test tbody th::before{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font:800 .95rem/1 var(--titre);color:#fff;background:linear-gradient(140deg,var(--cyan),var(--bleu));box-shadow:0 10px 18px -10px rgba(0,144,192,.8)}
.wp-block-table.wp-block-table.f-tableau-test tbody th{font:700 .98rem/1.4 var(--titre);color:var(--encre)}
.wp-block-table.wp-block-table.f-tableau-test td:nth-of-type(2){position:relative}
.wp-block-table.wp-block-table.f-tableau-test td:nth-of-type(2){color:#8a3a35}
.f-applis{background:var(--glace);padding-block:clamp(64px,8vw,104px)!important}
.f-applis-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,72px);align-items:start}
.f-applis-tete{position:sticky;top:calc(var(--entete) + 32px)}
.f-applis-tete h2{margin-bottom:22px}
.f-applis-tete p{color:var(--gris)}
.f-applis-liste{display:grid;gap:14px}
.f-appli{display:flex;gap:20px;align-items:flex-start;padding:24px 26px;border-radius:8px;background:#fff;border:1px solid var(--filet);box-shadow:0 24px 50px -40px rgba(10,34,64,.6);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.f-appli.revele{transition-delay:calc(var(--i) * .08s)}
.f-appli:hover{transform:translateY(-3px);border-color:rgba(0,144,192,.4);box-shadow:0 30px 60px -40px rgba(0,144,192,.7)}
.f-appli-pi{flex:none;width:56px;height:56px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:linear-gradient(160deg,#fff 0%,#eef6fb 100%);border:1px solid var(--filet);box-shadow:0 1px 0 #fff inset,0 12px 22px -14px rgba(10,34,64,.55)}
.f-appli-pi svg{width:34px;height:34px}
.f-appli h3{font-size:1.12rem;line-height:1.3;margin-bottom:8px}
.f-appli p{margin:0;color:var(--gris);font-size:.96rem;line-height:1.65}
.f-appli.vu .pd .notif,.f-appli:hover .pd .notif{animation:tampon .6s cubic-bezier(.3,1.6,.5,1)}
.f-appli.vu .pd .bulle-eq,.f-appli:hover .pd .bulle-eq{animation:monte .8s ease-in-out}
.f-appli.vu .pd .lignes path,.f-appli:hover .pd .lignes path{animation:trace-inverse 1s ease-out}
.f-appli.vu .pd .cellule,.f-appli:hover .pd .cellule{animation:clignote .8s ease-in-out 2}
.f-appli.vu .pd .barres rect,.f-appli:hover .pd .barres rect{transform-origin:bottom;transform-box:fill-box;animation:pousse .9s cubic-bezier(.3,1.4,.5,1)}
.f-modules-5 > :last-child{grid-column:1 / -1}
.f-module:hover .pd .gland{transform-origin:50% 0;animation:balance 1.2s ease-in-out infinite}
.f-module:hover .pd .aiguille,.f-trois li.actif .pd .aiguille{animation:jauge 1.4s cubic-bezier(.3,1.3,.5,1) infinite}
.pd .aiguille{transform-origin:16px 23px}
.f-situ:hover .pd .etincelle{transform-box:fill-box;transform-origin:center;animation:etincelle 1.2s ease-in-out}
.f-situ:hover .pd .fleche-haut{animation:monte .8s ease-in-out}
.f-situ:hover .pd .coche{animation:trace-boucle 1.2s ease-in-out}
.f-quatre{grid-template-columns:repeat(4,minmax(0,1fr))}
.f-quatre .f-trois-ligne{left:12.5%;right:12.5%}
.f-quatre h3{min-height:2.7em}
.f-trois li.actif .pd-poste .led{animation:clignote .8s ease-in-out infinite}
.f-trois li.actif .pd-poste *{stroke:#fff}
.f-trois li.actif .pd-mesure path,.f-trois li.actif .pd-mesure circle{stroke:#fff}
@media (max-width:980px){
  .f-v2 .f-offres-tete,.f-v2 .f-deploiement-tete{grid-template-columns:1fr}
  .f-applis-grille{grid-template-columns:1fr}
  .f-applis-tete{position:static}
  .f-quatre{grid-template-columns:1fr 1fr}
  .f-modules-5 > :last-child{grid-column:auto}
  .f-quatre h3{min-height:0}
}
@media (max-width:760px){
  .wp-block-table.f-tableau td[data-label]::before{content:attr(data-label)}
  .f-quatre{grid-template-columns:1fr}
  .f-appli{padding:20px;gap:14px}
  .f-appli-pi{width:48px;height:48px}
}
.f-definition-sec.f-v2 > .filigrane{aspect-ratio:1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%222.5%22%20y%3D%228%22%20width%3D%2219%22%20height%3D%2216%22%20rx%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22/%3E%3Cpath%20d%3D%22m21.5%2013.5%207-4v13l-7-4%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2212.5%22%20r%3D%221.6%22%20fill%3D%22%230090c0%22/%3E%3C/svg%3E");opacity:.06}
.f-trois li.actif .pd-outil .cle{transform-box:fill-box;transform-origin:center;animation:visse 1.2s ease-in-out infinite}
.f-trois li.actif .pd-outil *{stroke:#fff}
.f-module:hover .pd .rec{animation:clignote .8s ease-in-out infinite}
.f-module:hover .pd .barres rect{transform-origin:bottom;transform-box:fill-box;animation:pousse .9s cubic-bezier(.3,1.4,.5,1)}
.f-apps > :hover .pd .rec{animation:clignote .8s ease-in-out 2}
.f-situ:hover .pd .liens{animation:trace-boucle 1.2s ease-in-out}
.f-situ:hover .pd .micro{animation:pulse-n .9s ease-in-out 2}
.f-situ:hover .pd .barres rect{transform-origin:bottom;transform-box:fill-box;animation:pousse .9s cubic-bezier(.3,1.4,.5,1)}
.f-definition-sec.f-v2 > .filigrane{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M3%209.5a2%202%200%200%201%202-2h6.5l2.5%203h13a2%202%200%200%201%202%202V24a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2Z%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M12%2018.5l4-3%204%203%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%221.7%22%20fill%3D%22%230090c0%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2220%22%20r%3D%221.4%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%221.4%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22/%3E%3C/svg%3E")}
.f-module:hover .pd .liens{animation:trace-boucle 1.2s ease-in-out infinite}
.f-situ:hover .pd .led{animation:clignote .6s ease-in-out 3}
.f-situ:hover .pd .epingle{animation:monte .8s ease-in-out}
.f-module .pd .liens{stroke-dasharray:1}
.f-definition-sec.f-v2 > .filigrane{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2222%22%20height%3D%227%22%20rx%3D%221.5%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22/%3E%3Crect%20x%3D%225%22%20y%3D%2212.5%22%20width%3D%2222%22%20height%3D%227%22%20rx%3D%221.5%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22/%3E%3Crect%20x%3D%225%22%20y%3D%2221%22%20width%3D%2222%22%20height%3D%227%22%20rx%3D%221.5%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227.5%22%20r%3D%221.1%22%20fill%3D%22%230090c0%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2216%22%20r%3D%221.1%22%20fill%3D%22%230a2240%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2224.5%22%20r%3D%221.1%22%20fill%3D%22%230a2240%22/%3E%3C/svg%3E")}
.f-module:hover .pd .couche{animation:silo-pile 1.2s ease-in-out infinite}
.f-module:hover .pd .couche.c2{animation-delay:.12s}
.f-module:hover .pd .restaure{transform-box:fill-box;transform-origin:center;animation:tourne 1.2s ease-in-out infinite}
.f-module:hover .pd .led{animation:clignote .6s ease-in-out infinite}
.f-apps > :hover .pd .couche,.f-situ:hover .pd .couche{animation:silo-pile 1.2s ease-in-out}
.f-trois li.actif .pd-devis .sceau{animation:tampon .9s cubic-bezier(.3,1.6,.5,1) infinite}
.f-trois li.actif .pd-devis *{stroke:#fff}
.f-definition-sec.f-v2 > .filigrane{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%203.5h13l5%205V28.5H7Z%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M20%203.5v5h5%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11%2013h10M11%2017h10M11%2021h6%22%20fill%3D%22none%22%20stroke%3D%22%230a2240%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2224%22%20r%3D%222%22%20fill%3D%22%230090c0%22/%3E%3C/svg%3E")}
.f-apps > :hover .pd .ecran-calc{animation:silo-ecran 1s ease-in-out 2}
.f-apps > :hover .pd .cle{transform-box:fill-box;transform-origin:center;animation:visse 1s ease-in-out}
.f-apps > :hover .pd .transfert{animation:glisse 1s ease-in-out 2}
.f-module:hover .pd .loupe{animation:scrute-f 1.2s ease-in-out infinite}
.f-module:hover .pd .notif{animation:tampon .7s cubic-bezier(.3,1.6,.5,1) infinite}
.f-situ:hover .pd .transfert{animation:glisse 1s ease-in-out 2}
@keyframes pulse-rouge{0%{box-shadow:0 0 0 0 rgba(229,83,75,.6)}100%{box-shadow:0 0 0 12px rgba(229,83,75,0)}}
@keyframes glisse{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes entre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes impulsion{0%{left:-60px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
@keyframes battement{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes scrute-f{0%,100%{transform:translate(0,0)}35%{transform:translate(4px,2px)}70%{transform:translate(2px,-1px)}}
@keyframes balance{0%,100%{transform:rotate(0)}30%{transform:rotate(14deg)}70%{transform:rotate(-10deg)}}
@keyframes silo-pile{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}}
@keyframes silo-ecran{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes jauge{0%{transform:rotate(-80deg)}55%{transform:rotate(10deg)}75%{transform:rotate(-4deg)}100%{transform:rotate(0)}}

/* La FAQ des pages filles garde son fond glace, même si la feuille de la FAQ de l'accueil passe après */
.faq.f-faq{background:var(--glace)}
/* Tableau : les bordures et marges par défaut du bloc Tableau sont neutralisées */
.wp-block-table.f-tableau :where(td,th){border:0}
.wp-block-table.f-tableau :where(thead,tfoot){border:0}
/* WordPress : filigranes par le bloc Filigrane */
.filigrane img{display:block;width:100%;height:100%;object-fit:contain}
/* Définition, applications, tableau, autodiagnostic en blocs natifs */
.f-def > p:first-child{margin-bottom:12px}
.f-apps > * > p{margin:0}
.f-tableau{margin:0}
.f-tableau table{table-layout:auto}
.f-tableau tbody th em{font-style:normal}
.f-tableau figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){
  .f-tableau td::before{content:attr(data-label)}
}
.f-situ-txt p{margin:0}
.f-situ-txt p + p{margin-top:3px}
/* Étapes animées : le numéro est un compteur, le délai suit le rang */
.f-trois{counter-reset:trois}
.f-trois-num::before{counter-increment:trois;content:counter(trois)}
.f-trois li:nth-of-type(1){--i:0}.f-trois li:nth-of-type(2){--i:1}.f-trois li:nth-of-type(3){--i:2}.f-trois li:nth-of-type(4){--i:3}
/* Appel : coches en masque, boutons empilés */
.f-appel-ras li::before{content:"";flex:none;width:18px;height:18px;background:var(--cyan-clair);-webkit-mask:var(--ic-coche) center/contain no-repeat;mask:var(--ic-coche) center/contain no-repeat}
.f-appel-actions .wp-block-buttons{display:grid;gap:12px}
.f-appel-actions .wp-block-button,.f-appel-actions .wp-block-button__link{width:100%}
/* Sous-titre d'une offre : texte de la cellule après un saut de ligne (la cellule reste une cellule de tableau) */
.wp-block-table.f-tableau tbody th:has(br){font-size:.8rem;font-weight:400;color:var(--gris);line-height:1.4}
.wp-block-table.f-tableau tbody th:has(br) strong{margin-bottom:8px}
/* Test numéroté : le numéro est un compteur placé en absolu, jamais de flex sur une cellule */
.wp-block-table.f-tableau-test tbody{counter-reset:test}
.wp-block-table.f-tableau-test tbody tr{counter-increment:test}
.wp-block-table.f-tableau-test tbody th{position:relative;padding-left:68px}
.wp-block-table.f-tableau-test tbody th::before{content:counter(test);position:absolute;left:22px;top:20px}
@media (max-width:760px){
  .wp-block-table.f-tableau-test tbody th{padding-left:46px}
  .wp-block-table.f-tableau-test tbody th::before{left:0;top:6px}
}
/* Applications : délai d'apparition selon le rang */
.f-applis-liste > :nth-child(1){--i:0}.f-applis-liste > :nth-child(2){--i:1}.f-applis-liste > :nth-child(3){--i:2}.f-applis-liste > :nth-child(4){--i:3}.f-applis-liste > :nth-child(5){--i:4}.f-applis-liste > :nth-child(6){--i:5}