:root{--navy:#062d69;--navy2:#071d3c;--blue:#0e4f9f;--orange:#ff7a14;--line:#dce4ef;--text:#10233f;--muted:#5b6b80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.derre-public-body{min-width:320px}.wp-main-header{min-height:100px;display:grid;grid-template-columns:360px 1fr 390px;align-items:center;padding:12px 4.5%;gap:25px;background:#fff;border-bottom:1px solid #eef1f5}.wp-main-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.wp-logo-symbol{position:relative;width:64px;height:60px;display:flex;align-items:flex-end;gap:4px;padding:10px 10px 8px;border-radius:50%;border:3px solid #0c4d91}.wp-logo-symbol i{display:block;width:9px;background:#0c4d91}.wp-logo-symbol i:nth-child(1){height:22px}.wp-logo-symbol i:nth-child(2){height:34px}.wp-logo-symbol i:nth-child(3){height:45px}.wp-logo-symbol b{position:absolute;right:-8px;bottom:2px;font-size:33px;color:var(--orange)}.wp-logo-name{display:flex;flex-direction:column;line-height:1}.wp-logo-name strong{font-size:22px}.wp-logo-name b{font-size:30px;color:var(--orange);letter-spacing:1px}.wp-logo-name small{font-size:10px;margin-top:5px;color:#355071}.wp-main-nav{display:flex;align-items:center;justify-content:center;gap:8px}.wp-main-nav a{min-width:115px;padding:10px 8px;text-align:center;text-decoration:none;color:#142b4a;border-left:1px solid #edf0f4}.wp-main-nav a span{font-size:20px;color:var(--navy);display:block}.wp-main-nav a b{font-size:12px;display:block}.wp-main-nav a small{font-size:9px;color:#7a8596}.wp-header-contact{display:flex;align-items:center;justify-content:flex-end;gap:20px}.wp-header-contact>div{display:flex;gap:10px;font-size:13px;font-weight:700;color:var(--navy);line-height:1.5}.wp-header-contact>div b{font-size:26px}.wp-erp-button{background:var(--orange);color:#fff;text-decoration:none;padding:14px 22px;border-radius:7px;font-weight:700;box-shadow:0 5px 12px #ff7a1435}.wp-erp-button small{display:block;font-size:10px;text-align:center;margin-top:3px}.dbw-topbar{height:55px;background:linear-gradient(90deg,#062d69,#07427f);display:flex;align-items:center;padding:0 3%;color:#fff;position:sticky;top:0;z-index:10}.dbw-brand{display:flex;align-items:center;color:#fff;text-decoration:none;min-width:230px}.dbw-brand-mark{font-size:25px;margin-right:8px}.dbw-brand span:last-child{display:flex;flex-direction:column}.dbw-brand b{font-size:15px}.dbw-brand small{font-size:9px}.dbw-nav{display:flex;gap:24px;flex:1;align-items:center}.dbw-nav a,.dbw-admin{color:#fff;text-decoration:none;font-size:12px;font-weight:700}.dbw-admin{white-space:nowrap}.wp-site-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 3%;max-width:1900px;margin:auto;align-items:stretch}.dbw-dashboard{border:1px solid #e5eaf0;background:#fff}.dbw-title-row{display:flex;justify-content:space-between;align-items:center;padding:16px}.dbw-title-row>div{display:flex;align-items:center;gap:10px}.dbw-title-row h1{font-size:18px;margin:0}.dbw-title-row p{font-size:11px;margin:3px 0;color:var(--muted)}.dbw-icon{background:var(--navy2);color:#fff;padding:9px;border-radius:4px}.dbw-refresh{border:1px solid #d6dce5;color:#7b5e4a;text-decoration:none;padding:8px 14px;border-radius:4px;font-size:11px}.dbw-kpis{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.dbw-kpis>div{min-height:84px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center}.dbw-kpis strong{font-size:25px;color:#0b4d17}.dbw-kpis span{font-size:10px;margin-top:9px}.dbw-kpis .danger strong{color:#ef1c1c}.dbw-panels{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:7px;padding:8px}.dbw-card{border:1px solid var(--line);padding:12px;min-height:232px}.dbw-card h3,.dbw-section h2{font-size:12px;color:#164d9b;margin:0 0 3px}.dbw-card p,.dbw-section>p{font-size:10px;color:var(--muted);margin:0 0 12px}.dbw-map-area{height:155px;background:linear-gradient(135deg,#e4f1e5,#cfe4e5);position:relative;display:flex;align-items:center;justify-content:center;color:#617782;font-size:12px;overflow:hidden}.dbw-map-area:before,.dbw-map-area:after{content:"";position:absolute;width:120%;height:1px;background:#fff8;transform:rotate(-20deg)}.dbw-map-area:after{transform:rotate(25deg)}.pin{position:absolute;font-size:25px;font-style:normal;z-index:2}.p1{left:26%;top:20%;color:#20a567}.p2{left:60%;top:35%;color:#f39920}.p3{left:48%;top:62%;color:#e6473e}.dbw-status-wrap{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:25px}.dbw-donut{width:105px;height:105px;border-radius:50%;background:conic-gradient(#20a64d 0 58%,#ef7b1a 58% 74%,#e53935 74%);position:relative}.dbw-donut:after{content:"";position:absolute;inset:25px;background:#fff;border-radius:50%}.dbw-legend{list-style:none;padding:0;margin:0;font-size:10px;line-height:2}.dbw-legend i{display:inline-block;width:10px;height:10px;margin-right:5px}.green{background:#20a64d}.orange{background:#ef7b1a}.red{background:#e53935}.dbw-card ul{font-size:10px;line-height:1.7;padding-left:18px}.dbw-btn{display:inline-block;background:#4c2a9d;color:#fff;text-decoration:none;padding:7px 12px;border-radius:3px;font-size:10px}.dbw-section{margin:0 8px 8px;padding:12px;border:1px solid var(--line)}.dbw-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.dbw-actions a{min-height:54px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#0c3f87;font-size:10px;border-radius:4px;text-align:center}.dbw-actions a span{font-size:17px}.dbw-performance{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.dbw-performance div{background:#f5f8fc;text-align:center;padding:12px}.dbw-performance strong{display:block;color:#1152a0;font-size:14px}.dbw-performance span{font-size:9px}.wp-guide-column{border:1px solid #dbe2eb;background:#fff;min-height:760px;display:flex;flex-direction:column}.wp-guide-column iframe{width:100%;height:760px;border:0;background:#fff}.wp-guide-actions{display:flex;gap:10px;padding:10px;background:#eef4fb}.wp-guide-actions a{flex:1;text-align:center;background:var(--navy);color:#fff;text-decoration:none;padding:10px;border-radius:4px;font-size:11px}.wp-footer{background:#07162d;color:#fff;display:grid;grid-template-columns:1.2fr .65fr 1fr .9fr 1fr;gap:40px;padding:28px 3% 45px;position:relative}.wp-footer .wp-main-brand{color:#fff}.wp-footer .wp-logo-name strong{color:#b9d4ff}.wp-footer p,.wp-footer a,.wp-footer span{font-size:11px;line-height:1.6;color:#e5ecf8;text-decoration:none}.wp-footer section{display:flex;flex-direction:column}.wp-footer h3{font-size:13px;margin:0 0 10px}.wp-social{margin-top:12px;font-size:17px}.wp-cert{flex-direction:row!important;gap:16px;align-items:center}.wp-cert>b,.wp-cert>strong,.wp-cert>small{display:block;border:1px solid #a4bad8;text-align:center;padding:5px;background:#fff;color:#153b74}.wp-cert>strong{font-size:28px}.wp-copyright{position:absolute;left:0;right:0;bottom:0;text-align:center;background:#fff;color:#646e7c;padding:8px;font-size:10px}.derre-guide-page,.derre-training-page{margin:0;font-family:Arial;background:#f5f7fb}.guide-page-bar{height:55px;background:#082e68;display:flex;gap:25px;align-items:center;padding:0 4%}.guide-page-bar a{color:#fff;text-decoration:none;font-weight:700}.derre-guide-page iframe{width:100%;height:calc(100vh - 55px);border:0;background:#fff}.derre-training-page header{background:linear-gradient(135deg,#0a326c,#278a95);color:#fff;padding:40px 8%}.derre-training-page header a{color:#fff}.derre-training-page main{max-width:1100px;margin:30px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.derre-training-page article,.derre-training-page section{background:#fff;border:1px solid #dce4ef;padding:25px;border-radius:8px}.derre-training-page section{grid-column:1/-1}
@media(max-width:1250px){.wp-main-header{grid-template-columns:300px 1fr}.wp-header-contact{grid-column:1/-1;justify-content:center}.wp-main-nav{justify-content:flex-end}.wp-site-content{grid-template-columns:1fr}.wp-guide-column iframe{height:800px}.wp-footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.wp-main-header{display:flex;flex-direction:column}.wp-main-nav{flex-wrap:wrap}.wp-main-nav a{min-width:100px}.dbw-topbar{height:auto;flex-wrap:wrap;padding:10px}.dbw-nav{order:3;flex-wrap:wrap;padding:10px 0}.dbw-kpis{grid-template-columns:repeat(2,1fr)}.dbw-panels{grid-template-columns:1fr}.dbw-actions,.dbw-performance{grid-template-columns:repeat(2,1fr)}.wp-site-content{padding:8px}.wp-footer{grid-template-columns:1fr}.derre-training-page main{grid-template-columns:1fr}.derre-training-page section{grid-column:auto}}

/* DERRE BTP V53.1.4 — Centre de formation DERRE IA */
.training-pro-page{background:#eef3f9;color:#10233f;min-height:100vh}.training-hero{background:linear-gradient(120deg,#062d69 0%,#0b5483 58%,#278a95 100%);color:#fff;padding:34px max(5%,calc((100% - 1420px)/2));display:flex;justify-content:space-between;gap:30px;align-items:center}.training-hero>div{max-width:850px}.training-hero a{color:#fff}.training-hero h1{font-size:34px;margin:18px 0 8px}.training-hero p{font-size:17px;margin:0;opacity:.94}.training-badge{display:inline-block;margin-top:14px;padding:7px 12px;border:1px solid #ffffff66;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.7px}.training-hero aside{min-width:280px;background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.training-hero aside strong{font-size:15px;margin-bottom:5px}.training-hero aside span{font-weight:700}.training-hero aside a{background:#ff7a14;text-decoration:none;text-align:center;padding:10px;border-radius:6px;margin-top:8px;font-weight:700}.training-app{max-width:1420px;margin:26px auto 50px;padding:0 22px}.training-intro{background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 8px 25px #17365d10}.training-intro>div{display:flex;align-items:center;gap:15px}.training-intro h2{margin:0 0 5px}.training-intro p{margin:0;color:#5b6b80}.training-ai-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#102b67,#6d3fc0);font-size:27px;box-shadow:0 7px 18px #392c8b33}.training-ai-avatar.large{width:72px;height:72px;min-width:72px;font-size:35px}.training-status{margin:0;background:#edf5ff;color:#0b4b8e;border-left:4px solid #1874d2;padding:12px 15px;border-radius:5px;max-width:440px}.training-status.validated{background:#eaf8ef;color:#12642f;border-color:#26a65b}.training-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.training-role-grid button{background:#fff;border:1px solid #d7e0ec;border-radius:10px;padding:18px;text-align:left;cursor:pointer;display:grid;grid-template-columns:42px 1fr;column-gap:10px;transition:.2s}.training-role-grid button:hover,.training-role-grid button.active{border-color:#0b4f9f;box-shadow:0 7px 18px #0b4f9f20;transform:translateY(-2px)}.training-role-grid button.active{background:linear-gradient(135deg,#082e68,#0d5597);color:#fff}.training-role-grid span{grid-row:1/3;font-size:28px}.training-role-grid b{font-size:15px}.training-role-grid small{margin-top:4px;color:#6b788b}.training-role-grid button.active small{color:#dbeaff}.training-workspace{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:stretch}.training-sidebar,.training-stage{background:#fff;border:1px solid #dce4ef;border-radius:12px;box-shadow:0 8px 25px #17365d0d}.training-sidebar{padding:20px}.training-sidebar h3{margin:0 0 8px;font-size:21px;color:#0a3f80}.training-sidebar>p{font-size:13px;color:#617087;line-height:1.5}.training-lesson-list{display:flex;flex-direction:column;gap:7px;margin-top:18px}.training-lesson-item{border:0;background:#f3f6fa;border-radius:7px;padding:10px;text-align:left;display:flex;align-items:center;gap:9px;cursor:pointer;color:#21364f}.training-lesson-item span{width:25px;height:25px;border-radius:50%;background:#dce7f5;display:flex;align-items:center;justify-content:center;font-size:11px}.training-lesson-item b{font-size:12px}.training-lesson-item.active{background:#0b4f9f;color:#fff}.training-lesson-item.active span{background:#ff7a14;color:#fff}.training-stage{padding:24px}.training-progress-head{display:flex;justify-content:space-between;font-size:12px;color:#53657d}.training-progress{height:9px;background:#e8eef5;border-radius:99px;margin:10px 0 24px;overflow:hidden}.training-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff7a14,#18a363);border-radius:99px;transition:width .3s}.training-coach{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#f7faff,#eef5ff);border:1px solid #d9e7f7;padding:22px;border-radius:10px}.training-coach small{font-weight:700;color:#6d3fc0}.training-coach h2{font-size:26px;margin:5px 0 10px}.training-coach p{font-size:16px;line-height:1.65;margin:0}.training-exercise{margin-top:18px;background:#fff8eb;border-left:5px solid #ff8b17;padding:18px;border-radius:6px}.training-exercise p{font-size:15px;margin:8px 0 0}.training-rules{margin-top:14px;background:#edf8f1;border-left:5px solid #22a45a;padding:14px;border-radius:6px}.training-rules p{margin:5px 0 0;font-size:12px;line-height:1.5}.training-controls{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:22px;flex-wrap:wrap}.training-controls button,.training-open-erp{border:0;border-radius:6px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none}.training-controls button{background:#e8edf4;color:#18314f}.training-controls button:disabled{opacity:.45;cursor:not-allowed}.training-controls [data-action-next],.training-complete{background:#0b4f9f;color:#fff}.training-open-erp{background:#ff7a14;color:#fff}.training-complete{background:#14934b!important}.training-support{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.training-support article{background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:18px;display:flex;gap:14px}.training-support article>span{font-size:30px}.training-support b{font-size:15px}.training-support p{font-size:12px;color:#65748a;line-height:1.5}.training-support a{color:#0b4f9f;font-weight:700;text-decoration:none;font-size:12px}
@media(max-width:1000px){.training-hero{flex-direction:column;align-items:flex-start}.training-hero aside{width:100%}.training-role-grid{grid-template-columns:repeat(2,1fr)}.training-workspace{grid-template-columns:1fr}.training-support{grid-template-columns:1fr}}@media(max-width:620px){.training-hero h1{font-size:26px}.training-role-grid{grid-template-columns:1fr}.training-intro{flex-direction:column;align-items:flex-start}.training-coach{flex-direction:column}.training-controls{justify-content:stretch}.training-controls>*{flex:1;text-align:center}.training-app{padding:0 10px}}
