/*! Page guide TP - tisserin-promotion.com. Gabarit des pages d'information et de simulateurs.
    Reprend a l'identique la DA des pages Elementor migrees (post 12815 RT2012 et pages simulateurs).
    Tout est scope sous #tpguide : l'identifiant bat les regles d'apsulis et de bootstrap.css.
    Les pages portent aussi la classe de body elementor-template-full-width (cf tp-guide.php),
    ce qui desactive les !important d'apsulis, comme sur les anciennes pages. */

#tpguide{--tp:#457275;--tp-fonce:#146264;--tp-nuit:#0F3D40;--clair:#DFEEEB;--menthe:#D7F5F7;--menthe-2:#B6E3E6;--titre:#1E293B;--texte:#475569;--attenue:#64748B;--filet:#E2E8F0;--fond:#F6F8FA;--sortie:cubic-bezier(.22,.9,.28,1);
  font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.75;color:var(--texte);background:#fff;-webkit-font-smoothing:antialiased}
#tpguide,#tpguide *,#tpguide *::before,#tpguide *::after{box-sizing:border-box}
#tpguide [hidden]{display:none!important}
#tpguide p{margin:0}
#tpguide h1,#tpguide h2,#tpguide h3{font-family:Inter,Helvetica,Arial,sans-serif;margin:0;padding:0;text-transform:none}
#tpguide img{max-width:100%;height:auto}
#tpguide [id]{scroll-margin-top:96px}
#tpguide .tpg-in{max-width:1140px;margin:0 auto}

/* ---------- liens du texte : toujours soulignes, les quatre etats ---------- */
#tpguide .tpg-txt a,#tpguide .tpg-txt a:link,#tpguide .tpg-txt a:visited,
#tpguide .tpg-chapo a,#tpguide .tpg-chapo a:link,#tpguide .tpg-chapo a:visited,
#tpguide .tpg-rep-txt a,#tpguide .tpg-rep-txt a:link,#tpguide .tpg-rep-txt a:visited,
#tpguide .tpg-note a,#tpguide .tpg-note a:link,#tpguide .tpg-note a:visited{color:var(--tp);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#tpguide .tpg-txt a:hover,#tpguide .tpg-txt a:focus,#tpguide .tpg-chapo a:hover,#tpguide .tpg-chapo a:focus,
#tpguide .tpg-rep-txt a:hover,#tpguide .tpg-rep-txt a:focus,#tpguide .tpg-note a:hover,#tpguide .tpg-note a:focus{color:var(--tp-fonce);text-decoration:underline}

/* ---------- boutons : pilule pleine, rond a fleche sur le principal ---------- */
#tpguide .tpg-btns{display:flex;flex-wrap:wrap;gap:12px;margin:0}
#tpguide .tpg-btns--centre{justify-content:center}
#tpguide .tpg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:Inter,Helvetica,Arial,sans-serif;font-size:14.5px;font-weight:600;padding:13px 26px;border:1px solid transparent;border-radius:999px;cursor:pointer;line-height:1.4;text-decoration:none;background:var(--tp);color:#fff;border-color:var(--tp);transition:background .3s var(--sortie),border-color .3s var(--sortie),color .3s var(--sortie)}
#tpguide .tpg-btn:link,#tpguide .tpg-btn:visited{background:var(--tp);color:#fff;border-color:var(--tp);text-decoration:none}
#tpguide .tpg-btn:hover,#tpguide .tpg-btn:focus{background:var(--tp-fonce);color:#fff;border-color:var(--tp-fonce);text-decoration:none}
#tpguide .tpg-btn--blanc,#tpguide .tpg-btn--blanc:link,#tpguide .tpg-btn--blanc:visited{background:#fff;color:var(--tp);border-color:#fff}
#tpguide .tpg-btn--blanc:hover,#tpguide .tpg-btn--blanc:focus{background:var(--menthe);color:var(--tp-nuit);border-color:var(--menthe)}
#tpguide .tpg-btn--nu,#tpguide .tpg-btn--nu:link,#tpguide .tpg-btn--nu:visited{background:#fff;color:var(--tp);border-color:var(--filet)}
#tpguide .tpg-btn--nu:hover,#tpguide .tpg-btn--nu:focus{background:var(--menthe);color:var(--tp-fonce);border-color:var(--menthe-2)}
#tpguide .tpg-cta{padding:7px 9px 7px 24px;gap:15px}
#tpguide .tpg-fleche{position:relative;overflow:hidden;flex:0 0 38px;width:38px;height:38px;border-radius:19px;background:rgba(255,255,255,.22)}
#tpguide .tpg-btn--nu .tpg-fleche,#tpguide .tpg-btn--blanc .tpg-fleche{background:var(--tp)}
#tpguide .tpg-fleche svg{position:absolute;top:11px;left:11px;width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;transition:transform .5s var(--sortie)}
#tpguide .tpg-fleche svg+svg{transform:translate(-160%,160%)}
#tpguide .tpg-cta:hover .tpg-fleche svg{transform:translate(160%,-160%)}
#tpguide .tpg-cta:hover .tpg-fleche svg+svg{transform:none}

/* ---------- introduction de page ---------- */
#tpguide .tpg-hero--article{padding:60px 0 10px}
#tpguide .tpg-hero--article .tpg-h1{font-size:38px;font-weight:800;letter-spacing:-.4px;line-height:1;color:var(--titre);margin:0 0 74px}
#tpguide .tpg-hero--article .tpg-chapo{font-size:18px;line-height:1.6;color:var(--attenue);margin:0 0 30px}
#tpguide .tpg-hero--article .tpg-chapo p{margin:0}
#tpguide .tpg-meta{font-size:13px;font-weight:500;line-height:1.75;color:var(--attenue)}
#tpguide .tpg-hero--outil{background:linear-gradient(180deg,#fff 0%,#eef7f5 100%);padding:72px 24px 60px;text-align:center}
#tpguide .tpg-hero--outil .tpg-in{max-width:none}
#tpguide .tpg-hero--outil .tpg-h1{font-size:44px;font-weight:800;line-height:1.1;color:var(--titre);margin:0 0 36px}
#tpguide .tpg-hero--outil .tpg-chapo{font-size:19px;line-height:1.55;color:var(--texte);margin:0 0 48px}
#tpguide .tpg-hero--outil .tpg-chapo:last-child{margin-bottom:0}
#tpguide .tpg-hero--outil .tpg-btns{justify-content:center}

/* ---------- zone d'outil (simulateur, code d'origine) ---------- */
#tpguide .tpg-s{padding:56px 24px 60px}
#tpguide .tpg-s--gris{background:var(--fond)}
#tpguide .tpg-s--degrade{background:linear-gradient(180deg,#fff 0%,#eef7f5 100%)}
#tpguide .tpg-s--outil{padding:54px 24px;border-top:1px solid var(--filet)}
#tpguide .tpg-s--outil .tpg-in{max-width:none}
#tpguide .tpg-s--simple{padding:30px 24px 10px}
#tpguide .tpg-s--simple .tpg-corps{padding:0 10px}

/* ---------- zone article : corps a gauche, colonne collante a droite ---------- */
#tpguide .tpg-zone{padding:10px 24px 0}
#tpguide .tpg-zone-in{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 364px;column-gap:48px;align-items:start}
#tpguide .tpg-main{padding:30px 10px 10px;min-width:0}
#tpguide .tpg-side{padding:10px;align-self:stretch}
#tpguide .tpg-side-colle{position:sticky;top:56px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 72px);overflow-y:auto}

#tpguide .tpg-byline{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--filet);padding:4px 0 20px;margin:0 0 48px}
#tpguide .tpg-by-nom{font-size:16px;font-weight:700;line-height:1.3;color:var(--titre)}
#tpguide .tpg-by-men{font-size:13px;line-height:1.3;color:var(--tp)}
#tpguide .tpg-by-maj{font-size:12.5px;line-height:1.3;color:var(--attenue)}

#tpguide .tpg-retenir{background:#f8fafc;border:1px solid var(--filet);border-radius:12px;padding:24px 26px;margin:0 0 50px;color:var(--titre);font-size:15px;line-height:1.75}
#tpguide .tpg-retenir-t{font-size:16px;font-weight:700;line-height:1.75;color:var(--tp);margin:0 0 32px}
#tpguide .tpg-retenir .tpg-txt{font-size:15px;line-height:1.75;color:var(--titre)}

/* texte courant : chaque paragraphe ou liste etait un widget a part (16/1.75, 16 px d'ecart) */
#tpguide .tpg-corps{margin:0 0 44px}
#tpguide .tpg-txt{font-size:16px;line-height:1.75;color:var(--texte)}
#tpguide .tpg-txt>*{margin-top:0;margin-bottom:36px}
#tpguide .tpg-txt>*:last-child{margin-bottom:0}
#tpguide .tpg-txt ul,#tpguide .tpg-txt ol{padding-left:40px;margin-bottom:40px}
#tpguide .tpg-txt li{margin:0}
#tpguide .tpg-txt strong{font-weight:700}
#tpguide .tpg-retenir .tpg-txt>*{margin-bottom:0}
#tpguide .tpg-retenir .tpg-txt ul{margin-bottom:20px}
#tpguide .tpg-h2{font-size:26px;font-weight:700;letter-spacing:-.4px;line-height:1;color:var(--titre);margin:0 0 32px}
#tpguide .tpg-txt h3{font-size:19px;font-weight:700;letter-spacing:-.4px;line-height:1;color:var(--titre);margin:0 0 28px}
#tpguide .tpg-txt h4{font-size:16px;font-weight:700;color:var(--titre);margin:0 0 8px}
#tpguide .tpg-corps--centre{text-align:center}
#tpguide .tpg-corps--centre .tpg-h2{font-size:32px;font-weight:700;line-height:1.25;margin:0 0 32px}
#tpguide .tpg-corps--centre .tpg-txt{font-size:16.5px;line-height:1.65}

#tpguide .tpg-repere{background:var(--menthe);border:1px solid var(--menthe-2);border-radius:12px;padding:18px 22px;margin:0 0 50px;font-size:15.5px;line-height:1.75;color:var(--tp-nuit)}
#tpguide .tpg-repere .tpg-txt{font-size:15.5px;color:var(--tp-nuit)}
#tpguide .tpg-repere .tpg-txt a,#tpguide .tpg-repere .tpg-txt a:visited{color:var(--tp-nuit)}
#tpguide .tpg-boite{background:var(--clair);border-radius:18px;padding:36px 40px}
#tpguide .tpg-boite .tpg-corps{margin:0}

/* ---------- tableau ---------- */
#tpguide .tpg-tableau{margin:0 0 20px}
#tpguide .tpg-tableau:has(.tpg-note){margin-bottom:44px}
#tpguide .tpg-corps+figure{margin-top:-14px}
#tpguide .tpg-corps+.tpg-tableau{margin-top:-4px}
#tpguide .tpg-main>figure{margin-bottom:50px!important}
#tpguide .tpg-table-wrap{width:100%;overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}
#tpguide .tpg-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;text-align:left;background:#fff;margin:0}
#tpguide .tpg-table th{background:var(--tp);color:#fff;padding:12px;font-weight:600;border-bottom:1px solid #e5e7eb;word-break:normal;overflow-wrap:break-word;hyphens:none;text-transform:none}
#tpguide .tpg-table td{padding:12px;color:#111827;border-bottom:1px solid #e5e7eb;word-break:normal;overflow-wrap:break-word;hyphens:none}
#tpguide .tpg-table tr:last-child td{border-bottom:none}
#tpguide .tpg-table tbody tr:nth-child(even){background:#f9fafb}
#tpguide .tpg-table th:not(:last-child),#tpguide .tpg-table td:not(:last-child){border-right:1px solid #e5e7eb}
#tpguide .tpg-note{font-size:13px;font-weight:500;line-height:1.75;color:var(--attenue);margin:20px 0 0}

/* ---------- FAQ : filet seul, chevron a gauche ---------- */
#tpguide .tpg-faq{margin:0 0 20px}
#tpguide .tpg-faq-l{margin-top:0}
#tpguide .tpg-q{border-top:1px solid var(--filet)}
#tpguide .tpg-q summary{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;list-style:none}
#tpguide .tpg-q summary::-webkit-details-marker{display:none}
#tpguide .tpg-h3q{font-size:18px;font-weight:600;line-height:1.1;color:var(--titre);margin:0}
#tpguide .tpg-chev{flex:0 0 9px;width:9px;height:9px;position:relative}
#tpguide .tpg-chev::before{content:"";position:absolute;left:1px;top:1px;width:7px;height:7px;border:solid var(--titre);border-width:2px 2px 0 0;transform:rotate(-45deg);transition:transform .2s var(--sortie)}
#tpguide .tpg-q[open] .tpg-chev::before{transform:rotate(135deg);top:-2px}
#tpguide .tpg-rep{padding:10px}
#tpguide .tpg-rep-txt{font-size:14px;line-height:1.75;color:#334155}
#tpguide .tpg-rep-txt>*{margin:0 0 10px}
#tpguide .tpg-rep-txt>*:last-child{margin:0}

/* ---------- carte de contact verte (dans l'article) ---------- */
#tpguide .tpg-cta-carte{background:var(--tp);border-radius:16px;padding:44px 40px;margin:56px 0 0;display:flex;flex-direction:column;align-items:center}
#tpguide .tpg-cta-t{font-size:28px;font-weight:700;line-height:1.75;color:#fff;margin:0 0 30px}
#tpguide .tpg-cta-txt{font-size:16px;line-height:1.6;color:#dcebe9;margin:0 0 42px;text-align:left}
#tpguide .tpg-cta-txt p{margin:0}
#tpguide .tpg-s--simple .tpg-cta-carte{margin:0}

/* ---------- sources ---------- */
#tpguide .tpg-sources{margin:48px 0 0;padding:20px 24px;background:#f8fafc;border:1px solid var(--filet);border-radius:12px;font-family:Inter,sans-serif}
#tpguide .tpg-sources-t{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--attenue);margin:0 0 10px;line-height:1.75}
#tpguide .tpg-sources-l ul{margin:0;padding-left:18px}
#tpguide .tpg-sources-l li{font-size:13.5px;line-height:1.7;color:var(--texte);margin:0}
#tpguide .tpg-sources-l a,#tpguide .tpg-sources-l a:link,#tpguide .tpg-sources-l a:visited{color:var(--tp);text-decoration:underline;text-underline-offset:2px}

/* ---------- fiche redacteur ---------- */
#tpguide .tpg-auteur{display:flex;align-items:center;gap:20px;background:#fff;margin:28px 0 0;padding:20px}
#tpguide .tpg-au-img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex:0 0 80px}
#tpguide .tpg-au-nom{font-size:16px;font-weight:700;color:var(--titre);line-height:1.4}
#tpguide .tpg-au-role{font-size:14px;color:var(--attenue);line-height:1.4}
#tpguide .tpg-au-role span{color:var(--tp)}
#tpguide .tpg-au-maj{font-size:13px;color:var(--attenue);line-height:1.4}

/* ---------- colonne laterale ---------- */
#tpguide .tpg-toc{background:#fff;border:1px solid var(--filet);border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05)}
#tpguide .tpg-toc-titre{display:block;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--attenue);line-height:1.75}
#tpguide .tpg-toc ul{list-style:none;padding:0;margin:0;counter-reset:toc}
#tpguide .tpg-toc li{counter-increment:toc;margin:0}
#tpguide .tpg-toc-lien,#tpguide .tpg-toc-lien:link,#tpguide .tpg-toc-lien:visited{display:flex;gap:10px;align-items:baseline;padding:8px 12px;text-decoration:none;color:var(--attenue);font-size:14px;font-weight:500;border-radius:6px;line-height:1.4;transition:all .25s ease}
#tpguide .tpg-toc-lien::before{content:counter(toc,decimal-leading-zero);font-size:11px;font-weight:600;color:#cbd5e1}
#tpguide .tpg-toc-lien:hover,#tpguide .tpg-toc-lien:focus{background:var(--menthe);color:var(--tp);text-decoration:none}
#tpguide .tpg-toc-lien.is-active{background:var(--menthe);color:var(--tp);font-weight:600}
#tpguide .tpg-toc-lien.is-active::before{color:var(--tp)}
#tpguide .tpg-lat--cta{background:var(--tp);border-radius:12px;padding:24px 22px}
#tpguide .tpg-lat-t{font-size:20px;font-weight:700;line-height:1.75;color:#fff;margin:0 0 8px}
#tpguide .tpg-lat-txt{font-size:14px;line-height:1.5;color:#dcebe9;margin:0 0 16px}
#tpguide .tpg-lat-txt p{margin:0}
#tpguide .tpg-lat--liens{background:#fff;border:1px solid var(--filet);border-radius:12px;padding:20px}
#tpguide .tpg-lat-lt{display:block;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--attenue);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9;line-height:1.75}
#tpguide .tpg-lat--liens a,#tpguide .tpg-lat--liens a:link,#tpguide .tpg-lat--liens a:visited{display:block;font-size:14.5px;font-weight:500;color:var(--titre);text-decoration:none;padding:7px 0;border-bottom:1px solid var(--fond);line-height:1.75}
#tpguide .tpg-lat--liens a:last-child{border-bottom:0}
#tpguide .tpg-lat--liens a:hover,#tpguide .tpg-lat--liens a:focus{color:var(--tp);text-decoration:none}
#tpguide .tpg-lat--liens a span{color:var(--attenue);font-weight:400;font-size:13px;display:block}

/* ---------- cartes et tuiles (hub) ---------- */
#tpguide .tpg-tete{text-align:center;max-width:none}
#tpguide .tpg-tete .tpg-h2{font-size:32px;font-weight:700;line-height:1.25;color:var(--titre);margin:0 0 12px}
#tpguide .tpg-tete .tpg-txt{font-size:16.5px;line-height:1.65;color:var(--texte);margin:0 0 32px}
#tpguide .tpg-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1140px;margin:0 auto;text-align:left}
#tpguide .tpg-carte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--filet);border-radius:18px;padding:30px 30px 28px;box-shadow:0 4px 14px rgba(15,40,40,.06);transition:box-shadow .3s var(--sortie),transform .3s var(--sortie),border-color .3s var(--sortie)}
#tpguide .tpg-carte:hover{box-shadow:0 12px 30px rgba(15,40,40,.10);transform:translateY(-2px);border-color:var(--menthe-2)}
#tpguide .tpg-carte-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:var(--clair);color:var(--tp);margin-bottom:20px}
#tpguide .tpg-carte-ico svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#tpguide .tpg-carte .tpg-h3{font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.2px;color:var(--titre);margin:0 0 10px}
#tpguide .tpg-carte-txt{font-size:15.5px;line-height:1.65;color:var(--texte);margin:0 0 22px}
#tpguide .tpg-carte-pied{margin-top:auto}
#tpguide .tpg-tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1140px;margin:0 auto;text-align:left}
#tpguide .tpg-tuile,#tpguide .tpg-tuile:link,#tpguide .tpg-tuile:visited{display:block;background:#fff;border:1px solid var(--filet);border-radius:14px;padding:20px 22px;text-decoration:none;transition:border-color .3s var(--sortie),background .3s var(--sortie)}
#tpguide .tpg-tuile:hover,#tpguide .tpg-tuile:focus{background:var(--menthe);border-color:var(--menthe-2);text-decoration:none}
#tpguide .tpg-tuile-t{display:block;font-size:16px;font-weight:600;line-height:1.4;color:var(--tp);margin-bottom:4px}
#tpguide .tpg-tuile-s{display:block;font-size:13.5px;font-weight:400;line-height:1.55;color:var(--attenue)}
#tpguide .tpg-tuile:hover .tpg-tuile-t{color:var(--tp-fonce)}

/* ---------- introduction avec photo, avantages, bandeau ---------- */
#tpguide .tpg-hero--image{padding:48px 24px}
#tpguide .tpg-hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
#tpguide .tpg-hero--image .tpg-h1{font-size:38px;font-weight:800;letter-spacing:-.4px;line-height:1.15;color:var(--titre);margin:0 0 20px}
#tpguide .tpg-hero--image .tpg-chapo{font-size:17px;line-height:1.65;color:var(--texte);margin:0 0 24px}
#tpguide .tpg-hero--image .tpg-chapo p{margin:0}
#tpguide .tpg-hero-img img{display:block;width:100%;height:auto;border-radius:8px}
#tpguide .tpg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
#tpguide .tpg-avs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#tpguide .tpg-av{background:var(--tp);border-radius:8px;padding:22px 20px;color:#fff}
#tpguide .tpg-av-t{font-size:18px;font-weight:600;line-height:1.4;color:#fff;margin:0 0 20px}
#tpguide .tpg-av-x{font-size:15px;line-height:1.55;color:#dcebe9}
#tpguide .tpg-split-txt .tpg-h2{font-size:32px;font-weight:700;line-height:1.2;color:var(--titre);margin:0 0 16px}
#tpguide .tpg-split-txt .tpg-txt{font-size:16px;margin:0 0 24px}
#tpguide .tpg-split-txt .tpg-txt>*{margin-bottom:0}
#tpguide .tpg-bandeau{text-align:center}
#tpguide .tpg-bandeau .tpg-h2{font-size:32px;font-weight:700;line-height:1.25;color:var(--titre);margin:0 0 16px}
#tpguide .tpg-bandeau .tpg-txt{font-size:16.5px;line-height:1.65;margin:0 0 24px}
#tpguide .tpg-bandeau .tpg-txt>*{margin-bottom:12px}
#tpguide .tpg-s.tpg-s--gris.tpg-s--simple{padding:20px 24px 50px}
#tpguide .tpg-s.tpg-s--gris.tpg-s--simple .tpg-corps{margin:0}
#tpguide .tpg-s--gris.tpg-s--simple .tpg-txt{font-size:15.5px;line-height:1.7}
#tpguide .tpg-s--gris.tpg-s--simple .tpg-txt>*{margin-bottom:10px}

#tpguide .tpg-cta-carte--centre .tpg-cta-txt{text-align:center}
#tpguide .tpg-tete--gauche{text-align:left}
#tpguide .tpg-tete--gauche .tpg-h2{font-size:26px;font-weight:700;letter-spacing:-.4px;line-height:1.3;margin:0 0 32px}

/* ---------- mentions legales ---------- */
#tpguide .tpg-ml .tpg-txt{font-size:12px;line-height:1.7;color:#94A3B8}

/* ---------- mobile ---------- */
@media (max-width:1024px){
  #tpguide .tpg-zone-in{grid-template-columns:minmax(0,1fr)}
  #tpguide .tpg-side-colle{position:static;max-height:none;overflow:visible}
  #tpguide .tpg-side{align-self:auto}
}
@media (max-width:767px){
  #tpguide .tpg-hero--article{padding:20px 20px 10px}
  #tpguide .tpg-hero--article .tpg-h1{margin-bottom:34px}
  #tpguide .tpg-side{order:-1;padding:10px 10px 0}
  #tpguide .tpg-main{padding:20px}
  #tpguide .tpg-zone{padding:10px 0 0}
  #tpguide .tpg-hero--outil{padding:44px 20px 40px}
  #tpguide .tpg-hero--outil .tpg-h1{font-size:30px}
  #tpguide .tpg-hero--outil .tpg-chapo{font-size:16px}
  #tpguide .tpg-s{padding:36px 16px 40px}
  #tpguide .tpg-s--outil{padding:36px 16px}
  #tpguide .tpg-s--simple{padding:24px 16px 6px}
  #tpguide .tpg-corps--centre .tpg-h2,#tpguide .tpg-tete .tpg-h2{font-size:27px}
  #tpguide .tpg-grille,#tpguide .tpg-tuiles,#tpguide .tpg-hero-split,#tpguide .tpg-split{grid-template-columns:minmax(0,1fr)}
  #tpguide .tpg-split-txt{order:-1}
  #tpguide .tpg-hero--image{padding:32px 20px}
  #tpguide .tpg-hero--image .tpg-h1{font-size:30px}
  #tpguide .tpg-carte{padding:24px 22px}
  #tpguide .tpg-byline{flex-wrap:wrap;gap:6px 14px}
  #tpguide .tpg-cta-carte{padding:32px 22px}
  #tpguide .tpg-boite{padding:26px 22px}
  #tpguide .tpg-h2{font-size:23px}
  #tpguide .tpg-table-wrap{border:none}
  #tpguide .tpg-table,#tpguide .tpg-table thead,#tpguide .tpg-table tbody,#tpguide .tpg-table tr,#tpguide .tpg-table td{display:block;width:100%}
  #tpguide .tpg-table thead{display:none}
  #tpguide .tpg-table tr{margin-bottom:1.5rem;border:2px solid var(--tp);border-radius:8px;background:#fff}
  #tpguide .tpg-table td:first-child{background:var(--tp);color:#fff;font-weight:700;text-align:center;padding:10px;border-bottom:1px solid #e5e7eb}
  #tpguide .tpg-table td:not(:first-child){text-align:right;padding:12px 12px 12px 45%;position:relative;border-bottom:1px solid #e5e7eb}
  #tpguide .tpg-table td:not(:first-child)::before{content:attr(data-label);position:absolute;left:12px;font-weight:700;color:var(--tp);font-size:.85em;text-transform:uppercase}
  #tpguide .tpg-table td:last-child{border-bottom:none}
  #tpguide .tpg-table th:not(:last-child),#tpguide .tpg-table td:not(:last-child){border-right:0}
  #tpguide .tpg-auteur{flex-direction:column;align-items:flex-start}
}

/* Simulateur Procivis (Jeanbrun) : carte resserree au lieu de la pleine largeur (2026-10-28) */
#tpguide iframe[src*="procivis"]{display:block;max-width:1040px;margin:0 auto}