.lecons-wrap{max-width:1000px;margin:0 auto;padding:36px 24px 80px}.matiere-card{display:flex;align-items:center;gap:24px;background:#fff;border-radius:14px;padding:32px 28px;text-decoration:none;border:2px solid transparent;box-shadow:0 4px 20px rgba(27,58,92,0.08);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;position:relative;overflow:hidden}.matiere-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;border-radius:14px 0 0 14px}.matiere-ap::before{background:var(--bleu)}.matiere-ag::before{background:var(--or)}.matiere-textes::before{background:#2d7a5e}.matiere-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(27,58,92,0.14)}.matiere-ap:hover{border-color:var(--bleu)}.matiere-ag:hover{border-color:var(--or)}.matiere-textes:hover{border-color:#2d7a5e}.matiere-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.matiere-ap .matiere-icon{background:#e8f0fe;color:var(--bleu)}.matiere-ag .matiere-icon{background:#fdf6e3;color:var(--or)}.matiere-textes .matiere-icon{background:#e8f5ef;color:#2d7a5e}.matiere-body{flex:1}.matiere-epreuve{font-size:0.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:6px}.matiere-titre{font-size:1.4rem;font-weight:800;color:#1a1a2e;margin:0 0 10px;line-height:1.2}.matiere-count{font-size:0.85rem;color:#aaa}.matiere-count span{font-size:1.4rem;font-weight:800;color:var(--bleu);margin-right:2px}.matiere-ag .matiere-count span{color:var(--or)}.matiere-textes .matiere-count span{color:#2d7a5e}.matiere-arrow{font-size:1.1rem;color:#ccc;transition:color 0.2s ease,transform 0.2s ease}.matiere-ap:hover .matiere-arrow{color:var(--bleu);transform:translateX(4px)}.matiere-ag:hover .matiere-arrow{color:var(--or);transform:translateX(4px)}.matiere-textes:hover .matiere-arrow{color:#2d7a5e;transform:translateX(4px)}.lecon-hero{display:flex;align-items:center;gap:20px;padding:28px 32px;border-radius:14px;margin-bottom:32px;position:relative;color:#fff}.hero-ap{background:linear-gradient(135deg,var(--bleu) 0%,var(--bleu-clair) 100%)}.hero-ag{background:linear-gradient(135deg,#7a5f1a 0%,var(--or) 100%)}.lecon-hero-icon{width:64px;height:64px;background:rgba(255,255,255,0.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.lecon-hero-epreuve{font-size:0.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:0.75;margin-bottom:4px}.lecon-hero-titre{font-size:1.5rem;font-weight:800;margin:0 0 4px;line-height:1.2}.lecon-hero-sub{font-size:0.85rem;opacity:0.8;margin:0}.lecon-back{margin-left:auto;flex-shrink:0;background:rgba(255,255,255,0.18);color:#fff;border-radius:8px;padding:8px 16px;font-size:0.82rem;font-weight:600;text-decoration:none;transition:background 0.2s ease}.lecon-back:hover{background:rgba(255,255,255,0.3);color:#fff}.lecon-search-bar .input-group{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.lecon-search-bar .form-control,.lecon-search-bar .input-group-text{border-color:#dde3ec}.lecon-search-bar .form-control:focus{box-shadow:none;border-color:var(--bleu)}.lecon-list{display:flex;flex-direction:column;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(27,58,92,0.07)}.lecon-item{display:flex;align-items:center;gap:0;background:#fff;border-bottom:1px solid #f0f3f8;transition:background 0.18s ease;cursor:default}.lecon-item:last-child{border-bottom:none}.lecon-item:hover{background:#f8faff}.lecon-num{width:64px;min-height:54px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;letter-spacing:0.5px;flex-shrink:0;border-right:3px solid transparent;transition:border-color 0.18s ease}.num-ap{color:var(--bleu);background:#f0f5ff;border-right-color:#dde8f8}.num-ag{color:#8a6820;background:#fdf8ee;border-right-color:#f0e4b8}.lecon-item:hover .num-ap{border-right-color:var(--bleu)}.lecon-item:hover .num-ag{border-right-color:var(--or)}.lecon-titre{flex:1;padding:14px 20px;font-size:0.88rem;font-weight:500;color:#1a1a2e;line-height:1.4}.lecons-empty{text-align:center;padding:80px 20px;color:#aaa}@media (max-width:600px){.matiere-card{flex-wrap:wrap;gap:16px;padding:22px 18px}.lecon-hero{flex-wrap:wrap;gap:12px}.lecon-back{margin-left:0}.lecon-num{width:48px;font-size:0.7rem}}