/* ══════════════════════════════════════════════════════════════════════════
   LA VUE « SECTEURS » (#vue=metiers) — styles propres (secteurs_vue.js).
   La grammaire est celle d'Obligations et de Matières (classes .obl-* globales,
   obligations.css) ; ici, seulement ce qui n'existe pas ailleurs, préfixe sev-.
   ⚠ Tailles en px : sur ce site 1 rem vaut 10 px.
   ⚠ `.per-page button:not(.fs-tabbtn):not(.per-nav-count)` impose 14 px, 700 et des coins
     de 24 px en !important, et la grande page charge ses styles APRÈS cette feuille : à
     spécificité égale elle gagne. Chaque bouton d'ici double donc sa classe.
   ⚠ `.per-page table thead th` (56 px, sticky) et `tbody td` (52 px, 0 10px,
     fond transparent) en !important : surchargés pour chaque tableau d'ici.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── La tête ── */
.per-page .sev-tete::after { width: min(470px, 40%); right: 18px; top: 18px; bottom: 98px; }
.per-page .sev-vue .obl-chiffre b strong.sev-ch-v { font: inherit; letter-spacing: inherit; }

/* ── Petites briques ── */
.per-page .sev-pt { display: inline-block; flex: 0 0 auto; width: 10px; height: 10px; border-radius: 3px; vertical-align: -1px; }
.per-page .sev-pt-m { background: #0D0D0D; }
.per-page .sev-barre { display: flex; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 600; color: #6B6B6B; }

/* La ligne de lecture réservée (carte et nuage) : la valeur survolée s'écrit ici,
   jamais dans une boîte posée sur le dessin. Hauteur fixe : rien ne bouge. */
.per-page .sev-lec {
  display: flex; align-items: center; gap: 8px 14px; height: 36px; margin: 0 0 10px; padding: 0 12px;
  border-radius: 9px; background: #F7F6FB; border: 1px solid rgba(107,79,216,.12);
  font-size: 13px; color: #2B2B2B; white-space: nowrap; overflow: hidden; font-variant-numeric: tabular-nums;
}
.per-page .sev-lec b { font-weight: 700; color: #0D0D0D; }
.per-page .sev-lec .sev-lec-s { color: #6B6B6B; font-size: 12.5px; }
.per-page .sev-lec .sev-lec-v { color: #7A7A7A; }
.per-page .sev-lec > span { overflow: hidden; text-overflow: ellipsis; }

/* La légende des secteurs (cliquable : fait ressortir un secteur) */
.per-page .sev-legs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.per-page .sev-vue button.sev-leg.sev-leg {
  display: inline-flex !important; align-items: center; gap: 6px; cursor: pointer;
  font: inherit !important; font-size: 12px !important; font-weight: 550 !important; line-height: 1 !important;
  padding: 6px 10px !important; border-radius: 999px !important; min-height: 0 !important; height: auto !important;
  background: #FFFFFF !important; border: 1px solid rgba(13,13,13,.12) !important; color: #2B2B2B !important;
  transition: opacity .15s, border-color .15s;
}
.per-page .sev-vue button.sev-leg.sev-leg:hover { border-color: rgba(13,13,13,.35) !important; }
.per-page .sev-vue button.sev-leg.sev-leg.on { border-color: #0D0D0D !important; font-weight: 700 !important; }
.per-page .sev-vue button.sev-leg.sev-leg.sev-terne { opacity: .45; }

/* ── Carte d'accueil « Toutes les fiches » : onze tuiles de secteur ── */
.per-page .sev-fv { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; height: 100%; align-content: center; }
.per-page .sev-fv-i {
  display: flex; flex-direction: column; gap: 1px; padding: 5px 7px 5px 9px; border-radius: 8px; min-width: 0;
  background: #FFFFFF; border: 1px solid rgba(13,13,13,.06); border-left: 3px solid var(--sc);
}
.per-page .sev-fv-i em { font-style: normal; font-size: 10px; color: #4D4D4D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-fv-i b { font-size: 13px; font-weight: 750; color: #0D0D0D; font-variant-numeric: tabular-nums; }
.per-page .sev-fv-i b small { font-size: 9.5px; font-weight: 500; color: #8A8A8A; margin-left: 1px; }
.per-page .obl-rub-p .sev-fv { gap: 3px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.per-page .obl-rub-p .sev-fv-i:nth-child(n+9) { display: none; }
.per-page .obl-rub-p .sev-fv-i { padding: 2px 4px 2px 5px; }
.per-page .obl-rub-p .sev-fv-i em { font-size: 8.5px; }
.per-page .obl-rub-p .sev-fv-i b { font-size: 10px; }

/* ══ 1. LA CARTE DU MARCHÉ ═══════════════════════════════════════════════ */
.per-page .sev-tm { position: relative; width: 100%; height: 520px; border-radius: 10px; overflow: hidden; background: #FFFFFF; }
.per-page .sev-tm-s {
  position: absolute; box-sizing: border-box; overflow: hidden;
  border: 2px solid #FFFFFF; background: color-mix(in srgb, var(--sc) 14%, #FFFFFF);
}
.per-page .sev-tm-sh {
  position: absolute; left: 0; right: 0; top: 0; height: 22px; z-index: 2;
  display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 7px;
  background: color-mix(in srgb, var(--sc) 16%, #FFFFFF); border-top: 3px solid var(--sc);
  font-size: 11.5px; color: #1F1F1F; cursor: pointer; white-space: nowrap; overflow: hidden;
}
.per-page .sev-tm-sh b { font-weight: 750; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-tm-sh span { font-weight: 600; font-variant-numeric: tabular-nums; color: #3D3D3D; }
.per-page .sev-tm-sh:hover b { text-decoration: underline; text-underline-offset: 2px; }
.per-page .sev-tm-m {
  position: absolute; box-sizing: border-box; overflow: hidden; cursor: pointer;
  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1px;
  padding: 2px 4px; text-align: center; line-height: 1.15;
  border: 1px solid rgba(255,255,255,.85);
}
.per-page .sev-tm-m:hover { outline: 2px solid #0D0D0D; outline-offset: -2px; z-index: 3; }
.per-page .sev-tm-mn {
  font-weight: 650; max-width: 100%; overflow: hidden;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; overflow-wrap: normal; hyphens: auto;
}
.per-page .sev-tm-mv { font-weight: 550; font-variant-numeric: tabular-nums; opacity: .92; }
.per-page .sev-ech { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; font-size: 11.5px; color: #6B6B6B; font-variant-numeric: tabular-nums; }
.per-page .sev-ech-b { display: inline-block; width: 220px; height: 10px; border-radius: 5px; }

/* Contributions : une barre divergente par secteur, en points */
.per-page .sev-ct { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; justify-content: space-around; }
.per-page .sev-ct-l {
  display: grid; grid-template-columns: minmax(0, 1.25fr) 42px minmax(0, 1.3fr) 66px; gap: 10px; align-items: center;
  font-size: 12.5px; padding: 3px 4px; border-radius: 6px; cursor: pointer;
}
.per-page .sev-ct-l:hover { background: #F7F6FB; }
.per-page .sev-ct-n { display: flex; align-items: center; gap: 7px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2B2B2B; }
.per-page .sev-ct-p { text-align: right; color: #8A8A8A; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.per-page .sev-ct-b { position: relative; height: 14px; background: linear-gradient(90deg, transparent calc(50% - .5px), #C9C6BE calc(50% - .5px), #C9C6BE calc(50% + .5px), transparent calc(50% + .5px)); }
.per-page .sev-ct-b i { position: absolute; top: 1px; bottom: 1px; border-radius: 3px; }
.per-page .sev-ct-v { text-align: right; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.per-page .sev-ct-tot {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; margin-top: 12px; padding: 10px 12px;
  border-radius: 10px; background: #FAFAFB; font-size: 12.5px; color: #4D4D4D; font-variant-numeric: tabular-nums;
}
.per-page .sev-ct-tot b { text-align: right; font-weight: 700; }

/* Les dix plus gros métiers */
.per-page .sev-gt { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; justify-content: space-around; }
.per-page .sev-gt-l {
  display: grid; grid-template-columns: 18px minmax(0, 1.5fr) minmax(0, 1fr) 62px 62px; gap: 10px; align-items: center;
  font-size: 12.5px; padding: 4px 4px; border-radius: 6px; cursor: pointer;
}
.per-page .sev-gt-l:hover { background: #F7F6FB; }
.per-page .sev-gt-r { color: #8A8A8A; font-size: 11.5px; text-align: right; font-variant-numeric: tabular-nums; }
.per-page .sev-gt-n { display: flex; align-items: center; gap: 7px; min-width: 0; color: #2B2B2B; }
.per-page .sev-gt-n > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-gt-b { height: 10px; border-radius: 4px; background: rgba(13,13,13,.04); overflow: hidden; }
.per-page .sev-gt-b i { display: block; height: 100%; border-radius: 4px; opacity: .85; }
.per-page .sev-gt-c { text-align: right; color: #4D4D4D; font-variant-numeric: tabular-nums; white-space: nowrap; }
.per-page .sev-gt-v { text-align: right; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ══ 2. QUI MÈNE : la carte de chaleur ═══════════════════════════════════ */
.per-page .sev-hm-defil { overflow-x: auto; }
.per-page .sev-vue table.sev-hm { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.5px; font-variant-numeric: tabular-nums; table-layout: fixed; }
.per-page .sev-vue table.sev-hm thead th {
  position: static !important; height: 34px !important; padding: 0 3px !important;
  font-size: 11.5px; font-weight: 600; color: #6B6B6B; text-align: center; white-space: nowrap;
  border-bottom: 1px solid rgba(13,13,13,.10) !important; background: #FFFFFF !important;
}
.per-page .sev-vue table.sev-hm thead th.sev-hm-n { text-align: left; width: 27%; padding-left: 6px !important; }
.per-page .sev-vue table.sev-hm tbody td {
  height: 38px !important; padding: 2px 3px !important; text-align: center; white-space: nowrap;
  border-bottom: 1px solid rgba(13,13,13,.05) !important;
}
.per-page .sev-vue table.sev-hm tbody td.sev-hm-n { text-align: left; padding-left: 6px !important; font-weight: 600; color: #1F1F1F; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-vue table.sev-hm tbody td.sev-hm-n .sev-pt { margin-right: 8px; }
.per-page .sev-vue table.sev-hm tbody tr[data-sev-sec] { cursor: pointer; }
.per-page .sev-vue table.sev-hm tbody tr[data-sev-sec]:hover td.sev-hm-n { color: #6B4FD8; }
.per-page .sev-vue table.sev-hm tr.sev-hm-mar td { border-bottom: 2px solid rgba(13,13,13,.14) !important; }
.per-page .sev-vue table.sev-hm tr.sev-hm-mar td.sev-hm-n { font-weight: 750; }
.per-page .sev-hm-c { display: flex; align-items: center; justify-content: center; height: 30px; border-radius: 6px; font-weight: 600; }
.per-page .sev-hm-mo { display: inline-block; width: 46px; height: 6px; border-radius: 3px; background: rgba(13,13,13,.07); overflow: hidden; vertical-align: middle; margin-right: 7px; }
.per-page .sev-hm-mo i { display: block; height: 100%; border-radius: 3px; }
.per-page .sev-vue table.sev-hm td b { font-weight: 650; display: inline-block; min-width: 28px; text-align: left; }

/* ══ 3. LES TENDANCES : la tech face au reste ═══════════════════════════ */
.per-page .sev-ff { display: flex; flex-direction: column; gap: 10px; min-height: 200px; justify-content: center; }
.per-page .sev-ff-l { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 82px; gap: 12px; align-items: center; }
.per-page .sev-ff-n { font-size: 12.5px; color: #2B2B2B; line-height: 1.3; }
.per-page .sev-ff-b { display: flex; flex-direction: column; gap: 3px; }
.per-page .sev-ff-b i { display: block; height: 9px; border-radius: 3px; }
.per-page .sev-ff-v { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.per-page .sev-ff-v b { font-size: 13.5px; font-weight: 750; color: #0D0D0D; }
.per-page .sev-ff-v em { font-style: normal; font-size: 12px; color: #6B6B6B; }

/* ══ 4. CHER OU BON MARCHÉ ? ═════════════════════════════════════════════ */
.per-page .sev-nu { width: 100%; }
.per-page .sev-nu svg { display: block; width: 100%; height: auto; }
.per-page .sev-nu .sev-nu-p { cursor: pointer; }
.per-page .sev-pe { display: flex; flex-direction: column; gap: 5px; flex: 1 1 auto; justify-content: space-around; }
.per-page .sev-pe-l { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) 44px; gap: 10px; align-items: center; font-size: 12.5px; padding: 3px 4px; border-radius: 6px; cursor: pointer; }
.per-page .sev-pe-l:hover { background: #FBF6EF; }
.per-page .sev-pe-n { display: flex; align-items: center; gap: 7px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2B2B2B; }
.per-page .sev-pe-b { position: relative; height: 13px; border-radius: 4px; background: rgba(13,13,13,.035); }
.per-page .sev-pe-b i { display: block; height: 100%; border-radius: 4px; opacity: .88; }
.per-page .sev-pe-b em { position: absolute; top: -3px; bottom: -3px; width: 0; border-left: 2px dashed #0D0D0D; opacity: .55; }
.per-page .sev-pe-v { text-align: right; font-weight: 650; font-variant-numeric: tabular-nums; }
.per-page .sev-ex { display: flex; flex-direction: column; gap: 3px; flex: 1 1 auto; justify-content: space-around; }
.per-page .sev-ex-t, .per-page .sev-ex-l { display: grid; grid-template-columns: minmax(0, 1fr) 54px 54px; gap: 10px; align-items: center; }
.per-page .sev-ex-t { font-size: 11px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; color: #8A8A8A; padding: 8px 4px 4px; border-bottom: 1px solid rgba(13,13,13,.07); }
.per-page .sev-ex-t span:not(:first-child) { text-align: right; }
.per-page .sev-ex-l { font-size: 12.5px; padding: 4px 4px; border-radius: 6px; cursor: pointer; }
.per-page .sev-ex-l:hover { background: #FBF6EF; }
.per-page .sev-ex-n { display: flex; align-items: center; gap: 7px; min-width: 0; color: #2B2B2B; }
.per-page .sev-ex-n > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-ex-v, .per-page .sev-ex-r { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.per-page .sev-ex-v { font-weight: 650; }
.per-page .sev-ex-r { color: #4D4D4D; }

/* ══ 5. LES MÉTIERS : meneurs et traînards ═══════════════════════════════ */
.per-page .sev-mn { display: flex; flex-direction: column; gap: 4px; }
.per-page .sev-mn-l { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) 64px; gap: 12px; align-items: center; padding: 5px 6px; border-radius: 8px; cursor: pointer; }
.per-page .sev-mn-l:hover { background: #FBF5F1; }
.per-page .sev-mn-n { display: flex; align-items: center; gap: 9px; min-width: 0; }
.per-page .sev-mn-n > span { display: flex; flex-direction: column; min-width: 0; }
.per-page .sev-mn-n b { font-size: 13px; font-weight: 650; color: #0D0D0D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-mn-n em { font-style: normal; font-size: 11.5px; color: #7A7A7A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-mn-b { height: 12px; border-radius: 4px; background: rgba(13,13,13,.035); overflow: hidden; }
.per-page .sev-mn-b i { display: block; height: 100%; border-radius: 4px; }
.per-page .sev-mn-v { text-align: right; font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ══ 6. TOUTES LES FICHES ════════════════════════════════════════════════ */
/* Des colonnes qui s'empilent (un secteur a six métiers, un autre dix-sept) : chaque carte
   garde sa hauteur naturelle, aucun blanc sous les petites. */
.per-page .sev-fcs { columns: 3; column-gap: 16px; }
@media (max-width: 1180px) { .per-page .sev-fcs { columns: 2; } }
.per-page .sev-fc {
  break-inside: avoid; margin: 0 0 16px; width: 100%;
  display: flex; flex-direction: column; gap: 12px; padding: 0 0 14px; border-radius: 16px; overflow: hidden;
  background: #FFFFFF; border: 1px solid rgba(13,13,13,.08); border-top: 5px solid var(--sc);
}
.per-page .sev-vue button.sev-fc-h.sev-fc-h {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; width: 100%; cursor: pointer; text-align: left;
  font: inherit !important; padding: 14px 16px 12px !important; margin: 0 !important; min-height: 0 !important; height: auto !important; line-height: 1.25 !important;
  border: 0 !important; border-radius: 0 !important; color: #0D0D0D !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--sc) 11%, #FFFFFF), #FFFFFF) !important;
}
.per-page .sev-vue button.sev-fc-h.sev-fc-h:hover .sev-fc-t b { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--sc); }
.per-page .sev-fc-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.per-page .sev-fc-t b { font-size: 16.5px; font-weight: 750; letter-spacing: -.01em; }
.per-page .sev-fc-t em { font-style: normal; font-size: 12px; color: #6B6B6B; font-variant-numeric: tabular-nums; }
.per-page .sev-fc-note { display: flex; flex-direction: column; align-items: flex-end; gap: 0; flex: 0 0 auto; }
.per-page .sev-fc-note > span { display: flex; align-items: baseline; gap: 1px; }
.per-page .sev-fc-note em { font-style: normal; font-size: 11px; font-weight: 650; letter-spacing: .02em; }
.per-page .sev-fc-note b { font-size: 26px; font-weight: 780; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.per-page .sev-fc-note small { font-size: 12px; font-weight: 600; color: #8A8A8A; }
.per-page .sev-fc-k { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 0 14px; }
.per-page .sev-fc-k > span { display: flex; flex-direction: column; gap: 1px; padding: 6px 8px; border-radius: 9px; background: #FAFAFB; min-width: 0; }
.per-page .sev-fc-k em { font-style: normal; font-size: 10.5px; color: #7A7A7A; white-space: nowrap; }
.per-page .sev-fc-k b { font-size: 13.5px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.per-page .sev-fc-m { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 14px; }
.per-page .sev-vue button.sev-fc-mi.sev-fc-mi {
  display: inline-flex !important; align-items: center; gap: 6px; cursor: pointer;
  font: inherit !important; font-size: 11.5px !important; font-weight: 450 !important; line-height: 1.2 !important;
  padding: 4px 8px !important; border-radius: 7px !important; min-height: 0 !important; height: auto !important; max-width: 100%;
  background: #FFFFFF !important; border: 1px solid rgba(13,13,13,.10) !important; color: #2B2B2B !important;
}
.per-page .sev-vue button.sev-fc-mi.sev-fc-mi:hover { border-color: var(--sc) !important; background: color-mix(in srgb, var(--sc) 7%, #FFFFFF) !important; }
.per-page .sev-fc-mi > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-page .sev-fc-mi > b { font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.per-page .sev-fc-note-p { font-size: 12px; color: #7A7A7A; }

/* ══ L'ANCIEN « DÉTAIL PAR MÉTIER », repris dans la rubrique « métiers » ══
   Restylé en carte de la vue ; colonnes resserrées, en-têtes d'une ligne,
   aucun débordement horizontal à 1 280 px. */
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] #per-metiers-corps > :not(.met-detail) { display: none !important; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-detail {
  margin: 0 0 26px; border: 1px solid rgba(13,13,13,.09); border-top: 3px solid color-mix(in srgb, #C2410C 55%, #FFFFFF);
  border-radius: 14px; background: #FFFFFF; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-detail-tete { padding: 16px 20px 10px; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-detail-t { font-size: 15px; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-detail-note { margin: 0 20px 12px; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-detail .met-wrap { padding: 0; border: 0; border-top: 1px solid rgba(13,13,13,.07); border-radius: 0; overflow-x: auto; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table { font-size: 12.5px; table-layout: auto; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table thead th {
  height: 40px !important; padding: 0 6px !important; font-size: 11.5px; white-space: nowrap; position: static !important;
}
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table thead th:first-child { padding-left: 16px !important; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table thead th:last-child { padding-right: 16px !important; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table th[data-hint]::after { content: none; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table tbody td { height: 38px !important; padding: 0 6px !important; white-space: nowrap; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table tbody td:first-child { padding-left: 16px !important; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table tbody td:last-child { padding-right: 16px !important; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table .met-titres { max-width: 200px; }
/* Le secteur : sa pastille de couleur (celle de toute la vue), puis son nom */
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table td.met-td-sect { text-align: left; max-width: 170px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #3D3D3D; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table td.met-td-sect::before {
  content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 7px; vertical-align: 0; background: #8A8A8A;
}
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-table thead th:nth-child(2) { text-align: left; }
.per-page #per-tab-metiers .met-table td[data-secteur="Technology"]::before { background: #2A78D6 !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Financials"]::before { background: #5B3CC4 !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Industrials"]::before { background: #8F6A1F !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Consumer Discretionary"]::before { background: #EC5B98 !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Communication Services"]::before { background: #B02AA8 !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Healthcare"]::before { background: #13A6C2 !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Energy"]::before { background: #E8610F !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Consumer Staples"]::before { background: #6FA32A !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Materials"]::before { background: #CFB21A !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Utilities"]::before { background: #0B8C6C !important; }
.per-page #per-tab-metiers .met-table td[data-secteur="Real Estate"]::before { background: #B3233F !important; }
.per-page #per-tab-metiers.vs-onglet[data-vs-rub="metiers"] .met-detail .scr-pied { padding: 12px 20px 14px; border-top: 1px solid rgba(13,13,13,.06); }

/* Le bas de la vue (autres rubriques, sources) suit le contenu sans double marge */
.per-page .sev-bas { padding-bottom: 20px; }