/* Section « Quel est votre point de départ ? » : deux colonnes, la colonne survolée devient active. */
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url('fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url('fonts/poppins-700.woff2') format('woff2')}
@font-face{font-family:Sora;font-weight:700;font-display:swap;src:url('fonts/sora-700.woff2') format('woff2')}

.choix{
  --c-actif:#6236CB; --c-mot:#6236CB; --c-mot-actif:#FFB28F; --c-encre:#211A33; --c-blanc:#fff;
  --sp-40:clamp(20px,4vw,40px); --sp-50:clamp(30px,5vw,50px); --sp-70:clamp(50px,7vw,90px);
  max-width:1300px; margin-inline:auto; padding-inline:var(--sp-50);
  font-family:Poppins,sans-serif; font-size:clamp(.8rem,.8rem + ((1vw - .2rem) * .25),1rem); line-height:1.3;
  color:var(--c-encre);
}
.choix h2{
  font-family:Poppins,sans-serif; font-weight:700; letter-spacing:0; text-align:center;
  font-size:clamp(1.743rem,1.743rem + ((1vw - .2rem) * 1.571),3rem); line-height:1.2;
  margin:var(--sp-40) 0 var(--sp-50);
}
.programme-choix{
  display:flex; flex-wrap:nowrap; gap:0;
  border:3px solid var(--c-encre); border-radius:30px; overflow:hidden;
}
.programme-choix .col{
  flex:1; position:relative; display:flex; flex-direction:column; gap:24px;
  padding:var(--sp-50) var(--sp-70); background:var(--c-blanc);
  transition:all .5s ease;
}
.programme-choix .col p{margin:0}
.programme-choix .entete{display:flex; flex-wrap:nowrap; align-items:center; gap:24px}
.programme-choix .entete img{flex:none}
.programme-choix .titre{
  font-size:clamp(1.25rem,1.25rem + ((1vw - .2rem) * .938),2rem); font-weight:700; text-transform:uppercase; line-height:1.2;
}
.programme-choix mark{background:transparent; color:var(--c-mot); transition:color .5s ease}
.programme-choix .bouton{
  align-self:flex-start; margin-top:12px;
  font-family:Sora,sans-serif; font-weight:700; font-size:1rem; color:var(--c-actif); text-decoration:none;
}
.programme-choix .bouton::before{
  content:""; display:inline-block; width:8px; height:12px; margin-right:10px; vertical-align:middle;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.5 1.5 6 6l-4.5 4.5' fill='none' stroke='%23FFB28F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.programme-choix .bouton:hover{color:var(--c-mot)}
/* Toute la colonne est cliquable */
.programme-choix .bouton::after{content:""; position:absolute; inset:0; z-index:1}

/* Colonne active : celle survolée en dernier */
.programme-choix .colonne-active{background:var(--c-actif); color:var(--c-blanc)}
.programme-choix .colonne-active .bouton{color:var(--c-blanc)}
.programme-choix .colonne-active mark{color:var(--c-mot-actif)}

/* Pastille « ou » à cheval sur les deux colonnes */
.prog-sur-mesure-ou{position:absolute; top:50%; left:0; transform:translate(-50%,-50%); padding:10px; z-index:2}
.prog-sur-mesure-ou p{
  background:var(--c-blanc); color:var(--c-encre); border:3px solid var(--c-encre); border-radius:10px; padding:10px;
  font-size:clamp(.875rem,.875rem + ((1vw - .2rem) * .406),1.2rem); font-weight:700; text-transform:uppercase; line-height:1.2;
}

@media (max-width:767px){
  .programme-choix{flex-direction:column}
  .prog-sur-mesure-ou{top:0; left:50%}
  .programme-choix .col{padding-inline:24px}
}
@media (prefers-reduced-motion:reduce){.programme-choix .col,.programme-choix mark{transition:none}}