.elementor-521172 .elementor-element.elementor-element-5993eb4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-521172 .elementor-element.elementor-element-7d21eff .elementor-toc__header-title{text-align:start;}.elementor-521172 .elementor-element.elementor-element-7d21eff .elementor-toc__header{flex-direction:row;}.elementor-521172 .elementor-element.elementor-element-7d21eff{--item-text-hover-decoration:underline;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-521172 .elementor-element.elementor-element-94473bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for text-editor, class: .elementor-element-fbf4a32 *//* ============================================================
   BAROMETRE SALAIRES IA & ML 2026 : Silkhom
   CSS refonte v2 : silkhom.com/les-salaires-ia-et-ml/
   ============================================================ */

:root {
  --sk-orange: #e7411b;
  --sk-dark: #1a1a2e;
  --sk-lilas: #ECEDF5;
  --sk-text: #2d2d2d;
  --sk-muted: #6b7280;
  --sk-border: #e5e7eb;
  --sk-white: #ffffff;
  --sk-green: #16a34a;
  --sk-card: #f8f9fc;
}

.barometre-ia-page * {
  box-sizing: border-box;
}

.barometre-ia-page {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--sk-text);
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
}

/* --- Direct Answer --- */
.direct-answer {
  background: var(--sk-lilas);
  padding: 22px 26px;
  border-radius: 16px;
  margin-bottom: 28px;
  font-size: 1rem;
  line-height: 1.75;
}

/* --- TL;DR --- */
.tldr-bloc {
  background: var(--sk-dark);
  color: var(--sk-white);
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 36px;
}

.tldr-bloc h2 {
  color: var(--sk-white);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  font-weight: 700;
  opacity: 0.6;
}

.tldr-bloc ul {
  margin: 0;
  padding-left: 18px;
}

.tldr-bloc ul li {
  margin-bottom: 7px;
  font-size: 0.93rem;
  line-height: 1.6;
}

/* --- Boutons IA --- */
.ia-explorer-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}

.ia-explorer-buttons a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 15px;
  border: 1px solid var(--sk-border);
  border-radius: 100px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--sk-text);
  text-decoration: none;
  background: var(--sk-white);
  transition: all 0.15s ease;
}

.ia-explorer-buttons a:hover {
  border-color: var(--sk-orange);
  color: var(--sk-orange);
}

/* --- Typographie --- */
.barometre-ia-page h1 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.25;
  color: var(--sk-dark);
  margin-bottom: 8px;
}

.barometre-ia-page h2 {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--sk-dark);
  margin-top: 52px;
  margin-bottom: 18px;
}

.barometre-ia-page h3.poste-titre {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--sk-dark);
  margin-top: 44px;
  margin-bottom: 14px;
  padding: 0;
  border: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.barometre-ia-page h3.poste-titre::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sk-orange);
  flex-shrink: 0;
}

.barometre-ia-page p {
  margin: 0 0 16px 0;
  font-size: 1rem;
}

/* --- Encadré chiffres --- */
.encadre-chiffres {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 24px 0;
}

.chiffre-item {
  background: var(--sk-white);
  border: 1px solid var(--sk-border);
  border-radius: 16px;
  padding: 18px 20px;
  text-align: center;
}

.chiffre-item .chiffre-valeur {
  display: block;
  font-size: 1.65rem;
  font-weight: 900;
  color: var(--sk-orange);
  line-height: 1.1;
  margin-bottom: 6px;
}

.chiffre-item .chiffre-label {
  font-size: 0.8rem;
  color: var(--sk-muted);
  line-height: 1.4;
}

/* --- Tableaux de salaires --- */
.table-salaire-wrapper {
  overflow-x: auto;
  margin: 14px 0 6px 0;
  border-radius: 14px;
  border: 1px solid var(--sk-border);
}

.table-salaire {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.9rem;
  min-width: 480px;
}

.table-salaire thead th {
  background: var(--sk-dark);
  color: var(--sk-white);
  padding: 12px 18px;
  text-align: left;
  font-weight: 600;
  font-size: 0.82rem;
}

.table-salaire thead th:first-child {
  border-top-left-radius: 13px;
}

.table-salaire thead th:last-child {
  border-top-right-radius: 13px;
}

.table-salaire tbody tr:nth-child(even) {
  background: var(--sk-card);
}

.table-salaire tbody tr:nth-child(odd) {
  background: var(--sk-white);
}

.table-salaire tbody td {
  padding: 11px 18px;
  border-bottom: 1px solid var(--sk-border);
  vertical-align: middle;
}

.table-salaire tbody tr:last-child td {
  border-bottom: none;
}

.table-salaire tbody tr:last-child td:first-child {
  border-bottom-left-radius: 13px;
}

.table-salaire tbody tr:last-child td:last-child {
  border-bottom-right-radius: 13px;
}

.table-salaire tbody td:first-child {
  font-weight: 600;
  color: var(--sk-dark);
}

.table-salaire .niveau-badge {
  display: block;
  font-size: 0.7rem;
  color: var(--sk-muted);
  font-weight: 400;
  margin-top: 1px;
}

.table-salaire .fourchette {
  font-weight: 700;
  color: var(--sk-dark);
  letter-spacing: 0.01em;
}

.table-note {
  font-size: 0.77rem;
  color: var(--sk-muted);
  margin-top: 8px;
  margin-bottom: 18px;
}

/* --- Fiche descriptive poste --- */
.poste-descriptif {
  background: var(--sk-card);
  border: 1px solid var(--sk-border);
  border-radius: 18px;
  padding: 24px 26px;
  margin-top: 8px;
  margin-bottom: 36px;
}

.poste-descriptif .poste-objectif {
  font-size: 0.95rem;
  margin-bottom: 16px;
}

.poste-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.poste-meta-item {
  background: var(--sk-white);
  border: 1px solid var(--sk-border);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.poste-meta-item .meta-label {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--sk-muted);
}

.poste-meta-item .meta-valeur {
  font-size: 0.87rem;
  color: var(--sk-text);
}

.poste-competences {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 18px;
}

.tag-competence {
  background: var(--sk-white);
  border: 1px solid var(--sk-border);
  color: var(--sk-dark);
  border-radius: 100px;
  padding: 5px 13px;
  font-size: 0.76rem;
  font-weight: 500;
}

.poste-marche {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.marche-item {
  flex: 1;
  min-width: 140px;
}

.barometre-pdf-download {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 40px 0;
  padding: 24px 28px;
  background-color: #ECEDF5;
  border-radius: 12px;
  border: 1px solid rgba(26, 26, 46, 0.08);
}

.barometre-pdf-download-icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid rgba(26, 26, 46, 0.1);
}

.barometre-pdf-download-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.barometre-pdf-download-content p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #1a1a2e;
  line-height: 1.5;
}

.barometre-pdf-download-content p strong {
  font-size: 16px;
  font-weight: 900;
}

.barometre-pdf-download-text {
  color: rgba(26, 26, 46, 0.75);
}

a.barometre-pdf-download-btn,
a.barometre-pdf-download-btn:link,
a.barometre-pdf-download-btn:visited {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background-color: #e7411b;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none !important;
  border-radius: 100px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

a.barometre-pdf-download-btn:hover {
  background-color: #1a1a2e;
  color: #ffffff !important;
  transform: translateY(-1px);
}

@media (max-width: 600px) {
  .barometre-pdf-download {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  .barometre-pdf-download-btn {
    width: 100%;
    justify-content: center;
  }
}

.marche-item .marche-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--sk-muted);
  margin-bottom: 6px;
}

.progress-bar-bg {
  background: var(--sk-border);
  border-radius: 100px;
  height: 6px;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  border-radius: 100px;
  background: var(--sk-orange);
}

.marche-item .marche-valeur {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--sk-dark);
}

.poste-secteurs {
  margin-top: 8px;
}

.poste-secteurs .secteur-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--sk-muted);
  margin-bottom: 8px;
}

.secteurs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.tag-secteur {
  background: var(--sk-lilas);
  color: var(--sk-dark);
  border-radius: 100px;
  padding: 5px 13px;
  font-size: 0.76rem;
  font-weight: 500;
}

.lien-fiche-metier {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 14px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--sk-orange);
  text-decoration: none;
}

.lien-fiche-metier:hover {
  text-decoration: underline;
}

/* --- Badges variation --- */
.variation-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 4px 11px;
  border-radius: 100px;
}

.variation-hausse {
  background: #dcfce7;
  color: var(--sk-green);
}

.variation-nouveau {
  background: #fef3c7;
  color: #92400e;
}

/* --- Tableau récap famille --- */
.table-salaire-wrapper + .table-note + .table-salaire-wrapper,
.table-salaire-wrapper {
  margin-bottom: 28px;
}

.tableau-recap-famille {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.88rem;
}

.tableau-recap-famille thead th {
  background: var(--sk-dark);
  color: var(--sk-white);
  padding: 11px 16px;
  text-align: left;
  font-weight: 600;
}

.tableau-recap-famille thead th:first-child {
  border-top-left-radius: 13px;
}

.tableau-recap-famille thead th:last-child {
  border-top-right-radius: 13px;
}

.tableau-recap-famille tbody tr {
  border-bottom: 1px solid var(--sk-border);
  transition: background 0.15s ease;
}

.tableau-recap-famille tbody tr:last-child {
  border-bottom: none;
}

.tableau-recap-famille tbody tr:hover {
  background: var(--sk-lilas);
}

.tableau-recap-famille tbody td {
  padding: 11px 16px;
  vertical-align: middle;
}

/* --- Analyse de marché --- */
.analyse-marche {
  background: var(--sk-card);
  border: 1px solid var(--sk-border);
  border-radius: 16px;
  padding: 18px 22px;
  margin: 24px 0 32px 0;
  font-size: 0.94rem;
}

/* --- Encadré "À retenir" --- */
.encadre-a-retenir {
  background: var(--sk-dark);
  color: var(--sk-white);
  border-radius: 18px;
  padding: 22px 26px;
  margin: 24px 0;
}

.encadre-a-retenir h4 {
  color: var(--sk-orange);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 12px 0;
  font-weight: 700;
}

.encadre-a-retenir ul {
  margin: 0;
  padding-left: 17px;
}

.encadre-a-retenir ul li {
  margin-bottom: 7px;
  font-size: 0.91rem;
  line-height: 1.55;
}

/* --- FAQ --- */
.faq-section {
  margin-top: 52px;
}

.faq-item {
  background: var(--sk-card);
  border: 1px solid var(--sk-border);
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: 12px;
}

.faq-question {
  font-size: 1rem;
  font-weight: 700;
  color: var(--sk-dark);
  margin: 0 0 10px 0;
  line-height: 1.4;
}

.faq-reponse {
  font-size: 0.95rem;
  color: var(--sk-text);
  line-height: 1.7;
  margin: 0;
}

/* --- Séparateur de famille --- */
.famille-separator {
  height: 1px;
  background: var(--sk-border);
  border: none;
  margin: 56px 0 0 0;
}

/* --- Méthodologie --- */
.methodo-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.methodo-list li {
  padding: 12px 0 12px 26px;
  position: relative;
  border-bottom: 1px solid var(--sk-border);
  font-size: 0.95rem;
}

.methodo-list li:last-child {
  border-bottom: none;
}

.methodo-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--sk-orange);
  border-radius: 50%;
}

/* --- CTA final --- */
.cta-section {
  background: var(--sk-card);
  border: 1px solid var(--sk-border);
  border-radius: 20px;
  padding: 40px 36px;
  margin-top: 56px;
  text-align: center;
}

.cta-section h2 {
  margin-top: 0;
  font-size: 1.4rem;
}

.cta-section p {
  color: var(--sk-muted);
  max-width: 480px;
  margin: 10px auto 24px auto;
}

.cta-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 0.93rem;
  text-decoration: none;
  transition: all 0.15s ease;
}

.cta-btn:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}

.cta-btn-primary {
  background: var(--sk-orange);
  color: var(--sk-white);
}

.cta-btn-secondary {
  background: var(--sk-dark);
  color: var(--sk-white);
}

.cta-quiz-link {
  display: inline-block;
  margin-top: 18px;
  font-size: 0.86rem;
  color: var(--sk-orange);
  font-weight: 600;
  text-decoration: none;
}

.cta-quiz-link:hover {
  text-decoration: underline;
}

/* --- Responsive --- */
@media (max-width: 640px) {
  .barometre-ia-page h1 { font-size: 1.45rem; }
  .barometre-ia-page h2 { font-size: 1.15rem; }
  .encadre-chiffres { grid-template-columns: 1fr 1fr; }
  .cta-section { padding: 28px 20px; }
  .poste-meta-grid { grid-template-columns: 1fr; }
  .ia-explorer-buttons a { font-size: 0.74rem; padding: 6px 12px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-27a638f *//* --- Passerelle vers le barometre IT --- */
.barometre-cross-link {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 40px 0;
  padding: 22px 26px;
  background-color: #ECEDF5;
  border-radius: 18px;
  border: 1px solid #e5e7eb;
}

.barometre-cross-link p {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #1a1a2e;
  line-height: 1.5;
}

.barometre-cross-link p strong {
  font-weight: 900;
  font-size: 1rem;
}

.barometre-cross-link-text a {
  color: #e7411b;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.barometre-cross-link-text a:hover {
  color: #1a1a2e;
}

a.barometre-cross-link-cta,
a.barometre-cross-link-cta:link,
a.barometre-cross-link-cta:visited {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 9px 18px;
  margin-top: 4px;
  background-color: #ffffff;
  color: #1a1a2e !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none !important;
  border-radius: 100px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
  white-space: nowrap;
}

a.barometre-cross-link-cta:hover {
  background-color: #e7411b;
  border-color: #e7411b;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* --- CTA de cloture : contact / CV --- */
.barometre-closing-cta {
  display: flex;
  gap: 0;
  margin: 56px 0 0 0;
  background-color: #ECEDF5;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.barometre-closing-cta-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px 32px;
}

.barometre-closing-cta-divider {
  width: 1px;
  background-color: #e5e7eb;
  margin: 24px 0;
}

.barometre-closing-cta-item p {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #1a1a2e;
  line-height: 1.5;
}

.barometre-closing-cta-item p strong {
  font-size: 16px;
  font-weight: 900;
}

.barometre-closing-cta-text {
  color: #6b7280;
}

a.barometre-closing-cta-btn,
a.barometre-closing-cta-btn:link,
a.barometre-closing-cta-btn:visited {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 10px 20px;
  margin-top: 6px;
  background-color: #1a1a2e;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none !important;
  border-radius: 100px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

a.barometre-closing-cta-btn:hover {
  background-color: #e7411b;
  color: #ffffff !important;
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .barometre-closing-cta {
    flex-direction: column;
  }

  .barometre-closing-cta-divider {
    width: auto;
    height: 1px;
    margin: 0 32px;
  }

  .barometre-closing-cta-item {
    padding: 24px 26px;
  }
}/* End custom CSS */