/* Accueil — index éditorial des applications, sans cartes-dossiers. */

body.page-home .applications-index-v16{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:72px 0 82px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(54px,7vw,92px)!important;
  align-items:start!important;
  border:0!important;
  border-top:1px solid #d8dee8!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .applications-index-v16::before,
body.page-home .applications-index-v16::after{display:none!important}

body.page-home .applications-index-v16 .home-applications-heading{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.page-home .applications-index-v16 .home-applications-heading h2{
  max-width:13ch!important;
  margin:11px 0 0!important;
  color:#17142f!important;
  font-family:inherit!important;
  font-size:clamp(37px,3.05vw,44px)!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}

body.page-home .applications-index-v16 .home-applications-heading > p:last-of-type{
  max-width:45ch!important;
  margin:18px 0 0!important;
  color:#647087!important;
  font-size:14.5px!important;
  line-height:1.64!important;
}

body.page-home .applications-index-v16 .home-applications-heading .all-link{
  display:inline-flex!important;
  margin-top:22px!important;
}

body.page-home .applications-index-v16 .applications-index-list{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid #d8dee8!important;
}

body.page-home .applications-index-v16 .applications-index-item{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #d8dee8!important;
  background:transparent!important;
}

body.page-home .applications-index-v16 .applications-index-item > a{
  min-height:222px!important;
  display:grid!important;
  grid-template-columns:194px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  padding:18px 0!important;
  color:#17142f!important;
  text-decoration:none!important;
}

body.page-home .applications-index-v16 .applications-index-item img{
  width:194px!important;
  height:194px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:10px!important;
  transition:transform .22s ease!important;
}

body.page-home .applications-index-v16 .applications-index-copy{
  min-width:0!important;
  display:block!important;
}

body.page-home .applications-index-v16 .applications-index-status{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 10px!important;
  color:#7654ff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.3!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body.page-home .applications-index-v16 .applications-index-status::before{
  content:""!important;
  width:18px!important;
  height:2px!important;
  background:currentColor!important;
}

body.page-home .applications-index-v16 .applications-index-apres .applications-index-status{color:#e7556d!important}

body.page-home .applications-index-v16 .applications-index-copy > strong{
  display:block!important;
  color:#17142f!important;
  font-size:clamp(27px,2.25vw,34px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  transition:color .18s ease!important;
}

body.page-home .applications-index-v16 .applications-index-copy > span:not(.applications-index-copy){
  display:block!important;
  max-width:45ch!important;
  margin-top:8px!important;
  color:#647087!important;
  font-size:13.5px!important;
  line-height:1.58!important;
}

body.page-home .applications-index-v16 .applications-index-copy > b{
  display:inline-flex!important;
  margin-top:13px!important;
  color:#6547f5!important;
  font-size:13.5px!important;
  font-weight:900!important;
}

body.page-home .applications-index-v16 .applications-index-apres .applications-index-copy > b{color:#d84f67!important}

body.page-home .applications-index-v16 .applications-index-item > a:hover img{transform:translateY(-2px) scale(1.012)!important}
body.page-home .applications-index-v16 .applications-index-super > a:hover .applications-index-copy > strong{color:#6547f5!important}
body.page-home .applications-index-v16 .applications-index-apres > a:hover .applications-index-copy > strong{color:#d84f67!important}

body.page-home .applications-index-v16 .applications-index-item > a:focus-visible{
  outline:2px solid rgba(101,71,245,.5)!important;
  outline-offset:5px!important;
  border-radius:4px!important;
}

@media (max-width:960px){
  body.page-home .applications-index-v16{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }

  body.page-home .applications-index-v16 .home-applications-heading h2{max-width:18ch!important}
  body.page-home .applications-index-v16 .home-applications-heading > p:last-of-type{max-width:62ch!important}
}

@media (max-width:680px){
  body.page-home .applications-index-v16{
    width:calc(100% - 36px)!important;
    padding:48px 0 54px!important;
    gap:30px!important;
  }

  body.page-home .applications-index-v16 .home-applications-heading h2{
    max-width:14ch!important;
    font-size:clamp(31px,9vw,38px)!important;
  }

  body.page-home .applications-index-v16 .home-applications-heading > p:last-of-type{font-size:14px!important}

  body.page-home .applications-index-v16 .applications-index-item > a{
    min-height:0!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:16px!important;
    padding:16px 0!important;
  }

  body.page-home .applications-index-v16 .applications-index-item img{
    width:112px!important;
    height:112px!important;
    border-radius:8px!important;
  }

  body.page-home .applications-index-v16 .applications-index-status{
    margin-bottom:6px!important;
    font-size:9px!important;
  }

  body.page-home .applications-index-v16 .applications-index-copy > strong{font-size:24px!important}
  body.page-home .applications-index-v16 .applications-index-copy > span:not(.applications-index-copy){
    margin-top:5px!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }

  body.page-home .applications-index-v16 .applications-index-copy > b{
    margin-top:8px!important;
    font-size:12.5px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.page-home .applications-index-v16 .applications-index-item img,
  body.page-home .applications-index-v16 .applications-index-copy > strong{transition:none!important}
}