/* ==========================================================================
   PTC — Le bandeau de parcours.
   Constat de Déb (20/08/2026) : une page publique ouverte ne dit plus où l'on
   est. Ce bandeau répond aux deux besoins d'un coup — se situer dans
   l'avancement, et rejoindre son projet.

   Découpage en TROIS TEMPS, chronologique et non thématique :
     Préparer · Réaliser (jusqu'à un an après la réception) · Y vivre.
   Le rangement, lui, reste thématique dans l'espace projet : on navigue dans
   le temps, on range par sujet.
   ========================================================================== */
/* Non colle : le bandeau situe a l'arrivee, puis rend l'ecran a la lecture.
   L'en-tete du site reste colle et porte deja « Mon projet » : deux barres
   collees mangeaient 125 px de haut de page pour un seul repere utile. */
.ptc-jalons{
  background:#fff;border-bottom:1px solid #e5e0d7;
}
.ptc-jalons__in{
  max-width:1120px;margin:auto;padding:5px 22px 6px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.ptc-jalons__temps{display:flex;align-items:stretch;gap:0;flex:1;min-width:280px}
.ptc-jalons__t{
  flex:1;min-width:0;position:relative;padding:6px 12px 5px 17px;
  text-decoration:none;color:#647080;
  font-family:'Poppins',sans-serif;font-size:.74rem;font-weight:700;line-height:1.2;
  display:flex;flex-direction:column;justify-content:center;gap:2px;
  border-top:3px solid #e5e0d7;
}
.ptc-jalons__t:first-child{padding-left:13px}
.ptc-jalons__t small{
  font-family:'DM Sans',sans-serif;font-size:.68rem;font-weight:500;color:#8f8577;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ptc-jalons__t:hover{color:#1a2d4a}
.ptc-jalons__t--fait{border-top-color:#17634d;color:#1a2d4a}
.ptc-jalons__t--fait small{color:#17634d}
.ptc-jalons__t--ici{border-top-color:#e8541a;color:#c4400f}
.ptc-jalons__t--ici small{color:#c4400f}
.ptc-jalons__t--ici::after{
  content:"";position:absolute;top:-6px;left:0;width:9px;height:9px;border-radius:50%;
  background:#e8541a;border:2px solid #fff;
}
.ptc-jalons__t:first-child.ptc-jalons__t--ici::after{left:13px}

.ptc-jalons__ou{
  font-family:'DM Sans',sans-serif;font-size:.78rem;color:#647080;
  display:flex;align-items:center;gap:8px;white-space:nowrap;
}
.ptc-jalons__ou b{color:#1a2d4a;font-weight:700}
.ptc-jalons__cta{
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  background:#1a2d4a;color:#fff;border-radius:999px;padding:8px 15px;
  font-family:'Poppins',sans-serif;font-size:.78rem;font-weight:700;white-space:nowrap;
}
.ptc-jalons__cta:hover{background:#284d73}
.ptc-jalons__cta:focus-visible,.ptc-jalons__t:focus-visible{outline:2px solid #e8541a;outline-offset:2px}

@media(max-width:860px){
  .ptc-jalons__in{padding:8px 16px;gap:10px}
  .ptc-jalons__ou{display:none}
  .ptc-jalons__t small{display:none}
  .ptc-jalons__t{padding:6px 8px 6px 14px;font-size:.72rem}
}
@media print{.ptc-jalons{display:none}}