


.pied img.logo,
.pied img.qualiopi,
.marque img,
.qualiopi-entete img { width:auto; }


.qualiopi-entete {
  background:#FFFFFF;
  border-radius:12px;
  padding:0 12px 0 0;
}
.qualiopi-entete img { border-radius:12px 0 0 12px; }

html { overflow-x:hidden; }
@supports (overflow:clip) {
  html, body { overflow-x:clip; }
}

.bande-tete .ariane,
.bande-tete .ariane a,
.bande-tete .chapeau,
.porte p { color:var(--ink); }

.passe { opacity:1; }
.passe th,
.passe td { background:#F7F3EC; color:var(--soft); }

th[scope="row"] {
  padding:11px 16px;
  border-bottom:1px solid #F4EFE6;
  background:var(--white);
  color:var(--navy);
  font:inherit;
  font-weight:700;
  letter-spacing:normal;
  text-transform:none;
  vertical-align:top;
}
tr:last-child th[scope="row"] { border-bottom:none; }

@media (max-width:860px) {
  .table-cadre {
    inline-size:100%;
    max-inline-size:100%;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .table-mobile-large {
    min-inline-size:600px !important;
    table-layout:auto;
  }
  .table-mobile-large th { font-size:13px; }
  .burger { flex:0 0 44px; }
  header .menu .btn,
  .remonte {
    min-block-size:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  th[scope="row"] { padding:10px 11px; font-size:14px; }

  .menu-mobile.ouvert {
    padding-bottom:max(30px, env(safe-area-inset-bottom));
  }
  
  .bulle-whatsapp {
    bottom:calc(20px + env(safe-area-inset-bottom, 0px));
  }
  .remonte {
    bottom:calc(88px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width:359px) {
  header .header-in nav.menu { display:none; }
  header .marque img { flex:0 0 auto; }
}

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    transition-delay:0ms !important;
  }
  .btn:hover,
  a.tel:hover,
  .btn-clair:hover,
  .remonte:hover,
  .ep-bloc:hover,
  .carte-rncp:hover,
  .access:hover,
  .fait:hover,
  .porte-diplome:hover,
  .tete-photo:hover img,
  .porte-diplome:hover .vignette { transform:none !important; }
  .porte-diplome:hover .aller::after { transform:rotate(45deg) !important; }
}

@media (hover:none), (pointer:coarse) {
  .btn:hover,
  a.tel:hover,
  .btn-clair:hover,
  .remonte:hover,
  .ep-bloc:hover,
  .carte-rncp:hover,
  .access:hover,
  .fait:hover,
  .porte-diplome:hover,
  .tete-photo:hover img,
  .porte-diplome:hover .vignette { transform:none !important; }
  .porte-diplome:hover .aller::after { transform:rotate(45deg) !important; }
}
