/* Polices hébergées sur le site : aucun appel à un serveur tiers. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-700-normal.woff2) format('woff2')}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
img{max-width:100%}
/* Téléphone et petite tablette.
   En-tête sur une seule ligne (logo et téléphone). Le bouton « Demander une soumission » de l'en-tête
   est remplacé par une barre fixe au bas de l'écran, toujours sous le pouce. */
.barre{display:none}
@media(max-width:820px){
  .hc{display:none!important}
  header svg{width:134px;height:32px}
  header nav{gap:0!important}
  body.avec-barre{padding-bottom:calc(69px + env(safe-area-inset-bottom))}
  .barre{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#F4F7FB;border-top:1px solid #C7D3E0}
  .barre a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:16px;text-decoration:none;color:#0A1628}
  .barre .b1{flex:0 0 auto;padding:0 22px;background:#FFFFFF;border:1px solid #22344F}
  .barre .b2{flex:1 1 0;background:#E07A2F}
  /* Moins de vide au-dessus du titre de l'accueil. */
  #haut{padding-top:40px!important}
  /* Liens du pied de page et des avis : assez hauts pour le doigt. */
  footer a,#avis li a{display:inline-block;padding:12px 0}
}

/* Menu du téléphone. */
.menu{display:none}
@media(max-width:820px){
  header{position:relative}
  .ht,header nav:not(.menu-liste){display:none!important}
  .menu{display:block}
  .menu:not([open]) .menu-liste{display:none}
  .menu summary{min-height:44px;display:flex;align-items:center;padding:0 18px;border:1px solid #22344F;border-radius:999px;background:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:15px;color:#0A1628}
  .menu[open] summary{background:#0A1628;border-color:#0A1628;color:#F4F7FB}
  .menu-liste{position:absolute;left:0;right:0;top:100%;z-index:30;display:flex;flex-direction:column;padding:4px 24px 10px;background:#FFFFFF;border-top:1px solid #C7D3E0;border-bottom:1px solid #C7D3E0;box-shadow:0 14px 24px rgba(10,22,40,.14)}
  .menu-liste a{min-height:52px;display:flex;align-items:center;border-top:1px solid #C7D3E0;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:17px;color:#0A1628;text-decoration:none}
  .menu-liste a:first-child{border-top:0}
}

/* Téléphone seulement : pages plus courtes, tableaux sans défilement de côté. */
@media(max-width:600px){
  /* Moins de vide entre les sections. */
  [style$="padding:80px 24px"],[style$="padding:96px 24px"]{padding-top:48px!important;padding-bottom:48px!important}
  [style$="padding:72px 24px"]{padding-top:44px!important;padding-bottom:44px!important}
  [style*="padding:80px 24px 0"]{padding-top:48px!important}
  [style*="padding:0 24px 96px"],[style*="padding:0 24px 88px"]{padding-bottom:56px!important}
  #haut{padding-bottom:48px!important}
  /* Accueil : les six situations en deux colonnes, titre seul. Le détail est sur la page de mise aux normes. */
  #normes [style*="grid-template-columns"]{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #normes a[style*="align-items:flex-start"]{flex-direction:column;gap:10px!important;padding:16px!important}
  #normes a[style*="align-items:flex-start"] span span:first-child{font-size:16px!important}
  #normes a[style*="align-items:flex-start"] span span:last-child{display:none!important}
  /* Accueil : preuves et étapes sur deux colonnes. */
  .hv ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  #normes [style*="flex:1 1 230px"],#etapes [style*="flex:1 1 230px"]{flex:1 1 130px!important}
  /* Accueil : la fiche « L'entreprise en bref » répète le pied de page ; sur téléphone, seuls les secteurs restent. */
  #en-bref dl,#en-bref>h2:first-child{display:none!important}
  #en-bref>h2{margin-top:0!important}
  /* Tableaux : une ligne devient un bloc, chaque valeur précédée du nom de sa colonne. */
  .tm{display:block;min-width:0!important}
  .tm thead{display:none}
  .tm tbody,.tm tr,.tm th,.tm td{display:block;width:auto!important}
  .tm tr{padding:12px 0;border-top:1px solid #C7D3E0}
  .tm th,.tm td{padding:2px 0!important;border:0!important;text-align:left!important}
  .tm td[data-l]::before{content:attr(data-l) " : ";font-weight:600;color:#05070E}
}