/*=========================================
 * Style special pour la zone Pourqui de apropos
 * =======================================*/
/* ===== SECTION : fond différencié (bande légère) + carte + halo ===== */
.who-section{
  position:relative;
  padding:3.5rem 0;
  background: linear-gradient(180deg,#f8fbff 0%, #ffffff 40%, #f8fbff 100%);
  border-top:1px solid #e6f0fb;
  border-bottom:1px solid #e6f0fb;
}
.who-section .who-rays{
  position:relative;
  background:#fff;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  padding:2rem 1.75rem;
  z-index:1;
}
@media (min-width:769px){
  .who-section .who-rays{ padding:2.5rem 2.25rem; }
}
/* Halo doux centré */
.who-section::after{
  content:"";
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background: radial-gradient(420px 420px at 50% 50%, rgba(0,115,230,.08), transparent 70%);
}

/* ===== TITRE EXTERNE ===== */
.who-section .who-title{
  text-align:center;
  margin:0 0 1.2rem; /* base mobile */
}

/* ===== FALLBACK MOBILE (liste) ===== */
.who-section .who-rays{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.25rem;
  max-width:1200px;
  margin:0 auto 2rem;
  text-align:center;
}

/* ===== ÉLÉMENTS (catégories) ===== */
.who-section .who-item{
  position:relative;
  max-width:520px;
  padding-left:1rem;   /* place pour la barre verte à GAUCHE */
}
/* Barre verte (toujours à GAUCHE) */
.who-section .who-item::before{
  content:"";
  position:absolute;
  left:.25rem;
  top:.35rem;
  bottom:.35rem;
  width:2px;
  background:#a4bd01;
  border-radius:2px;
}

/* Chip (contour + texte verts) */
.who-section .who-chip{
  display:inline-block;
  background:#fff;
  color:#a4bd01;
  border:2px solid #a4bd01;
  border-radius:20px;
  padding:.55rem 1rem;
  font-weight:700;
  line-height:1.2;
  margin-bottom:.4rem;
  transition:box-shadow .25s ease, background .25s ease;
  position:relative;          /* pour la boule */
  margin-left:.25rem;         /* petit décalage depuis la barre */
}
.who-section .who-chip:hover{
  background:#f9fdf1;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
/* Boule verte (toujours à GAUCHE) */
.who-section .who-chip::before{
  content:"";
  position:absolute;
  left:-.65rem;
  top:50%;
  transform:translateY(-50%);
  width:.55rem; height:.55rem;
  border-radius:50%;
  background:#a4bd01;
  box-shadow:0 0 0 2px #fff, 0 0 0 4px #a4bd0122;
}

/* Descriptions (métier) en bleu du thème */
.who-section .who-desc{
  margin:0;
  color:var(--e-global-color-primary, #0073e6);
  font-size:1rem;
  line-height:1.55;
  font-weight:500;
  letter-spacing:.1px;
}

/* ===== CENTRE (H2) : pastille blanche + contour/texte bleus + 4 boules bleues ===== */
.who-section .who-center{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:2;
}
.who-section .who-center-chip.elementor-heading-title{
  display:inline-block;
  background:#fff;
  color:var(--e-global-color-primary, #0073e6);
  border:3px solid var(--e-global-color-primary, #0073e6);
  padding:1.1rem 2.2rem;      /* “fond plus gros” */
  border-radius:44px;
  margin:0;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  font-weight:800;
  line-height:1.15;           /* parfait pour "Vraiment<br>pour tous" */
  text-align:center;
  position:relative;          /* pour boules G/D */
  white-space:normal;
}
/* Boules bleues gauche/droite (sur le H2) */
.who-section .who-center-chip.elementor-heading-title::before,
.who-section .who-center-chip.elementor-heading-title::after{
  content:"";
  position:absolute;
  width:.7rem; height:.7rem;
  border-radius:50%;
  background:var(--e-global-color-primary, #0073e6);
  box-shadow:0 0 0 3px #e6f0fb;
  top:50%; transform:translateY(-50%);
}
.who-section .who-center-chip.elementor-heading-title::before{ left:-1.2rem; }
.who-section .who-center-chip.elementor-heading-title::after{ right:-1.2rem; }
/* Boules bleues haut/bas (sur le conteneur centre) */
.who-section .who-center::before,
.who-section .who-center::after{
  content:"";
  position:absolute; left:50%;
  width:.7rem; height:.7rem;
  border-radius:50%;
  background:var(--e-global-color-primary, #0073e6);
  box-shadow:0 0 0 3px #e6f0fb;
  transform:translateX(-50%);
}
.who-section .who-center::before{ top:-1.2rem; }
.who-section .who-center::after{ bottom:-1.2rem; }

/* ===== ORDI & TABLETTE (>=769px) : layout radial "autour du centre" ===== */
@media (min-width: 769px){
  .who-section .who-rays{
    display:grid;
    grid-template-columns: minmax(360px, 1.25fr) auto minmax(360px, 1.25fr);
    grid-template-rows: auto auto auto;
    gap:2rem 3rem;
    align-items:center;
    text-align:center;
    max-width:1200px;
    margin:0 auto 2.5rem;
  }

  /* Placement des 8 éléments autour du centre */
  .who-section .pos-tl{ grid-column:1; grid-row:1; text-align:right; }
  .who-section .pos-tc{ grid-column:2; grid-row:1; }
  .who-section .pos-tr{ grid-column:3; grid-row:1; text-align:left; }

  .who-section .pos-ml{ grid-column:1; grid-row:2; text-align:right; }
  .who-section .who-center{ grid-column:2; grid-row:2; } /* centre */
  .who-section .pos-mr{ grid-column:3; grid-row:2; text-align:left; }

  .who-section .pos-bl{ grid-column:1; grid-row:3; text-align:right; }
  .who-section .pos-bc{ grid-column:2; grid-row:3; }
  .who-section .pos-br{ grid-column:3; grid-row:3; text-align:left; }

  /* Largeurs : colonnes G/D plus larges ; haut/bas plus sages */
  .who-section .pos-tl,
  .who-section .pos-tr,
  .who-section .pos-ml,
  .who-section .pos-mr,
  .who-section .pos-bl,
  .who-section .pos-br{ max-width:560px; }
  .who-section .pos-tc,
  .who-section .pos-bc{ max-width:460px; }

  /* Plus d’espace sous le titre externe */
  .who-section .who-title{ margin-bottom:2.5rem; }
}

/* ===== SMARTPHONE (<=768px) : liste simple, sans pastille centrale ===== */
@media (max-width: 768px){
  .who-section .who-center{ display:none; }    /* pastille centrale masquée en mobile */
  .who-section .who-rays{
    display:flex;               /* fallback colonne */
    flex-direction:column;
    gap:1.25rem;
    padding:0 1rem;
  }
  .who-section .who-item{ max-width:100%; }
}


/*============mission liste et atouts================*/
/* ===== Liste "Mission" avec grosse flèche verte ===== */
.mission-list {
  list-style: none;      /* on enlève les puces natives */
  padding-left: 0;
  margin-left: 0;
}

.mission-list li {
  position: relative;
  padding-left: 2.5em;   /* espace pour la grosse flèche */
  margin-bottom: 0.8em;
}

/* Flèche verte plus grande */
.mission-list li::before {
  content: "➶";          /* flèche descendante */
  position: absolute;
  left: 0;
  top: 0;
  color: #A4BD01;        
  font-size: 2em;      
  line-height: 1;
}

/* Liste atouts étoiles pleines */
/* Liste spéciale avec étoiles pleines */
ul.atouts-list {
  list-style: none;      /* Supprime les puces classiques */
  padding-left: 0;       
}

ul.atouts-list li {
  position: relative;
  padding-left: 2em;     /* Espace entre étoile et texte */
  margin-bottom: 0.6em;
}

ul.atouts-list li::before {
  content: "★";          
  color: #a4bd01;        
  position: absolute;
  left: 0;               
  top: 20%;             /* Aligne au milieu du texte */
  transform: translateY(-50%);
  font-size: 2em;      
}

.accentH { color: #a4bd01; font-weight: 600; }
 
/* Footer*/
/* Footer – 2 colonnes propres pour le widget 2 */
.footer-bottom .footer_widget .footer-links-cols{
  display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap;
}
.footer-bottom .footer_widget .footer-links-cols .col{
  flex:1 1 0; min-width:240px;
}

.accentH { color: #a4bd01; font-weight: 600; }