/* Repères communs : contenu, fil d'Ariane, en-tête et pied de page. */
.michelis-breadcrumb,
.me-breadcrumb,
.ma-breadcrumb,
.ml-breadcrumb,
.mt-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  color: #64737a;
  font-size: 12px;
  line-height: 1.5;
}

.michelis-breadcrumb a,
.me-breadcrumb a,
.ma-breadcrumb a,
.ml-breadcrumb a,
.mt-breadcrumb a {
  color: #52636a;
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color .18s ease;
}

.michelis-breadcrumb a:hover,
.me-breadcrumb a:hover,
.ma-breadcrumb a:hover,
.ml-breadcrumb a:hover,
.mt-breadcrumb a:hover {
  color: var(--pink, #cc0049);
  text-decoration: underline;
}

.michelis-breadcrumb > span[aria-hidden],
.me-breadcrumb > span[aria-hidden],
.ma-breadcrumb > span[aria-hidden],
.ml-breadcrumb > span[aria-hidden],
.mt-breadcrumb > span[aria-hidden] {
  color: #a3aeb3;
}

.michelis-breadcrumb [aria-current],
.me-breadcrumb [aria-current],
.ma-breadcrumb [aria-current],
.ml-breadcrumb [aria-current],
.mt-breadcrumb [aria-current] {
  color: var(--ink, #10262e);
}

/* Le texte du fil commence sur le même axe vertical dans chaque gabarit. */
.michelis-page { padding-top: 23px; }
.michelis-breadcrumb { margin-bottom: 27px; }
.michelis-editorial-breadcrumb { padding-block: 23px 27px; }
.michelis-editorial-breadcrumb .michelis-breadcrumb { margin-bottom: 0; }
.me-breadcrumb,
.ma-breadcrumb,
.ml-breadcrumb,
.mt-breadcrumb { padding-block: 23px 27px; }

/* Les pages Vie au lycée portent leurs fonds sur toute la largeur,
   puis recentrent le fil et chaque section sur le cadre de 1280 px. */
body:is(.page-id-759,.page-id-760,.page-id-761,.page-id-762) .michelis-page {
  width: 100% !important;
  max-width: none !important;
}
body:is(.page-id-759,.page-id-760,.page-id-761,.page-id-762) .michelis-page > .michelis-breadcrumb {
  width: min(1280px, calc(100% - 120px));
  margin-inline: auto;
}
body:is(.page-id-759,.page-id-760,.page-id-761,.page-id-762) .mlife-page {
  margin-inline: 0;
}

/* Les pages larges passent ensemble au retrait tablette de 40 px. */
@media (max-width: 1150px) {
  body.parent-pageid-754 .mh-header .mh-header-inner,
  body.parent-pageid-755 .mh-header .mh-header-inner,
  body.parent-pageid-769 .mh-header .mh-header-inner,
  body.page-id-767 .mh-header .mh-header-inner,
  body.parent-pageid-754 .mh-footer > .mh-container,
  body.parent-pageid-755 .mh-footer > .mh-container,
  body.parent-pageid-769 .mh-footer > .mh-container,
  body.page-id-767 .mh-footer > .mh-container,
  .me-wrap,
  .ml-wrap {
    width: calc(100% - 80px);
  }
  body:is(.page-id-759,.page-id-760,.page-id-761,.page-id-762) .michelis-page > .michelis-breadcrumb {
    width: calc(100% - 80px);
  }
}

@media (max-width: 760px) {
  .michelis-page { padding-top: 18px; }
  .michelis-breadcrumb {
    gap: 7px;
    margin-bottom: 22px;
    font-size: 11px;
  }
  .michelis-editorial-breadcrumb { padding-block: 18px 22px; }
  .me-breadcrumb,
  .ma-breadcrumb,
  .ml-breadcrumb,
  .mt-breadcrumb {
    gap: 7px;
    padding-block: 18px 22px;
    font-size: 11px;
  }
  body.parent-pageid-754 .mh-header .mh-header-inner,
  body.parent-pageid-755 .mh-header .mh-header-inner,
  body.parent-pageid-769 .mh-header .mh-header-inner,
  body.page-id-767 .mh-header .mh-header-inner,
  body.parent-pageid-754 .mh-footer > .mh-container,
  body.parent-pageid-755 .mh-footer > .mh-container,
  body.parent-pageid-769 .mh-footer > .mh-container,
  body.page-id-767 .mh-footer > .mh-container,
  .me-wrap,
  .ma-wrap,
  .ml-wrap,
  .mt-wrap,
  .mlife-wrap {
    width: calc(100% - 32px);
  }
  body:is(.page-id-759,.page-id-760,.page-id-761,.page-id-762) .michelis-page > .michelis-breadcrumb {
    width: calc(100% - 32px);
  }
}