/* Final homepage presentation overrides loaded after every other stylesheet. */

/* Hero labels and title: absolutely no chips, bands, pseudo backgrounds or generated decoration. */
#accueil .mdp-eyebrow,
#accueil .mdp-eyebrow *,
#accueil .mdp-hero-title-normalized,
#accueil .mdp-hero-title-normalized *,
#accueil .mdp-eyebrow::before,
#accueil .mdp-eyebrow::after,
#accueil .mdp-hero-title-normalized::before,
#accueil .mdp-hero-title-normalized::after,
#accueil .mdp-hero-title-normalized *::before,
#accueil .mdp-hero-title-normalized *::after{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
#accueil .mdp-eyebrow::before,
#accueil .mdp-eyebrow::after,
#accueil .mdp-hero-title-normalized::before,
#accueil .mdp-hero-title-normalized::after,
#accueil .mdp-hero-title-normalized *::before,
#accueil .mdp-hero-title-normalized *::after{
  content:none!important;
  display:none!important;
}
#accueil .mdp-eyebrow{
  display:inline-block!important;
  width:auto!important;
  max-width:max-content!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#accueil .mdp-hero-title-normalized{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:min(100%,950px)!important;
  max-width:950px!important;
  margin:.7rem 0 1.4rem!important;
  padding:0!important;
  border:0!important;
}
#accueil .mdp-hero-line{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#accueil .mdp-hero-line-second{
  display:flex!important;
  align-items:baseline!important;
  gap:.18em!important;
}
html:not([data-theme='dark']) #accueil .mdp-hero-line-first,
html:not([data-theme='dark']) #accueil .mdp-hero-line-second > span:first-child{
  color:var(--mdp-text)!important;
}
html[data-theme='dark'] #accueil .mdp-hero-line-first,
html[data-theme='dark'] #accueil .mdp-hero-line-second > span:first-child,
body.mdp-dark #accueil .mdp-hero-line-first,
body.mdp-dark #accueil .mdp-hero-line-second > span:first-child{
  color:#fff!important;
}
#accueil .mdp-hero-line-second .mdp-accent{color:var(--mdp-red)!important}

/* Faits et analyses uses the same eyebrow treatment as Nous and all other sections. */
#actualites .mdp-eyebrow,
#actualites .mdp-eyebrow *,
#actualites .mdp-eyebrow::before,
#actualites .mdp-eyebrow::after{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
#actualites .mdp-eyebrow::before,
#actualites .mdp-eyebrow::after{
  content:none!important;
  display:none!important;
}
#actualites .mdp-eyebrow{
  display:inline-block!important;
  width:auto!important;
  max-width:max-content!important;
  margin:0 0 .85rem!important;
  padding:0!important;
  border:0!important;
  color:var(--mdp-text)!important;
  font-family:var(--mdp-font)!important;
  font-size:.75rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
html[data-theme='dark'] #actualites .mdp-eyebrow,
body.mdp-dark #actualites .mdp-eyebrow{
  color:var(--mdp-dark-text)!important;
}

/* Remove any generated heading bands from the featured section title as well. */
#actualites h2,
#actualites h2 *,
#actualites h2::before,
#actualites h2::after,
#actualites h2 *::before,
#actualites h2 *::after{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#actualites h2::before,
#actualites h2::after,
#actualites h2 *::before,
#actualites h2 *::after{
  content:none!important;
  display:none!important;
}
#actualites h2,
#actualites h2 a{
  color:var(--mdp-text)!important;
}
html[data-theme='dark'] #actualites h2,
html[data-theme='dark'] #actualites h2 a,
body.mdp-dark #actualites h2,
body.mdp-dark #actualites h2 a{
  color:var(--mdp-dark-text)!important;
}

/* The menu close control occupies the exact screen position of the hamburger trigger. */
.mdp-nav-shell .mdp-menu-close{
  position:fixed!important;
  top:15px!important;
  right:max(1rem,calc((100vw - 1320px) / 2))!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  z-index:2!important;
  line-height:1!important;
}
@media(max-width:575.98px){
  .mdp-nav-shell .mdp-menu-close{
    top:12px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
}