/* eVous | Fil chronologique 1.0.0. Feuille additive, aucune regle generale. */
.evous-fil {
  --fil-encre: #292929;
  --fil-discret: #62666b;
  --fil-accent: #c60303;
  --fil-ligne: #e1e4e8;
  box-sizing: border-box;
  clear: both;
  width: 100%;
  min-width: 0;
  margin: 1.5em 0;
  padding: 0;
  color: var(--fil-encre);
  background: transparent;
  font-family: inherit;
  font-size: medium;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.evous-fil *, .evous-fil *::before, .evous-fil *::after { box-sizing: border-box; }
.evous-fil .evous-fil__titre {
  margin: 0 0 .65em;
  padding: 0 0 .35em;
  border: 0;
  border-bottom: 2px solid var(--fil-ligne);
  color: var(--fil-accent);
  font-family: inherit;
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
}
.evous-fil .evous-fil__intro, .evous-fil .evous-fil__compteur {
  margin: 0 0 .75em;
  padding: 0;
  font-size: .9375em;
  font-weight: 400;
  color: var(--fil-discret);
}
.evous-fil .evous-fil__liste {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  border-top: 1px solid var(--fil-ligne);
}
.evous-fil .evous-fil__ligne {
  display: grid;
  grid-template-columns: 10.2em 9em minmax(0, 1fr);
  align-items: baseline;
  gap: .25em 1em;
  margin: 0;
  padding: .25em 0;
  border: 0;
  border-bottom: 1px solid var(--fil-ligne);
  list-style: none;
  min-width: 0;
  background: transparent;
  font-size: 1em;
}
.evous-fil .evous-fil__ligne::before, .evous-fil .evous-fil__ligne::after,
.evous-fil .evous-fil__lien::before, .evous-fil .evous-fil__lien::after { content: none; }
.evous-fil .evous-fil__date, .evous-fil .evous-fil__source {
  display: block;
  margin: 0;
  padding: .65em .1em;
  font-size: .8125em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  color: var(--fil-discret);
  overflow-wrap: anywhere;
}
.evous-fil .evous-fil__date { font-variant-numeric: tabular-nums; }
.evous-fil .evous-fil__source { color: var(--fil-accent); font-weight: 600; }
.evous-fil .evous-fil__lien,
.evous-fil .evous-fil__lien:visited {
  display: block;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: .65em .15em;
  border: 0;
  background: transparent;
  color: var(--fil-encre);
  font-family: inherit;
  font-size: .9375em;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  text-transform: none;
  overflow-wrap: anywhere;
  white-space: normal;
  box-shadow: none;
}
.evous-fil .evous-fil__lien:hover { color: var(--fil-accent); text-decoration: underline; text-underline-offset: .18em; }
.evous-fil .evous-fil__lien:focus {
  color: var(--fil-encre) !important;
  background: #fff5f5 !important;
  outline: 2px solid var(--fil-accent);
  outline-offset: 1px;
  text-shadow: none;
}
.evous-fil .evous-fil__suite { margin: .9em 0 0; font-size: .9375em; }
.evous-fil .evous-fil__suite a, .evous-fil .evous-fil__pagination a {
  display: inline-flex; align-items: center; gap: .5em;
  min-height: 44px; padding: .45em .2em;
  color: var(--fil-accent); text-decoration: underline; text-underline-offset: .15em;
}
.evous-fil .evous-fil__pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; margin: 1em 0; }
.evous-fil .evous-fil__pagination a, .evous-fil .evous-fil__pagination .evous-fil__page-courante {
  justify-content: center; min-width: 44px; min-height: 44px; padding: .5em .8em;
  border: 1px solid var(--fil-ligne); border-radius: 4px;
}
.evous-fil .evous-fil__page-courante { display: inline-flex; align-items: center; background: #fff3f3; color: var(--fil-accent); font-weight: 600; }
.evous-fil a:focus-visible { outline: 2px solid var(--fil-accent); outline-offset: 2px; }
.evous-fil .evous-fil__notice { border-left: 3px solid var(--fil-ligne); padding: .5em .75em; color: var(--fil-discret); }
.evous-fil-page { display: block; width: 100%; min-width: 0; clear: both; }
.evous-fil-page .evous-fil__retour { margin: 1em 0; }
/* La mise en page suit la largeur du composant, pas celle de toute la fenetre. */
@supports (container-type: inline-size) {
  .evous-fil { container-type: inline-size; container-name: evous-fil; }
  @container evous-fil (max-width: 44em) {
    .evous-fil .evous-fil__ligne { grid-template-columns: max-content minmax(0, 1fr); gap: 0 .8em; padding: .5em 0; }
    .evous-fil .evous-fil__date, .evous-fil .evous-fil__source { padding: 0; }
    .evous-fil .evous-fil__lien { grid-column: 1 / -1; padding: .4em .1em; }
  }
  @container evous-fil (max-width: 17em) {
    .evous-fil .evous-fil__ligne { grid-template-columns: minmax(0,1fr); }
  }
}
@supports not (container-type: inline-size) {
  @media (max-width: 760px) {
    .evous-fil .evous-fil__ligne { grid-template-columns: minmax(0,1fr); gap: .2em; padding: .5em 0; }
    .evous-fil .evous-fil__date, .evous-fil .evous-fil__source { padding: 0; }
    .evous-fil .evous-fil__lien { padding: .4em .1em; }
  }
}
@media (forced-colors: active) {
  .evous-fil .evous-fil__lien:focus { background: Canvas !important; color: LinkText !important; outline-color: Highlight; }
}
/* Diagnostics uniquement. Aucun effet sur la typographie du site. */
.evous-fil-test { max-width: 1180px; margin: 24px auto; padding: 0 16px; font-family: Arial,sans-serif; }
.evous-fil .evous-fil__table-scroll { overflow-x: auto; }
.evous-fil--diagnostic table { border-collapse: collapse; width: 100%; font-size: .8125em; }
.evous-fil--diagnostic td, .evous-fil--diagnostic th { padding: .5em; border: 1px solid var(--fil-ligne); text-align: left; }
.evous-fil--diagnostic details { margin: .7em 0; padding: .5em; border: 1px solid var(--fil-ligne); }
.evous-fil--diagnostic summary { cursor: pointer; min-height: 36px; }
.evous-fil--diagnostic pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }