/*
 * templatecss/page-marques.css -- page /auto-occasion.html refaite en "barometre des marques" (results/_page-marques.php,
 * results/sh-marque.php), 10/11/2026. Charte UI Autocadre (cartes blanches, bordure #e2e2e2, coins 8 px, titre fonce + trait
 * jaune, bleu #2977dc, pastilles). Mise en page : meme regle que page-region.css (682 px a cote du formulaire de droite des
 * 981 px, fluide de 731 a 980 px, une colonne sous 731 px). Cartes "Bonnes affaires" : templatecss/home-bas.css (.hb).
 * Prefixe : bm-.
 */
.bm-page { --bm-bleu: #2977dc; --bm-bleu2: #1f63bd; --bm-jaune: #ffc702; --bm-titre: #1f2a37; --bm-texte: #333; --bm-gris: #666; --bm-bord: #e2e2e2; --bm-fond: #f5f8fd; color: var(--bm-texte); font-size: 14px; line-height: 1.45; margin: 10px 0 24px; display: flex; flex-direction: column; gap: 14px; }
.bm-page *, .bm-page *::before, .bm-page *::after { box-sizing: border-box; }
/* anciens styles du site (#content h1 flottant, nav de largeur 0...) neutralises dans la page */
.bm-page h1, .bm-page h2, .bm-page h3, .bm-page p, .bm-page nav, .bm-page section, .bm-page header, .bm-page input, .bm-page details { float: none; width: auto; max-width: none; }
.bm-ariane { font-size: 13px; color: #888; }
.bm-ariane a { color: var(--bm-bleu); text-decoration: none; }
.bm-carte { background: #fff; border: 1px solid var(--bm-bord); border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.bm-titre { padding: 16px; }
.bm-titre h1 { margin: 0 0 6px; font-size: 19px; line-height: 1.25; color: var(--bm-titre); font-weight: bold; border-left: 5px solid var(--bm-jaune); padding-left: 10px; }
.bm-sous { margin: 0 0 12px; color: var(--bm-gris); font-size: 14px; }
.bm-sous b { color: var(--bm-titre); }
.bm-champ label { display: block; font-size: 13px; font-weight: bold; color: #555; margin-bottom: 4px; }
.bm-champ input { width: 100%; height: 44px; border: 1px solid #cfd6df; border-radius: 6px; padding: 0 12px; font-size: 16px; background: #fff; color: var(--bm-texte); }
.bm-champ input:focus-visible { outline: 2px solid var(--bm-bleu2); border-color: var(--bm-bleu); }
.bm-sauts { display: flex; gap: 8px; overflow-x: auto; margin-top: 12px; padding-bottom: 2px; scrollbar-width: none; }
.bm-sauts::-webkit-scrollbar { display: none; }
.bm-sauts a { flex: none; font-size: 13px; color: var(--bm-bleu); text-decoration: none; border: 1px solid #cfe0f6; background: var(--bm-fond); border-radius: 16px; padding: 7px 12px; }
.bm-sauts a:hover { border-color: var(--bm-bleu); }
.bm-sec { padding: 14px 16px; scroll-margin-top: 150px; }
.bm-sec-t { display: flex; align-items: baseline; justify-content: space-between; gap: 4px 10px; flex-wrap: wrap; margin-bottom: 12px; }
.bm-sec h2 { margin: 0; font-size: 17px; color: var(--bm-titre); font-weight: bold; }
.bm-aide { font-size: 12.5px; color: var(--bm-gris); }
.bm-petit { margin: 10px 0 0; font-size: 12.5px; color: var(--bm-gris); }
.bm-cache { display: none !important; }
/* initiales de marque (couleur : vitrine/_couleur.php) */
.bm-mono { flex: none; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; font-size: 13px; }
/* tuiles */
.bm-tuiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.bm-tuile { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px; border: 1px solid var(--bm-bord); border-radius: 8px; text-decoration: none; color: var(--bm-texte); transition: border-color .15s, box-shadow .15s; }
.bm-tuile:hover { border-color: var(--bm-bleu); box-shadow: 0 2px 8px rgba(0,0,0,.08); color: var(--bm-texte); }
.bm-tn { display: block; font-weight: bold; color: var(--bm-titre); font-size: 14px; line-height: 1.2; }
.bm-tc { display: block; font-size: 12.5px; color: var(--bm-gris); font-weight: normal; }
/* bonnes affaires : cartes de l'accueil (home-bas.css) dans la carte de la page */
.bm-affaires.hb { padding: 14px 16px; margin: 0; }
/* podium fiabilite */
.bm-podium { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.bm-pod { border: 1px solid var(--bm-bord); border-radius: 8px; padding: 10px 12px; }
.bm-pod h3 { margin: 0 0 4px; font-size: 15px; color: var(--bm-titre); }
.bm-pl { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 0; border-top: 1px solid #f0f1f4; text-decoration: none; color: var(--bm-texte); }
.bm-pod h3 + .bm-pl { border-top: 0; }
.bm-pl .bm-tn { flex: 1; }
.bm-pl:hover .bm-tn { color: var(--bm-bleu); }
.bm-med { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--bm-fond); color: var(--bm-bleu); font-weight: bold; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.bm-note { font-weight: bold; color: var(--bm-titre); white-space: nowrap; }
.bm-sur { font-weight: normal; color: var(--bm-gris); font-size: 12px; }
.bm-et { white-space: nowrap; } /* etoiles : FicheFilabilite::buildStars + .fib-s de style.css (couleurs communes du site) */
.bm-et .fib-s { font-size: 14px; }
/* barometre */
.bm-tri, .bm-budget { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.bm-tri button, .bm-budget button, .bm-voir button { font: inherit; font-size: 13px; font-weight: bold; border: 1px solid var(--bm-bleu); background: #fff; color: var(--bm-bleu); border-radius: 6px; padding: 8px 12px; min-height: 40px; cursor: pointer; transition: background .15s; }
.bm-budget button { border-color: #cfd6df; color: var(--bm-titre); border-radius: 18px; }
.bm-tri button:hover, .bm-voir button:hover { background: var(--bm-fond); }
.bm-tri button.bm-on, .bm-budget button.bm-on { background: var(--bm-bleu); border-color: var(--bm-bleu); color: #fff; }
.bm-tri button:focus-visible, .bm-budget button:focus-visible, .bm-voir button:focus-visible { outline: 2px solid var(--bm-bleu2); outline-offset: 2px; }
.bm-table { border: 1px solid #e9ecf1; border-radius: 8px; overflow: hidden; }
.bm-ligne { display: grid; grid-template-columns: 1.5fr .9fr 1fr 1.2fr 1fr 52px; gap: 10px; align-items: center; padding: 8px 12px; border-top: 1px solid #eef0f3; }
.bm-tete { background: var(--bm-fond); border-top: 0; font-size: 11.5px; font-weight: bold; color: #555; text-transform: uppercase; letter-spacing: .3px; }
.bm-m { display: flex; align-items: center; gap: 8px; font-weight: bold; color: var(--bm-titre); text-decoration: none; min-height: 40px; }
.bm-m:hover { color: var(--bm-bleu); }
.bm-m .bm-mono { width: 28px; height: 28px; font-size: 11px; }
.bm-rang { width: 20px; text-align: right; color: #888; font-weight: normal; font-size: 12.5px; }
.bm-val { font-weight: bold; color: var(--bm-titre); }
.bm-nd { color: #999; font-size: 12.5px; }
.bm-barre { display: none; height: 4px; background: #eef0f3; border-radius: 2px; margin-top: 4px; overflow: hidden; }
.bm-barre i { display: block; height: 4px; background: var(--bm-bleu); border-radius: 2px; }
.bm-t-nb .bm-c-nb .bm-barre, .bm-t-prix .bm-c-prix .bm-barre, .bm-t-fiab .bm-c-fiab .bm-barre, .bm-t-aff .bm-c-aff .bm-barre { display: block; }
.bm-go { font-size: 13px; font-weight: bold; color: var(--bm-bleu); text-decoration: none; text-align: right; }
.bm-lbl { display: none; }
.bm-voir { display: none; margin-top: 10px; }
.bm-voir button { width: 100%; min-height: 44px; }
/* budget */
.bm-bres { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.bm-bres[hidden] { display: none; }
.bm-bl { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 48px; padding: 9px 12px; border: 1px solid var(--bm-bord); border-radius: 8px; text-decoration: none; color: var(--bm-texte); }
.bm-bl:hover { border-color: var(--bm-bleu); color: var(--bm-texte); }
.bm-bl b { color: var(--bm-titre); }
.bm-bl small { display: block; color: var(--bm-gris); font-size: 12.5px; }
/* A-Z */
.bm-lettres { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 10px; }
.bm-lettres a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: var(--bm-fond); color: var(--bm-bleu); text-decoration: none; font-weight: bold; font-size: 13px; }
.bm-az { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 0 16px; }
.bm-azl { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 0 4px; border-bottom: 1px solid #f0f1f4; text-decoration: none; color: var(--bm-titre); font-weight: bold; scroll-margin-top: 150px; }
.bm-azl span { color: var(--bm-gris); font-weight: normal; font-size: 13px; }
.bm-azl:hover { color: var(--bm-bleu); }
.bm-vide { display: none; background: #fff8e1; border: 1px solid #f3dd8a; border-radius: 8px; padding: 10px 12px; margin: 10px 0 0; }
.bm-rares { margin-top: 12px; }
.bm-rares summary { cursor: pointer; color: var(--bm-bleu); font-weight: bold; font-size: 13.5px; min-height: 40px; display: flex; align-items: center; }
.bm-rl { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.bm-rl a { font-size: 13px; color: #555; text-decoration: none; border: 1px solid var(--bm-bord); border-radius: 16px; padding: 6px 10px; }
.bm-rl a:hover { border-color: var(--bm-bleu); color: var(--bm-bleu); }
.bm-texte h2 { margin: 0 0 8px; }
.bm-texte p { margin: 0 0 8px; }
.bm-texte a { color: var(--bm-bleu); text-decoration: underline; }
@media (min-width: 731px) {
	.bm-titre h1 { font-size: 22px; }
}
/* Largeur de la colonne (meme regle que page-region.css) : #content.sh-marque a 372 px !important dans resp.css : remplace ici. */
@media (min-width: 981px) {
	#general.bm-general #content.sh-marque { width: 682px !important; }
}
@media (max-width: 980px) {
	#general.bm-general { width: auto; max-width: 980px; padding: 0 12px; box-sizing: border-box; display: flex; gap: 14px; align-items: flex-start; }
	#general.bm-general #content.sh-marque { flex: 1 1 auto; width: auto !important; min-width: 0; float: none; }
	#general.bm-general #droite { flex: 0 0 300px; width: 300px; float: none; }
}
@media (max-width: 730px) {
	#general.bm-general { display: block; padding: 0 10px; }
	#general.bm-general #droite { width: auto; margin: 14px auto 0 auto; }
	.bm-tuiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bm-tete { display: none; }
	.bm-ligne { grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 8px 12px; }
	.bm-m { grid-column: 1; }
	.bm-go { grid-column: 2; grid-row: 1; justify-content: flex-end; min-height: 40px; display: flex; align-items: center; } /* sur la ligne du nom : une ligne de moins par marque */
	.bm-lbl { display: block; font-size: 12px; color: #6b7280; }
	.bm-ligne.bm-plus { display: none; }
	.bm-tout .bm-ligne.bm-plus { display: grid; }
	.bm-voir { display: block; }
	.bm-lettres a { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) { .bm-tuile, .bm-tri button { transition: none; } }
/* 10/11/2026 (gerant) : resultats sous le champ "Trouver une marque" (le filtre seul ne se voyait qu'en bas de page) */
.bm-sugg { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.bm-sugg[hidden] { display: none; }
.bm-sugg p { flex: 0 0 100%; margin: 0 0 2px; font-size: 13px; color: var(--bm-gris); }
.bm-sugg a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 12px; border: 1px solid var(--bm-bleu); border-radius: 20px; background: #fff; color: var(--bm-bleu); font-weight: bold; text-decoration: none; font-size: 14px; }
.bm-sugg a span { font-weight: normal; color: var(--bm-gris); font-size: 12.5px; }
.bm-sugg a:hover, .bm-sugg a:focus-visible { background: var(--bm-fond); }
.bm-sugg a:first-of-type { background: var(--bm-bleu); color: #fff; }
.bm-sugg a:first-of-type span { color: #e6efff; }
/* "Autres marques" apres la liste A-Z */
.bm-autres-z { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #dfe3e9; }
.bm-autres-z p { margin: 0 0 4px; font-size: 12.5px; color: var(--bm-gris); }
.bm-autres-z .bm-azl { max-width: 260px; border-bottom: 0; }
/* 10/11/2026 (gerant O) : logos des marques (templatecss/../templateimages/marques/, gris fonce), meme place que les initiales */
.bm-logo { flex: none; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; }
.bm-logo img { display: block; width: 26px; height: 26px; }
.bm-m .bm-logo { width: 28px; height: 28px; }
.bm-m .bm-logo img { width: 20px; height: 20px; }
/* 10/11/2026 (gerant P) : questions frequentes repliables (meme dessin que .cs-q des pages fiabilite, conseils.css) */
.bm-qs { border: 1px solid #e9ecf1; border-radius: 8px; overflow: hidden; }
.bm-q { border-top: 1px solid #eef1f5; }
.bm-q:first-child { border-top: 0; }
.bm-q summary { list-style: none; cursor: pointer; padding: 13px 40px 13px 14px; position: relative; font-weight: bold; font-size: 15px; color: var(--bm-titre); }
.bm-q summary::-webkit-details-marker { display: none; }
.bm-q summary::after { content: "+"; position: absolute; right: 14px; top: 10px; font-size: 20px; color: var(--bm-bleu); font-weight: normal; }
.bm-q[open] summary::after { content: "\2212"; }
.bm-q summary:hover { background: var(--bm-fond); }
.bm-q summary:focus-visible { outline: 2px solid var(--bm-bleu2); outline-offset: -2px; }
.bm-rep { padding: 0 14px 12px; font-size: 15px; line-height: 1.55; color: var(--bm-texte); }
.bm-rep p { margin: 0 0 8px; }
.bm-rep a { color: var(--bm-bleu); text-decoration: underline; }
/* 10/11/2026 (gerant) : note de fiabilite dans les suggestions du champ (marques a 3 guides au moins) */
.bm-sugg a .bm-sf { font-weight: bold; color: #9a6700; font-size: 12.5px; }
.bm-sugg a:first-of-type .bm-sf { color: #fff; } /* contraste 4,6:1 sur le bleu */

/* ===== Pages marque /occasion-modeles/<marque>.html, page 1 (results/_page-marque.php, 10/11/2026) : prefixe pm- ;
   cartes, sections, budget, logos, etoiles = classes bm- ci-dessus (meme famille que le barometre) ===== */
.pm-page { margin-bottom: 4px; }
.pm-titre { padding: 16px; }
.pm-th { display: flex; align-items: center; gap: 10px; }
.pm-th h1 { margin: 0; font-size: 19px; line-height: 1.25; color: var(--bm-titre); font-weight: bold; border-left: 5px solid var(--bm-jaune); padding-left: 10px; }
.pm-titre .bm-sous { margin: 8px 0 12px; }
.pm-chiffres { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.pm-ch { border: 1px solid #e9ecf1; border-radius: 8px; padding: 9px 10px; background: #f9fbfe; }
.pm-ch b { display: block; font-size: 17px; color: var(--bm-titre); white-space: nowrap; }
.pm-ch > span, .pm-ch a { font-size: 12.5px; color: var(--bm-gris); } /* > : pas les etoiles (couleurs communes .fib-s) */
.pm-ch a { color: var(--bm-bleu); font-weight: bold; text-decoration: none; }
.pm-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pm-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; background: var(--bm-bleu); color: #fff; border-radius: 6px; font-weight: bold; text-decoration: none; }
.pm-btn:hover { background: var(--bm-bleu2); color: #fff; }
.pm-saut { font-size: 13px; color: var(--bm-bleu); text-decoration: none; border: 1px solid #cfe0f6; background: var(--bm-fond); border-radius: 16px; padding: 7px 12px; }
.pm-saut:hover { border-color: var(--bm-bleu); }
.pm-tuiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.pm-tuile { border: 1px solid var(--bm-bord); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; transition: border-color .15s; }
.pm-tuile:hover { border-color: var(--bm-bleu); }
.pm-tn { font-weight: bold; color: var(--bm-titre); font-size: 15px; text-decoration: none; }
.pm-tn:hover { color: var(--bm-bleu); }
.pm-tl { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; font-size: 13px; color: #555; }
.pm-tl b { color: var(--bm-titre); }
.pm-gens { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }
.pm-gen { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: bold; border: 1px solid #dde7f4; background: var(--bm-fond); border-radius: 14px; padding: 3px 4px 3px 10px; text-decoration: none; color: var(--bm-titre); min-height: 30px; }
.pm-gen span { font-weight: normal; font-size: 11.5px; color: #555; background: #fff; border: 1px solid #e2e8f1; border-radius: 10px; padding: 1px 6px; }
.pm-gen:hover { border-color: var(--bm-bleu); }
.pm-tous { margin-top: 12px; }
.pm-tous summary { cursor: pointer; color: var(--bm-bleu); font-weight: bold; min-height: 40px; display: flex; align-items: center; }
.pm-az { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 0 14px; margin-top: 6px; }
.pm-az a { display: flex; justify-content: space-between; align-items: center; min-height: 40px; border-bottom: 1px solid #f0f1f4; text-decoration: none; color: var(--bm-titre); font-weight: bold; }
.pm-az a span { color: var(--bm-gris); font-weight: normal; font-size: 13px; }
.pm-voir { margin-top: 12px; }
.pm-bres { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; border: 1px solid var(--bm-bord); border-radius: 8px; padding: 12px; }
.pm-bres[hidden] { display: none; }
.pm-bres b { font-size: 17px; color: var(--bm-titre); }
.pm-annonces-t { margin: 6px 0 0; font-size: 17px; color: var(--bm-titre); font-weight: bold; scroll-margin-top: 150px; }
/* texte de presentation replie (meme mecanisme que .cs-replie des pages fiabilite) */
.pm-texte-zone { margin: 14px 0 0; }
.pm-texte-t { margin: 0 0 8px; font-size: 17px; color: var(--bm-titre); }
.pm-texte { font-size: 14.5px; line-height: 1.55; color: #333; }
.pm-texte h2, .pm-texte h3 { font-size: 15.5px; color: var(--bm-titre); margin: 14px 0 6px; float: none; width: auto; }
.pm-texte p { margin: 0 0 8px; }
.pm-texte a { color: var(--bm-bleu); text-decoration: underline; }
.pm-texte.pm-replie { max-height: 9.3em; overflow: hidden; position: relative; }
.pm-texte.pm-replie::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.2em; background: linear-gradient(rgba(255,255,255,0), #fff); }
.pm-suite { font: inherit; font-size: 14px; font-weight: bold; color: var(--bm-bleu); background: none; border: 0; padding: 8px 0; min-height: 40px; cursor: pointer; }
@media (min-width: 731px) { .pm-th h1 { font-size: 22px; } }
@media (max-width: 730px) {
	.pm-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pm-tuiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pm-actions .pm-btn { width: 100%; }
	.pm-voir .pm-btn { width: 100%; }
	.pm-texte.pm-replie { max-height: 7.8em; }
}
/* 10/11/2026 : pastilles de generation et lignes des tuiles sans coupure ; telephone : nombre seul (mot "annonces" masque) */
.pm-tl span, .pm-gen span { white-space: nowrap; }
.pm-gen { max-width: 100%; } /* nom long (Megane E-Tech Electric) : passe a la ligne, le nombre reste d un bloc */
.pm-gen i { font-style: normal; }
@media (max-width: 730px) { .pm-gen i { display: none; } .pm-gen { font-size: 12px; padding-left: 8px; } }
/* 10/11/2026 (gerant AA) : telephone : 6 tuiles de modeles, les autres derriere "Voir les N autres modeles" (liens dans la page) */
.pm-plus-btn { display: none; font: inherit; font-size: 13px; font-weight: bold; border: 1px solid var(--bm-bleu); background: #fff; color: var(--bm-bleu); border-radius: 6px; width: 100%; min-height: 44px; margin-top: 10px; cursor: pointer; }
@media (max-width: 730px) {
	.pm-tuile.pm-plus { display: none; }
	.pm-tuiles.pm-tout .pm-tuile.pm-plus { display: flex; }
	.pm-plus-btn { display: block; }
}
/* 10/11/2026 : "Autres modeles" apres la liste A-Z des modeles (pas une rubrique de modele) */
.pm-autres { margin-top: 10px; padding-top: 8px; border-top: 1px dashed #dfe3e9; }
.pm-autres p { margin: 0 0 4px; font-size: 12.5px; color: var(--bm-gris); }
.pm-autres a { display: inline-flex; gap: 8px; align-items: center; min-height: 40px; text-decoration: none; color: var(--bm-titre); font-weight: bold; }
.pm-autres a span { color: var(--bm-gris); font-weight: normal; font-size: 13px; }
/* 10/11/2026 (gerant) : la zone du texte et le titre de la liste sont hors de .bm-page : memes couleurs (sinon liens noirs, carte sans bord) */
#general.bm-general { --bm-bleu: #2977dc; --bm-bleu2: #1f63bd; --bm-jaune: #ffc702; --bm-titre: #1f2a37; --bm-texte: #333; --bm-gris: #666; --bm-bord: #e2e2e2; --bm-fond: #f5f8fd; }
/* texte de presentation = meme dessin que le texte des fiches Conseils (.fa-texte de conseils.css) : 15,5 px, interligne 1,65,
   H3 17 px fonce, paragraphes aeres, liens bleus soulignes */
.pm-texte-zone { padding: 16px 18px; }
.pm-texte-t { font-size: 20px; line-height: 1.3; color: #1a3a5c; padding-left: 9px; border-left: 3px solid var(--bm-bleu); margin: 0 0 12px; }
.pm-texte { font-size: 15.5px; line-height: 1.65; color: #222; overflow-wrap: break-word; }
.pm-texte p { margin: 0 0 14px; }
.pm-texte h2, .pm-texte h3 { margin: 20px 0 8px; font-size: 17px; line-height: 1.3; color: var(--bm-titre); }
.pm-texte a { color: var(--bm-bleu); text-decoration: underline; }
.pm-texte a:hover { text-decoration: none; }
.pm-texte.pm-replie { max-height: 10.3em; }
@media (max-width: 730px) { .pm-texte { font-size: 16px; } .pm-texte.pm-replie { max-height: 8.3em; } .pm-texte-zone { padding: 14px 12px; } }
/* 10/11/2026 (bug vu par le gerant) : la liste d'annonces finit par des elements flottants non refermes ; sans clear, la carte du
   texte commencait derriere eux (titre pousse vers le bas, carte sous "Annonces 1 a 20"). + h2 global de style.css (margin / width inherit) */
.pm-texte-zone { clear: both; display: flow-root; }
.pm-texte-zone h2, .pm-texte-zone h3, .pm-texte-zone p { float: none; width: auto; max-width: none; }
.pm-texte-t { margin: 0 0 12px; }