/* Fil d'Ariane v8 (child 5.0.11) — rendu Rank Math, cf. inc/breadcrumb.php.
 * Posé sur le haut du hero : tous les heroes v8 sont sombres (bleu nuit, bleu charte,
 * photo des pages services), d'où le texte clair et l'ombre portée. */
/* Bloc de hauteur nulle entre </header> et #et-main-area : rien ne bouge dans la page,
 * le fil déborde sur le hero. */
.c2i-crumbs{position:relative;z-index:5;height:0;overflow:visible}
.c2i-crumbs .rank-math-breadcrumb{
  position:absolute;top:0;left:0;right:0;
  width:80%;max-width:1140px;margin:0 auto;padding-top:18px;
  font:500 14px/1.4 var(--c8-body);color:rgba(255,255,255,.75);
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.c2i-crumbs .rank-math-breadcrumb p{margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.c2i-crumbs a{
  color:#fff;text-decoration:none;
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  transition:color .2s,background-size .25s var(--c8-ease);
}
.c2i-crumbs a:hover,.c2i-crumbs a:focus-visible{color:var(--c8-sky);background-size:100% 1px}
.c2i-crumbs .separator{margin:0 .45em;opacity:.6}
@media (max-width:560px){.c2i-crumbs .rank-math-breadcrumb{padding-top:12px}}
/* 5.0.39 (audit accessibilité du 01/10/2026) : sur mobile le fil était coupé par l'ellipse (758 px de texte dans 244 px à
 * 320 px de large). Il reste sur une ligne, mais défile : au doigt, et au clavier par la prise de focus des liens. */
@media (max-width:700px){
  .c2i-crumbs .rank-math-breadcrumb p{overflow-x:auto;text-overflow:clip;scrollbar-width:none}
  .c2i-crumbs .rank-math-breadcrumb p::-webkit-scrollbar{display:none}
}