Marché du travail régional .container { font-family: 'Segoe UI', sans-serif; background: #ffffff; color: #000; width: 100%; width: 650px; margin: 0 auto; padding: 2rem; border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); border: 1px solid #d9f0d9; } .styletitle { font-size: 1.5rem; text-align: center; color: #2167b6;; background: linear-gradient(to right, #e9f4fe, #e4fafe); border-radius: 12px; padding: 0.5rem 1rem; margin-bottom: 2rem; font-weight: 700; border: 2px solid #b1ced9; } /* Bloc lien PDF */ .doc-link { display: flex; align-items: center; margin-top: 1rem; text-decoration: none; padding: 1rem; border-radius: 12px; transition: all 0.3s ease; } .doc-link:hover { transform: translateX(6px); box-shadow: 0 6px 14px rgba(0,0,0,0.1); } /* Miniature PDF (image PNG) */ .pdf-thumb { width: 100px; height: auto; margin-right: 1rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); background: #fff; } .doc-text { display: flex; flex-direction: column; } .doc-title { font-size: 1.05rem; font-weight: bold; margin-bottom: 4px; color: #1e293b; } .doc-text span { font-size: 0.85rem; color: #334155; } .separator { border-bottom: 1px dashed #cbd5e1; margin: 1rem 0; } /* Couleurs différentes pour chaque année */ .doc-2023 { background: #ecfdf5; /* Vert clair */ border: 1px solid #a7f3d0; } .doc-2023:hover { background: #d1fae5; border-color: #34d399; } .doc-2022 { background: #eff6ff; /* Bleu clair */ border: 1px solid #bfdbfe; } .doc-2022:hover { background: #dbeafe; border-color: #60a5fa; } .doc-2021 { background: #fff7ed; /* Orange clair */ border: 1px solid #fed7aa; } .doc-2021:hover { background: #ffedd5; border-color: #fb923c; }