#obt{text-align:left}
#obt h1,#obt h2,#obt h3{font-family:inherit;color:inherit;text-transform:none;line-height:1.2}
#obt button,#obt .btn{box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.2;text-decoration:none}
#obt button:hover,#obt button:focus{box-shadow:none}
#obt input,#obt select,#obt textarea{box-shadow:none;height:auto;max-width:none;line-height:1.4;letter-spacing:0}
#obt table{margin:0;border:0;background:none}
#obt tr,#obt th,#obt td{border:0;background:none}
#obt label{margin:0}
#obt small{font-size:12px}
#obt{--bg:#f4f6fa;--surf:#fff;--tint:#e8edf6;--ink:#0b1730;--mut:#4a5876;--line:#d5dcea;--acc:#1558d6;--accd:#0f47b3;--navy:#0b1730;--ok:#1f6b45;--okbg:#dff0e6;--warn:#7a5006;--warnbg:#fbefd2;--high:#9c3a1e;--highbg:#f8dfd4;--crit:#7f1a14;--critbg:#f0c7bf}
#obt *,#obt *::before,#obt *::after{box-sizing:border-box}
#obt{margin:0;font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg)}
#obt h1,#obt h2,#obt h3,#obt p,#obt ul,#obt ol,#obt dl,#obt dd{margin:0;padding:0}
#obt .wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
#obt .top{background:var(--navy);color:#f4f6fa;padding:28px 0 30px;background-image:linear-gradient(rgba(120,160,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.09) 1px,transparent 1px);background-size:48px 48px}
#obt .top .brand{display:inline-block;font-size:14px;font-weight:600;color:#a9c4ff;text-decoration:none;margin-bottom:10px}
#obt .top .brand:hover{text-decoration:underline}
#obt .top h1{font-size:clamp(28px,3.6vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.08}
#obt .top p{margin-top:10px;max-width:68ch;color:#cfd9ec;font-size:17px}
#obt .wrap.main{padding-top:20px;padding-bottom:40px}
#obt .bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px}
#obt .bar .sp{flex:1}
#obt .btn{font:inherit;font-size:15px;font-weight:500;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
#obt .btn:hover{border-color:var(--acc);color:var(--acc)}
#obt .btn.p{background:var(--acc);border-color:var(--acc);color:#fff}
#obt .btn.p:hover{background:var(--accd);color:#fff}
#obt .btn.g{background:transparent}
#obt .btn.d:hover,#obt .btn.d.arm{border-color:var(--high);color:var(--high)}
#obt .btn.d.arm{background:var(--highbg)}
#obt .btn.s{min-height:36px;font-size:14px;padding:0 12px;margin-top:10px}
#obt button:focus-visible,#obt a:focus-visible,#obt input:focus-visible,#obt select:focus-visible,#obt textarea:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
#obt .grid2{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1080px){#obt .grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
#obt .grid2>.stick{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}}
#obt .panel{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,2.2vw,24px);margin-bottom:20px}
#obt .grid2>*{min-width:0}
@media (max-width:1079px){#obt .panel{overflow-x:auto}}
#obt .doc td,#obt table.out td{overflow-wrap:break-word}
#obt .panel>h2{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}
#obt .row2{display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
#obt .f{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px}
#obt .row2 .f{margin-bottom:0}
#obt .f small{font-weight:400;color:var(--mut)}
#obt .f input,#obt .f select,#obt .f textarea,#obt table.ed input,#obt table.ed select,#obt table.ed textarea{display:block;width:100%;font:inherit;font-size:15px;font-weight:400;color:var(--ink);background:#fff;border:1px solid #9aa7c0;border-radius:8px;padding:8px 10px;margin-top:4px}
#obt .f textarea,#obt table.ed textarea{resize:vertical;min-height:44px}
#obt .f.chk{display:flex;gap:8px;align-items:center;font-weight:400}
#obt .f.chk input{width:auto;margin:0}
#obt .hint{font-size:14px;color:var(--mut)}
#obt .tw{overflow-x:auto}
#obt table.ed{width:100%;border-collapse:collapse;font-size:14px}
#obt table.ed th{text-align:left;font-weight:600;color:var(--mut);padding:0 6px 6px 0;white-space:nowrap}
#obt table.ed td{padding:0 6px 6px 0;vertical-align:top}
#obt table.ed input,#obt table.ed select,#obt table.ed textarea{margin-top:0;font-size:14px;padding:7px 8px;min-width:64px}
#obt table.ed select{min-width:124px}
#obt table.ed input[type=number]{min-width:60px;width:72px}
#obt table.ed input[type=date]{min-width:138px}
#obt table.ed td.x,#obt table.ed th.x{width:34px;padding-right:0}
#obt table.ed .del{width:32px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--mut);font-size:18px;line-height:1;cursor:pointer}
#obt table.ed .del:hover{border-color:var(--high);color:var(--high)}
#obt table.ed .calc{display:inline-block;padding:7px 4px;white-space:nowrap;font-variant-numeric:tabular-nums}
#obt .lv{display:inline-block;padding:2px 9px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
#obt .lv.ok{background:var(--okbg);color:var(--ok)}
#obt .lv.warn{background:var(--warnbg);color:var(--warn)}
#obt .lv.high{background:var(--highbg);color:var(--high)}
#obt .lv.crit{background:var(--critbg);color:var(--crit)}
#obt .kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}
#obt .kpi{background:var(--bg);border-radius:12px;padding:14px 16px}
#obt .kpi b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}
#obt .kpi span{font-size:13px;color:var(--mut)}
#obt table.out{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
#obt table.out th,#obt table.out td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
#obt table.out th{font-weight:600;color:var(--mut);background:var(--bg)}
#obt table.out td.n,#obt table.out th.n{text-align:right}
#obt .empty{color:var(--mut);padding:24px 0;text-align:center}
#obt .doc{font-size:15px}
#obt .doc h1{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
#obt .doc .dsub{font-size:18px;color:var(--mut);margin-top:4px}
#obt .doc .dmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;margin:16px 0 4px;padding:12px 14px;background:var(--bg);border-radius:10px}
#obt .doc .dmeta dt{font-size:12px;color:var(--mut)}
#obt .doc .dmeta dd{font-weight:600}
#obt .doc section{margin-top:20px}
#obt .doc h2{font-size:17px;font-weight:600;margin-bottom:8px;padding-bottom:4px;border-bottom:2px solid var(--tint)}
#obt .doc p{margin-bottom:8px;white-space:pre-wrap}
#obt .doc ul{margin:0 0 8px 20px}
#obt .doc li{margin-bottom:3px}
#obt .doc table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}
#obt .doc th,#obt .doc td{text-align:left;padding:6px 8px;border:1px solid var(--line);vertical-align:top}
#obt .doc th{background:var(--bg);font-weight:600}
#obt .doc tr.tot td{font-weight:600;background:var(--bg)}
#obt .foot{border-top:1px solid var(--line);padding:18px 0 28px;font-size:14px;color:var(--mut)}
#obt .foot a{color:var(--acc)}
#obt #toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:10px 18px;border-radius:10px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:90vw}
#obt #toast.on{opacity:1;transform:translate(-50%,0)}
#obt .printonly{display:none}
@media (prefers-reduced-motion:reduce){#obt #toast{transition:none}}
@page{margin:14mm}
@media print{#obt{background:#fff;font-size:11pt}
#obt .noprint,#obt .foot,#obt #toast{display:none!important}
#obt .printonly{display:block}
#obt .top{background:none;color:#000;padding:0 0 8px}
#obt .top .brand,#obt .top p{display:none}
#obt .top h1{font-size:20pt}
#obt.docprint .top{display:none}
#obt .wrap,#obt .wrap.main{padding:0;max-width:none}
#obt .panel{border:0;padding:0;margin:0 0 12px;border-radius:0}
#obt .grid2{display:block}
#obt .grid2>.stick{position:static;max-height:none;overflow:visible}
#obt .kpi,#obt .doc .dmeta,#obt table.out th,#obt .doc th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
#obt section,#obt tr,#obt .kpi{break-inside:avoid}}
#obt .top{position:relative;isolation:isolate;overflow:hidden}
#obt .top::before{content:"";position:absolute;inset:-6%;z-index:-1;background-image:linear-gradient(90deg,rgba(11,23,48,.9) 0%,rgba(11,23,48,.72) 50%,rgba(11,23,48,.5) 100%),url(/wp-content/uploads/2026/11/Fond-outils-bureau-et-tablette-1024x585.webp);background-position:center;background-size:cover;animation:obtkb 40s ease-in-out infinite alternate}
@keyframes obtkb{from{transform:scale(1)}to{transform:scale(1.14) translate3d(-2.5%,1.5%,0)}}
@media (prefers-reduced-motion:reduce){#obt .top::before{animation:none}}
@media print{#wpadminbar,#masthead,.site-header,#colophon,.site-footer,.entry-hero,#kt-scroll-up,.skip-link{display:none!important}html{margin-top:0!important}html,body,#wrapper,#inner-wrap{background:#fff!important}#obt .top::before{display:none}}
#obt .top .dl{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:18px;min-height:44px;padding:6px 16px;border-radius:10px;border:1px solid rgba(244,246,250,.4);background:rgba(244,246,250,.12);color:#f4f6fa;font-size:15px;font-weight:600;text-decoration:none}
#obt .top .dl:hover{background:rgba(244,246,250,.22);color:#fff}
#obt .top .dl small{font-weight:400;font-size:13px;color:#cfd9ec}
