/* gettaxi.ch V6 (Amine, 10.11.2026 : « absolument la même chose que transfeero.com, même dans les designs, les couleurs, les polices,
   les caractères, tout ; et une version mobile exactement comme l'autre site »). Chargée APRÈS gt-v4.css : les classes et les textes
   de la V4 ne changent pas, seul l'habit change. Mesures relevées dans etude-transfeero/RELEVE-DESIGN.md.
   Archivo (licence OFL, servie par gettaxi.ch) avec son axe de largeur : titres élargis 110–125 %, texte 100 %.
   Fond #F6F5F1, fond alterné #EFEEE9, encre #121110, accent #F9B442 (texte #18120A), nuit #0B0B0C, pied #070708.
   Rayons : 16 cartes et barre, 12 boutons, 24 grands blocs, pilules 999. Les prix ne s'animent jamais. */
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 400 700; font-stretch: 100% 125%; font-display: swap; src: url(/polices-v6/archivo-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 400 700; font-stretch: 100% 125%; font-display: swap; src: url(/polices-v6/archivo-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

body.v6 {
  --fond: #F6F5F1; --fond2: #EFEEE9; --ill: #ECEBE6; --encre: #121110; --encre72: rgba(18,17,16,.72); --encre60: rgba(18,17,16,.6); --trait: rgba(18,17,16,.1);
  --accent: #F9B442; --accent-vif: #FBC266; --accent-txt: #18120A; --nuit: #0B0B0C; --boite: #121214; --pied: #070708; --clair: #F2F1EE; --clair82: rgba(242,241,238,.82);
  --lib: rgb(87,81,63);
  --jaune: var(--accent); --jaune-vif: var(--accent-vif); --jaune-clair: #FDEFD6; --jaune-fonce: #E09A2C; --jaune-texte: #7A5208;
  --noir: var(--encre); --gris: var(--fond2); --doux: var(--encre72); --filet: var(--trait); --gris-nuit: #1A1A1C;
  --sans: "Archivo", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; --mono: var(--sans);
  --large: 1425px; --marge: 64px;
  background: var(--fond); color: var(--encre); font: 400 16px/1.5 var(--sans); font-stretch: 100%;
}
.v6 .dedans { max-width: var(--large); padding: 0 var(--marge); }
.v6 .etroit { max-width: 980px; }
.v6 :focus-visible { outline: 2px solid var(--encre); outline-offset: 2px; box-shadow: 0 0 0 5px rgba(249,180,66,.6); }
.v6 h1, .v6 h2, .v6 h3, .v6 h4 { text-wrap: balance; font-family: var(--sans); font-weight: 600; letter-spacing: -.01em; line-height: 1.04; }
.v6 h1 { font-size: clamp(29px, 4vw, 60px); font-stretch: 116%; letter-spacing: -.012em; line-height: 1.02; }
.v6 h2 { font-size: clamp(32px, 3.8vw, 52px); font-stretch: 110%; line-height: 1.02; }
.v6 h3 { font-size: 22px; font-stretch: 110%; line-height: 1.15; }
.v6 p { margin: 0 0 1em; }
.v6 .chapo { font-size: 17px; line-height: 1.5; color: var(--encre72); }
.v6 .surtitre, .v6 .sur6 { display: block; font: 600 14px/1.5 var(--sans); font-stretch: 100%; text-transform: none; letter-spacing: 0; color: var(--encre60); margin: 0 0 10px; }
.v6 .surtitre::before { display: none; }

/* ---------- boutons ---------- */
.v6 .btn, .v6 .btn6, .v6 .btn6-ligne { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 12px 22px; border-radius: 12px; border: 1px solid transparent;
  font: 700 15.5px/1.2 var(--sans); font-stretch: 100%; text-transform: none; letter-spacing: 0; text-decoration: none; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
.v6 .btn svg, .v6 .btn6 svg { width: 16px; height: 16px; }
.v6 .btn-jaune, .v6 .btn-noir, .v6 .btn-jaune:visited, .v6 .btn-noir:visited, .v6 .btn6, .v6 .bloc.noir .btn-noir, .v6 .appel .btn-noir, .v6 .tete-page .sur-noir .btn-jaune { background: var(--accent); color: var(--accent-txt); border-color: var(--accent); }
.v6 .btn-jaune:hover, .v6 .btn-noir:hover, .v6 .btn6:hover, .v6 .bloc.noir .btn-noir:hover, .v6 .appel .btn-noir:hover { background: var(--accent-vif); border-color: var(--accent-vif); color: var(--accent-txt); }
.v6 .btn-ligne { background: transparent; color: var(--encre); border-color: rgba(18,17,16,.2); }
.v6 .btn-ligne:hover { background: rgba(18,17,16,.05); color: var(--encre); }
.v6 .heros6 .btn-ligne, .v6 .tete-page .btn-ligne, .v6 .bloc.noir .btn-ligne, .v6 .appel .btn-ligne, .v6 .appli6 .btn-ligne, .v6 .btn6-ligne { color: var(--clair); border-color: rgba(255,255,255,.28); background: transparent; }
.v6 .heros6 .btn-ligne:hover, .v6 .tete-page .btn-ligne:hover, .v6 .bloc.noir .btn-ligne:hover, .v6 .appel .btn-ligne:hover, .v6 .btn6-ligne:hover { background: rgba(255,255,255,.1); color: #fff; }
.v6 .lien-fleche { border: 0; gap: 8px; min-height: 40px; padding: 6px 0; font: 600 14.5px/1.2 var(--sans); color: var(--encre); }
.v6 .bloc.noir .lien-fleche { color: var(--clair); }

/* ---------- en-tête : transparent sur la photo, liens en pilules au centre ---------- */
.v6 .e4 { --h-entete: 68px; position: relative; top: auto; background: var(--nuit); color: var(--clair); z-index: 30; }
.v6 .e4.sur-photo6 { position: absolute; left: 0; right: 0; top: 0; background: transparent; }
.v6 .e4 .dedans { min-height: 68px; gap: 24px; }
.v6 .e4 .logo img { height: 32px; }
.v6 .groupes { gap: 4px; }
.v6 .groupe-btn, .v6 .groupe-lien { min-height: 40px; padding: 0 15px; gap: 6px; border-radius: 999px; font: 500 15px/1 var(--sans); font-stretch: 100%; text-transform: none; letter-spacing: 0; color: rgba(242,241,238,.86); box-shadow: none; }
.v6 .groupe-btn .chevron { width: 14px; height: 14px; color: currentColor; opacity: .7; }
.v6 .groupe-btn:hover, .v6 .groupe-btn[aria-expanded="true"], .v6 .groupe-lien:hover, .v6 .groupe.actif > .groupe-btn, .v6 .groupe.actif > .groupe-lien { background: rgba(255,255,255,.1); color: var(--clair); box-shadow: none; }
.v6 .groupe-btn[aria-expanded="true"] .chevron { color: currentColor; }
.v6 .sous { top: calc(100% + 10px); left: 0; min-width: 340px; padding: 8px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(18,17,16,.06), 0 28px 60px -22px rgba(0,0,0,.45); }
.v6 .sous::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.v6 .sous a { border-radius: 10px; padding: 10px 12px; }
.v6 .sous a:hover, .v6 .sous a:focus-visible { background: var(--fond); }
.v6 .sous a strong { font: 600 15px/1.3 var(--sans); letter-spacing: 0; box-shadow: none; }
.v6 .sous a:hover strong, .v6 .sous a[aria-current] strong { box-shadow: none; }
.v6 .sous a span { font: 400 13px/1.45 var(--sans); letter-spacing: 0; color: var(--encre60); margin-top: 2px; }
.v6 .e4-droite { gap: 10px; }
.v6 .e4 .langues { font: 500 13.5px/1 var(--sans); letter-spacing: 0; text-transform: uppercase; gap: 2px; }
.v6 .e4 .langues a { min-width: 40px; min-height: 40px; border-radius: 999px; color: rgba(242,241,238,.62); box-shadow: none; }
.v6 .e4 .langues a:hover { color: var(--clair); background: rgba(255,255,255,.08); }
.v6 .e4 .langues a[aria-current] { color: var(--clair); background: rgba(255,255,255,.1); box-shadow: none; }
.v6 .e4-resa, .v6 .e4-resa:visited { min-height: 40px; padding: 8px 16px; border-radius: 10px; background: transparent; border: 1px solid rgba(255,255,255,.28); color: var(--clair); font: 600 14.5px/1 var(--sans); text-transform: none; letter-spacing: 0; }
.v6 .e4-resa:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.4); color: #fff; }
.v6 .e4 .voile6 { display: none; }

/* ---------- héros de l'accueil ---------- */
.v6 .heros6 { position: relative; display: flex; align-items: flex-end; min-height: 684px; background: var(--nuit); color: var(--clair); overflow: hidden; }
.v6 .heros6-fond { position: absolute; inset: 0; margin: 0; }
.v6 .heros6-fond img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.v6 .heros6-fond::after, .v6 .tete6-photo::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(11,11,12,.78) 0%, rgba(11,11,12,.28) 26%, rgba(11,11,12,.34) 52%, rgba(11,11,12,.93) 100%), linear-gradient(90deg, rgba(11,11,12,.62) 0%, rgba(11,11,12,.1) 62%); }
.v6 .heros6-dedans { position: relative; z-index: 1; width: 100%; padding-top: 172px; padding-bottom: 46px; }
.v6 .heros6 h1, .v6 .tete6 h1 { color: var(--clair); max-width: 17em; margin: 0 0 18px; }
.v6 .heros6 h1 em, .v6 .tete6 h1 em { font-style: normal; color: inherit; }
.v6 .heros6-chapo, .v6 .tete6 .chapo { font-size: 19px; line-height: 1.55; color: var(--clair82); max-width: 660px; margin: 0 0 32px; }

/* les onglets « Transfert / À l'heure » */
.v6 .onglets6 { display: inline-flex; gap: 2px; padding: 4px; margin: 0 0 12px; border-radius: 12px; background: #fff; }
.v6 .onglets6 a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 9px; color: var(--encre); text-decoration: none; font: 600 14px/1 var(--sans); }
.v6 .onglets6 a svg { width: 16px; height: 16px; opacity: .55; }
.v6 .onglets6 a:hover { background: var(--fond); }
.v6 .onglets6 a.actif { background: #141414; color: #fff; }
.v6 .onglets6 a.actif svg { opacity: 1; }

/* la barre de réservation : blanche, 5 cases séparées par des filets, le bouton orange à droite */
.v6 .barre6 { display: flex; align-items: stretch; min-height: 90px; padding: 8px; background: #fff; color: var(--encre); border: 1px solid rgba(23,21,15,.14); border-radius: 16px; box-shadow: 0 28px 56px -28px rgba(28,25,18,.28); }
.v6 .c6 { position: relative; display: flex; align-items: center; gap: 12px; flex: 1 1 0; min-width: 0; padding: 0 18px; border-radius: 11px; cursor: text; margin: 0; }
.v6 .c6-de, .v6 .c6-vers { flex: 1.25 1 0; }
.v6 .c6-retour { flex: 0 0 auto; cursor: pointer; padding: 0 22px 0 18px; }
.v6 .c6 + .c6::before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 1px; background: rgba(23,21,15,.12); }
.v6 .c6:hover, .v6 .c6:focus-within { background: var(--fond); }
.v6 .c6:hover::before, .v6 .c6:focus-within::before, .v6 .c6:hover + .c6::before, .v6 .c6:focus-within + .c6::before { opacity: 0; }
.v6 .c6-ic { display: grid; place-items: center; flex: none; width: 18px; height: 18px; color: rgba(87,81,63,.62); }
.v6 .c6-ic svg { width: 18px; height: 18px; }
.v6 .c6-txt { position: relative; display: flex; flex-direction: column; flex: 1; min-width: 0; }
.v6 .c6-lib { font: 400 12.5px/1.3 var(--sans); color: var(--lib); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v6 .c6 input[type=text], .v6 .c6 input[type=datetime-local] { width: 100%; min-width: 0; min-height: 28px; padding: 2px 0 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: #242424; font: 500 16px/1.3 var(--sans); outline: none; -webkit-appearance: none; appearance: none; }
.v6 .c6 input::placeholder { color: rgba(36,36,36,.55); font-weight: 400; opacity: 1; }
.v6 .c6 input::-webkit-calendar-picker-indicator { opacity: .45; cursor: pointer; }
.v6 .c6-vide { position: absolute; left: 0; bottom: 4px; font: 600 16px/1.3 var(--sans); color: #242424; pointer-events: none; }
.v6 .c6-quand:not(.rempli):not(:focus-within) input { color: transparent; }
.v6 .c6-quand:not(.rempli):not(:focus-within) input::-webkit-datetime-edit { color: transparent; }
.v6 .c6-quand.rempli .c6-vide, .v6 .c6-quand:focus-within .c6-vide { display: none; }
.v6 .c6-retour input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.v6 .c6-retour .c6-txt { flex-direction: row; align-items: center; gap: 8px; }
.v6 .c6-ret { font: 500 15px/1.2 var(--sans); white-space: nowrap; }
.v6 .c6-retour em { font: 600 12px/1 var(--sans); font-style: normal; white-space: nowrap; padding: 5px 8px; border-radius: 999px; background: rgba(249,180,66,.2); color: #6B470A; }
.v6 .c6-retour .c6-ic svg { transition: transform .2s; }
.v6 .c6-retour:has(input:checked) { background: var(--fond); }
.v6 .c6-retour:has(input:checked) .c6-ic svg { transform: rotate(45deg); }
.v6 .c6-retour:has(input:focus-visible) { outline: 2px solid var(--encre); outline-offset: -2px; }
.v6 .barre6 .btn6 { flex: 0 0 156px; min-height: 73px; padding: 0 18px; border-radius: 11px; font-size: 15.5px; }

/* la ligne de confiance sous la barre : à gauche les promesses, à droite la note Google */
.v6 .confiance6 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-top: 18px; font: 400 15px/1.5 var(--sans); color: var(--clair82); }
.v6 .conf6-g { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; }
.v6 .conf6-g i { font-style: normal; margin: 0 9px; opacity: .55; }
.v6 .conf6-d { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; color: var(--clair82); text-decoration: none; }
.v6 .conf6-d b { font-weight: 600; color: #fff; }
.v6 .conf6-d:hover > span { text-decoration: underline; text-underline-offset: 3px; }
.v6 .etoiles6 { display: inline-flex; gap: 2px; color: var(--accent); }
.v6 .etoiles6 svg { width: 18px; height: 18px; }
/* la ligne « téléphone » de la V4 répète la ligne de confiance : gardée dans la page, plus affichée */
.v6 .heros6 .ligne-tel { display: none; }

/* ---------- sections ---------- */
.v6 .bloc { padding: 80px 0; background: transparent; }
.v6 .bloc.gris { background: var(--fond2); }
.v6 .bloc.serre { padding: 64px 0; }
.v6.accueil6 .bloc { padding: 96px 0; }
.v6.accueil6 main > .bloc:not(.gris):not(.flotte6):not(.noir) + .bloc:not(.gris):not(.flotte6):not(.noir) { padding-top: 24px; }
.v6 .tete-bloc { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: end; gap: 0 48px; margin: 0 0 48px; padding: 0; border: 0; counter-increment: none; }
.v6 .tete-bloc::before { display: none; }
.v6 .tete-bloc > * { grid-column: 1; }
.v6 .tete-bloc > p:not(.sur6):not(.surtitre) { margin: 14px 0 0; max-width: 640px; font-size: 17px; line-height: 1.5; color: var(--encre72); }
.v6 .tete-bloc > p.court6 { grid-column: 2; grid-row: 1 / span 3; align-self: end; justify-self: end; text-align: right; margin: 0 0 6px; max-width: 460px; }
.v6 .tete-bloc h2 { margin: 0; }
.v6 .tete-bloc .surtitre { margin: 0 0 10px; }
.v6 .grille { gap: 22px; }

/* comment ça marche : 3 cartes illustrées */
.v6 .marche6 .etapes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; counter-reset: none; }
.v6 .marche6 .etapes li { padding: 0; border: 0; counter-increment: none; }
.v6 .marche6 .etapes li::before { display: none; }
.v6 .marche6 .etapes h3 { font-size: 24px; margin: 0 0 10px; letter-spacing: -.01em; }
.v6 .num6 { color: rgba(18,17,16,.42); }
.v6 .marche6 .etapes p { font-size: 16px; line-height: 1.65; color: var(--encre72); max-width: 36ch; }
.v6 .ill6 { position: relative; display: grid; place-items: center; aspect-ratio: 418 / 522; margin: 0 0 26px; overflow: hidden; border-radius: 16px; background: var(--ill); box-shadow: inset 0 0 0 1px rgba(18,17,16,.05); font-family: var(--sans); color: var(--encre); }
.v6 .ill6 svg { width: 1em; height: 1em; }
.v6 .ill6-carte { width: 80%; padding: 18px 16px 14px; border-radius: 14px; background: #fff; box-shadow: 0 30px 60px -30px rgba(28,25,18,.35), 0 0 0 1px rgba(18,17,16,.05); font-size: 12.5px; }
.v6 .ill6-route p { position: relative; display: flex; align-items: center; gap: 10px; margin: 0; padding: 3px 0; font-weight: 600; font-size: 13px; }
.v6 .ill6-route p:first-child { padding-bottom: 12px; }
.v6 .ill6-route p:first-child::after { content: ""; position: absolute; left: 4px; top: 18px; bottom: 2px; width: 1px; background: rgba(18,17,16,.3); }
.v6 .ill6-route i { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.v6 .ill6-route i.o { border: 1.5px solid var(--encre); }
.v6 .ill6-route i.p { background: var(--encre); }
.v6 .ill6-quand { display: flex; align-items: center; gap: 4px; margin: 4px 0 12px; color: var(--encre60); font-size: 12px; }
.v6 .ill6-v { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 10px; padding: 8px 10px; margin-bottom: 7px; border: 1px solid rgba(18,17,16,.1); border-radius: 10px; }
.v6 .ill6-v.actif { border: 1.5px solid var(--encre); }
.v6 .ill6-auto { display: grid; place-items: center; height: 32px; border-radius: 6px; background: #F1F0EC; font-size: 26px; color: #1b1b1d; }
.v6 .ill6-v b { display: block; font-weight: 600; font-size: 13px; }
.v6 .ill6-v small { display: flex; align-items: center; gap: 3px; color: var(--encre60); font-size: 12px; }
.v6 .ill6-v .montant { font-weight: 700; font-size: 13px; }
.v6 .ill6-pied { margin: 8px 0 0; text-align: center; color: var(--encre60); font-size: 12px; }
.v6 .ill6-arrivees { align-content: center; gap: 0; }
.v6 .ill6-tableau { width: 82%; padding: 12px 12px 10px; border-radius: 10px; background: #111113; color: #EDEDED; box-shadow: 0 24px 50px -24px rgba(0,0,0,.6); }
.v6 .ill6-tt { display: flex; justify-content: space-between; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: #BDBDBD; }
.v6 .ill6-vol { display: flex; justify-content: space-between; margin: 0 0 4px; }
.v6 .ill6-vol span { display: flex; gap: 2px; }
.v6 .ill6-vol b { display: grid; place-items: center; width: 14px; height: 19px; border-radius: 2px; background: #232326; font: 600 12px/1 var(--sans); color: #F1F1F1; box-shadow: inset 0 -1px 0 rgba(255,255,255,.06), inset 0 9px 0 rgba(255,255,255,.03); }
.v6 .ill6-pancarte { position: relative; z-index: 1; width: 64%; margin: -14px auto 0; padding: 14px 14px 12px; text-align: center; border-radius: 10px; background: #FBFAF6; transform: rotate(-3deg); box-shadow: 0 30px 50px -22px rgba(0,0,0,.45); }
.v6 .ill6-pancarte small { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.v6 .ill6-pancarte small i { width: 8px; height: 8px; border-radius: 2px; background: var(--accent); }
.v6 .ill6-pancarte b { display: block; margin: 4px 0 2px; font-size: clamp(22px, 2vw, 28px); font-weight: 600; font-stretch: 112%; letter-spacing: -.01em; line-height: 1.1; }
.v6 .ill6-pancarte span { font-size: 12px; color: var(--encre60); }
.v6 .ill6-plan { display: block; }
.v6 .ill6-plan > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.v6 .ill6-plan > svg g svg, .v6 .ill6-plan > svg g path { width: auto; height: auto; }
.v6 .ill6-bas { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 22px 20px; background: linear-gradient(180deg, rgba(236,235,230,0), rgba(236,235,230,.96) 45%); }
.v6 .ill6-bas b { display: block; font-size: clamp(18px, 1.6vw, 21px); font-weight: 600; font-stretch: 112%; }
.v6 .ill6-bas span { font-size: 12.5px; color: var(--encre72); }

/* les cartes photo (services, domaines) */
.v6 .services6 .grille { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 22px; }
.v6 .grille.g4:has(> .domaine) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v6 .grille.g3:has(> .domaine:nth-child(4)) > .domaine:first-child { grid-column: auto; }
.v6 .grille.g3:has(> .domaine:nth-child(4)) > .domaine:first-child .vignette { min-height: 0; aspect-ratio: var(--ar6, 309 / 360); flex: none; }
.v6 .grille.g3:has(> .domaine:nth-child(4)) > .domaine:first-child h3 { font-size: 22px; }
.v6 .domaine { border: 0; padding: 0; background: transparent; }
.v6 .domaine .vignette { aspect-ratio: var(--ar6, 309 / 360); border-radius: 16px; background: var(--ill); }
.v6 .services6, .v6 .grille.g4:has(> .domaine) { --ar6: 309 / 386; }
.v6 .domaine .vignette .etiquette { display: none; }
.v6 .domaine:hover .vignette img { transform: scale(1.04); }
.v6 .domaine .texte { padding: 18px 0 0; gap: 0; }
.v6 .domaine .texte h3 { font-size: 22px; letter-spacing: -.01em; margin: 0 0 8px; }
.v6 .domaine:hover h3 { text-decoration: none; }
.v6 .domaine .texte p { font-size: 16px; line-height: 1.55; color: var(--encre72); margin: 0 0 10px; }
.v6 .domaine .lien-fleche { font-size: 14.5px; }
.v6 .services6 .lien-fleche svg { transform: none; width: 15px; height: 15px; }
.v6 .services6 .domaine:hover .lien-fleche svg { transform: translateX(3px); }
.v6 .domaine-appel { border: 0; border-radius: 16px; background: var(--boite); padding: 0; overflow: hidden; }
.v6 .domaine-appel .texte { padding: 32px 28px; }
.v6 .domaine-appel h3 { color: #fff; font-size: 28px; }

/* la flotte : fond alterné, cartes blanches */
.v6 .flotte6 { background: var(--fond2); }
.v6.accueil6 .flotte6 { padding: 120px 0; }
.v6 .grille:has(> .voiture-flotte) { gap: 22px; }
.v6 .voiture-flotte { padding: 12px 12px 22px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .voiture-flotte .vignette { aspect-ratio: 16 / 10.5; border-radius: 11px; overflow: hidden; background: var(--ill); }
.v6 .voiture-flotte .vignette.detouree { background: radial-gradient(58% 26% at 50% 84%, rgba(18,17,16,.16), rgba(18,17,16,0) 70%), #fff; }
.v6 .voiture-flotte .vignette.detouree img { padding: 10px 16px; }
.v6 .voiture-flotte h3 { margin: 16px 6px 4px; font-size: 19px; letter-spacing: -.01em; }
.v6 .voiture-flotte p { margin: 0 6px; font-size: 14px; line-height: 1.5; color: var(--encre72); }

/* les avis : la note géante à gauche, trois vrais avis Google à droite */
.v6 .avis-accueil.avis6-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.9fr); gap: 32px 48px; align-items: start; max-width: var(--large); text-align: left; }
.v6 .avis6-grille:has(> .avis6-cartes[hidden]) { grid-template-columns: minmax(0, 1fr); }
.v6 .avis6-g h2 { margin: 0 0 14px; }
.v6 .avis6-g .chapo { margin: 0 0 8px; max-width: 460px; font-size: 16px; }
.v6 .avis6-score { margin: 34px 0 6px; }
.v6 .avis6-num { display: flex; align-items: baseline; margin: 0 0 10px; font: 600 120px/.9 var(--sans); font-stretch: 125%; letter-spacing: -.01em; }
.v6 .avis6-num small { font: 500 32px/1 var(--sans); font-stretch: 125%; color: var(--encre60); margin-left: 4px; }
.v6 .avis6-score .etoiles6 svg { width: 22px; height: 22px; }
.v6 .avis6-total { margin: 6px 0 4px; font-size: 15px; color: var(--encre72); }
.v6 .avis6-lien { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; font: 600 15px var(--sans); color: var(--encre); text-decoration: none; }
.v6 .avis6-lien svg { width: 14px; height: 14px; transition: transform .2s; }
.v6 .avis6-lien:hover svg { transform: translateX(3px); }
.v6 .avis6-g > p:last-child { display: flex !important; justify-content: flex-start !important; gap: 10px !important; margin: 18px 0 0; }
.v6 .avis6-g > p:last-child .btn { min-height: 46px; padding: 10px 18px; font-size: 14.5px; }
.v6 .avis6-cartes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.v6 .avis6-carte { display: flex; flex-direction: column; min-height: 280px; padding: 22px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .avis6-etoiles { display: flex; gap: 2px; margin: 0 0 14px; color: var(--accent); }
.v6 .avis6-etoiles svg { width: 17px; height: 17px; }
.v6 .avis6-texte { flex: 1; margin: 0 0 18px; font-size: 15px; line-height: 1.6; color: var(--encre); }
.v6 .avis6-qui { margin: 0; font-size: 13.5px; color: var(--encre60); }

/* les destinations : 4 grandes cartes photo, puis les autres trajets en lignes */
.v6 .dest6 .trajets { border: 0; }
.v6 .dest6-cartes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin: 0 0 40px; }
.v6 .trajet.trajet6-photo { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 309 / 412; padding: 22px 20px; border: 0; border-radius: 16px; overflow: hidden; color: #fff; background: var(--nuit); }
.v6 .trajet.trajet6-photo:hover { background: var(--nuit); padding: 22px 20px; }
.v6 .trajet6-vignette { position: absolute; inset: 0; }
.v6 .trajet6-vignette img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.v6 .trajet6-photo:hover .trajet6-vignette img { transform: scale(1.04); }
.v6 .trajet6-vignette::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,.78) 100%); }
.v6 .trajet6-photo > :not(.trajet6-vignette) { position: relative; z-index: 1; }
.v6 .trajet6-photo .code, .v6 .trajet6-photo > svg { display: none; }
.v6 .dest6-nom { display: block; margin: 0 0 6px; font: 600 26px/1.1 var(--sans); font-stretch: 112%; letter-spacing: -.01em; color: #fff; }
.v6 .trajet6-photo strong { font: 500 14px/1.35 var(--sans); color: rgba(255,255,255,.88); letter-spacing: 0; }
.v6 .trajet6-photo small { color: rgba(255,255,255,.72); font: 400 13px/1.4 var(--sans); }
.v6 .trajet6-photo .trajet-prix { color: rgba(255,255,255,.8); font-size: 13px; }
.v6 .trajet6-photo .trajet-prix b, .v6 .trajet6-photo .trajet-prix .montant { color: #fff; font-size: 15px; }
.v6 .trajet6-photo .trajet-prix s { color: rgba(255,255,255,.7); }
.v6 .trajet6-photo .trajet-prix em { color: rgba(255,255,255,.72); }
.v6 .trajets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; border-top: 0; }
.v6 .dest6-lignes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v6 .trajet { grid-template-columns: minmax(0, 1fr) 18px; gap: 12px; padding: 18px 0; border-top: 1px solid var(--trait); border-bottom: 0; color: var(--encre); }
.v6 .trajets > .trajet:nth-last-child(-n+2), .v6 .dest6-lignes > .trajet:nth-last-child(-n+4) { border-bottom: 1px solid var(--trait); }
.v6 .trajet:hover, .v6 .bloc.gris .trajet:hover { background: transparent; padding-left: 0; padding-right: 0; }
.v6 .trajet:hover strong { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.v6 .trajet .code { display: none; }
.v6 .trajet strong { font: 600 16px/1.35 var(--sans); letter-spacing: 0; }
.v6 .trajet small { font: 400 14px/1.45 var(--sans); color: var(--encre72); letter-spacing: 0; text-transform: none; }
.v6 .trajet > svg { width: 16px; height: 16px; opacity: .7; }
.v6 .trajet-prix { font: 400 14px/1.45 var(--sans); color: var(--encre72); }
.v6 .trajet-prix b, .v6 .trajet-prix .montant { font-size: 15px; font-weight: 700; color: var(--encre); letter-spacing: 0; }
.v6 .trajet-prix em { font: 400 13px/1.45 var(--sans); text-transform: none; letter-spacing: 0; color: var(--encre60); }
.v6 .trajets-maj { font: 400 13px/1.5 var(--sans); letter-spacing: 0; color: var(--encre60); }
.v6 .petit-centre a { text-decoration-color: var(--accent); }

/* ---------- les grands blocs sombres arrondis (appli, blocs noirs, central) ---------- */
.v6 .bloc.noir, .v6.accueil6 .bloc.noir { background: transparent; color: var(--clair); padding: 48px 0; }
.v6 .bloc.noir > .dedans, .v6 .appli6 > .dedans { position: relative; width: calc(100% - 2 * var(--marge)); max-width: calc(var(--large) - 2 * var(--marge)); margin: 0 auto; padding: 72px 64px; border-radius: 24px; background: var(--boite); color: var(--clair); overflow: hidden; isolation: isolate; }
.v6 .bloc.noir > .dedans::before, .v6 .appli6 > .dedans::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .9;
  background: radial-gradient(40% 60% at 85% 30%, rgba(249,180,66,.12), rgba(249,180,66,0) 70%), repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 56px), repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 56px); }
.v6 .bloc.noir h2, .v6 .bloc.noir h3, .v6 .appli6 h2 { color: #fff; }
.v6 .bloc.noir p, .v6 .bloc.noir .tete-bloc > p:not(.sur6):not(.surtitre) { color: rgba(242,241,238,.74); }
.v6 .bloc.noir .surtitre, .v6 .appli6 .surtitre { color: rgba(242,241,238,.6); }
.v6 .bloc.noir .fort, .v6 .bloc.noir .etapes li { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }
.v6 .bloc.noir .coches li { border-color: rgba(255,255,255,.1); }
.v6 .appli6 { padding: 96px 0; }
.v6 .appli6 > .dedans { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); grid-template-rows: auto 1fr; gap: 0 56px; align-items: start; padding: 72px 64px 64px 80px; }
.v6 .appli6 .tete-bloc { grid-column: 1; display: block; margin: 0; }
.v6 .appli6 .tete-bloc h2 { font-size: clamp(32px, 3.3vw, 48px); font-weight: 700; font-stretch: 100%; letter-spacing: -.025em; line-height: 1.05; }
.v6 .appli6 .tete-bloc > p:not(.sur6):not(.surtitre) { margin: 18px 0 0; font-size: 18px; line-height: 1.55; color: rgba(242,241,238,.74); text-align: left; max-width: 480px; }
.v6 .appli6 .boutons-appli { grid-column: 1; justify-content: flex-start; margin: 32px 0 0; align-self: start; }
.v6 .appli6 .ecrans { grid-column: 2; grid-row: 1 / span 2; display: flex; justify-content: center; gap: 24px; align-items: flex-start; }
.v6 .appli6 .ecrans > figure { flex: 0 1 260px; margin: 0 !important; }
.v6 .appli6 .ecrans > figure.video { margin-top: 56px !important; }
.v6 .appli6 .ecrans > figure.apercu6, .v6 .appli6 .ligne-trajet { display: none; }
.v6 .appli6 .telephone { box-shadow: 0 0 0 1.5px rgba(255,255,255,.14), 0 40px 70px -30px rgba(0,0,0,.8); }
.v6 .appli6 figcaption, .v6 .appli6 .video figcaption { color: rgba(242,241,238,.72); font: 400 14px/1.5 var(--sans); text-transform: none; letter-spacing: 0; text-align: center; }
.v6 .appli6 figcaption b { color: var(--accent); }
.v6 .appli6 .video figcaption strong { color: #fff; font: 600 14px/1.4 var(--sans); text-transform: none; letter-spacing: 0; }
.v6 .central-partenaire { background: transparent; color: var(--encre); padding: 48px 0; border: 0; }
.v6 .central-grille { gap: 48px; padding: 40px; border: 1px solid var(--trait); border-radius: 24px; background: #fff; max-width: calc(var(--large) - 2 * var(--marge)); width: calc(100% - 2 * var(--marge)); }
.v6 .central-logo { border: 0; border-radius: 16px; background: var(--boite); }
.v6 .central-logo:hover { border: 0; background: #1b1b1f; }
.v6 .central-texte .surtitre { color: var(--encre60); }
.v6 .central-texte h2 { color: var(--encre); font-size: clamp(28px, 3vw, 44px); }
.v6 .central-texte p { color: var(--encre72); font-size: 17px; }
.v6 .central-lien { color: var(--encre); font: 600 18px var(--sans); box-shadow: none; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 5px; min-height: 40px; }
.v6 .central-lien:hover { color: var(--encre); text-decoration-color: var(--encre); }

/* ---------- autres blocs de la V4, à la façon Transfeero ---------- */
.v6 .en-bref { padding: 72px 0 0; background: transparent; }
.v6 .en-bref + .bloc, .v6 .en-bref + section { padding-top: 56px; }
.v6 .carte-bref { grid-template-columns: 160px minmax(0, 1fr); gap: 6px 32px; padding: 26px 30px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .carte-bref .surtitre { margin: 3px 0 0; }
.v6 .carte-bref .reponse { font: 400 18px/1.6 var(--sans); letter-spacing: 0; color: var(--encre); }
.v6 .carte-bref .reponse a { box-shadow: none; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 3px; font-weight: 600; }
.v6 .carte-bref .maj { font: 400 13px/1.5 var(--sans); color: var(--encre60); letter-spacing: 0; }
.v6 .duo { gap: 64px; }
.v6 .duo .image { border: 0; border-radius: 16px; background: var(--ill); }
.v6 .duo h2 { margin-bottom: .4em; }
.v6 .duo .chapo { font-size: 18px; }
.v6 .grille:has(> .fort) { gap: 16px; }
.v6 .fort { padding: 24px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .fort::before { display: none; }
.v6 .fort .ico { width: 44px; height: 44px; border-radius: 12px; background: var(--fond); color: var(--encre); margin-bottom: 16px; }
.v6 .bloc.noir .fort .ico { background: rgba(255,255,255,.08); color: var(--accent); }
.v6 .fort h3 { font-size: 19px; margin: 0 0 8px; }
.v6 .fort p { font-size: 15px; line-height: 1.55; }
.v6 .fort .duree { font: 600 13px/1.4 var(--sans); text-transform: none; letter-spacing: 0; color: var(--jaune-texte); }
.v6 .etapes:not(.trois) { gap: 16px; }
.v6 .etapes:not(.trois) li { padding: 24px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .etapes li::before { font: 600 15px/1 var(--sans); font-stretch: 110%; color: var(--encre60); box-shadow: none; padding: 0; margin: 0 0 14px; letter-spacing: 0; }
.v6 .etapes h3 { font-size: 19px; }
.v6 .etapes p { font-size: 15px; line-height: 1.6; }
.v6 .coches { border-top: 0; }
.v6 .coches li { border-bottom: 0; padding: 7px 0 7px 30px; }
.v6 .coches li::before { top: 13px; width: 18px; height: 18px; border-radius: 50%; background: rgba(249,180,66,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5208' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat; }
.v6 .logos { gap: 12px; border: 0; }
.v6 .logos li { border: 1px solid var(--trait); border-radius: 14px; background: #fff; }
.v6 .actu { padding: 24px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .actu .categorie { font: 600 13px/1 var(--sans); text-transform: none; letter-spacing: 0; color: var(--jaune-texte); }
.v6 .actu:hover h3 { text-decoration: underline; text-decoration-color: var(--accent); }
.v6 .dossier { border-top: 0; gap: 0 32px; }
.v6 .piece { border-bottom: 1px solid var(--trait); }
.v6 .piece strong { font: 600 17px var(--sans); }
.v6 .carte-dossier { border: 0; border-radius: 20px; background: var(--boite); }
.v6 .carte-dossier li::before { width: 8px; height: 8px; border-radius: 50%; top: 22px; background: var(--accent); }
.v6 .carte-prix { padding: 28px; border: 1px solid var(--trait); border-radius: 16px; background: #fff; }
.v6 .carte-prix ul { border-top: 1px solid var(--trait); }
.v6 .carte-prix li::before { width: 8px; height: 8px; border-radius: 50%; top: 21px; background: var(--accent); }
.v6 .remise, .v6 .bloc.noir .remise, .v6 .m-carte .remise { border: 0; border-radius: 999px; padding: 3px 9px; background: rgba(249,180,66,.22); color: #6B470A; font: 600 12px/1.4 var(--sans); text-transform: none; letter-spacing: 0; }
.v6 .bloc.noir .remise, .v6 .m-carte .remise { background: var(--accent); color: var(--accent-txt); }
.v6 .prix-ar s { text-decoration-color: currentColor; }

/* la FAQ : des cartes sur 3 colonnes, chevron dans une pastille orange pâle */
.v6 .dedans.etroit:has(> .faq) { max-width: var(--large); }
.v6 .dedans.etroit:has(> .faq) > h2 { text-align: center; max-width: 900px; margin: 0 auto 12px; font-size: clamp(30px, 2.6vw, 36px); }
.v6 .dedans.etroit:has(> .faq) > p { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; color: var(--encre72); }
.v6 .faq { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 36px; border: 0; align-items: start; }
.v6 .faq details { padding: 20px; border: 1px solid var(--trait); border-radius: 16px; background: rgba(255,255,255,.9); }
.v6 .bloc.gris .faq details { background: #fff; }
.v6 .faq summary { display: flex; align-items: center; min-height: 48px; padding: 0 46px 0 0; font: 500 16px/1.45 var(--sans); letter-spacing: 0; }
.v6 .faq summary::after { right: 0; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; transform: none; transition: transform .2s;
  background: rgba(249,180,66,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C98A1C' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/15px no-repeat; }
.v6 .faq details[open] summary::after { transform: rotate(180deg); }
.v6 .faq details > div { padding: 12px 0 0; font-size: 15px; line-height: 1.6; color: var(--encre72); }
.v6 .bloc.noir .faq details { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); }

/* formulaires et coordonnées */
.v6 .formulaire { padding: 32px; border: 1px solid var(--trait); border-radius: 20px; background: #fff; box-shadow: 0 28px 56px -36px rgba(28,25,18,.3); }
.v6 .formulaire label, .v6 .types legend { font: 500 13px/1.35 var(--sans); text-transform: none; letter-spacing: 0; color: var(--lib); }
.v6 .formulaire label.case { font: 400 15px/1.45 var(--sans); color: var(--encre); }
.v6 .formulaire input, .v6 .formulaire select, .v6 .formulaire textarea { min-height: 52px; padding: 13px 14px; border: 1px solid rgba(23,21,15,.18); border-radius: 11px; font: 400 16px var(--sans); color: var(--encre); background: #fff; }
.v6 .formulaire input:focus, .v6 .formulaire select:focus, .v6 .formulaire textarea:focus { border-color: var(--encre); box-shadow: 0 0 0 3px rgba(249,180,66,.35); }
.v6 .types label { border: 1px solid rgba(23,21,15,.18); border-radius: 11px; font: 500 15px var(--sans); }
.v6 .types label:has(input:checked) { border-color: var(--encre); box-shadow: inset 0 0 0 1px var(--encre); background: var(--fond); }
.v6 .message { border-left: 0; border-radius: 12px; background: rgba(249,180,66,.16); }
.v6 .coord { border-top: 0; }
.v6 .coord li { border-bottom: 1px solid var(--trait); }
.v6 .coord .ico { border-radius: 12px; background: var(--encre); }
.v6 .coord strong { font: 500 13px var(--sans); letter-spacing: 0; text-transform: none; color: var(--encre60); }
.v6 .coord a { font: 600 21px var(--sans); font-stretch: 110%; letter-spacing: 0; }
.v6 .coord a:hover { color: var(--encre); text-decoration: underline; text-decoration-color: var(--accent); }
.v6 .texte-long a { text-decoration-color: var(--accent); }
.v6 .texte-long h2 { font-size: 28px; }
.v6 .texte-long table { border-top: 1px solid var(--trait); }

/* ---------- pages intérieures : le héros photo + la barre, la sous-navigation collante, le fil d'Ariane ---------- */
.v6 .tete-page.tete6 { position: relative; display: flex; align-items: flex-end; min-height: 420px; padding: 150px 0 52px; background: var(--nuit); color: var(--clair); overflow: hidden; }
.v6 .tete-page.tete6-photo { min-height: 620px; padding-bottom: 46px; background: var(--photo) center/cover no-repeat, var(--nuit); }
.v6 .tete-page.tete6 > .dedans { position: relative; z-index: 1; width: 100%; }
.v6 .tete6 .sur6-heros, .v6 .tete6 .surtitre { color: rgba(242,241,238,.7); margin-bottom: 14px; }
.v6 .tete6 .sur-noir { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.v6 .sous6 { position: sticky; top: 0; z-index: 25; background: rgba(246,245,241,.92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--trait); }
.v6 .sous6 .dedans { display: flex; align-items: center; gap: 8px; min-height: 72px; padding-top: 16px; padding-bottom: 16px; overflow-x: auto; scrollbar-width: none; }
.v6 .sous6 .dedans::-webkit-scrollbar { display: none; }
.v6 .sous6 a { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 16px; border-radius: 999px; color: var(--encre72); text-decoration: none; font: 500 14px/1.2 var(--sans); white-space: nowrap; }
.v6 .sous6 a:hover { background: rgba(18,17,16,.05); color: var(--encre); }
.v6 .sous6 a.actif { color: var(--encre); }
.v6 .sous6 a.actif::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--encre); }
.v6 .sous6 .sous6-resa { background: var(--accent); color: var(--accent-txt); }
.v6 .sous6 .sous6-resa:hover { background: var(--accent-vif); color: var(--accent-txt); }
.v6 .sous6 .sous6-resa svg { width: 14px; height: 14px; }
.js .v6 .sous6:not(.colle) .sous6-resa { display: none; }
.v6 .fil6 .dedans { padding-top: 26px; }
.v6 .fil6 .fil { margin: 0; font: 500 13px/1.5 var(--sans); letter-spacing: 0; text-transform: none; color: var(--encre60); }
.v6 .fil6 .fil a { color: var(--encre60); box-shadow: none; min-height: 40px; }
.v6 .fil6 .fil a:hover { color: var(--encre); text-decoration: underline; }
.v6 .fil6 + .en-bref { padding-top: 32px; }
.v6 .fil6 + .bloc { padding-top: 40px; }

/* ---------- le grand bloc final « Prêt à réserver ? » ---------- */
.v6 .pret6, .v6 .appel.pret6 { padding: 96px 0 128px; background: transparent; }
.v6 .appel.pret6 .dedans, .v6 .pret6 > .dedans { display: block; padding-top: 0; padding-bottom: 0; color: inherit; }
.v6 .pret6-boite { position: relative; padding: 64px; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: var(--boite); color: rgb(209,213,219); text-align: center; overflow: hidden; isolation: isolate; }
.v6 .pret6-boite::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 80% at 50% 0%, rgba(249,180,66,.14), rgba(249,180,66,0) 70%); }
.v6 .pret6-boite h2 { margin: 0 auto 18px; max-width: 20ch; color: #fff; font-size: clamp(32px, 3.4vw, 48px); font-stretch: 114%; }
.v6 .pret6-boite p { max-width: 600px; margin: 0 auto 30px; font-size: 18px; line-height: 1.6; color: rgb(209,213,219); }
.v6 .pret6-boite > div { display: block; }
.v6 .pret6-boite .pret6-btns, .v6 .pret6-boite .boutons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: none; margin: 0 auto; }
.v6 .pret6-boite .btn, .v6 .pret6-boite .btn6, .v6 .pret6-boite .btn6-ligne { min-height: 52px; padding: 12px 22px; font-size: 18px; }

/* ---------- pied de page sombre ---------- */
.v6 .pied { background: var(--pied); color: rgba(242,241,238,.72); text-align: left; border-top: 0; font-size: 14px; }
.v6 .pied .dedans { padding-top: 72px; padding-bottom: 28px; }
.v6 .pied-grille.cinq { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 32px; padding-bottom: 48px; }
.v6 .pied-grille.cinq > div:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 48px; margin: 0 0 8px; padding: 0 0 40px; border-bottom: 1px solid rgba(255,255,255,.1); }
.v6 .pied-grille.cinq > div:first-child > p:not(.sociaux) { margin: 0 !important; max-width: 640px; color: rgba(242,241,238,.66); }
.v6 .pied-grille > div { align-items: flex-start; }
.v6 .pied-logo img { height: 36px; filter: invert(1); }
.v6 .pied h2 { margin: 0 0 12px; font: 600 18px/1.5 var(--sans); letter-spacing: 0; text-transform: none; color: var(--clair); }
.v6 .pied ul { justify-items: start; }
.v6 .pied ul a { min-height: 40px; color: rgba(242,241,238,.86); }
.v6 .pied a { color: rgba(242,241,238,.86); }
.v6 .pied a:hover { color: var(--accent); }
.v6 .pied address { color: rgba(242,241,238,.72); line-height: 1.7; }
.v6 .pied address a { color: var(--clair); font-weight: 600; }
.v6 .sociaux { margin: 0; gap: 8px; justify-content: flex-start; }
.v6 .sociaux a { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: var(--clair); }
.v6 .sociaux a:hover { background: rgba(255,255,255,.08); color: var(--clair); }
.v6 .resa-pied { margin: 14px 0 0; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: rgba(242,241,238,.78); font-size: 14px; }
.v6 .resa-pied a, .v6 main .resa-pied a { box-shadow: none; text-decoration: underline; text-underline-offset: 3px; }
.v6 main .resa-pied { border-color: var(--trait); color: var(--encre72); }
.v6 main .resa-pied a { color: var(--encre); }
.v6 .central { margin: 0; padding: 20px 0; text-align: left; border-top: 1px solid rgba(255,255,255,.1); font: 400 14px/1.5 var(--sans); color: rgba(242,241,238,.72); }
.v6 .central a { color: var(--clair); box-shadow: none; text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); text-underline-offset: 3px; }
.v6 .bas { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 24px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); font: 400 14px/1.5 var(--sans); color: rgba(242,241,238,.6); }
.v6 .bas nav { justify-content: flex-end; }
.v6 .bas nav a { color: rgba(242,241,238,.6); }

/* ---------- tablette ---------- */
@media (max-width: 1260px) {
  body.v6 { --marge: 40px; }
  .v6 .dest6-lignes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .dest6-lignes > .trajet:nth-last-child(-n+4) { border-bottom: 0; }
  .v6 .dest6-lignes > .trajet:nth-last-child(-n+2) { border-bottom: 1px solid var(--trait); }
  .v6 .grille.g4:has(> .domaine), .v6 .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .avis-accueil.avis6-grille { grid-template-columns: minmax(0, 1fr); }
  .v6 .appli6 > .dedans { padding: 56px 48px; }
}
@media (max-width: 1100px) {
  .v6 .burger { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.22); border-radius: 10px; background: transparent; position: relative; z-index: 42; }
  .v6 .burger span { width: 16px; height: 1.6px; background: var(--clair); box-shadow: 0 -5px 0 var(--clair), 0 5px 0 var(--clair); }
  .v6 .burger[aria-expanded="true"] { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); }
  .v6 .burger[aria-expanded="true"] span { background: transparent; box-shadow: 0 0 0 transparent; position: relative; }
  .v6 .burger[aria-expanded="true"] span::before, .v6 .burger[aria-expanded="true"] span::after { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 1.6px; background: var(--clair); transform: rotate(45deg); }
  .v6 .burger[aria-expanded="true"] span::after { transform: rotate(-45deg); }
  .v6 .e4.ouvert .e4-droite { position: relative; z-index: 42; }
  .v6 .e4.ouvert .e4-resa { visibility: hidden; }
  .v6 .e4.ouvert .voile6 { display: block; position: fixed; inset: 0; z-index: 39; background: rgba(0,0,0,.55); }
  .v6 .e4.ouvert .nav4 { position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: min(88vw, 400px); padding: 84px 24px 40px; border: 0; background: var(--nuit); box-shadow: -30px 0 60px -20px rgba(0,0,0,.6); z-index: 40; animation: tiroir6 .26s cubic-bezier(.2,.7,.2,1) both; }
  .v6 .e4.ouvert .groupes { max-width: none; }
  .v6 .e4.ouvert .groupe { padding: 18px 0 6px; border-bottom: 0; }
  .v6 .e4.ouvert .groupe + .groupe { border-top: 1px solid rgba(255,255,255,.08); }
  .v6 .e4.ouvert .groupe-btn { min-height: 40px; padding: 0; background: none; font: 700 11.5px/1.4 var(--sans); text-transform: uppercase; letter-spacing: .09em; color: rgba(242,241,238,.5); }
  .v6 .e4.ouvert .sous { padding: 0; }
  .v6 .e4.ouvert .sous a { padding: 9px 0; border-radius: 0; }
  .v6 .e4.ouvert .sous a strong { font: 700 17px/1.35 var(--sans); color: var(--clair); }
  .v6 .e4.ouvert .sous a span { display: none; }
  .v6 .e4.ouvert .groupe-seul { padding: 10px 0; }
  .v6 .e4.ouvert .groupe-lien { padding: 0; min-height: 44px; background: none; font: 700 17px var(--sans); color: var(--clair); }
  .v6 .e4.ouvert .langues-tel { gap: 6px; margin: 24px 0 0; font: 500 14px var(--sans); text-transform: uppercase; }
  .v6 .e4.ouvert .langues-tel a { min-width: 52px; min-height: 40px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: rgba(242,241,238,.75); }
  .v6 .e4.ouvert .langues-tel a[aria-current] { background: var(--clair); border-color: var(--clair); color: var(--encre); }
  /* la barre : cases encadrées sur deux colonnes */
  .v6 .barre6 { flex-wrap: wrap; gap: 8px; padding: 10px; border-radius: 20px; }
  .v6 .c6, .v6 .c6-de, .v6 .c6-vers { flex: 1 1 calc(50% - 4px); min-height: 60px; padding: 8px 14px; border: 1px solid rgba(23,21,15,.14); border-radius: 12px; }
  .v6 .c6 + .c6::before { display: none; }
  .v6 .c6-retour { border: 0; background: #F1F0EC; }
  .v6 .barre6 .btn6 { flex: 1 1 100%; min-height: 52px; border-radius: 14px; font-size: 16px; }
  .v6 .services6 .grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .dest6-cartes, .v6 .grille:has(> .voiture-flotte) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .faq { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .appli6 > .dedans { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .v6 .appli6 .ecrans { grid-column: 1; grid-row: auto; }
  .v6 .pied-grille.cinq { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@keyframes tiroir6 { from { transform: translateX(100%); } to { transform: none; } }

/* ---------- téléphone : comme le site mobile de Transfeero ---------- */
@media (max-width: 760px) {
  body.v6 { --marge: 20px; font-size: 16px; }
  .v6 .dedans { padding: 0 20px; }
  .v6 h2 { font-size: 32px; }
  .v6 .e4 { --h-entete: 56px; }
  .v6 .e4 .dedans { min-height: 56px; gap: 8px; }
  .v6 .e4 .logo img { height: 26px; }
  .v6 .e4-resa { display: inline-flex; min-height: 40px; padding: 8px 14px; font-size: 14px; }
  .v6 .e4-resa .long { display: none; }
  .v6 .e4-resa .court { display: inline; }
  .v6 .e4.ouvert .nav4 { padding: 72px 20px 40px; }
  /* le héros : titre, onglets, la barre empilée, la confiance centrée */
  .v6 .heros6 { min-height: 0; }
  .v6 .heros6-dedans { padding-top: 76px; padding-bottom: 30px; }
  .v6 .heros6 h1, .v6 .tete6 h1 { font-size: 29px; line-height: 1.06; margin-bottom: 10px; }
  .v6 .heros6-chapo, .v6 .tete6 .chapo { font-size: 15px; line-height: 1.5; margin-bottom: 18px; }
  .v6 .onglets6 { margin-bottom: 10px; }
  .v6 .onglets6 a { padding: 0 14px; }
  .v6 .barre6 { flex-direction: column; flex-wrap: nowrap; }
  .v6 .c6, .v6 .c6-de, .v6 .c6-vers { flex: none; width: 100%; min-height: 58px; }
  .v6 .c6-retour { min-height: 52px; }
  .v6 .confiance6 { flex-direction: column; justify-content: center; text-align: center; gap: 4px; margin-top: 16px; font-size: 14px; }
  .v6 .conf6-g { justify-content: center; }
  .v6 .conf6-d { flex-wrap: wrap; justify-content: center; gap: 4px 8px; }
  .v6 .conf6-g { gap: 2px 14px; }
  .v6 .conf6-g i { display: none; }
  .v6 .trajet6-photo strong { font-size: 13px; }
  .v6 .trajet6-photo { padding: 18px 16px; }
  /* sections */
  .v6 .bloc, .v6.accueil6 .bloc, .v6.accueil6 .flotte6 { padding: 64px 0; }
  .v6.accueil6 main > .bloc:not(.gris):not(.flotte6):not(.noir) + .bloc:not(.gris):not(.flotte6):not(.noir) { padding-top: 8px; }
  .v6 .tete-bloc { grid-template-columns: minmax(0, 1fr); margin-bottom: 28px; }
  .v6 .tete-bloc > p.court6 { grid-column: 1; grid-row: auto; justify-self: start; text-align: left; margin: 10px 0 0; }
  .v6 .tete-bloc > p:not(.sur6):not(.surtitre) { font-size: 16px; }
  .v6 .marche6 .etapes { display: flex; gap: 14px; margin: 0 -20px; padding: 0 20px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 20px; scrollbar-width: none; }
  .v6 .marche6 .etapes::-webkit-scrollbar { display: none; }
  .v6 .marche6 .etapes > li { flex: 0 0 77%; scroll-snap-align: start; }
  .v6 .marche6 .ill6 { aspect-ratio: 300 / 343; margin-bottom: 18px; }
  .v6 .marche6 .ill6-carte { width: 86%; padding: 14px 12px 10px; }
  .v6 .marche6 .ill6-v { padding: 6px 8px; gap: 8px; grid-template-columns: 44px 1fr auto; }
  .v6 .marche6 .etapes h3 { font-size: 22px; }
  /* les carrousels : services, domaines, flotte, destinations, avis */
  .v6 .services6 .grille, .v6 .grille.g4:has(> .domaine), .v6 .grille:has(> .voiture-flotte), .v6 .dest6-cartes, .v6 .avis6-cartes {
    display: flex; gap: 14px; margin-left: -20px; margin-right: -20px; padding: 0 20px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 20px; scrollbar-width: none; overscroll-behavior-x: contain; }
  .v6 .services6 .grille::-webkit-scrollbar, .v6 .grille.g4:has(> .domaine)::-webkit-scrollbar, .v6 .grille:has(> .voiture-flotte)::-webkit-scrollbar, .v6 .dest6-cartes::-webkit-scrollbar, .v6 .avis6-cartes::-webkit-scrollbar { display: none; }
  .v6 .services6 .grille > *, .v6 .grille.g4:has(> .domaine) > * { flex: 0 0 71%; scroll-snap-align: start; }
  .v6 .services6, .v6 .grille.g4:has(> .domaine) { --ar6: 277 / 198; }
  .v6 .grille:has(> .voiture-flotte) > * { flex: 0 0 58%; scroll-snap-align: start; }
  .v6 .dest6-cartes > * { flex: 0 0 64%; scroll-snap-align: start; }
  .v6 .avis6-cartes > * { flex: 0 0 74%; scroll-snap-align: start; min-height: 240px; }
  .v6 .services6 .grille > *, .v6 .grille.g4:has(> .domaine) > * { display: flex !important; }
  .v6 .dest6-cartes { margin-bottom: 28px; }
  .v6 .dest6-nom { font-size: 22px; }
  .v6 .trajets, .v6 .dest6-lignes { grid-template-columns: minmax(0, 1fr); }
  .v6 .trajets > .trajet:nth-last-child(-n+2), .v6 .dest6-lignes > .trajet:nth-last-child(-n+2) { border-bottom: 0; }
  .v6 .trajets > .trajet:last-child, .v6 .dest6-lignes > .trajet:last-child { border-bottom: 1px solid var(--trait); }
  .v6 .avis6-num { font-size: 96px; }
  .v6 .avis6-g > p:last-child { flex-wrap: wrap; }
  /* les grands blocs sombres */
  .v6 .bloc.noir > .dedans, .v6 .appli6 > .dedans { padding: 44px 22px; border-radius: 20px; }
  .v6 .appli6 .ecrans { display: flex; gap: 14px; margin: 0 -22px; padding: 0 22px 8px; overflow-x: auto; justify-content: flex-start; scroll-snap-type: x mandatory; }
  .v6 .appli6 .ecrans > figure { flex: 0 0 72%; scroll-snap-align: center; }
  .v6 .appli6 .ecrans > figure.video { margin-top: 0 !important; }
  .v6 .central-grille { padding: 22px; gap: 24px; }
  .v6 .central-logo { padding: 28px 22px; }
  .v6 .carte-bref { grid-template-columns: minmax(0, 1fr); padding: 22px 20px; }
  .v6 .carte-bref .reponse { font-size: 17px; }
  .v6 .faq { grid-template-columns: minmax(0, 1fr); }
  .v6 .formulaire { padding: 24px 18px; }
  /* pages intérieures */
  .v6 .tete-page.tete6, .v6 .tete-page.tete6-photo { min-height: 0; padding: 84px 0 28px; }
  .v6 .sous6 .dedans { min-height: 60px; padding-top: 10px; padding-bottom: 10px; gap: 4px; }
  .v6 .sous6 a { padding: 8px 12px; }
  .v6 .sous6 a.actif::after { left: 12px; right: 12px; }
  .v6 .fil6 .dedans { padding-top: 18px; }
  .v6 .pret6, .v6 .appel.pret6 { padding: 56px 0 72px; }
  .v6 .pret6-boite { padding: 44px 22px; border-radius: 20px; }
  .v6 .pret6-boite h2 { font-size: 32px; }
  .v6 .pret6-boite p { font-size: 16px; }
  .v6 .pret6-btns > *, .v6 .appel.pret6 .boutons > * { flex: 1 1 100%; }
  /* pied */
  .v6 .pied .dedans { padding-top: 52px; }
  .v6 .pied-grille.cinq { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .v6 .pied-grille.cinq > div:first-child { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-bottom: 28px; }
  .v6 .bas { flex-direction: column; align-items: flex-start; }
  .v6 .bas nav { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .v6 .e4.ouvert .nav4 { animation: none; }
}
/* le badge de la V4 : affiché seulement si la note Google en direct ne répond pas */
.v6 .avis6-repli { margin: 18px 0 0; }
.v6 .avis6-repli .badge-avis { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--trait); border-radius: 999px; background: #fff; font: 600 15px/1.3 var(--sans); }
.v6 .avis6-repli .badge-avis svg { transform: rotate(-90deg); width: 14px; height: 14px; }
/* sous la barre d'une page intérieure : les autres boutons de la page (« Nous écrire », « Demander votre tour »…) */
.v6 .tete6 .boutons6-heros { margin: 18px 0 0; }
.v6 .tete6 .boutons6-heros .btn { min-height: 44px; padding: 10px 18px; font-size: 14.5px; }

/* pied de page sur téléphone : les colonnes se replient comme chez Transfeero (gt-v6.js ; sans script, tout reste ouvert) */
.v6 .pied-titre6 { display: contents; }
@media (max-width: 760px) {
  .v6 .pied-grille.cinq { gap: 0; }
  .v6 .pied-grille.cinq > div:first-child { margin-bottom: 0; }
  .v6 .pied-col6 { border-bottom: 1px solid rgba(255,255,255,.1); }
  .v6 .pied-col6 > h2 { margin: 0; }
  .v6 .pied-titre6 { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 56px; padding: 0; border: 0; background: none; color: var(--clair); font: 600 17px/1.3 var(--sans); text-align: left; cursor: pointer; }
  .v6 .pied-titre6 svg { width: 16px; height: 16px; opacity: .7; transition: transform .2s; }
  .v6 .pied-col6.ouvert .pied-titre6 svg { transform: rotate(180deg); }
  .v6 .pied-col6:not(.ouvert) > :not(h2) { display: none; }
  .v6 .pied-col6.ouvert { padding-bottom: 16px; }
}
@media (max-width: 760px) {
  .v6 .pied-col6 > h2 { width: 100%; }
  .v6 .heros6 h1, .v6 .tete6 h1 { font-stretch: 112%; }
}
/* téléphone : les grilles de cartes (points forts, suivi…) repassent sur une colonne (la règle tablette à 2 colonnes coupait les mots) */
@media (max-width: 760px) {
  .v6 .g2, .v6 .g3, .v6 .g4 { grid-template-columns: minmax(0, 1fr); }
}

/* ===================== 11.11.2026 (captures iPhone d'Amine : « des choses mal placées, l'écriture parfois se cache ») =====================
   1. Les cadres de téléphone ont une taille FIXE (largeur et hauteur en px) : Safari ne calcule pas toujours « height: 100 % » dans un
      cadre dimensionné par aspect-ratio, l'écran débordait sur la légende. La légende est toujours SOUS le cadre.
   2. Le haut de chaque écran (dessin, vidéo, capture) commence sous l'encoche du téléphone dessiné.
   3. Le bloc de l'appli n'est plus un carrousel sur téléphone : les cadres sont l'un sous l'autre, centrés.
   4. Carrousels : des points sous chaque carrousel (la carte affichée), la carte suivante dépasse au bord droit.
   5. Marges sûres (encoche de l'iPhone) en haut et sur les côtés. */
.v6 .telephone { --tw: 260px; width: var(--tw); max-width: none; height: calc(var(--tw) * 2.0667); aspect-ratio: auto; margin: 0 auto; flex: none; }
.v6 .appli .video .telephone { --tw: 270px; max-width: none; }
.v6 .telephone .ecran { height: 100%; }
.v6 .telephone .ecran > img { display: block; width: 100%; height: calc(100% - 40px); margin-top: 40px; object-fit: cover; object-position: top; }
.v6 .telephone video { display: block; width: 100%; height: calc(100% - 40px); margin-top: 40px; object-fit: cover; object-position: top; background: #0B0B0B; }
.v6 .appli figure, .v6 .duo .image.telephone-seul figure { display: flex; flex-direction: column; align-items: center; margin: 0; }
.v6 .appli figcaption, .v6 .duo .image.telephone-seul figcaption { position: relative; z-index: 1; width: 100%; max-width: 320px; margin: 18px auto 0; text-align: center; }
.v6 .duo .image.telephone-seul { aspect-ratio: auto; height: auto; overflow: visible; background: none; border-radius: 0; max-width: 340px; justify-self: center; }
.v6 .duo .image.telephone-seul figcaption { font: 500 14px/1.5 var(--sans); text-transform: none; letter-spacing: 0; color: var(--encre72); }
.v6 .apercu { font: 600 12px/1 var(--sans); letter-spacing: 0; text-transform: none; border-radius: 999px; padding: 5px 9px; background: rgba(18,17,16,.78); }
/* l'écran de réservation dessiné au thème V6 */
.v6 .ecran6 { position: relative; height: 100%; display: flex; flex-direction: column; gap: 8px; padding: 48px 14px 16px; background: var(--fond); color: var(--encre); font-family: var(--sans); text-align: left; }
.v6 .ecran6 .apercu { left: auto; right: 12px; top: 46px; }
.v6 .ecran6 p { margin: 0; }
.v6 .ecran6-tete img { height: 18px; width: auto; display: block; }
.v6 .ecran6-titre { font: 600 18px/1.15 var(--sans); font-stretch: 110%; letter-spacing: -.01em; margin: 4px 0 2px !important; }
.v6 .ecran6-champ { display: flex; flex-direction: column; gap: 1px; padding: 7px 10px; background: #fff; border: 1px solid rgba(23,21,15,.14); border-radius: 10px; }
.v6 .ecran6-champ small { font: 400 12px/1.2 var(--sans); color: var(--lib); }
.v6 .ecran6-champ span { font: 600 13px/1.3 var(--sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v6 .ecran6-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding: 3px; background: #fff; border: 1px solid rgba(23,21,15,.1); border-radius: 10px; font: 600 12px/1.2 var(--sans); }
.v6 .ecran6-seg span { text-align: center; padding: 7px 2px; border-radius: 8px; }
.v6 .ecran6-seg .on { background: #141414; color: #fff; }
.v6 .ecran6-prix { margin-top: auto !important; display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 10px; background: #fff; border: 1.5px solid var(--encre); border-radius: 12px; }
.v6 .ecran6-prix b { display: block; font: 600 13px/1.2 var(--sans); }
.v6 .ecran6-prix small { display: block; font: 400 12px/1.25 var(--sans); color: var(--encre60); }
.v6 .ecran6-montant { text-align: right; white-space: nowrap; }
.v6 .ecran6-montant s { font: 400 12px var(--sans); color: var(--encre60); }
.v6 .ecran6-montant b { display: inline; font: 700 15px var(--sans); }
.v6 .ecran6-bouton { text-align: center; padding: 11px; border-radius: 12px; background: var(--accent); color: var(--accent-txt); font: 700 13.5px/1.2 var(--sans); }
/* le bloc de l'appli : deux cadres côte à côte (ordinateur), l'un sous l'autre (téléphone) */
.v6 .appli6 .ecrans > figure { flex: 0 0 auto; width: auto; }
.v6 .appli6 .ecrans > figure.video { margin-top: 56px !important; }
@media (max-width: 1100px) { .v6 .appli6 .ecrans > figure.video { margin-top: 0 !important; } .v6 .appli6 .ecrans { flex-wrap: wrap; gap: 40px 28px; } }
@media (max-width: 760px) {
  .v6 .telephone, .v6 .appli .video .telephone { --tw: min(250px, 68vw); }
  .v6 .appli6 .ecrans { display: flex; flex-direction: column; align-items: center; gap: 40px; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
  .v6 .appli6 .ecrans > figure { flex: none; width: 100%; }
  .v6 .appli6 .boutons-appli { margin-top: 36px; }
}
/* points sous les carrousels (gt-v6.js) */
.v6 .points6 { display: none; }
@media (max-width: 760px) {
  .v6 .points6 { display: flex; justify-content: center; gap: 6px; margin: 16px 0 0; }
  .v6 .points6[hidden] { display: none; }
  .v6 .points6 i { width: 6px; height: 6px; border-radius: 999px; background: rgba(18,17,16,.22); transition: width .2s, background-color .2s; }
  .v6 .points6 i.on { width: 20px; background: var(--encre); }
}
/* marges sûres en haut (iPhone à encoche, application plein écran) */
.v6 .e4.sur-photo6 { padding-top: env(safe-area-inset-top, 0px); }
.v6 .sous6 { top: env(safe-area-inset-top, 0px); }
@media (max-width: 1100px) { .v6 .e4.ouvert .nav4 { padding-top: calc(84px + env(safe-area-inset-top, 0px)); padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)); } }
/* l'écran du téléphone est posé en position absolue dans le cadre (bords à 10 px) : sa hauteur ne dépend plus d'aucun pourcentage */
.v6 .telephone { position: relative; }
.v6 .telephone .ecran { position: absolute; inset: 10px; height: auto; }
.v6 .telephone .m-suivi, .v6 .telephone .ecran6 { position: absolute; inset: 0; height: auto; }