/* Vitrimap - téléphone épuré (0.111.10) : chargé après style.css, seulement sous 760 px.
   1re partie générée par outils/mobile_auto.py depuis style.css et les feuilles des pages (polices et espacements réduits d'environ 40 %), 2e partie écrite à la main. */
@media (max-width: 760px) {
body{font-size:14px}
.conteneur{padding:0 14px}
.bouton{padding:0 13px;font:700 14px var(--corps)}
.entete-ligne{gap:10px}
.logo{font-size:19px}
.menu{font-size:14px}
.menu .bouton{padding:0 11px}
.menu{padding:12px 14px 12px}
.heros{padding-top:14px}
.heros-panneau{padding:22px 20px}
.heros-panneau h1{font-size:31px}
.heros-panneau p{font-size:15px}
.champ{padding:0 10px}
.champ input, .champ select{font:500 15px var(--corps)}
.recherche .bouton{font-size:15px}
.heros-panneau{padding:17px 13px}
.heros-panneau h1{font-size:24px}
.carte-astuce{padding:12px;font:600 15px var(--corps)}
.popup-nom{font-size:15.5px}
.section{padding-top:38px}
.section-tete{gap:10px;margin-bottom:13px}
.section-tete h2{font-size:24px}
.filtre{padding:10px 10px}
.grille-adresses{gap:11px}
.carte-corps{padding:14px 10px 10px}
.carte-nom{font-size:17px}
.vide{padding:24px}
.index-cat{gap:10px;padding:12px 13px}
.index-cat-texte b{font:800 15.5px/1.1 var(--titre)}
.index-cat-nombre{font:800 14px var(--corps)}
.bandeau-pro{padding:31px 29px;gap:17px}
.bandeau-pro h2{font-size:26px}
.bandeau-pro p{font-size:15px}
.banniere-contenu{gap:13px;padding:19px 22px}
.banniere-logo{font-size:29px}
.banniere h1{font-size:33px}
.statut-direct{font-size:14px}
.fiche{gap:13px;padding:13px 0 0}
.fiche-principal{gap:13px}
.fiche-cote{gap:10px}
.action{padding:11px;font-size:14px}
.bloc{padding:18px}
.bloc h2{font-size:21px}
.bloc p{font-size:15px}
.bloc-realisation{padding:14px 17px}
.bloc-realisation strong{font-size:17px}
.coordonnees{padding:13px;font-size:14px}
.horaires{padding:13px}
.horaires h2{font-size:17px}
.horaire{font-size:14px}
.cote-pro{padding:13px}
.cote-pro strong{font-size:15.5px}
.page-tete{padding:8px 0 16px}
.page-tete h1{font-size:32px}
.page-tete p{font-size:15.5px}
.carte-liste{margin-bottom:16px}
.recherche-ligne{margin-bottom:16px}
.liste-villes a{padding:10px 11px}
.secteur{margin-bottom:20px}
.secteur h2{font-size:19px}
.formules{gap:10px}
.formule{padding:17px 14px}
.formule h3{font-size:19px}
.prix{font-size:24px}
.formule ul{font-size:14px}
.etapes{gap:10px}
.etape{padding:14px}
.etape::before{font-size:15.5px}
.etape h3{font-size:17px}
.etape p{font-size:14px}
.prose{padding:24px}
.prose h2{font-size:19px}
.pied{margin-top:48px}
.pied-haut{gap:19px;padding-top:26px;padding-bottom:19px}
.pied-bas{gap:10px;padding-top:12px;padding-bottom:17px}
.pied-liens{gap:13px}
.bulle{padding:12px 11px;font-size:14px}
.formulaire{gap:11px;margin-top:11px}
.champ-libelle input, .champ-libelle select, .champ-libelle textarea{font:500 14px var(--corps)}
.alerte{padding:14px 10px}
.suggestions button{padding:12px 10px;font:500 14px var(--corps)}
.carte-logo{padding:16px}
.espace-tete{gap:10px;padding:14px 0 11px}
.espace-tete h1{font-size:26px}
.espace-qui{gap:10px}
.onglets{margin-bottom:13px}
.flash{padding:14px 11px;margin-bottom:11px}
.lien-bas{font-size:14px}
.vide-espace h2{font-size:21px}
.titre-section{font-size:19px}
.sous-titre{font-size:17px;padding-top:11px}
.case{font-size:14px}
.cases{gap:11px}
.deux-colonnes{gap:11px}
.deux-colonnes h2{font-size:19px}
.carte-choix{padding:11px 11px 11px 31px}
.zone-secteur{padding:10px}
.bloc-logo{gap:11px}
.apercu-logo{font-size:26px}
.horaires-editeur .jour{gap:10px 11px}
.horaires-editeur input[type="time"]{font:500 14px var(--corps)}
.ligne-fiche{gap:14px 11px;padding:14px 11px}
.ligne-logo{font-size:17px}
.ligne-actions .bouton{padding:0 10px}
.chiffres div{padding:11px}
.chiffres strong{font-size:21px}
.tableau-infos{font-size:14px}
.etoiles{font-size:14px}
.etoiles.grandes{font-size:17px}
.banniere-note{font-size:14px}
.banniere-note strong{font-size:15px}
.bloc-avis .flash{margin-bottom:12px}
.avis-entete{margin-bottom:11px}
.avis-resume{gap:17px;padding:13px 16px}
.avis-moyenne strong{font-size:36px}
.avis{padding:13px 0}
.avatar{font-size:15.5px}
.avis-tete strong{font-size:14px}
.bloc .avis-texte, .avis-texte{font-size:14px}
.avis-reponse{padding:14px 10px}
.bloc .avis-reponse p, .avis-reponse p{font-size:14px}
.avis-pied{gap:8px 10px}
.donner-avis{margin-top:14px;padding:14px 16px}
.donner-avis h3{font-size:19px}
.bloc .donner-avis p{font-size:14px}
.formulaire-avis{gap:10px}
.choix-etoiles label{font-size:25px}
.bandeau-confirmer{gap:10px;margin-bottom:11px}
.bandeau-confirmer strong{font-size:17px}
.avis-fiche{padding:13px 16px 4px}
.avis-fiche-nom{font-size:17px}
.avis-pied .motif{font:500 14px var(--corps)}
.grille-espace{gap:10px}
.grille-espace .bloc h2{font-size:19px}
a.chiffres-lien, .chiffres a{padding:11px}
.chiffres a strong{font-size:21px}
.chiffres small{font-size:17px}
.equipements-groupe{padding:10px}
.equipements-groupe legend{font-size:14px}
.equipements-grille{gap:11px 14px}
.equipements-liste li{padding-left:16px;font-size:14px}
.puce button{font-size:15.5px}
.visionneuse{padding:36px 42px}
.visionneuse button{font-size:21px}
.adresse-verrouillee{padding:10px 11px}
.adresse-verrouillee strong{font-size:15px}
.import-suivi{margin-top:13px}
.import-journal{padding-left:12px}
.vignette-attente{padding:11px}
.vignette-corps{padding:10px 10px 14px}
.vignette-visuel:has(.vignette-logo) + .vignette-corps{padding-top:18px}
.vignette-nom{font-size:15.5px}
.heros-replier{font-size:17px}
.heros-ouvrir{padding:12px 10px;font:700 14px var(--corps)}
.metiers-grille{margin-bottom:11px}
.metier-tuile strong{font-size:14px}
.bandeau-creation{padding:10px 12px;margin-bottom:10px;font-size:14px}
.bandeau-creation strong{font-size:17px}
.page-tete-metier{gap:11px}
.liens-seo h2{font-size:17px}
.abo-formule{padding:11px}
.abo-nom{font-size:15px;padding-right:16px}
.abo-prix{font:800 19px var(--titre, inherit)}
.chiffres-abo strong{font-size:19px}
.invitation-grille{gap:12px;margin-bottom:24px}
.invitation-etapes{padding-left:12px}
.invitation-code input{font:800 17px var(--titre, inherit)}
.marqueur.vitrine{font-size:14px}
.actu{gap:10px;padding:10px}
.actu h3{font-size:15px}
.apercu-courriel{font:14px/1.6 var(--corps, inherit);padding:11px}
.bandeau-visite{padding:10px 12px}
.liste-deps a{padding:10px 11px}
.liste-deps .dep-code{font-size:17px}
.liste-deps strong{font-size:15px}
.lettres{margin-bottom:16px}
.piece-controle{padding-left:11px}
.tel-fiche{font-size:17px}
.code-tel{font-size:21px}
.code-tel-form{padding:14px 11px}
.message-tete{padding:14px 11px}
.message-corps{padding:0 11px 11px}
.affiche-promo strong{font-size:15px}
.parrainage-code input{font:600 14px var(--corps)}
.parrainage-etapes .bloc strong{font-size:15.5px}
.parrainage-accueil{padding-top:17px;padding-bottom:24px}
.espace > .bloc, .espace > form.bloc, .espace > .chiffres-abo, .espace > .liste-fiches{margin-bottom:11px}
.connexion-unique > .bloc{margin-bottom:16px}
.choix-compte .choix strong{font-size:15.5px}
.completer-tete{font-size:14px}
.completer-fiche ul{padding-left:11px}
.filtres-metiers{margin-bottom:12px}
.label-justif{gap:8px 10px;padding:8px 0 4px 16px}
.labels-liste .label{padding:14px 10px}
.labels-liste .label strong{font-size:14px}
.labels-site{gap:6px 11px}
.labels-cote{padding:13px}
.labels-cote h2{font-size:17px}
.labels-cote .label-coche{font-size:15.5px}
.action-large{padding:14px 11px;font-size:14px}
.outils-fiche{gap:8px 11px}
.partage-menu a, .partage-menu button{padding:9px 10px}
.signaler-fiche{padding:11px 13px}
.prestations li{gap:10px}
.prestations strong{font-size:14px}
.prestations b{font-size:14px}
.conseils-liste h2{font-size:19px}
.conseil-carte{padding:13px}
.conseil-carte strong{font-size:15.5px}
.conseil-chapeau{font-size:15.5px}
.conseil-texte h2{font-size:19px}
.conseil-metiers{margin-top:16px}
.tableau{font-size:14px}
.score-tete{gap:16px;margin-bottom:10px}
.score-cercle strong{font:800 25px/1 var(--titre)}
.score-point{padding:13px}
.score-pastille{font:800 15.5px var(--titre)}
.bandeau-demande{gap:11px;padding:13px 16px;margin-top:16px}
.bandeau-demande span:first-child{font-size:14px}
.bandeau-demande strong{font-size:17px}
.demande-resultat .grille-adresses, .demande-resultat .grille{margin-top:10px}
.poser-question{margin-top:10px}
.bandeau-exception{padding:14px 11px;font-size:14px}
.affluence{padding:13px}
.affluence h2{font-size:17px}
.encart-entreprise{padding:13px}
.encart-entreprise h2{font-size:17px}
.avis-criteres-resume{gap:8px 13px}
.badges-pro{margin-bottom:10px}
.badge-etat{margin-bottom:10px}
.badge-avantages{padding-left:11px}
.badge-modeles{gap:10px;margin-bottom:10px}
.badge-apercu{padding:12px}
.geo-ligne{gap:6px 13px}
.menu-liste a{padding:10px 10px}
.bandeau-migration{gap:10px;padding:11px 13px}
.offre-active{margin-bottom:10px}
.migration-prix{gap:10px;margin-bottom:10px}
.migration-tarif{font-size:15.5px}
.migration-tarif strong{font:800 21px var(--titre)}
.migration-formule ul{padding-left:11px}
.migration-etapes, .migration-form{margin-bottom:10px}
.migration-etapes ol{padding-left:12px}
.partenariat-grille{margin-top:11px}
.partenariat-grille > *{padding:11px 0}
.partenariat-libelle{padding-right:10px}
.partenariat-grille input, .partenariat-grille textarea{font:600 14px var(--corps)}
.etapes-demande{margin-bottom:10px}
.etapes-demande div{padding:10px 11px}
.etapes-demande b{font:800 19px var(--titre)}
.credit-demandes{padding:12px 10px;margin-bottom:10px}
.demande-pro, .demande-publique{gap:10px;padding:11px 0}
.demande-pro h3{font-size:15.5px}
.demande-compte{font:800 17px var(--titre)}
.repondre-demande .formulaire{padding:10px}
.filtres-demandes{margin-bottom:10px}
.filtres-demandes select{font:600 14px var(--corps)}
.suivi-demande .offre{gap:10px;padding:11px}
.offre-logo span{font:800 19px var(--titre)}
.offre-prix strong{font:800 17px var(--titre)}
.bandeau-apercu::after{padding:18px 10px 10px;font:800 17px var(--titre)}
.aide-panneau{padding:13px 13px 17px}
.aide-tete h2{font:800 17px var(--titre)}
.aide-fermer{font-size:21px}
.aide-contact{margin-top:11px}
.classement-ligne{padding:10px 11px}
.classement-rang{font:800 20px var(--titre)}
.classement-nom{font:800 17px var(--titre)}
.bons-plans{gap:10px}
.bon-plan-corps{padding:10px 11px}
.bon-plan h2{font:800 17px var(--titre)}
.trois-colonnes-aud{gap:10px}
.periode{font:700 14px var(--corps);padding:11px 12px}
.avatar-grand{font-size:17px}
.menu .puce-pro{padding:0 10px}
.espace-carnet .espace-tete, .espace-pro .espace-tete{margin-top:12px;padding:13px 16px}
.espace-carnet .espace-tete h1, .espace-pro .espace-tete h1{font-size:21px}
.carnet-qui strong{font-size:17px}
.espace-carnet .onglets, .espace-pro .onglets{margin-bottom:12px}
.espace-carnet .espace-tete, .espace-pro .espace-tete{padding:11px}
.espace-carnet .espace-tete h1, .espace-pro .espace-tete h1{font-size:21px}
.porte{padding:18px 19px}
.porte h2{font-size:21px}
.porte ul{padding-left:11px}
.porte-alerte{padding:14px 10px}
.porte{padding:14px 12px}
.espace-carnet .espace-tete:not(:has(+ .onglets)), .espace-pro .espace-tete:not(:has(+ .onglets)){margin-bottom:12px}
.pied-lettre{margin-top:11px}
.pied-reseaux{margin-top:10px}
.pied-lettre-ligne .bouton{padding:0 10px}
.lettre-etat{margin-bottom:11px}
.lettre-edition{gap:12px}
.lettre-edition .bloc + .bloc, .lettre-form-ed > fieldset > .bloc + .bloc{margin-top:11px}
.lettre-form-ed > .bloc{margin-top:11px}
.texte-lettre{font:14px/1.55 ui-monospace, Consolas, monospace}
.lettre-fiche button{font-size:15.5px}
.lettre-suivi{margin-bottom:11px}
.abonnes-outils{gap:12px}
.import-total{font-size:14px}
.import-total span{font-size:15.5px}
.import-deps{gap:10px 11px}
.onglets-doublons{margin-bottom:10px}
.doublons-outils{margin-bottom:11px}
.doublons-page{gap:12px}
.doublons-aide ul{padding-left:11px}
.paire + .paire{margin-top:10px}
.appli-bandeau strong{font-size:14px}
.hl-tete{padding:14px 10px}
.hl-corps{padding:11px 10px 24px}
.hl-corps h1{font-size:19px}
.alerte-bloc{margin-top:17px;gap:11px 17px}
.alerte-texte h2{font-size:17px}
.alerte-choix{gap:6px 11px}
.rdv-etape h2{font-size:15.5px}
.rdv-jour strong{font-size:17px}
.rdv-recap h2{font-size:19px}
.page-integree .page-tete h1{font-size:19px}
.code-rdv-apercu{padding:11px}
.rdv-semaine-tete h2{font-size:15.5px}
.rdv-col-tete strong{font-size:14px}
.rdv-attente{margin-bottom:10px}
.rdv-ajout{margin-top:10px}
.rdv-ouvrir{font-size:14px}
.rdv-ajout summary h2, .rdv-collab-bloc summary h2{font-size:15.5px}
.maint-bandeau{margin-top:10px}
.paie-formule{margin-top:10px}
.paie-montant{font-size:15.5px}
.stats-tableau.paie-historique td:nth-child(4), .stats-tableau.paie-historique th:nth-child(4){padding-left:17px}
.ville-cherche{padding:16px 16px 14px}
.ville-cherche-tete{gap:6px 11px}
.ville-cherche-titre{font:800 clamp(17px, 3vw, 30px)/1.15 var(--titre)}
.ville-cherche-champ input{font-size:15.5px}
.ville-cherche-ligne .bouton{padding:0 16px}
.ville-suggestions a{padding:12px 11px}
.ville-suggestions li.actif a, .ville-suggestions a:hover{padding-left:13px}
.ville-suggestions .vide-sugg{padding:12px 11px}
.ville-raccourci{padding:14px 24px 14px 14px}
.ville-raccourci strong{font-size:14px}
.ville-toutes{padding-top:13px}
.ville-toutes h2{font-size:17px}
.ville-cherche{padding:12px 10px}
.villes-carte{padding:10px 10px 14px}
.villes-rang{font:800 21px/1 var(--titre)}
.villes-nom strong{font-size:14px}
.villes-deps-tete{gap:12px 12px}
.villes-filtre input{font-size:14px}
.villes-region{margin-bottom:13px}
.villes-region h3{font-size:14px}
.villes-dep{padding:14px 24px 14px 10px}
.villes-dep-code{font:800 17px/1 var(--titre)}
.villes-dep-txt strong{font-size:14px}
.villes-hero{margin-bottom:18px}
.cats-carte{padding:0 0 10px}
.cats-tete{padding:11px 26px 14px 11px}
.cats-titre strong{font:800 17px/1.15 var(--titre)}
.popup-toilettes .popup-cat{padding-right:11px}
.popup-toilettes .popup-nom{font-size:15px}
.repere-wc-grand{font-size:17px}
.liste-wc li{padding-left:13px}
.bloc-autour{margin-top:11px}
.wc-resume{gap:14px;padding:14px 0 11px;margin-bottom:10px}
.wc-resume-note strong{font:800 27px/1 var(--titre)}
.alerte-wc{padding:12px 10px}
.loc-tete{gap:10px}
.loc-prix strong{font:800 20px/1 var(--titre)}
.loc-prix-demande{font-size:15.5px !important}
.cal-mois-liste{gap:10px}
.carte-prix-loc strong{font-size:14px}
.bandeau-hote{gap:10px;margin-top:14px}
.loc-etat-ligne{gap:14px}
.espace-hote .espace-tete{margin-top:12px;padding:13px 16px}
.espace-hote .espace-tete h1{font-size:21px}
.espace-hote .onglets{margin-bottom:12px}
.espace-hote .espace-tete:not(:has(+ .onglets)){margin-bottom:12px}
.espace-hote .espace-tete{padding:11px}
.espace-hote .espace-tete h1{font-size:21px}
.bascule-espaces{margin-top:10px}
.encart-hote{gap:11px;padding:11px 13px}
.encart-hote strong{font-size:14px}
.encart-hote-ico{font-size:21px}
.hote-logements{gap:10px}
.hote-sans-photo{font-size:29px}
.hote-corps{padding:10px}
.hote-corps h3{font-size:15.5px}
.hote-ajout span{font-size:25px}
.pl-galerie{margin-bottom:16px}
.pl-grille{gap:20px}
.pl-carac{gap:10px 16px;padding-bottom:11px}
.pl-section{padding:14px 0 6px}
.pl-section h2{font-size:17px}
.pl-plan{margin-top:11px}
.pl-hote{gap:10px;margin-top:14px}
.pl-hote h2{font-size:17px}
.pl-avatar{font:800 17px var(--titre)}
.pl-principal > .bloc, .pl-principal > #photos{margin-top:16px}
.pl-resa{padding:13px}
.pl-prix strong{font:800 21px var(--titre)}
.pl-prix-demande{font-size:17px !important}
.pl-form input, .pl-form select, .pl-form textarea{font:600 14px var(--corps)}
.pl-total{font-size:14px}
.pl-total strong{font-size:15.5px}
.pl-form .pl-bouton, .pl-resa .pl-bouton[type="submit"]{font-size:14px}
.autour{gap:10px 13px}
.autour h4{font-size:14px}
.livret-tete{padding:28px 16px 16px}
.livret-corps{padding:0 10px}
.livret-bloc{padding:12px 13px}
.livret-bloc h2{font-size:17px}
.livret-mot{font-size:15px}
.livret-horaires div{padding:14px 10px}
.livret-horaires strong{font:800 17px var(--titre)}
.livret-wifi strong{font-size:15.5px}
.livret-adresses strong{font-size:14px}
.livret-numeros a{font:800 17px var(--titre)}
.formules-loc ul{padding-left:11px}
.dh-points{gap:10px}
.dh-points>div{padding:14px}
.dh-points .dh-ico{width:32px;height:32px;margin-bottom:10px}
.dh-points h3{font-size:17px}
.dh-points p{font-size:14px}
.pl-ph-vide span{font-size:40px}
.pl-ph-vide strong{font:800 17px var(--titre)}
.lg-tete .conteneur{padding-top:19px;padding-bottom:16px}
.lg-tete > .conteneur > p{font-size:14px}
.lg-onglets{margin-top:13px}
.lg-onglets a{padding:11px 12px}
.lg-recherche label{padding:12px 10px}
.lg-recherche input, .lg-recherche select{font:700 14px var(--corps)}
.lg-recherche button{font:800 14px var(--corps);padding:0 16px}
.lg-zone{gap:13px;padding-top:13px;padding-bottom:18px}
.lg-barre h2{font-size:17px}
.lg-grille{gap:10px}
.lg-corps{padding:14px 10px 10px}
.lg-corps h3{font-size:15.5px}
.lg-vide{padding:16px}
.lg-vide strong{font:800 17px var(--titre)}
.lg-proposer > div:first-child{padding:16px}
.lg-proposer h2{font-size:19px}
.lg-trois a{padding:13px}
.lg-trois strong{font:800 15.5px var(--titre)}
.bien-carac{gap:0 14px}
.bien-energie{gap:12px}
.bien-energie h3{font-size:14px}
.echelle span.oui{font-size:14px}
.bien-form-titre{font:800 15.5px var(--titre) !important}
.choix-logement a{padding:13px}
.choix-logement strong{font:800 17px var(--titre)}
.encadrement{padding:14px 10px}
.fl-periode button{padding:10px 10px}
.fl-univers{gap:11px}
.fl-u header{padding:11px 12px}
.fl-u header h3{font-size:17px}
.fl-f{padding:11px 12px}
.fl-f h4{font:800 15.5px var(--titre)}
.fl-prix{font:800 21px var(--titre)}
.fl-f ul{padding-left:11px}
.fl-agence{gap:14px;padding:14px 17px}
.fl-agence h3{font-size:19px}
.fl-bouton-accent{padding:14px 13px}
.fl-garanties{gap:10px 20px}
.bandeau-test{padding:12px 10px}
.porte-logements .pl-gauche{padding:24px 22px}
.porte-logements .pl-gauche h1{font-size:24px}
.porte-logements .pl-gauche p{font-size:15px}
.porte-logements .pl-droite{padding:22px}
.porte-logements{margin-top:12px}
.porte-logements .pl-gauche, .porte-logements .pl-droite{padding:14px 12px}
.porte-logements .pl-gauche h1{font-size:21px}
.compte-liste a{padding:12px 11px}
.cm-qui{padding:10px 11px 8px}
.connexion-unique{padding:22px 22px 18px}
.connexion-unique h1{font-size:21px}
.cu-nouveau{margin-top:13px;padding-top:12px}
.choix-compte{gap:10px;padding:11px}
.cc-texte strong{font-size:15px}
.cc-fleche{font-size:17px}
.services-grille{gap:10px}
.service-carte{padding:16px 14px}
.service-carte strong{font:800 17px var(--titre)}
.service-admin{margin-bottom:12px}
.lg-panneau{padding:18px 18px 16px}
.lg-panneau h1{font-size:25px}
.lg-panneau > p{font-size:14px}
.lg-panneau .lg-onglets a{padding:10px 10px}
.lg-v2 .lg-resultats{padding-top:18px;padding-bottom:12px}
.lg-panneau h1{font-size:21px}
.lg-panneau{padding:13px 11px}
.dp-page{gap:16px;padding-bottom:36px}
.dp-fil-tete h2{font-size:17px}
.dp-vide{padding:13px}
.dp-carte{padding:10px 12px}
.dp-carte h3{font-size:15.5px}
.dp-sous-titre{font-size:17px}
.dp-themes a{padding:10px}
.dp-form h2{font-size:19px}
.dp-etapes b{font:800 17px var(--titre)}
.perimetre{padding:14px 11px}
.garde-urgences a{padding:14px 10px}
.garde-urgences strong{font:800 19px var(--titre)}
.garde-recherche input{font:600 14px var(--corps)}
.garde-bloc h2{font-size:17px}
.garde-ligne{padding:14px 10px}
.garde-croix{font:800 19px/1 var(--corps)}
.garde-vide{padding:10px 11px}
.garde-pro{margin-bottom:30px}
.garde-fiche span{font:800 15.5px/1 var(--corps)}
.garde-urgences-court strong{font-size:17px}
.garde-legende{gap:10px}
.garde-listes{padding-top:18px}
.lg-barre-heb{margin-top:20px}
.lg-vide-court{padding:14px 10px}
.adm-logo{padding:14px 10px 12px}
.adm-logo strong{font:800 15.5px/1 var(--titre)}
.adm-sous > a{padding-left:13px}
.adm-barre{padding:0 10px}
.adm-burger{font-size:17px}
.adm-carte{padding:11px 12px 14px}
.adm-tete h1{font:800 19px/1.1 var(--titre)}
.adm-etat{gap:10px;padding:7px 10px}
.adm-gr{padding:10px 10px}
.eq-droits-grille{gap:11px}
.grille-deux-blocs{gap:10px}
.ag-outils h1{font:800 19px/1.1 var(--titre)}
.ag-periode{font:800 15px var(--titre)}
.ag-legende{gap:10px}
.ag-form h2{font-size:15.5px}
.bloc.alerte-horaires{margin-bottom:10px}
.bloc.alerte-horaires h2{font-size:15.5px}
.lg-alerte{padding:14px}
.lg-alerte .alerte-texte h2{font-size:15.5px}
.lg-alerte .alerte-texte p{font-size:14px}
.tdb-deux .bloc{padding:12px 13px}
.tdb-deux h2{font-size:15.5px}
.tdb-titre{font-size:17px}
.num-info{font-size:14px}
.transports-cote{padding:13px;margin-top:10px}
.transports h2{font-size:17px}
.transports.pl-section h2{font-size:19px}
.tr-nom strong{font-size:14px}
.popup-transports .popup-cat{padding-right:11px}
.popup-transports .popup-nom{font-size:15px}
.bs-ligne{padding:0 0 0 14px}
.si-roles{gap:10px}
.si-role h2{font-size:17px}
.si-avertissement h2{font-size:17px}
.vg-guide{gap:19px}
.vg-guide h2{font-size:21px}
.vg-chiffres{gap:13px}
.vg-chiffres strong{font-size:21px}
.vg-titre-section{font-size:21px}
.vg-chapitres{gap:11px}
.vg-chapitre h3{font-size:17px}
.vg-chapitre ul{padding-left:11px;font-size:14px}
.vg-onglets a{padding:10px 10px}
.vg-etapes{gap:24px}
.vg-etape{gap:19px}
.vg-etape h2{font-size:19px}
.vg-etape p{font-size:15px}
.vg-suite{padding-top:12px}
.visite-guidee .si-avertissement{margin-top:22px}
.vg-etape h2{font-size:17px}
.be-message{padding:10px 10px}
body.edition-active{padding-bottom:78px}
.be-html-boite{padding:11px}
.be-html-boite button{padding:9px 10px}
.prose blockquote{padding:8px 11px}
.prose h3{font-size:17px}
.prose h4{font-size:15px}
.plan-chargement{padding:8px 14px 8px 20px}
.doublon-declarer{margin-top:11px;padding-top:10px}
.prosp-envoi-tete{gap:10px}
.prosp-voile{padding:12px}
.prosp-fenetre-pied{padding:12px 11px}
.rejet{gap:13px}
.rejet-nom{font-size:15px}
.prosp-rouges-liste{padding-left:11px}
.doublons-auto{margin-top:11px}
.doublons-niveau{gap:10px}
.meteo-bloc{padding:13px;margin-top:10px}
.meteo-bloc h2{font-size:17px}
.meteo-maint .ic{font-size:25px}
.meteo-maint .t{font:800 21px var(--titre)}
.meteo-maint .d{font-size:14px}
.meteo-jours b{font-size:14px}
.meteo-jours span{font-size:17px}
.relais-zone .relais-bloc{margin-top:10px}
.relais-bloc > summary{padding:10px 13px}
.relais-tit{font:800 15px var(--titre)}
.relais-corps{padding:0 13px 11px}
.relais-carte-liste{padding:6px 13px 14px}
.relais-reseaux{gap:10px 11px}
.heros-barre .recherche .bouton{padding:0 17px}
.heros-barre .lg-recherche button{padding:0 14px}
.heros-intro{gap:6px 29px;padding:18px 24px}
.heros-intro > p{font-size:14px}
.heros-libre .heros-intro{padding:17px 13px 6px}
.heros-intro h1{font-size:21px}
.heros-intro > p{font-size:14px}
.heros-barre{padding:10px 13px 13px}
.heros-barre.lg-panneau{padding:10px 11px 13px}
.fiche-principal{gap:10px}
.fiche .bloc{padding:13px 14px}
.fiche-cote .horaires, .fiche-cote .meteo-bloc, .fiche-cote .transports-cote, .fiche-cote .encart-entreprise, .fiche-cote .cote-pro{padding:11px 12px}
.fiche-cote .signaler-fiche{padding:14px 12px}
.fiche .bloc{padding:12px 11px}
.pied{margin-top:34px}
.pied-haut{padding-top:20px;padding-bottom:16px}
.pied-bas{padding-top:10px;padding-bottom:13px;gap:10px 10px}
.cats-bloc-pied{padding:4px 13px 11px}
.decouverte{padding:18px 19px}
.decouverte h2{font-size:21px}
.decouverte h3{font-size:15.5px}
.dec-haut{gap:13px}
.decouverte .dec-histoire p{font-size:14px}
.dec-chiffres{padding:11px 12px}
.dec-chiffres h3{font-size:15px}
.dec-chiffres a{font-size:14px}
.dec-chiffres b{font-size:17px}
.dec-monuments{margin-top:16px}
.dec-corps strong{font-size:14px}
.dec-savez{margin-top:13px;padding:10px 12px}
.dec-savez .ico{font-size:15.5px}
.dec-savez strong{font-size:14px}
.decouverte .dec-savez p{font-size:14px}
.decouverte p.dec-sources{margin-top:10px}
.decouverte{padding:13px 11px}
.decouverte h2{font-size:19px}
.carb-onglets a{font:700 14px var(--corps);padding:9px 10px}
.carb-resume{margin-bottom:10px}
.carb-resume div{padding:14px 11px}
.carb-resume b{font-size:19px}
.carb-corps{gap:10px}
.carb-st{padding:14px 10px}
.carb-infos strong{font-size:14px}
.carb-prix b{font-size:19px}
.carb-resume b{font-size:15.5px}
.dec-fiche{padding:12px 13px}
.dec-fiche h2{font-size:17px}
.dec-fiche strong{font-size:14px}
.carb-fiche{padding:12px 13px}
.carb-fiche h2{font-size:17px}
.carb-fiche li b{font-size:17px}
.carb-ligne{padding:14px 11px}
.carb-ligne-ic{font-size:15.5px}
.borne-ic{font-size:15.5px}
.borne-pw b{font-size:17px}
.borne-pin{font-size:14px}
.borne-ligne{padding:14px 11px}
.borne-ligne-ic{font-size:15.5px}
.sp-urgences b{font-size:19px}
.sp-corps{gap:10px}
.sp-groupe{margin-bottom:13px}
.sp-groupe h2{font-size:17px}
.sp-groupe h2 i{font-size:15.5px}
.sp-st{padding:14px 10px}
.sp-ic{font-size:15.5px}
.sp-pin{font-size:14px}
.sp-urgences b{font-size:17px}
.sp-filtres{padding-right:10px}
.repere-lieu{font-size:15px}
.ville-bref{padding:18px 19px}
.ville-bref h2{font-size:21px}
.vb-grille{gap:13px}
.vb-tuile{padding:14px 10px}
.vb-tuile b{font-size:19px}
.vb-carte{padding:14px 10px}
.vb-ic{font-size:15.5px}
.vb-carte strong{font-size:14px}
.dech-ic{font-size:15.5px}
.dech-pin{font-size:14px}
.menu .menu-princ{padding:10px 10px;font-size:14px}
.menu .menu-princ{padding:14px 10px;font-size:15px}
.asso-bloc, .om-bloc, .vv-bloc{padding:18px 19px}
.asso-bloc h2, .om-bloc h2, .vv-bloc h2{font-size:21px}
.asso-bloc, .om-bloc, .vv-bloc{padding:13px 11px}
.vv b{font-size:14px}
.repere-camion{font-size:15.5px}
.ft-tete{padding:11px 10px}
.ft-corps{padding:12px 10px 14px}
.ft-liste{padding-left:11px}
.ft-ici{font:800 15.5px var(--corps)}
.ft-etat{padding:12px 10px}
.tf-repere{font-size:14px}
.trafic-bloc{padding:18px 19px}
.trafic-bloc h2{font-size:21px}
.tf-ic{font-size:14px}
.trafic-bloc{padding:13px 11px}
.bx-rapide .sous-titre{font-size:15px}
.rt-droite{padding:14px 10px}
.rt-droite h4{font-size:14px}
.rt-admin{gap:11px}
.bx-dest .bx-dest-saisie{font-size:14px}
.bx-carnet{padding:10px}
.bx-carnet-tete{padding:14px 11px}
.bx-carnet-fermer{font-size:15.5px}
.bx-carnet-types{padding:12px 11px 0}
.bx-carnet .bx-carnet-cherche{font-size:14px}
.bx-carnet-liste{padding:0 11px}
.bx-carnet-vide{padding:14px 0}
.bx-carnet-pied{padding:12px 11px}
.bx{gap:11px}
.bx-message h2{font-size:17px}
.bx-texte{font-size:14px}
.bx-ecrire textarea{font:14px/1.55 Arial, Helvetica, sans-serif}
.asso-carte{padding:10px 11px}
.asso-ic{font-size:15.5px}
.asso-carte h2{font-size:14px}
.as-page{gap:17px}
.as-form h2{font-size:17px}
.as-titre{font-size:17px}
.as-faq details{padding:0 11px}
.as-contact{margin-top:11px}
.as-contact div{padding:14px 10px}
.as-mes h2{font-size:17px}
.as-msg{padding:14px 11px}
.as-msg-texte{font-size:14px}
.as-admin{gap:11px}
.sport-ic{font-size:15.5px}
.sport-pin{font-size:14px}
.risques{padding:18px 19px}
.risques h2{font-size:19px}
.bloc .rq-intro{font-size:14px}
.rq-puce span{font-size:15px}
.bloc .rq-catnat{font-size:14px}
.risques{padding:13px 11px}
.immo{padding:18px 19px}
.immo h2{font-size:19px}
.bloc .im-intro{font-size:14px}
.im-carte{padding:10px 11px}
.im-ic{font-size:17px}
.im-carte b{font-size:19px}
.immo{padding:13px 11px}
.ville-demarches{padding:18px 19px}
.ville-demarches h2{font-size:19px}
.bloc .vd-intro{font-size:14px}
.vd-lien span{font-size:15.5px}
.ville-demarches{padding:13px 11px}
.ville-faq{padding:18px 19px}
.ville-faq h2{font-size:19px}
.vf-liste details{padding:0 11px}
.vf-liste summary{padding-right:17px}
.vf-liste summary::after{font-size:17px}
.ville-bref, .ville-faq{padding:13px 11px}
.vb-tuile b{font-size:17px}
details.villes-region > summary{padding:10px 11px}
details.villes-region .vr-nom{font-size:14px}
details.villes-region > .villes-deps{padding:0 11px 11px}
.dae-repere{font:900 14px/1 var(--corps)}
.dae-urgence-bandeau{padding:12px 10px;font-size:14px}
.tf-carte{padding:10px 11px}
.tf-carte h2{font-size:15.5px}
.tf-vues button{padding:10px 10px;font:700 14px var(--corps)}
.tr-repere{font-size:14px}
.actu-bloc, .dae-bloc{padding:18px 19px}
.actu-bloc h2, .dae-bloc h2{font-size:21px}
.actu-bloc, .dae-bloc{padding:13px 11px}
.actu-bloc h2, .dae-bloc h2{font-size:19px}
.actu-date{font:800 17px/1.1 var(--titre, inherit)}
.so-jour{font-size:14px}
.fid-bloc{gap:10px}
.fid-carte{padding:11px}
.fid-nom{font:800 15.5px/1.15 var(--titre, inherit)}
.fid-tampons i{font-size:14px}
.fid-tampons i.on{font-size:15.5px}
.fid-page-corps{gap:13px}
.fid-qr{padding:10px}
.fid-qr b{font:800 17px/1.2 ui-monospace, monospace}
.fid-grille{gap:10px;margin-bottom:16px}
.fid-caisse{gap:10px}
.fid-compte{font-size:15.5px}
.fid-compte b{font-size:21px}
.chiffres-fid{margin-top:10px}
.chiffres-fid b{font:800 19px/1.1 var(--titre, inherit)}
.fid-reglages{gap:11px}
.fid-offre ul{padding-left:12px}
.sans-lieu{padding:16px 17px;gap:14px 14px}
.sans-lieu{padding:12px 11px}
.pro-ligne{padding:10px 12px}
.pl-ic{font-size:17px}
.aide-bouton b{font-size:15.5px}
html.barre-fiche-ouverte body{padding-bottom:42px}
.horaires-rdv-titre{font-size:14px}
.fiche-outils-liens{gap:10px}
details.fiche-bloc > summary{padding:14px 10px}
.fiche-bloc-titre{font:600 15px/1.2 var(--titre)}
.fiche-bloc-corps{gap:11px;padding:10px 10px 12px 32px}
.fiche-bloc-corps > .sous-titre:not(.fiche-bloc-h3){font-size:15px}
.recherche-resultats-d-abord > .carte-liste{margin-top:13px}
.carte-apercu-fermer{font:700 17px/1 var(--corps)}
.vignette-actions{padding:0 10px 14px}
.carte-volet-tete{padding:8px 10px 12px;font:800 14px var(--titre)}
.carte-volet-liste{padding:0 10px 10px}
.cv-txt b{font-size:14px}
.carte-tourner{padding:14px 10px}
.carte-tourner span{font-size:21px}
.ho-phrase input{font:500 14px var(--corps)}
.horaires-editeur input[type="text"]{font:500 14px var(--corps)}
.ho-apercu th{padding:2px 10px 2px 0}
.me-situer{font:700 19px/1 var(--corps)}
.avis-google{gap:10px}
.ag-note{font-size:27px}
.ag-texte b{font-size:14px}
.ag-etoiles{font-size:15.5px}
.ag-offre{padding:10px}
.ag-offre b{font-size:15px}
.presta-coller textarea{font:500 14px var(--corps)}
.vt-bulle{padding:11px 12px 10px}
.vt-fermer{font-size:17px}
.vt-bulle h3{font:800 17px/1.2 var(--titre)}
.vt-bulle p{font-size:14px}
.vt-suiv{font:800 14px var(--corps);padding:10px 10px}
.vt-bravo{font:800 20px var(--titre);padding:8px 12px}
.vt-missions{padding:10px 11px}
.vt-missions b{font:800 14px var(--titre)}
.vt-ecran{padding:10px}
.vt-carte{padding:18px 19px 14px}
.vt-x{font-size:19px}
.vt-carte h2{font:800 21px/1.1 var(--titre)}
.vt-quoi{padding:14px 10px}
.vt-quoi b{font:800 14px var(--titre)}
.vt-quoi p, .vt-carte > p{font-size:14px}
.vt-oui{font:800 14px var(--corps);padding:14px 13px}
.vt-non{font:700 14px var(--corps);padding:14px 13px}
.vt-carte{padding:14px 11px 11px}
.vt-carte h2{font-size:19px}
.recompenses{padding:13px 14px}
.recompenses h2{font-size:17px}
.rc-texte b{font:800 15px var(--titre)}
.rc-profil{padding:14px 10px}
.rc-etapes{gap:6px 10px}
.air-pastille{font-size:19px}
.air{padding:18px 19px}
.air h2{font-size:21px}
.air-grille{gap:13px}
.air-jour{padding:10px 11px}
.air-jour.petit .air-pastille{font-size:15.5px}
.air-indice b{font-size:19px}
.air-jour.petit .air-indice b{font-size:15.5px}
.air-polluants{padding:10px 11px}
.vb-carte.air-mini .air-pastille{font-size:15px}
.meteo-air-l .air-pastille{font-size:14px}
.meteo-air-l b{font-size:14px}
.air{padding:13px 11px}
.air-pollens{margin-top:11px;padding-top:10px;gap:13px}
.air-alerte{padding:14px 10px}
.air-alerte .ic{font-size:17px}
.air-alerte b{font-size:14px}
.pied-label{margin-top:10px}
.pourquoi-chapeau{font-size:15.5px}
.pourquoi-trois{gap:10px}
.pourquoi-trois > div{padding:11px}
.prose .pourquoi-trois h2{font-size:15.5px}
.pourquoi-encart{padding:12px 11px}
.ecl{padding-bottom:29px}
.ecl-hero{padding:22px;gap:17px}
.ecl-hero p{font-size:15px}
.ecl-hero .actions-ligne{margin-top:11px}
.ecl-prix{padding:13px}
.ecl-prix p{font-size:14px}
.ecl-prix-montant{font-size:33px !important}
.ecl-prix ul{padding-left:11px}
.ecl-filtres{margin-bottom:11px}
.ecl-podium{margin-bottom:11px}
.ecl-marche{padding:13px 10px}
.ecl-marche-or{padding:18px 10px}
.ecl-marche h2{font-size:17px}
.ecl-marche-pts{font-size:21px}
.ecl-marche-pts span{font-size:14px}
.ecl-avatar{font-size:19px}
.ecl-marche-or .ecl-avatar{font-size:21px}
.ecl-avatar-grand{font-size:26px}
.ecl-tableau-tete h2{font-size:19px}
.ecl-mention{margin-top:10px}
.ecl-profil{gap:16px}
.ecl-progression{margin-top:10px}
.ecl-chiffre{font-size:20px}
.ecl-badge strong{font-size:14px}
.ecl-deux{gap:11px}
.ecl-hero-prix{margin-top:11px}
.ecl-palier-montant{font-size:21px !important}
.cu-grille{gap:14px}
.cu-ecl{padding:19px}
.cu-ecl h2{font-size:19px}
.cu-ecl .cu-ecl-montant{font-size:32px}
.cu-ecl-paliers strong{font-size:15px}
.cu-ecl .actions-ligne{margin-top:10px}
.cu-ecl{padding:16px 12px}
.rc-pourquoi{padding:10px 11px}
.badge-groupe{margin-top:11px}
.badge-groupe h3{font-size:15px}
.lien-apercu{padding:10px 11px}
.geo-imprecis{padding:11px 12px}
.geo-imprecis strong{font-size:15px}
.geo-imprecis input{font:600 14px var(--corps)}
.geo-imprecis .geo-fermer{font-size:17px}
.ent-recherche{padding:10px;margin-bottom:11px}
.ent-champ input{font:600 14px var(--corps)}
.ent-vm{padding-left:11px}
.ent-aide h2{font-size:15px}
.veh-bloc{margin-bottom:10px}
.veh-ligne input{font:700 14px/1 monospace}
.veh-choix select{font:600 14px var(--corps)}
.veh-etapes{padding-left:12px}
.veh-onglets a{padding:11px 10px;font-size:14px}
.veh-lieu input, .veh-lieu select{font:600 14px var(--corps)}
.veh-liens-version{gap:10px}
.veh-cg input{font:600 14px var(--corps)}
.veh-resultat{padding:14px 11px}
.veh-resultat strong{font:800 19px var(--titre)}
.veh-table tr.total td{font-size:14px}
.veh-ct-prix strong{font:800 17px var(--titre)}
.veh-deux{gap:10px}
.widget-bloc + .widget-bloc{margin-top:11px}
.code-fond{padding:10px}
.code-fenetre{padding:17px}
.code-tete{font:800 15.5px var(--titre)}
.code-picto{font-size:15.5px}
.code-message{font-size:14px}
.code-saisie{font:700 17px monospace}
.phd-bloc + .phd-bloc{margin-top:11px}
.phd-suivi{margin-top:10px}
.carte-photo.carte-logo{padding:10px 13px}
.cal-saints.ouvert > .conteneur{padding-top:10px;padding-bottom:11px}
.cs-tete{gap:10px 10px}
.cs-tete strong{font:800 15.5px var(--titre)}
.lg-recherche .suggestions button{font:500 14px var(--corps);padding:11px 10px}
body.esp-1 .fiche-principal .bloc{padding:10px 11px}
body.esp-2 .fiche-principal .bloc{padding:12px 13px}
body.esp-2 .coordonnees{padding:15px 10px}
body.esp-3 .fiche-principal .bloc{padding:14px 16px}
body.esp-3 .coordonnees{padding:11px 12px}
body.esp-3 .fiche-cote .horaires, body.esp-3 .fiche-cote .meteo-bloc, body.esp-3 .fiche-cote .transports-cote, body.esp-3 .fiche-cote .encart-entreprise, body.esp-3 .fiche-cote .cote-pro{padding:15px 10px}
.rs-carte-bloc{margin-top:11px}
.rs-p-titre{font:800 14px var(--titre)}
.rs-adresse input{font:14px var(--corps)}
.rs-deux{gap:10px;margin-top:13px}
.rs-carte{padding:11px}
.rs-carte h2, .rs-operateurs h2, .rs-commune h2, .rs-panne h2{font:800 17px var(--titre)}
.rs-st-grad{font:600 14px var(--corps)}
.rs-st-val{font:800 29px var(--titre)}
.rs-st-unite{font:600 14px var(--corps)}
.rs-st-go{font:800 15px var(--corps);padding:14px 16px}
.rs-st-mesures b{font:800 19px var(--titre)}
.rs-st-fin strong{font:800 17px var(--titre)}
.rs-operateurs, .rs-commune, .rs-panne{margin-top:13px}
.rs-etapes{padding-left:12px}
.bal-heure b{font-size:19px}
.bal-liens{font-size:14px}
.bal-heure b{font-size:15.5px}
.dist-banque select{font:700 14px var(--corps)}
.dist-aucun{padding:12px 10px;font-size:14px}
.tri-ic{font-size:15.5px}
.tri-guide{margin-top:14px}
.tri-guide-cherche input{font:14px var(--corps)}
.tri-guide-liste{gap:8px 10px}
.tri-guide-liste strong{font-size:14px}
.visi-ligne{gap:13px;padding:11px 0}
.visi-val b{font:800 27px var(--titre)}
.visi-nom strong{font-size:15.5px}
.visi-google b{font-size:14px}
.visi-actions{gap:10px 11px}
.lx-signaler{margin-top:14px}
.lx-nature{gap:6px 11px}
}
@media (max-width: 760px) {
:root .iti-corps{gap:11px}
:root .iti-panneau{padding:11px}
:root .iti-point input{font:700 14px var(--corps)}
:root .iti-calculer{font-size:14px}
:root .iti-alternatives button b{font-size:15px}
:root .iti-chiffres b{font-size:15px}
:root .iti-actions .bouton{font-size:14px}
:root .iti-texte h2{font-size:19px}
:root .iti-gps-haut{padding:14px 10px}
:root .iti-gps-consigne b{font-size:21px}
:root .iti-gps-consigne span{font-size:15px}
:root .iti-gps-puis{padding:6px 10px}
:root .iti-gps-vitesse b{font-size:19px}
:root .iti-gps-limite{font:800 15px var(--corps)}
:root .iti-gps-x{font-size:19px}
:root .iti-gps-reste b{font-size:17px}
}
@media (max-width: 760px) {
:root .mt-corps{gap:10px}
:root .mt-p i{font-size:14px}
:root .mt-fiche{padding:10px}
:root .mt-attente-txt{padding:12px 0}
:root .mt-tete strong{font-size:15.5px}
:root .mt-ic{font-size:24px}
:root .mt-t{font-size:21px}
:root .mt-heures b{font-size:15.5px}
:root .mt-jours li b{font-size:17px}
:root .mt-texte h2{font-size:19px}
}
@media (max-width: 760px) {
:root .urba-recherche .urba-mapos{padding:0 10px !important}
:root .urba-corps{gap:10px}
:root .urba-fiche{padding:10px}
:root .urba-attente{padding:12px 0}
:root .urba-gros{font-size:15.5px}
:root .urba-zone{font-size:14px}
:root .urba-zone span{font-size:14px}
:root .urba-prix b{font-size:14px}
:root .urba-commune h2, :root .urba-texte h2{font-size:19px}
:root .urba-doc-bloc{padding:14px 10px}
:root .urba-doc-bloc h3{font-size:15px}
}
@media (max-width: 760px) {
:root .hm-bloc h2{font-size:17px}
:root .hm-bloc h3{font-size:15px}
:root .hm-grande{padding:13px 14px}
:root .hm-grande-d{font-size:14px}
:root .hm-phrase{font-size:15px}
:root .hm-changements{padding-left:12px}
:root .hm-horloges b{font-size:19px}
:root .hm-villes b{font-size:21px}
:root .hm-corps{gap:10px}
:root .hm-zone{padding:10px}
:root .hm-zone-tete strong{font-size:17px}
:root .hm-zone-h b{font-size:27px}
:root .hm-soleil{font-size:17px}
:root .hm-conv-ligne input, :root .hm-conv-ligne select{font:600 14px var(--corps)}
:root .hm-inverser{font:800 15.5px var(--corps)}
:root .hm-conv-res{font-size:15px}
:root .hm-conv-res strong{font-size:17px}
:root .hm-zone{margin-top:16px}
:root .hm-horloges b{font-size:17px}
}

/* ---------- Réglages faits à la main : téléphone épuré (0.111.0, demandé par Vincent le 03/11/2026) ---------- */
@media (max-width: 760px) {
  body { font-size: 14px; line-height: 1.45; padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
  .conteneur { padding-left: 12px; padding-right: 12px; }
  main h1 { font-size: 22px !important; line-height: 1.12 !important; letter-spacing: -0.02em; }
  main h2 { font-size: 18px !important; line-height: 1.15 !important; }
  main h3 { font-size: 15px !important; line-height: 1.2 !important; }
  /* Texte justifié gardé, avec la coupure des mots : plus de grands trous entre les mots */
  p { hyphens: auto; -webkit-hyphens: auto; word-break: normal; overflow-wrap: break-word; }
  .sur-titre { font-size: 10.5px !important; letter-spacing: .06em; }
  .bloc { border-radius: 6px; }
  /* En-tête : 48 px, bandeau du jour masqué (repris dans le menu) */
  .barre-jour { display: none !important; }
  .entete-ligne { min-height: 48px; gap: 8px; }
  .logo { font-size: 19px; gap: 7px; }
  .logo-pastille { width: 26px; height: 26px; }
  .logo-pastille svg { width: 13px; height: 16px; }
  .menu-burger { width: 38px; height: 38px; gap: 4px; }
  .menu-burger span { width: 22px; margin: 0 auto; }
  /* Raccourcis des services : une seule rangée de pastilles qui défile au doigt */
  .barre-services { max-height: 52px; border-top: 0; }
  .bs-ligne { display: flex !important; flex-wrap: nowrap; gap: 6px; padding: 7px 12px !important; overflow-x: auto !important; scrollbar-width: none; }
  .bs-ligne a, .bs-ligne a:first-child, .bs-ligne a:nth-child(3n+1) { flex: none; display: inline-flex !important; padding: 5px 10px !important; border: 1px solid var(--trait) !important; border-radius: 16px; background: var(--blanc); font-size: 12.5px !important; line-height: 1.2; gap: 5px; box-shadow: none; }
  .bs-ligne a.actif { border-color: var(--sc) !important; background: var(--fond); }
  .bs-ligne a:nth-child(n+9):not(.bs-tous) { display: inline-flex !important; }
  .bs-ligne .bs-epingle { width: 11px; height: 14px; }
  .bs-ligne .bs-tous { color: var(--gris); }
  /* Menu : panneau plein écran sous l'en-tête, rubriques repliables */
  .menu { padding: 10px 12px 16px !important; gap: 6px; }
  .menu .menu-princ { padding: 10px 12px !important; font-size: 15px !important; margin-bottom: 0 !important; }
  .menu .bouton { min-height: 42px; margin: 4px 0 0 !important; width: 100%; justify-content: center; }
  .menu .menu-connexion { border-width: 1px; }
  .menu-familles { display: block !important; margin: 4px 0; border-top: 1px solid var(--trait); }
  .menu-familles details { border-bottom: 1px solid var(--trait); }
  .menu-familles summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 10px 2px; font-weight: 800; font-size: 14.5px; cursor: pointer; }
  .menu-familles summary::-webkit-details-marker { display: none; }
  .menu-familles summary small { display: block; font-weight: 500; font-size: 12px; color: var(--gris); }
  .menu-familles summary::after { content: '▾'; color: var(--gris); transition: transform .2s; }
  .menu-familles details[open] summary::after { transform: rotate(180deg); }
  .menu-familles .mf-liens { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; padding: 0 2px 10px; }
  .menu-familles .mf-liens a { display: flex; align-items: center; gap: 6px; padding: 7px 0 !important; font-size: 13.5px; font-weight: 600; }
  .menu-familles .mf-liens a svg { color: var(--sc); flex: none; }
  .menu-jour { display: block !important; font-size: 12px; color: var(--gris); padding: 4px 2px 0; }
  /* Accueil : la recherche et le plan d'abord, le texte ensuite et plus discret */
  .heros { padding-top: 8px; }
  .heros-libre .heros-cadre { order: 1; border-radius: 6px; overflow: hidden; }
  .heros-libre .heros-intro { order: 2; border-radius: 6px; margin-top: 8px; padding: 12px 14px 10px !important; }
  .heros-intro .pastille { display: none !important; }
  .heros-intro h1 { font-size: 19px !important; margin: 4px 0 6px !important; }
  .heros-intro > p { font-size: 13.5px !important; color: var(--texte); }
  .heros-barre, .heros-barre.barre-compacte { padding: 8px !important; left: auto !important; top: auto !important; width: auto !important; margin: 0 !important; box-shadow: none !important; }
  .heros-libre .heros-cadre { background: var(--blanc); }
  .leaflet-control-zoom a { width: 34px !important; height: 34px !important; line-height: 34px !important; }
  .leaflet-bar a, .leaflet-control a { font-size: 13px; }
  .heros-barre .recherche { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 6px !important; }
  .heros-barre .recherche > * { min-width: 0; }
  .heros-barre .recherche .bouton { width: 100%; }
  .heros-barre .recherche .champ { min-height: 42px !important; padding: 0 10px; gap: 6px; }
  .heros-barre .recherche .champ svg { width: 16px; height: 16px; }
  .heros-barre .recherche input { font-size: 14px !important; padding: 9px 0; }
  .heros-barre .recherche .bouton { grid-column: 1 / -1; min-height: 40px !important; margin: 0 !important; font-size: 14.5px !important; }
  .heros-libre .heros-carte, .heros-libre #lg-plan { height: 56vh; min-height: 300px; max-height: 480px; }
  /* Fiche : bannière plus basse, actions en double retirées (la barre du bas suffit) */
  .banniere { min-height: 190px !important; border-radius: 8px !important; }
  .banniere h1 { font-size: 21px !important; }
  .ariane { font-size: 11.5px !important; margin: 8px 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .banniere-contenu { padding: 12px !important; gap: 8px !important; }
  .banniere-logo { width: 46px !important; height: 46px !important; border-radius: 6px; }
  .banniere-logo img { border-radius: 5px; }
  .banniere .etiquettes { gap: 4px; margin-bottom: 4px; }
  .banniere .etiquette { font-size: 10.5px !important; padding: 3px 6px !important; }
  .statut-direct { padding: 6px 9px !important; font-size: 12.5px !important; gap: 6px; }
  .banniere-note { margin-top: 4px; font-size: 12.5px; }
  .actions-fiche { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
  .actions-fiche .action.principale, .actions-fiche a[data-stat="itineraire"] { display: none !important; }
  .actions-fiche .action { flex-direction: row; justify-content: center; gap: 6px; padding: 9px 6px !important; min-height: 0; font-size: 13px !important; }
  .actions-fiche .action-icone { width: 18px; height: 18px; }
  .actions-fiche .action-icone svg { width: 16px; height: 16px; }
  .barre-fiche:not([hidden]) { transform: none !important; }
  html:has(.barre-fiche:not([hidden])) .barre-appli { display: none !important; }
  .fiche .bloc { padding: 12px 14px !important; }
  .mobile-replie { max-height: 260px; overflow: hidden !important; position: relative; padding-bottom: 46px !important; }
  .mobile-replie::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(to bottom, rgba(255,255,255,0), var(--blanc) 60%); pointer-events: none; }
  .mobile-voir { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 2; background: var(--blanc); border: 1px solid var(--trait); border-radius: 16px; padding: 6px 16px; font: 700 13px var(--corps); color: var(--encre); cursor: pointer; }
  .bloc:not(.mobile-replie) > .mobile-voir { position: static; transform: none; display: block; margin: 10px auto 0; }
  .bloc, .fiche-cote > * { position: relative; }
  /* Champs et boutons de recherche plus bas partout */
  .champ { min-height: 44px !important; }
  .champ input, .champ select { padding: 10px 0 !important; font-size: 14.5px !important; }
  .recherche .bouton, .recherche-ligne .bouton { min-height: 42px !important; width: 100%; justify-content: center; }
  .recherche { gap: 6px !important; }
  /* Aide : rangée dans le menu au lieu de flotter sur le contenu */
  /* Aide : petit bouton dans l'en-tête, à gauche du menu (demandé le 03/11/2026) */
  .aide-bouton { display: inline-flex !important; position: fixed !important; top: 9px !important; bottom: auto !important; right: 58px !important; width: 30px !important; height: 30px !important; z-index: 1100 !important; background: var(--fond) !important; box-shadow: inset 0 0 0 1.5px var(--encre) !important; border-radius: 50% !important; }
  .aide-bouton b { color: var(--encre) !important; font-size: 15px !important; }
  html:has(.menu-bascule:checked) .aide-bouton { display: inline-flex !important; }
  .menu-aide { display: none !important; }
  /* Recherche de l'accueil : textes plus petits, flèche du menu de position sans chevauchement */
  .heros-barre .recherche input { font-size: 13px !important; }
  .heros-barre .recherche input::placeholder { font-size: 13px; }
  .barre-compacte input[name="ou"] { padding-right: 26px !important; }
  .geo-ouvrir { right: 2px !important; width: 26px !important; height: 26px !important; }
  .heros-barre .recherche .bouton { justify-self: stretch; text-align: center; }
  /* Barre d'onglets en bas, comme une application */
  .barre-appli { display: grid !important; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; background: var(--blanc); border-top: 1px solid var(--trait); padding: 5px 2px calc(5px + env(safe-area-inset-bottom, 0px)); }
  .barre-appli a, .barre-appli button, .barre-appli label { display: flex; flex-direction: column; align-items: center; gap: 1px; font: 700 10.5px var(--corps); color: var(--gris); padding: 3px 0; background: none; border: 0; cursor: pointer; }
  .barre-appli svg { width: 21px; height: 21px; }
  .barre-appli [aria-current="page"] { color: var(--accent); }
  .appli-bandeau { bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; padding: 10px !important; }
  /* Pied de page plus court */
  /* Pied de page compact : les deux colonnes de liens côte à côte, textes et marges réduits */
  .pied { padding-top: 0 !important; }
  .pied-haut { grid-template-columns: 1fr 1fr !important; gap: 14px 12px !important; padding-top: 16px !important; padding-bottom: 12px !important; }
  .pied-haut > .pied-marque { grid-column: 1 / -1; gap: 8px !important; }
  .pied-marque > p { display: none; }
  .pied-marque .logo { font-size: 17px; }
  .pied-lettre label { font-size: 12px !important; }
  .pied-lettre input { min-height: 38px; padding: 8px 10px !important; font-size: 13px !important; }
  .pied-lettre .bouton { min-height: 38px !important; padding: 0 12px !important; font-size: 13px !important; }
  .pied-label { gap: 6px !important; }
  .pied-label span { padding: 4px 6px !important; font-size: 11.5px !important; gap: 4px !important; flex-direction: row !important; }
  .pied-label svg { width: 16px !important; height: 16px !important; }
  .pied-reseaux { margin-top: 0 !important; }
  .pied-reseaux a { width: 30px; height: 30px; }
  .pied-lettre { margin-top: 4px !important; }
  .pied-titre { font-size: 10.5px !important; margin-bottom: 2px !important; }
  .pied-haut > div:not(.pied-marque) a { font-size: 12.5px; padding: 3px 0 !important; line-height: 1.3; }
  .pied-bas { padding-top: 10px !important; padding-bottom: 12px !important; font-size: 11px !important; gap: 6px !important; }
  .pied-liens { gap: 4px 12px !important; font-size: 11px !important; }
}
.menu-familles, .menu-jour, .menu-aide { display: none; }
@media (max-width: 760px) {
  /* Listes d'adresses (recherche, villes, métiers, catégories) : une ligne compacte, vignette à gauche */
  .grille-adresses { grid-template-columns: 1fr !important; gap: 8px !important; }
  .carte-adresse { flex-direction: row !important; align-items: stretch; min-height: 88px; }
  .carte-adresse:hover { transform: none; }
  .carte-visuel { width: 92px !important; height: auto !important; min-height: 88px; flex: none; border-bottom: 0 !important; border-left: 3px solid var(--c, var(--encre)); }
  .carte-meteo, .carte-filigrane { display: none !important; }
  .carte-visuel .carte-badge, .carte-visuel .badge { transform: scale(.8); transform-origin: top left; }
  .carte-corps { flex: 1; min-width: 0; padding: 8px 10px !important; display: flex; flex-direction: column; justify-content: center; }
  .carte-meta { font-size: 11.5px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .carte-nom { font-size: 15px !important; margin: 2px 0 4px !important; }
  .carte-statut, .carte-ligne, .carte-note, .carte-distance, .carte-offre { font-size: 12px !important; }
}
@media (max-width: 760px) {
  /* Introductions des pages de services plus courtes à l'œil */
  .page-tete p, .sp-intro, .service-intro { font-size: 13.5px !important; line-height: 1.45; margin-top: 6px !important; }
  .sur-titre-service { font-size: 10.5px !important; margin-bottom: 2px !important; }
  /* Itinéraire : calques du plan sur une seule ligne qui défile, en petit */
  :root .iti-calques { position: static; margin-top: 6px; box-shadow: none; border: 1px solid var(--trait); display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; scrollbar-width: none; gap: 4px 10px; padding: 4px 8px; font-size: 11.5px; }
  :root .iti-calques::-webkit-scrollbar { display: none; }
  :root .iti-calques label { flex: none; gap: 3px; white-space: nowrap; }
  :root .iti-calques input { width: 13px; height: 13px; margin: 0; }
  :root .iti-calques .iti-pt { transform: scale(.8); }
}
@media (max-width: 760px) {
  /* Champ de recherche des villes et catégories : l'icône garde sa place */
  .ville-cherche-champ svg { left: 12px; width: 17px; height: 17px; }
  .ville-cherche-champ input { min-height: 44px !important; padding-left: 38px !important; }
  /* Toucher : réponse immédiate, pas de flash gris, petit retour visuel à l'appui */
  a, button, label, summary, [role="button"] { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .bouton:active, .barre-appli a:active, .barre-appli button:active, .barre-appli label:active, .bs-ligne a:active, .carte-adresse:active { opacity: .7; }
  /* Menu ouvert : la page derrière ne défile plus, le menu tient entre l'en-tête et la barre du bas */
  html:has(.menu-bascule:checked) { overflow: hidden; }
  .menu { max-height: calc(100dvh - 48px - 62px) !important; overflow-y: auto; overscroll-behavior: contain; }
  /* Clavier ouvert : la barre du bas et la barre d'actions s'effacent pour laisser la place */
  html:has(main input:focus, main textarea:focus, .heros-barre input:focus) .barre-appli,
  html:has(main input:focus, main textarea:focus) .barre-fiche { display: none !important; }
  /* Défilement horizontal propre (pastilles) et pas de débordement de la page */
  html, body { max-width: 100%; overflow-x: hidden; }
}
/* iPhone : sous 16 px, Safari zoome sur le champ quand on tape dedans ; on garde 16 px pour les champs seulement */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 760px) { input:not([type="checkbox"]):not([type="radio"]), select, textarea { font-size: 16px !important; } }
}
@media (max-width: 760px) {
  /* Menu raccourci (0.111.9) : Plan, Catégories, Villes sur une ligne, rubriques sans sous-titre, connexion et espace pro côte à côte */
  .menu-bascule:checked ~ .menu { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; align-content: start; }
  .menu > * { grid-column: 1 / -1; }
  .menu > .menu-princ:not(.menu-visite):not(.menu-aide) { grid-column: span 2; flex-direction: column; justify-content: center; gap: 3px !important; padding: 8px 4px !important; font-size: 12.5px !important; text-align: center; }
  .menu > .menu-princ svg { width: 17px; height: 17px; }
  .menu > .menu-visite { padding: 7px 10px !important; font-size: 13px !important; justify-content: center; }
  .menu > .menu-connexion, .menu > .menu-pro { grid-column: span 3; margin: 0 !important; min-height: 40px !important; padding: 0 8px !important; font-size: 13px !important; }
  .menu > .menu-connexion small, .menu > .menu-pro small { font-size: 9.5px !important; }
  .menu > .compte-menu { grid-column: 1 / -1; }
  .menu-familles { margin: 0 !important; }
  .menu-familles summary { padding: 8px 2px !important; font-size: 13.5px !important; }
  .menu-familles summary small { display: none !important; }
  .menu-familles .mf-liens a { padding: 6px 0 !important; font-size: 13px !important; }
  .menu-jour { padding: 6px 2px 0 !important; }
}
@media (max-width: 760px) {
  /* 0.111.10 : les 22 pastilles de services laissent la place à 6 rubriques ; un toucher ouvre le menu sur la rubrique */
  .bs-ligne { display: none !important; }
  .bs-familles { display: flex !important; gap: 6px; padding: 7px 12px; overflow-x: auto; scrollbar-width: none; }
  .bs-familles::-webkit-scrollbar { display: none; }
  .bs-familles button { flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid var(--trait); border-radius: 16px; background: var(--blanc); font: 700 12.5px var(--corps); color: var(--encre); cursor: pointer; }
  .bs-familles .bs-epingle { color: var(--sc, var(--accent)); width: 11px; height: 14px; }
}
