/*
 * pompeimmergee.fr — thème pim-forage (v5.0.0, 03/11/2026).
 * « La colonne d'eau » : le visiteur regarde DANS l'eau claire d'un forage.
 *
 * Mode clair UNIQUEMENT : color-scheme:light posé exprès pour qu'un navigateur réglé en sombre ne
 * réécrive pas les champs ni les boutons. Jetons --sb-* (namespace commun du réseau), classes .pim-*.
 * Une seule feuille.
 *
 * Signature visuelle (une seule audace) :
 *   - COLONNE : une photo montée dans une colonne verticale aux angles très arrondis (tube de forage vu
 *               de face), baignée d'un dégradé eau claire → eau profonde, avec reflets et bulles CSS ;
 *   - la carte de devis blanche aux angles arrondis flotte à cheval sur le bord de la colonne ;
 *   - l'étiquette technique (fiche immersion) porte un bord soleil ; le motif se décline partout :
 *     arches des usages, gélule de rubrique, bulles à cocher du devis, pied de page à surface d'eau.
 *   - tout le reste reste calme : papier bleuté, boutons pilule soleil + encre, Barlow Condensed + Source Sans 3.
 */

/* ===================== 1. JETONS ===================== */
:root{
	color-scheme:light;

	/* Palette : encre / eau profonde / eau / papier / soleil */
	--encre:#16394B;
	--ardoise:#0B2F3F;
	--profond:#096278;
	--profond-fonce:#074C5E;
	--eau:#DDEEF3;
	--eau-claire:#EDF6F9;
	--papier:#F5F8FA;
	--blanc:#FFFFFF;
	--ligne:#CEDDE3;
	--champ:#6F8D9B;
	--gris:#526D7A;
	--soleil:#F3CB54;
	--soleil-clair:#F8DE8A;
	--alarme:#B3341F;
	--alarme-fond:#FBEAE6;
	--remis:#1F7A55;
	--remis-fond:#E5F3EC;

	/* Alias du namespace réseau */
	--sb-accent:var(--profond);
	--sb-accent-clair:var(--eau);
	--sb-encre:var(--encre);
	--sb-doux:var(--gris);
	--sb-filet:var(--ligne);
	--sb-fond-carte:var(--blanc);
	--sb-surf:var(--eau-claire);
	--sb-fonce:var(--ardoise);
	--sb-sur-fonce:var(--papier);
	--sb-ombre:0 1px 2px rgba(22,57,75,.06),0 10px 26px -12px rgba(22,57,75,.2);
	--sb-bleu:var(--profond);

	/* Typo */
	--f-titre:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
	--f-corps:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
	--sb-titre:var(--f-titre);

	/* Rayons : arrondis francs (colonne, carte, pilule) */
	--r-colonne:240px;
	--r-carte:26px;
	--r-tuile:18px;
	--r-champ:14px;
	--r-tag:10px;
	--r-pilule:999px;

	/* Ombres froides, teintées d'encre */
	--ombre-carte:0 1px 2px rgba(22,57,75,.06),0 10px 26px -12px rgba(22,57,75,.2);
	--ombre-flottante:0 2px 4px rgba(22,57,75,.08),0 30px 60px -22px rgba(9,60,80,.5);
	--ombre-bouton:0 10px 22px -10px rgba(224,181,58,.95);

	--conteneur:1280px;
	--marge:40px;
}
@media (max-width:1180px){ :root{ --marge:28px; } }
@media (max-width:760px){ :root{ --marge:16px; } }

/* ===================== 2. BASE ===================== */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} }
body{
	margin:0;
	min-height:100vh;
	display:flex;flex-direction:column;
	background:var(--papier);
	color:var(--encre);
	font-family:var(--f-corps);
	font-size:17px;
	line-height:1.65;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
body > header,body > nav,body > main,body > footer{width:100%;}
body > main{flex:1 0 auto;}
body > footer{margin-top:auto;}
img,svg{max-width:100%;display:block;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{font-family:var(--f-titre);font-weight:600;margin:0;color:var(--encre);line-height:1.06;letter-spacing:.003em;}
h3,h4{line-height:1.15;}
p{margin:0 0 16px;}
:focus-visible{outline:3px solid var(--profond);outline-offset:3px;}
[hidden]{display:none!important;}
.conteneur{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding-inline:var(--marge);}
.pim-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.pim-skip{position:absolute;left:-9999px;top:0;background:var(--encre);color:#fff;padding:12px 20px;z-index:999;border-radius:0 0 14px 0;}
.pim-skip:focus{left:0;}

/* Apparition : le contenu est TOUJOURS visible (opacity 1) ; avec JS, une section sous le pli se glisse de 16 px, rien d'autre. */
[data-pim-apparait]{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
[data-pim-apparait].est-pret{transform:translateY(16px);}
[data-pim-apparait].est-pret.est-visible{transform:none;}
@media (prefers-reduced-motion:reduce){ [data-pim-apparait],[data-pim-apparait].est-pret{transform:none;transition:none;} }

/* ===================== 3. BOUTONS ET ÉTIQUETTES ===================== */
.pim-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	height:50px;padding:0 26px;border-radius:var(--r-pilule);
	font-family:var(--f-corps);font-weight:700;font-size:16px;
	background:var(--blanc);color:var(--encre);border:1.5px solid var(--encre);
	transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.pim-btn:hover{transform:translateY(-2px);}
.pim-btn svg{width:18px;height:18px;flex:none;}
.pim-btn__fleche{display:inline-flex;transition:transform .16s ease;}
.pim-btn:hover .pim-btn__fleche{transform:translateX(3px);}
.pim-btn--plein{background:var(--soleil);color:var(--encre);border-color:var(--soleil);box-shadow:var(--ombre-bouton);}
.pim-btn--plein:hover{background:var(--soleil-clair);border-color:var(--soleil-clair);}
.pim-btn--clair{background:var(--blanc);color:var(--encre);border-color:var(--blanc);}
.pim-btn--clair:hover{background:var(--eau);border-color:var(--eau);}
.pim-btn--sombre{background:var(--encre);color:#fff;border-color:var(--encre);}
.pim-btn--sombre:hover{background:var(--profond-fonce);border-color:var(--profond-fonce);}
.pim-btn--discret{background:transparent;color:var(--gris);border-color:var(--ligne);height:44px;padding:0 18px;font-size:15px;}
.pim-btn--discret:hover{border-color:var(--encre);color:var(--encre);}
.pim-btn--grand{height:56px;padding:0 32px;}
.pim-btn:disabled,.pim-btn.est-desactive{opacity:.4;pointer-events:none;box-shadow:none;}

.pim-surtitre{
	display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
	background:var(--blanc);color:var(--profond-fonce);border:1px solid var(--ligne);
	font:600 15px/1.2 var(--f-corps);
	padding:6px 15px 6px 10px;border-radius:var(--r-pilule);
}
.pim-surtitre::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--soleil);box-shadow:0 0 0 3px rgba(243,203,84,.3);flex:none;}
.pim-surtitre--sombre,.pim-section--profond .pim-surtitre{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff;}

/* ===================== 4. EN-TÊTE ===================== */
.pim-header{position:sticky;top:0;z-index:60;background:var(--blanc);border-bottom:1px solid var(--ligne);padding:12px 0;transition:box-shadow .25s ease;}
.pim-header.est-colle{box-shadow:0 12px 26px -18px rgba(22,57,75,.5);}
.pim-header__ligne{display:flex;align-items:center;gap:22px;}
.pim-logo{display:flex;align-items:center;gap:11px;margin-right:auto;}
.pim-logo__symbole{width:40px;height:40px;flex:none;}
.pim-logo__symbole img,.pim-logo__symbole svg{display:block;width:100%;height:100%;}
.pim-logo__texte{font-family:var(--f-titre);font-weight:600;font-size:27px;line-height:1;color:var(--encre);white-space:nowrap;letter-spacing:.01em;}
.pim-logo--clair{margin-right:0;}
.pim-logo--clair .pim-logo__symbole{width:34px;height:34px;}
.pim-logo--clair .pim-logo__texte{color:#fff;}

.pim-nav{display:flex;align-items:center;}
.pim-nav__liste{display:flex;gap:4px;flex-wrap:nowrap;}
.pim-nav__lien{display:inline-flex;align-items:center;height:42px;padding:0 15px;border-radius:var(--r-pilule);font-weight:600;font-size:15.5px;white-space:nowrap;color:var(--encre);transition:background .18s ease,color .18s ease;}
.pim-nav__lien:hover{background:var(--eau-claire);}
.pim-nav__lien.est-actif{background:var(--eau);color:var(--profond-fonce);}
.pim-header__cta{height:44px;padding:0 24px;font-size:15.5px;flex:none;}
.pim-nav__bascule{display:none;width:44px;height:44px;border-radius:50%;background:var(--blanc);border:1.5px solid var(--encre);align-items:center;justify-content:center;flex:none;}
.pim-nav__traits,.pim-nav__traits::before,.pim-nav__traits::after{display:block;width:18px;height:2px;border-radius:2px;background:var(--encre);}
.pim-nav__traits{position:relative;}
.pim-nav__traits::before{content:"";position:absolute;top:-6px;}
.pim-nav__traits::after{content:"";position:absolute;top:6px;}

.pim-mobile-panel{position:fixed;inset:0;background:var(--papier);z-index:100;display:flex;flex-direction:column;padding:20px var(--marge);transform:translateY(-100%);transition:transform .3s ease;visibility:hidden;}
.pim-mobile-panel.est-ouvert{transform:none;visibility:visible;}
.pim-mobile-panel__tete{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.pim-mobile-panel__tete .pim-nav__bascule svg{width:22px;height:22px;}
.pim-mobile-panel__liste{display:flex;flex-direction:column;flex:1;}
.pim-mobile-panel__lien{height:58px;display:flex;align-items:center;font-family:var(--f-titre);font-weight:600;font-size:26px;border-bottom:1px solid var(--ligne);}
.pim-mobile-panel__cta{margin-top:20px;}

@media (max-width:1120px){
	.pim-nav__liste{display:none;}
	.pim-nav__bascule{display:flex;}
	.pim-header__cta .pim-header__cta-long{display:none;}
}
@media (min-width:1121px){ .pim-header__cta-court{display:none;} }
@media (max-width:480px){
	.pim-header__ligne{gap:10px;}
	.pim-logo__symbole{width:32px;height:32px;}
	.pim-logo__texte{font-size:22px;}
	.pim-header__cta{padding:0 16px;height:42px;}
	.pim-nav__bascule{width:42px;height:42px;}
}

/* ===================== 5. BANDES DE SECTION ===================== */
.pim-section{position:relative;padding:clamp(40px,6vh,56px) 0 0;}
.pim-section__panneau{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:0 var(--marge) clamp(40px,6vh,56px);}
.pim-section--blanc{background:var(--blanc);}
.pim-section--eau{background:linear-gradient(180deg,var(--eau-claire) 0,var(--eau) 100%);}
.pim-section--profond{background:linear-gradient(180deg,var(--profond) 0,var(--profond-fonce) 100%);color:rgba(255,255,255,.9);border-radius:56px 56px 0 0;}
.pim-section--profond h2,.pim-section--profond h3{color:#fff;}
.pim-section--nue{background:transparent;}
.pim-section--nue > .conteneur{padding-block:0 clamp(40px,6vh,56px);}
.pim-section__tete{margin-bottom:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.pim-section__tete h2,.pim-section__panneau > h2{font-size:clamp(36px,3.4vw,52px);line-height:1;}
.pim-section__chapo{color:var(--gris);font-size:19px;margin-top:12px;max-width:44ch;}
.pim-panneau-etroit{max-width:880px;}
.pim-grille--espace{margin-top:24px;}
.pim-appel-final{padding-bottom:0;}

/* ===================== 6. LA COLONNE D'EAU ===================== */
/* Une colonne verticale aux angles très arrondis : l'eau claire, la photo, les reflets. Hauteur dictée par son conteneur. */
.pim-colonne{
	position:relative;isolation:isolate;
	border-radius:var(--r-colonne);
	background:linear-gradient(180deg,#CDE6EE 0,#7FBBCB 45%,#096278 100%);
	box-shadow:0 34px 60px -34px rgba(9,60,80,.7);
}
.pim-colonne__eau{position:absolute;inset:0;border-radius:inherit;overflow:hidden;}
.pim-colonne__eau img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
/* dégradé eau claire (haut) → eau profonde (bas) par-dessus la photo */
.pim-colonne__eau::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(221,238,243,.18) 0,rgba(221,238,243,0) 30%,rgba(9,98,120,.18) 62%,rgba(7,76,94,.72) 100%);pointer-events:none;}
/* photo sur fond blanc (repli) : fondue dans l'eau */
.pim-colonne__eau img.pim-colonne__produit{object-fit:contain;object-position:50% 50%;mix-blend-mode:multiply;padding:8% 14%;}
/* reflets : tube de verre (deux traits clairs à gauche) + bulles discrètes */
.pim-colonne__reflets{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;overflow:hidden;}
.pim-colonne__reflets::before{
	content:"";position:absolute;left:9%;top:7%;bottom:12%;width:7%;border-radius:var(--r-pilule);
	background:linear-gradient(90deg,rgba(255,255,255,.34) 0 42%,transparent 42% 62%,rgba(255,255,255,.16) 62%);
	opacity:.9;
}
.pim-colonne__reflets::after{
	content:"";position:absolute;inset:0;
	background:
		radial-gradient(circle at 74% 84%,rgba(255,255,255,.5) 0 5px,rgba(255,255,255,.16) 6px 7px,transparent 8px),
		radial-gradient(circle at 82% 70%,rgba(255,255,255,.42) 0 3px,rgba(255,255,255,.14) 4px 5px,transparent 6px),
		radial-gradient(circle at 66% 58%,rgba(255,255,255,.4) 0 8px,rgba(255,255,255,.13) 9px 10px,transparent 11px),
		radial-gradient(circle at 78% 44%,rgba(255,255,255,.34) 0 4px,rgba(255,255,255,.12) 5px 6px,transparent 7px),
		radial-gradient(circle at 60% 30%,rgba(255,255,255,.3) 0 3px,transparent 4px),
		radial-gradient(circle at 72% 18%,rgba(255,255,255,.28) 0 6px,rgba(255,255,255,.1) 7px 8px,transparent 9px);
	animation:pimBulles 2.4s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes pimBulles{from{transform:translateY(46px);opacity:0;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion:reduce){ .pim-colonne__reflets::after{animation:none;} }
.pim-colonne__etiquette{position:absolute;right:20px;top:22px;z-index:3;max-width:calc(100% - 40px);}

.pim-pastille-communes{
	color:var(--encre);display:flex;align-items:center;gap:10px;background:var(--blanc);border-radius:var(--r-pilule);
	box-shadow:var(--ombre-carte);padding:7px 18px 7px 8px;font-weight:700;font-size:14.5px;line-height:1.25;
	transition:background .18s ease;
}
.pim-pastille-communes__icone{width:32px;height:32px;border-radius:50%;background:var(--soleil);color:var(--encre);display:flex;align-items:center;justify-content:center;flex:none;}
.pim-pastille-communes__icone svg{width:17px;height:17px;}
a.pim-pastille-communes:hover{background:var(--eau);}
.pim-credit-photo{position:absolute;right:20px;bottom:18px;z-index:3;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(11,47,63,.78);color:#fff;font-size:11.5px;line-height:1.3;padding:4px 11px;border-radius:var(--r-pilule);}
.pim-credit-photo a{color:#fff;text-decoration:underline;}

.pim-pastille-chiffre{display:flex;flex-direction:column;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:11px 18px;min-width:130px;}
.pim-pastille-chiffre__valeur{font:600 30px/1 var(--f-corps);font-variant-numeric:lining-nums tabular-nums;color:var(--profond);}
.pim-pastille-chiffre__legende{font-size:14px;color:var(--gris);margin-top:3px;line-height:1.3;}

/* ===================== 7. HERO (accueil, commune, qui sommes-nous) ===================== */
.pim-hero{
	position:relative;
	--h-scene:clamp(560px,calc(100vh - 150px),640px);
	--colonne-l:clamp(360px,36vw,520px);
	--carte-l:clamp(390px,29.5vw,430px);
	background:radial-gradient(760px 560px at 80% 42%,var(--eau) 0,rgba(221,238,243,0) 72%),var(--papier);
}
.pim-hero__conteneur{
	position:relative;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:22px var(--marge) 26px;
	display:grid;grid-template-columns:minmax(0,1fr) calc(var(--colonne-l) + var(--carte-l) - 120px);
	column-gap:44px;align-items:center;
}
.pim-hero__texte{padding-bottom:6px;}
.pim-hero__titre{font-size:clamp(42px,3.8vw,58px);line-height:.98;margin:18px 0 18px;text-wrap:balance;}
.pim-ton-encre{color:var(--encre);}
.pim-ton-eau{color:var(--profond);}
.pim-souligne{background:linear-gradient(0deg,var(--soleil) 0 .17em,transparent .17em);padding-inline:.03em;}
.pim-hero__chapo{font-size:clamp(17px,1.25vw,19px);color:var(--gris);max-width:min(25em,100%);margin-bottom:22px;text-wrap:pretty;}
.pim-hero__preuves{display:flex;gap:12px;flex-wrap:wrap;}
.pim-hero__rassure,.pim-final__rassure{display:flex;flex-direction:column;gap:6px;margin:0;font-size:15px;font-weight:600;}
.pim-hero__rassure span,.pim-final__rassure span{display:inline-flex;align-items:center;gap:8px;}
.pim-hero__rassure svg{width:20px;height:20px;color:var(--remis);flex:none;}

.pim-hero__scene{position:relative;height:var(--h-scene);}
.pim-hero__colonne{position:absolute;top:0;right:0;bottom:0;width:var(--colonne-l);}
.pim-hero__colonne .pim-colonne__eau img{object-position:50% 40%;}
.pim-hero__devis{position:absolute;z-index:4;left:0;top:14px;width:var(--carte-l);max-width:none;}
.pim-hero__scene--seule .pim-hero__colonne{left:auto;width:min(100%,var(--colonne-l));}

.pim-hero--qsn .pim-hero__conteneur{grid-template-columns:minmax(0,1fr) minmax(0,var(--colonne-l));}
.pim-hero--qsn .pim-hero__scene{height:clamp(440px,60vh,540px);}
.pim-hero--qsn .pim-hero__preuves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:460px;}
.pim-hero--qsn .pim-pastille-chiffre{min-width:0;padding:11px 14px;}

/* Page commune : la commune est située sur la carte */
.pim-ville-situe{display:flex;align-items:center;gap:16px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:12px 18px 12px 12px;margin-top:20px;max-width:460px;}
.pim-ville-situe .pim-mini-carte{width:120px;flex:none;box-shadow:none;padding:6px;background:var(--eau-claire);border-radius:12px;}
.pim-ville-situe__texte{display:flex;flex-direction:column;gap:3px;font-size:15px;color:var(--gris);line-height:1.4;}
.pim-ville-situe__texte strong{font:600 24px/1 var(--f-titre);color:var(--encre);}
.pim-ville-situe__texte a{color:var(--profond-fonce);font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-top:2px;}

@media (max-width:1180px){
	.pim-hero{--h-scene:auto;background:linear-gradient(180deg,var(--eau) 0,var(--papier) 100%);}
	.pim-hero__conteneur{grid-template-columns:minmax(0,1fr);padding:22px var(--marge) 36px;row-gap:20px;}
	.pim-hero__scene{height:auto;display:flex;flex-direction:column;align-items:center;}
	.pim-hero__colonne{position:relative;inset:auto;width:min(100%,520px);height:clamp(260px,44vw,380px);border-radius:min(190px,40%);}
	.pim-hero__devis{position:relative;left:auto;top:auto;width:100%;max-width:520px;margin:-56px auto 0;}
	.pim-hero--qsn .pim-hero__conteneur{grid-template-columns:minmax(0,1fr);}
	.pim-hero--qsn .pim-hero__scene{height:auto;}
	.pim-hero--qsn .pim-hero__colonne{height:clamp(260px,40vw,340px);}
}
@media (max-width:760px){
	.pim-hero__conteneur{padding-top:16px;padding-bottom:28px;}
	.pim-hero__titre{font-size:clamp(36px,10vw,44px);margin:14px 0 10px;}
	.pim-hero__chapo{font-size:16px;margin-bottom:0;}
	.pim-hero__preuves,.pim-hero__rassure{display:none;}
	.pim-hero--qsn .pim-hero__preuves{display:grid;gap:8px;margin:14px 0 2px;}
	.pim-hero--qsn .pim-pastille-chiffre{padding:9px 10px;}
	.pim-hero--qsn .pim-pastille-chiffre__valeur{font-size:24px;}
	.pim-hero--qsn .pim-pastille-chiffre__legende{font-size:12.5px;line-height:1.25;}
	.pim-hero__colonne{height:210px;border-radius:105px;}
	.pim-hero__devis{margin-top:-46px;}
	.pim-ville-situe{display:none;}
	.pim-colonne__etiquette{right:50%;transform:translateX(50%);top:14px;}
	.pim-credit-photo{font-size:10px;max-width:70%;bottom:10px;right:50%;transform:translateX(50%);}
}

/* Barre basse collante (mobile) */
.pim-barre-collante{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--blanc);border-top:1px solid var(--ligne);box-shadow:0 -10px 24px -14px rgba(22,57,75,.4);padding:10px var(--marge);display:none;}
.pim-barre-collante .pim-btn{width:100%;}
@media (max-width:760px){ .pim-barre-collante{display:flex;} .pim-footer{padding-bottom:72px;} }

/* ===================== 8. LE DEVIS : CARTE BLANCHE ET BULLES À COCHER ===================== */
.pim-form{background:var(--blanc);border-radius:28px;border:1px solid var(--ligne);box-shadow:var(--ombre-flottante);padding:18px 22px 22px;position:relative;overflow:hidden;}
.pim-form--pleine{padding:30px 34px 34px;box-shadow:var(--ombre-carte);}
.pim-form--compact{box-shadow:none;border:0;padding:0;border-radius:0;overflow:visible;}
.pim-form__entete{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;}
.pim-form__compteur{display:inline-flex;align-items:center;background:var(--soleil);color:var(--encre);font:700 13.5px/1 var(--f-corps);padding:7px 13px;border-radius:var(--r-pilule);}
.pim-form__retour{display:none;align-items:center;gap:5px;font-size:13.5px;color:var(--profond-fonce);font-weight:700;}
.pim-form__retour svg{width:15px;height:15px;}
.pim-form:not([data-pas="0"]) .pim-form__retour{display:inline-flex;}
.pim-form[data-pas="0"] .pim-form__retour{display:none;}

.pim-form__progression{display:flex;gap:5px;margin-bottom:4px;}
.pim-form__segment{flex:1;height:8px;border-radius:var(--r-pilule);background:var(--eau);overflow:hidden;}
.pim-form__segment i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--profond),#4FA3B8);transition:width .4s ease;}
.pim-form__segment.est-fait i,.pim-form__segment.est-actif i{width:100%;}
.pim-form__noms-etapes{display:flex;gap:5px;margin-bottom:14px;}
.pim-form__nom-etape{flex:1;font-size:12.5px;color:var(--gris);text-align:center;}
.pim-form__nom-etape.est-actif{color:var(--encre);font-weight:700;}

.pim-form__etape{display:none;}
.pim-form__etape.est-active{display:block;animation:pimEtape .22s cubic-bezier(.2,.7,.2,1);}
@keyframes pimEtape{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){ .pim-form__etape.est-active{animation:none;} }

.pim-form__question{font:600 27px/1.1 var(--f-titre);color:var(--encre);margin:0 0 14px;}
.pim-form--compact .pim-form__question{font-size:22px;margin-bottom:10px;}

.pim-form__options{display:grid;gap:8px;margin-bottom:12px;}
.pim-form__option{
	display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:7px 16px 7px 9px;
	border-radius:var(--r-pilule);background:var(--papier);border:1.5px solid var(--ligne);text-align:left;
	font-weight:600;font-size:16px;line-height:1.2;color:var(--encre);
	transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.pim-form__option:hover{border-color:var(--profond);box-shadow:0 0 0 4px rgba(9,98,120,.12);}
.pim-form__bulle{width:34px;height:34px;border-radius:50%;background:var(--blanc);border:2px solid var(--profond);color:transparent;display:flex;align-items:center;justify-content:center;flex:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1);}
.pim-form__bulle svg{width:16px;height:16px;stroke-width:2.6;}
.pim-form__option.est-choisi{border-color:var(--profond);background:var(--eau);}
.pim-form__option.est-choisi .pim-form__bulle{background:var(--soleil);border-color:var(--soleil);color:var(--encre);transform:scale(1.06);}
.pim-form--compact .pim-form__option{min-height:44px;padding:5px 14px 5px 7px;font-size:15px;gap:11px;}
.pim-form--compact .pim-form__bulle{width:30px;height:30px;}
.pim-form--compact .pim-form__options{gap:6px;margin-bottom:8px;}
.pim-form--pleine .pim-form__options{grid-template-columns:1fr 1fr;}

.pim-form__champ{margin-bottom:12px;}
.pim-form__champ label{display:block;font-size:13.5px;font-weight:700;margin-bottom:4px;color:var(--encre);}
.pim-form__champ input,.pim-form__champ select,.pim-form__champ textarea{
	width:100%;height:46px;border-radius:var(--r-champ);border:1.5px solid var(--champ);
	padding:0 14px;font:16px var(--f-corps);background:var(--blanc);color:var(--encre);
}
.pim-form__champ textarea{height:auto;padding:10px 14px;}
.pim-form__champ input:focus,.pim-form__champ select:focus,.pim-form__champ textarea:focus{outline:none;border-color:var(--profond);box-shadow:0 0 0 4px rgba(9,98,120,.2);}
.pim-form__champ.est-en-erreur input{border-color:var(--alarme);}
.pim-form__erreur{display:block;background:var(--alarme-fond);color:var(--alarme);border-radius:var(--r-tag);padding:9px 13px;font-size:14px;font-weight:600;margin:0 0 10px;}
.pim-form__indication{display:block;color:var(--gris);font-size:13.5px;margin:6px 0 0;}

.pim-form__communes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;}
.pim-form--compact .pim-form__communes{max-height:128px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;}
.pim-form__pilule{height:34px;padding:0 13px;border-radius:var(--r-pilule);background:var(--eau-claire);color:var(--profond-fonce);font-size:13.5px;font-weight:700;border:1.5px solid transparent;white-space:nowrap;}
.pim-form__pilule:hover{border-color:var(--profond);}
.pim-form__pilule.est-choisi{background:var(--profond);color:#fff;}
.pim-form__creneaux{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 8px;}
.pim-form__creneaux-titre{font-size:13.5px;font-weight:700;margin-right:4px;}
.pim-form__detail-bascule{font-size:13.5px;color:var(--profond-fonce);font-weight:700;margin:0 0 8px;text-decoration:underline;text-underline-offset:3px;}
.pim-form__case{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:0 0 6px;color:var(--encre);cursor:pointer;}
.pim-form__case input{margin-top:3px;accent-color:var(--profond);width:17px;height:17px;flex:none;}
.pim-form__case--consentement{font-size:12.5px;line-height:1.4;color:var(--gris);margin-bottom:10px;}
.pim-form__rangee{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pim-form__nav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:6px;}
.pim-form__bouton{flex:1;}
.pim-form__piege{position:absolute;left:-9999px;}

/* Étape « coordonnées » compacte : ne déborde jamais du hero */
.pim-form [data-etape="coordonnees"] .pim-form__champ{margin-bottom:8px;}
.pim-form [data-etape="coordonnees"] .pim-form__champ label{font-size:13px;margin-bottom:3px;}
.pim-form [data-etape="coordonnees"] .pim-form__champ input{height:42px;}
.pim-form [data-etape="coordonnees"] .pim-form__question{margin-bottom:8px;}
.pim-form [data-etape="coordonnees"] .pim-btn{height:48px;}
@media (max-width:420px){ .pim-form__rangee{grid-template-columns:1fr;gap:0;} .pim-form{padding:16px 16px 18px;} .pim-form--pleine{padding:20px 16px;} .pim-form--pleine .pim-form__options{grid-template-columns:1fr;} .pim-form--compact{padding:0;} }

.pim-form__confirmation{display:none;text-align:left;padding:12px 0;}
.pim-form__confirmation.est-visible{display:block;}
.pim-form__confirmation-cercle{width:56px;height:56px;border-radius:50%;background:var(--soleil);color:var(--encre);display:flex;align-items:center;justify-content:center;margin:0 0 14px;}
.pim-form__confirmation-cercle svg{width:28px;height:28px;stroke-width:2.4;}
.pim-form__confirmation h3{font:600 30px var(--f-titre);}
.pim-form__recap{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
.pim-form__recap span{background:var(--eau);color:var(--profond-fonce);border-radius:var(--r-pilule);padding:6px 14px;font-size:14px;font-weight:700;}
.pim-form__suite{max-width:400px;margin:16px 0 0;display:flex;flex-direction:column;gap:10px;}
.pim-form__suite li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--gris);}
.pim-form__suite svg{width:20px;height:20px;color:var(--remis);flex:none;}

/* ===================== 9. CARTES ===================== */
.pim-carte{display:flex;flex-direction:column;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-carte);padding:8px;overflow:hidden;box-shadow:var(--ombre-carte);transition:transform .2s ease,box-shadow .2s ease;}
.pim-carte:hover{transform:translateY(-3px);box-shadow:var(--ombre-flottante);}
.pim-carte__photo{
	position:relative;flex:1 1 auto;min-height:0;aspect-ratio:4/3;max-height:calc(100vh - 260px);overflow:hidden;border-radius:calc(var(--r-carte) - 8px) calc(var(--r-carte) - 8px) calc(var(--r-carte) - 8px) calc(var(--r-carte) - 8px);
	background:linear-gradient(180deg,#CDE6EE 0,#7FBBCB 60%,#096278 100%);
}
.pim-carte__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pim-carte__photo::after{content:"";position:absolute;left:11%;top:8%;bottom:10%;width:5%;border-radius:var(--r-pilule);background:linear-gradient(90deg,rgba(255,255,255,.3) 0 42%,transparent 42% 62%,rgba(255,255,255,.14) 62%);pointer-events:none;}
.pim-carte__pastille{position:absolute;left:10px;top:10px;z-index:2;background:var(--blanc);color:var(--profond-fonce);font-size:13px;font-weight:700;padding:4px 12px;border-radius:var(--r-pilule);}
.pim-carte__corps{padding:14px 12px 10px;display:flex;flex-direction:column;gap:6px;flex:0 0 auto;}
.pim-carte__titre{font:600 24px/1.08 var(--f-titre);}
.pim-carte:hover .pim-carte__titre{color:var(--profond);}
.pim-carte__extrait{color:var(--gris);font-size:15.5px;margin:0;}
.pim-carte__meta{color:var(--gris);font-size:13.5px;margin-top:4px;}
.pim-carte__dep{font:600 14px var(--f-corps);color:var(--gris);}

.pim-grille-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pim-grille-3 .pim-carte__photo{aspect-ratio:4/3;flex:none;}
@media (max-width:980px){ .pim-grille-3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:620px){ .pim-grille-3{grid-template-columns:1fr;} }

/* Guides de l'accueil : 1 grande carte + 3 cartes horizontales */
.pim-guides{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:minmax(0,1fr);gap:22px;margin-top:24px;height:clamp(340px,42vh,380px);}
.pim-guides__une{min-height:0;}
.pim-guides__une .pim-carte{height:100%;}
.pim-guides__une .pim-carte__titre{font-size:28px;}
.pim-guides__liste{display:flex;flex-direction:column;gap:14px;}
.pim-guides__liste .pim-carte{flex-direction:row;flex:1;min-height:0;}
.pim-guides__liste .pim-carte__photo{aspect-ratio:auto;flex:0 0 38%;min-height:0;}
.pim-guides__liste .pim-carte__corps{flex:1 1 auto;min-width:0;padding:8px 14px;gap:4px;justify-content:center;}
.pim-guides__liste .pim-carte__titre{font-size:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pim-guides__liste .pim-carte__extrait{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;}
.pim-guides__liste .pim-carte__meta{display:none;}
.pim-guides__rubriques{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;position:relative;z-index:1;}
.pim-pilule-lien{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 18px;border-radius:var(--r-pilule);background:var(--eau);color:var(--profond-fonce);font-weight:700;font-size:15.5px;transition:background .2s ease,color .2s ease;}
.pim-pilule-lien span{background:var(--blanc);border-radius:var(--r-pilule);min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;color:var(--encre);}
.pim-pilule-lien:hover{background:var(--profond);color:#fff;}
@media (max-width:980px){ .pim-guides{grid-template-columns:1fr;height:auto;} .pim-guides__une .pim-carte__photo{min-height:240px;} .pim-guides__liste .pim-carte{min-height:120px;} }
@media (max-width:560px){ .pim-guides__liste .pim-carte{flex-direction:column;} .pim-guides__liste .pim-carte__photo{flex-basis:auto;aspect-ratio:16/9;} }

/* ===================== 10. LES USAGES : QUATRE ARCHES ===================== */
.pim-usages{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.pim-usage{display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--ligne);border-radius:140px 140px var(--r-carte) var(--r-carte);overflow:hidden;box-shadow:var(--ombre-carte);transition:transform .2s ease,box-shadow .2s ease;}
.pim-usage:hover{transform:translateY(-4px);box-shadow:var(--ombre-flottante);}
.pim-usage__photo{position:relative;display:block;height:clamp(190px,17vw,230px);background:linear-gradient(180deg,#CDE6EE 0,#7FBBCB 60%,#096278 100%);overflow:hidden;}
.pim-usage__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pim-usage__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(221,238,243,.12) 0,rgba(7,76,94,.4) 100%);}
.pim-usage__icone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;color:#fff;z-index:1;}
.pim-usage__icone svg{width:100%;height:100%;stroke-width:1.4;}
.pim-usage__corps{display:flex;flex-direction:column;gap:6px;padding:16px 20px 20px;}
.pim-usage__corps strong{font:600 28px/1.05 var(--f-titre);color:var(--encre);}
.pim-usage__corps > span{font-size:15.5px;color:var(--gris);line-height:1.45;}
.pim-usage__action{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--profond-fonce)!important;font-weight:700;font-size:14.5px!important;}
.pim-usage__action svg{width:15px;height:15px;transition:transform .2s ease;}
.pim-usage:hover .pim-usage__action svg{transform:translateX(3px);}
@media (max-width:1100px){ .pim-usages{grid-template-columns:repeat(2,1fr);} .pim-usage__photo{height:200px;} }
@media (max-width:560px){ .pim-usages{grid-template-columns:1fr;} .pim-usage{border-radius:110px 110px var(--r-carte) var(--r-carte);} }

/* ===================== 11. LE DÉROULÉ ===================== */
.pim-deroule{list-style:none;counter-reset:deroule;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.pim-deroule__etape{counter-increment:deroule;position:relative;display:flex;flex-direction:column;gap:6px;padding-top:62px;}
.pim-deroule__etape::before{content:counter(deroule);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--soleil);color:var(--encre);font:700 22px/48px var(--f-corps);text-align:center;font-variant-numeric:lining-nums;z-index:1;}
.pim-deroule__etape::after{content:"";position:absolute;left:56px;right:-12px;top:23px;height:2px;border-radius:2px;background:var(--profond);opacity:.35;}
.pim-deroule__etape:last-child::after{display:none;}
.pim-deroule__etape strong{font:600 28px/1.05 var(--f-titre);color:var(--encre);}
.pim-deroule__etape span{font-size:16px;color:var(--gris);line-height:1.5;max-width:30ch;}
@media (max-width:900px){ .pim-deroule{grid-template-columns:1fr 1fr;row-gap:28px;} .pim-deroule__etape:nth-child(2)::after{display:none;} }
@media (max-width:560px){ .pim-deroule{grid-template-columns:1fr;} .pim-deroule__etape::after{display:none;} .pim-deroule__etape{padding-top:0;padding-left:64px;min-height:48px;} }

/* ===================== 12. CARTE DES COMMUNES (92 + 95) ===================== */
.pim-zone__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center;}
.pim-zone__carte-wrap{position:relative;background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);padding:14px 14px 10px;}
.pim-zone__carte-wrap svg{width:auto;max-width:100%;height:auto;max-height:470px;display:block;margin:0 auto;}
.pim-zone__carte-wrap svg path{fill:#E4EDF0;stroke:#fff;stroke-width:1.5;transition:fill .25s ease;cursor:default;}
.pim-zone__carte-wrap svg path[id^="c-"]{fill:#9CCFDC;cursor:pointer;}
.pim-zone__carte-wrap svg path[id^="c-"]:nth-of-type(3n){fill:#7FBBCB;}
.pim-zone__carte-wrap svg path[id^="c-"]:nth-of-type(3n+1){fill:#B7DDE7;}
.pim-zone__carte-wrap svg path[id^="c-"]:hover,.pim-zone__carte-wrap svg path[id^="c-"].est-survolee{fill:var(--profond);}
.pim-carte-point{fill:var(--soleil);stroke:var(--encre);stroke-width:2;pointer-events:none;}
.pim-carte-nom{font:700 17px var(--f-corps);fill:var(--encre);pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:5px;}
.pim-zone__etiquette{position:absolute;display:none;background:var(--encre);color:#fff;border-radius:var(--r-pilule);padding:7px 14px;font-size:13.5px;font-weight:700;pointer-events:none;z-index:3;white-space:nowrap;}
.pim-zone__etiquette.est-visible{display:block;}
.pim-zone__legende{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gris);margin:6px 0 0;justify-content:center;}
.pim-zone__puce{width:14px;height:14px;border-radius:50%;background:#7FBBCB;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #4FA3B8;flex:none;}
.pim-zone__dep{display:flex;align-items:center;gap:8px;font:600 22px/1 var(--f-titre);color:var(--encre);margin:16px 0 8px;}
.pim-zone__dep span{font:700 13px/1 var(--f-corps);background:var(--soleil);color:var(--encre);border-radius:var(--r-pilule);padding:4px 9px;font-variant-numeric:lining-nums;}
.pim-zone__liste{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 8px;}
.pim-zone__liste a{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-pilule);font-weight:700;font-size:14px;line-height:1.2;transition:background .15s,color .15s,border-color .15s;}
.pim-zone__liste a:hover{background:var(--profond);border-color:var(--profond);color:#fff;}
.pim-zone__liste span{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;color:var(--gris);font-size:14px;}
@media (max-width:1199px){ .pim-zone__liste{grid-template-columns:repeat(2,1fr);} }
@media (max-width:980px){ .pim-zone__grille{grid-template-columns:1fr;gap:24px;} }
@media (max-width:560px){ .pim-zone__liste a{padding:0 10px;font-size:13.5px;} .pim-zone__carte-wrap{padding:8px;} }

/* Mini-carte (pages ville, qui sommes-nous, contact) */
.pim-mini-carte{background:var(--blanc);border-radius:var(--r-tuile);box-shadow:var(--ombre-carte);padding:10px;width:220px;}
.pim-mini-carte svg{width:100%;height:auto;}
.pim-mini-carte svg path{fill:#EAF0F2;stroke:#C5D4DB;stroke-width:.8;}
.pim-mini-carte svg path[id^="c-"]{fill:#9CCFDC;stroke:#fff;}
.pim-mini-carte svg path[id^="c-"].est-active{fill:var(--profond);}
.pim-mini-carte--grande{width:100%;padding:20px;max-width:560px;margin-inline:auto;}
.pim-mini-carte--grande svg{max-height:440px;margin-inline:auto;width:auto;}
@media (max-width:760px){ .pim-mini-carte--grande{padding:10px;} }

/* ===================== 13. AVANT L'APPEL (eau profonde) ===================== */
.pim-section--profond{padding-top:clamp(44px,6vh,60px);}
.pim-reperes-appel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,80px);align-items:center;}
.pim-reperes-appel__texte{display:flex;flex-direction:column;align-items:flex-start;}
.pim-reperes-appel__texte h2{font-size:clamp(36px,3.4vw,52px);line-height:1;margin:16px 0 14px;max-width:14ch;}
.pim-reperes-appel__lien{margin:0 0 24px;font-size:16px;color:rgba(255,255,255,.88);max-width:34ch;}
.pim-reperes-appel__lien a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pim-reperes-appel__liste{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pim-reperes-appel__liste li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-tuile);padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;}
.pim-reperes-appel__liste strong{font:600 26px/1.05 var(--f-titre);color:#fff;}
.pim-reperes-appel__liste span{font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.9);}
@media (max-width:900px){ .pim-reperes-appel{grid-template-columns:1fr;gap:28px;} .pim-section--profond{border-radius:36px 36px 0 0;} }
@media (max-width:560px){ .pim-reperes-appel__liste{grid-template-columns:1fr;} }

/* ===================== 14. FAQ ===================== */
.pim-faq{columns:2;column-gap:28px;}
.pim-faq--une-colonne{columns:1;margin-top:24px;}
.pim-faq-item{break-inside:avoid;margin-bottom:12px;border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:15px 20px;background:var(--papier);}
.pim-faq-item[open]{border-color:var(--profond);background:var(--blanc);}
.pim-faq-item summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.pim-faq-item summary::-webkit-details-marker{display:none;}
.pim-faq-item summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--eau);color:var(--profond-fonce);font:700 20px/30px var(--f-corps);text-align:center;}
.pim-faq-item[open] summary::after{content:"–";background:var(--soleil);color:var(--encre);}
.pim-faq-item p{margin:12px 0 0;color:var(--gris);}
@media (max-width:760px){ .pim-faq{columns:1;} }

/* ===================== 15. APPEL FINAL ===================== */
.pim-final{position:relative;background:var(--ardoise);color:rgba(255,255,255,.88);}
.pim-final--v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:56px;align-items:center;max-width:none;padding:clamp(36px,6vh,52px) max(var(--marge),calc((100% - var(--conteneur))/2));background:linear-gradient(180deg,var(--profond-fonce) 0,var(--ardoise) 100%);border-radius:56px 56px 0 0;}
.pim-appel-final{background:transparent;}
.pim-final__contenu h2{color:#fff;font-size:clamp(38px,3.6vw,56px);line-height:1;text-wrap:balance;margin:14px 0 14px;}
.pim-final__contenu p{font-size:18px;max-width:34em;margin:0 0 22px;}
.pim-final__boutons{display:flex;gap:12px;flex-wrap:wrap;}
.pim-final__rassure{flex-direction:row;flex-wrap:wrap;gap:8px 22px;color:rgba(255,255,255,.9);margin-top:20px!important;font-size:14.5px!important;}
.pim-final__rassure svg{width:18px;height:18px;color:var(--soleil);flex:none;}
.pim-final__colonne{width:min(100%,300px);height:clamp(280px,32vh,340px);margin-left:auto;}
.pim-final__colonne .pim-colonne__eau img{object-position:50% 40%;}
@media (max-width:980px){ .pim-final--v2{grid-template-columns:1fr;padding-block:36px;gap:28px;border-radius:36px 36px 0 0;} .pim-final__colonne{width:min(100%,260px);height:200px;margin:0;border-radius:100px;} }

/* ===================== 16. PIED DE PAGE ===================== */
.pim-footer{position:relative;background:var(--ardoise);color:rgba(255,255,255,.8);padding-top:0;}
.pim-footer__corps,.pim-footer__base{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;}
.pim-footer__corps{padding:44px var(--marge) 24px;display:grid;grid-template-columns:1.1fr 2.2fr 1fr;gap:48px;}
.pim-footer__marque p{color:rgba(255,255,255,.8);max-width:290px;}
.pim-footer__devise{margin:14px 0 18px;font-size:15.5px;line-height:1.6;}
.pim-footer__colonne h3{color:#fff;font-size:22px;margin-bottom:12px;}
.pim-footer__colonne ul{display:flex;flex-direction:column;gap:9px;}
.pim-footer__colonne ul.pim-footer__communes{display:block;columns:2;column-gap:28px;}
.pim-footer__communes li{break-inside:avoid;margin:0 0 9px;}
.pim-footer__communes li > span{font-size:15px;color:rgba(255,255,255,.75);}
.pim-footer a{font-size:15px;}
.pim-footer__colonne a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pim-footer__communes li,.pim-footer__communes a{white-space:normal;}
.pim-footer__h3-suite{margin-top:24px;}
.pim-footer__recherche{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);border-radius:var(--r-pilule);padding:4px 4px 4px 16px;gap:8px;max-width:290px;}
.pim-footer__recherche input{background:none;border:none;color:#fff;font:15px var(--f-corps);width:100%;min-width:0;}
.pim-footer__recherche input:focus{outline:none;}
.pim-footer__recherche input::placeholder{color:rgba(255,255,255,.7);}
.pim-footer__recherche:focus-within{border-color:#fff;}
.pim-footer__recherche button{width:38px;height:38px;border-radius:50%;background:var(--soleil);display:flex;align-items:center;justify-content:center;color:var(--encre);flex:none;}
.pim-footer__recherche button svg{width:18px;height:18px;}
.pim-footer__base{border-top:1px solid rgba(255,255,255,.18);padding:20px var(--marge);display:flex;justify-content:space-between;font-size:14px;flex-wrap:wrap;gap:10px;}
.pim-footer__base p{margin:0;}
@media (max-width:980px){ .pim-footer__corps{grid-template-columns:1fr 1fr;gap:36px;} .pim-footer__marque{grid-column:1/-1;} }
@media (max-width:620px){ .pim-footer__corps{grid-template-columns:1fr;} }
.pim-footer__corps > .pim-footer__colonne:nth-child(2){min-width:0;}

/* ===================== 17. ARTICLE ===================== */
.pim-fil-ariane{font-size:14.5px;color:var(--gris);padding:16px var(--marge) 0;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;}
.pim-fil-ariane a:hover{color:var(--profond-fonce);text-decoration:underline;}

/* En-tête « fiche immersion technique » : bande d'eau claire, titre à gauche, photo dans la colonne à droite,
   étiquette technique à bord soleil posée à cheval sur la colonne. */
.pim-article-hero{background:linear-gradient(180deg,var(--eau) 0,var(--eau-claire) 100%);border-bottom:1px solid var(--ligne);margin:0;}
.pim-article-tete{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:96px;align-items:center;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:14px var(--marge) 44px;}
.pim-article-tete__texte{display:flex;flex-direction:column;align-items:flex-start;}
.pim-article-tete__titre{font-size:clamp(40px,4vw,62px);line-height:.98;margin:16px 0;text-wrap:balance;}
.pim-article-tete__chapo{font-size:20px;color:var(--gris);max-width:34em;margin-bottom:18px;}
.pim-article-tete__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:15px;color:var(--gris);}
.pim-article-tete__meta a{font-weight:700;color:var(--encre);text-decoration:underline;text-underline-offset:3px;}
.pim-article-tete__colonne{width:360px;height:500px;margin-left:auto;border-radius:180px;}
.pim-fiche-technique{position:absolute;z-index:4;left:-70px;bottom:46px;width:216px;background:var(--blanc);border-radius:var(--r-tuile);border-left:7px solid var(--soleil);box-shadow:var(--ombre-flottante);padding:12px 16px 6px 14px;}
.pim-fiche-technique__titre{font:600 21px/1 var(--f-titre);color:var(--profond-fonce);margin:0 0 4px;}
.pim-fiche-technique dl{margin:0;}
.pim-fiche-technique dl > div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-top:1px solid var(--ligne);}
.pim-fiche-technique dt{font-size:13.5px;color:var(--gris);}
.pim-fiche-technique dd{margin:0;font-weight:700;font-size:14.5px;color:var(--encre);white-space:nowrap;font-variant-numeric:lining-nums;}
@media (max-width:980px){ .pim-article-tete{grid-template-columns:1fr;gap:34px;padding-bottom:40px;} .pim-article-tete__colonne{margin:0 auto;width:min(100%,360px);height:400px;} .pim-fiche-technique{left:-12px;} }
@media (max-width:620px){ .pim-article-tete__colonne{height:340px;border-radius:150px;} .pim-fiche-technique{left:50%;transform:translateX(-50%);bottom:-22px;width:calc(100% - 8px);} .pim-fiche-technique dl{display:flex;gap:14px;flex-wrap:wrap;} .pim-fiche-technique dl > div{flex-direction:column;border:0;padding:2px 0;gap:0;} .pim-article-tete{padding-bottom:56px;} }

.pim-article-grille{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:32px var(--marge) 28px;}
.pim-article-colonne{display:flex;flex-direction:column;gap:24px;min-width:0;}
@media (max-width:1180px){ .pim-article-grille{grid-template-columns:1fr;} .pim-aside-form{position:static;} }

.pim-sommaire-carte{background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);padding:22px 26px;}
.pim-sommaire-carte__titre{display:flex;align-items:center;gap:10px;font:600 22px var(--f-titre);color:var(--encre);margin:0 0 14px;}
.pim-sommaire-carte__titre svg{width:22px;height:22px;color:var(--encre);background:var(--soleil);border-radius:50%;padding:5px;box-sizing:content-box;}
.pim-sommaire-carte ol{list-style:none;margin:0;padding:0;counter-reset:som;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;}
.pim-sommaire-carte li{counter-increment:som;}
.pim-sommaire-carte li a{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:14px;font-size:16px;font-weight:600;color:var(--encre);line-height:1.35;transition:background .2s ease,color .2s ease;}
.pim-sommaire-carte li a::before{content:counter(som);flex:none;width:26px;height:26px;border-radius:50%;background:var(--eau);color:var(--profond-fonce);font:700 13.5px/26px var(--f-corps);text-align:center;}
.pim-sommaire-carte li a:hover,.pim-sommaire-carte li.est-actif a{background:var(--eau-claire);color:var(--profond-fonce);}
.pim-sommaire-carte li.est-actif a::before{background:var(--profond);color:#fff;}
@media (max-width:760px){ .pim-sommaire-carte ol{grid-template-columns:1fr;} .pim-sommaire-carte{padding:18px;} }

/* Corps de l'article : panneau blanc, rythme vertical constant */
.pim-corps h2{font-size:34px;margin:40px 0 16px;}
.pim-corps h3{font-size:26px;margin:28px 0 12px;}
.pim-corps p{max-width:68ch;}
.pim-corps strong{color:var(--encre);}
.pim-corps a:not(.pim-btn){color:var(--profond-fonce);text-decoration:underline;text-decoration-color:rgba(9,98,120,.45);text-underline-offset:3px;}
.pim-corps img{border-radius:var(--r-tuile);margin:20px 0;}
.pim-corps table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;}
.pim-corps table th,.pim-corps table td{border:1px solid var(--ligne);padding:10px 14px;text-align:left;}
.pim-corps table th{background:var(--eau-claire);}
.pim-corps--article{background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);padding:clamp(24px,4vw,52px);}
.pim-corps--article > *{margin-top:0;margin-bottom:20px;}
.pim-corps--article > *:last-child{margin-bottom:0;}
.pim-corps--article > h2{font-size:clamp(30px,2.5vw,36px);line-height:1.05;margin:44px 0 16px;scroll-margin-top:110px;}
.pim-corps--article > h2:first-child{margin-top:0;}
.pim-corps--article > h3{font-size:25px;margin:28px 0 10px;}
.pim-corps--article > p{font-size:18px;line-height:1.7;max-width:none;}
.pim-corps--article > ol,.pim-corps--article > .pim-etapes,.pim-corps--article > .pim-comparatif,.pim-corps--article > .pim-reperes,.pim-corps--article > aside,.pim-corps--article > section,.pim-corps--article > div,.pim-corps--article > figure{margin:28px 0;}
.pim-corps--article section.faq h2,.pim-corps--article .sources h2{scroll-margin-top:110px;}
.pim-corps p.chapo{font-size:21px;line-height:1.55;color:var(--gris);}
.pim-corps ul:not([class]){list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:10px;}
.pim-corps ul:not([class]) > li{position:relative;background:var(--papier);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:13px 18px 13px 56px;}
.pim-corps ul:not([class]) > li::before{content:"";position:absolute;left:16px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--soleil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316394B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/14px no-repeat;}
.pim-corps ol:not([class]){padding-left:22px;}
.pim-corps figure{margin:28px 0;}
.pim-corps figure img{border-radius:var(--r-tuile);box-shadow:var(--ombre-carte);margin:0;width:100%;height:auto;}
.pim-corps figcaption{font-size:14.5px;color:var(--gris);margin-top:8px;}
.pim-corps .sources-titre{margin:0 0 8px;font:600 22px var(--f-titre);color:var(--encre);}
.pim-corps aside.sources,.pim-corps .sources{background:var(--eau-claire);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:20px 24px;margin:32px 0;font-size:15px;color:var(--gris);}
.pim-corps .sources h2,.pim-corps .sources h3{font-size:22px;margin:0 0 10px;}
.pim-corps .sources ul:not([class]) > li{background:none;border:0;padding:4px 0 4px 28px;}
.pim-corps .sources ul:not([class]) > li::before{top:8px;left:0;width:18px;height:18px;background-size:11px;}
/* Questions fréquentes : div.faq avec <details> */
.pim-corps div.faq,.pim-corps section.faq{background:var(--eau-claire);border:1px solid var(--ligne);border-radius:var(--r-carte);padding:24px;margin:36px 0;}
.pim-corps div.faq > h2,.pim-corps section.faq > h2{margin-top:0;font-size:32px;}
.pim-corps div.chiffres-commune{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:24px 0;}
.pim-corps aside.bon-a-savoir,.pim-corps figure.info{background:var(--eau);border-left:6px solid var(--soleil);border-radius:var(--r-tuile);padding:18px 22px;margin:24px 0;}

/* Encadrés : à retenir / attention */
.pim-encadre{border-radius:var(--r-tuile);padding:20px 24px;margin:28px 0;}
.pim-encadre p{margin:0;max-width:none!important;}
.pim-encadre strong{display:inline;font-family:var(--f-corps);}
.pim-corps .pim-encadre--retenir{background:var(--eau);border-left:7px solid var(--soleil);}
.pim-corps .pim-encadre--retenir strong{color:var(--profond-fonce);}
.pim-corps .pim-encadre--alerte{background:var(--alarme-fond);border-left:7px solid var(--alarme);}
.pim-corps .pim-encadre--alerte strong{color:var(--alarme);}
.pim-corps .pim-encadre span > strong,.pim-corps .pim-encadre p > strong{display:inline;margin:0;font-family:inherit;font-size:inherit;font-weight:700;}

/* Repliables écrits dans le contenu : jamais un triangle brut */
.pim-corps details,.entry-content details{background:var(--papier);border:1px solid var(--ligne);border-radius:var(--r-tuile);margin:10px 0;overflow:hidden;}
.pim-corps details[open],.entry-content details[open]{border-color:var(--profond);background:var(--blanc);}
.pim-corps summary,.entry-content summary{list-style:none;cursor:pointer;padding:15px 60px 15px 20px;font-weight:700;color:var(--encre);position:relative;}
.pim-corps summary::-webkit-details-marker,.entry-content summary::-webkit-details-marker{display:none;}
.pim-corps summary::after,.entry-content summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--eau);color:var(--profond-fonce);font:700 20px/30px var(--f-corps);text-align:center;}
.pim-corps details[open] summary::after,.entry-content details[open] summary::after{content:"–";background:var(--soleil);color:var(--encre);}
.pim-corps details > :not(summary),.entry-content details > :not(summary){padding:0 20px 16px;margin:0;color:var(--gris);}

/* Étapes d'un guide : une carte par étape, numérotée (liste <ol class="pim-etapes">) */
.pim-etapes{list-style:none;counter-reset:etape;padding:0;margin:28px 0 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.pim-etapes li{counter-increment:etape;background:var(--papier);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;}
.pim-etapes li::before{content:counter(etape);width:36px;height:36px;border-radius:50%;background:var(--soleil);color:var(--encre);font:700 18px/36px var(--f-corps);text-align:center;font-variant-numeric:lining-nums;}
.pim-etapes strong{font:600 23px/1.1 var(--f-titre);color:var(--encre);}
.pim-etapes span{font-size:15.5px;color:var(--gris);line-height:1.5;}
@media (max-width:1180px){ .pim-etapes{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ .pim-etapes{grid-template-columns:1fr;} }
/* Repères chiffrés d'un guide (garanties, profondeurs) : chiffres en Source Sans 3 */
.pim-reperes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0;}
.pim-repere{margin:0;background:linear-gradient(180deg,var(--profond) 0,var(--profond-fonce) 100%);color:rgba(255,255,255,.9);border-radius:var(--r-tuile);padding:18px 20px;display:flex;flex-direction:column;gap:6px;max-width:none!important;}
.pim-repere strong{color:#fff;font:700 30px/1.05 var(--f-corps);font-variant-numeric:lining-nums;}
.pim-repere span{font-size:15px;line-height:1.45;}
/* Comparatif 2 ou 3 options */
.pim-comparatif{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0;}
.pim-comparatif--trois{grid-template-columns:repeat(3,minmax(0,1fr));}
.pim-comparatif--deux{grid-template-columns:repeat(2,minmax(0,1fr));}
.pim-comparatif__carte{display:flex;flex-direction:column;gap:8px;background:var(--eau-claire);border:1px solid var(--ligne);border-top:6px solid var(--profond);border-radius:var(--r-tuile);padding:20px 22px;margin:0;max-width:none!important;}
.pim-comparatif__carte:nth-child(2){border-top-color:var(--soleil);}
.pim-comparatif__carte:nth-child(3){border-top-color:var(--encre);}
.pim-comparatif__carte h3{font:600 26px/1.05 var(--f-titre);margin:0;color:var(--encre);}
.pim-comparatif__carte p{margin:0;font-size:16px;line-height:1.5;max-width:none;}
.pim-comparatif__carte strong{display:inline;font-family:inherit;}
.pim-comparatif__quand{margin-top:auto!important;padding-top:10px;border-top:1px solid var(--ligne);color:var(--profond-fonce);}
@media (max-width:760px){ .pim-comparatif,.pim-comparatif--trois,.pim-comparatif--deux{grid-template-columns:1fr;} }

/* Infographies du socle ([sbs_jauges], [sbs_frise], [sbs_tarifs], lieu) */
sbs-jauges,sbs-frise,sbs-tarifs,sbs-lieu{display:block;background:var(--eau-claire);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:20px 22px;margin:28px 0;}
.sbs_jauges_titre,.sbs_frise_titre,.sbs_tarifs_titre,.sbs_lieu_nom{display:block;font:600 24px/1.1 var(--f-titre);color:var(--encre);margin-bottom:12px;}
sbs-jauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.sbs_jauges_titre{grid-column:1/-1;margin-bottom:0;}
sbs-jauge{display:flex;flex-direction:column;gap:2px;background:var(--blanc);border:1px solid var(--ligne);border-radius:14px;padding:14px 16px;}
.sbs_jauge_valeur{font:700 32px/1 var(--f-corps);font-variant-numeric:lining-nums;color:var(--profond);}
.sbs_jauge_libelle,.sbs_jauge_unite,.sbs_tarif_libelle,.sbs_tarifs_notes,.sbs_etape_desc,.sbs_lieu_acces{font-size:14.5px;color:var(--gris);}
sbs-frise{position:relative;}
sbs-etape{display:grid;grid-template-columns:120px 1fr;column-gap:16px;padding:10px 0 10px 18px;border-left:3px solid var(--profond);position:relative;margin-left:6px;}
sbs-etape::before{content:"";position:absolute;left:-9px;top:16px;width:15px;height:15px;border-radius:50%;background:var(--soleil);box-shadow:0 0 0 3px var(--eau-claire);}
.sbs_etape_date{grid-row:1/3;font:700 15px var(--f-corps);color:var(--profond-fonce);}
.sbs_etape_titre{font-weight:700;}
sbs-tarif{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px;align-items:center;padding:6px 0;}
.sbs_tarif_barre{width:100%;height:22px;border-radius:var(--r-pilule);appearance:none;-webkit-appearance:none;background:var(--eau);border:0;font:700 14px var(--f-corps);}
.sbs_tarif_barre::-webkit-meter-bar{background:var(--eau);border:0;border-radius:999px;height:22px;}
.sbs_tarif_barre::-webkit-meter-optimum-value,.sbs_tarif_barre::-webkit-meter-suboptimum-value,.sbs_tarif_barre::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,var(--profond),#4FA3B8);border-radius:999px;}
.sbs_tarif_barre::-moz-meter-bar{background:linear-gradient(90deg,var(--profond),#4FA3B8);border-radius:999px;}
.sbs_lieu_carte{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--profond-fonce)!important;}
.sbs_icone_repere{width:20px;height:20px;fill:currentColor;}
.sbs_source,.sbs_infographie_source{display:block;font-size:13px;color:var(--gris);margin-top:8px;}

/* Signature d'auteur : portrait en capsule */
.pim-monogramme{display:flex;align-items:center;justify-content:center;background:var(--profond);color:#fff;font:600 22px var(--f-titre);flex:none;border-radius:var(--r-pilule);}
img.pim-portrait-auteur{object-fit:cover;flex:none;padding:0;margin:0;background:var(--eau);border-radius:var(--r-pilule);}
.pim-auteur-box{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--ligne);margin-top:40px;padding-top:28px;}
.pim-auteur-box .pim-monogramme{width:56px;height:56px;font-size:22px;}
.pim-auteur-box__nom{font-weight:700;margin-bottom:2px;}
.pim-auteur-box__role{display:block;color:var(--gris);font-size:14.5px;margin-bottom:8px;}
.pim-auteur-box__bio{color:var(--gris);font-size:15px;margin:0;}
.pim-auteur-box--carte{background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);padding:22px 24px;margin:0;align-items:center;}
.pim-auteur-box img.pim-portrait-auteur,.pim-carte-auteur img.pim-portrait-auteur{width:64px;height:64px;border-radius:32px;}
.pim-article-tete__meta img.pim-portrait-auteur{width:36px;height:36px;border-radius:18px;}
@media (max-width:700px){ .pim-auteur-box--carte{align-items:flex-start;padding:20px;gap:14px;} .pim-auteur-box--carte img.pim-portrait-auteur{width:52px;height:52px;} }

/* Barre latérale d'article : UN seul bloc collant = barre de lecture + sommaire + devis, toujours plus court que la fenêtre */
.pim-aside-form{position:sticky;top:86px;align-self:start;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 100px);}
.pim-lecture{flex:none;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-tuile);padding:8px 16px 10px;}
.pim-lecture__texte{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;color:var(--gris);margin-bottom:7px;}
.pim-lecture__texte strong{font-weight:700;color:var(--encre);font-variant-numeric:tabular-nums;}
.pim-lecture-progress{height:8px;background:var(--eau);border-radius:var(--r-pilule);overflow:hidden;}
.pim-lecture-progress__barre{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--profond),var(--soleil));transform:scaleX(0);transform-origin:left center;border-radius:var(--r-pilule);}
.pim-sommaire-lateral{flex:0 1 auto;min-height:84px;display:flex;flex-direction:column;background:var(--blanc);border-radius:var(--r-tuile);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);padding:14px 10px 8px 14px;overflow:hidden;}
.pim-sommaire-lateral .pim-sommaire-carte__titre{flex:none;font-size:19px;margin:0 0 8px;}
.pim-sommaire-lateral .pim-sommaire-carte__titre svg{width:16px;height:16px;padding:4px;}
.pim-sommaire-lateral ol{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:block;list-style:none;margin:0;padding:0 4px 0 0;scrollbar-width:thin;}
.pim-sommaire-lateral li{counter-increment:som;}
.pim-sommaire-lateral li a{display:flex;gap:9px;align-items:baseline;padding:5px 8px;border-radius:12px;font-size:14.5px;line-height:1.3;font-weight:600;color:var(--encre);transition:background .15s,color .15s;}
.pim-sommaire-lateral li a::before{content:counter(som);flex:none;width:21px;height:21px;border-radius:50%;background:var(--eau);color:var(--profond-fonce);font:700 12px/21px var(--f-corps);text-align:center;}
.pim-sommaire-lateral li a:hover,.pim-sommaire-lateral li.est-actif a{background:var(--eau-claire);color:var(--profond-fonce);}
.pim-sommaire-lateral li.est-actif a::before{background:var(--profond);color:#fff;}
.pim-aside-form__carte{flex:none;background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);box-shadow:var(--ombre-flottante);padding:14px 16px 16px;}
.pim-aside-form__titre{font:600 21px/1 var(--f-titre);margin:0 0 8px;}
/* le devis dans la barre : même circuit, gabarit resserré */
.pim-aside-form .pim-form__entete{margin-bottom:6px;}
.pim-aside-form .pim-form__noms-etapes{display:none;}
.pim-aside-form .pim-form__progression{margin-bottom:10px;}
.pim-aside-form .pim-form__question{font-size:20px;margin-bottom:8px;}
.pim-aside-form .pim-form__champ{margin-bottom:7px;}
.pim-aside-form .pim-form__champ input,.pim-aside-form .pim-form__champ select{height:40px;}
.pim-aside-form .pim-form [data-etape="coordonnees"] .pim-form__champ input{height:40px;}
.pim-aside-form .pim-form__pilule{height:30px;padding:0 10px;font-size:12.5px;}
.pim-aside-form .pim-form__case--consentement{font-size:12px;margin-bottom:8px;}
.pim-aside-form .pim-form__nav .pim-btn{height:44px;}
@media (max-width:1180px){ .pim-aside-form{position:static;max-height:none;} .pim-lecture,.pim-sommaire-lateral{display:none;} }
@media (min-width:1181px){ .pim-article-colonne > .pim-sommaire-carte{display:none;} }
@media (prefers-reduced-motion:reduce){ .pim-sommaire-lateral li a{transition:none;} }

/* À lire aussi */
.pim-lire-aussi__grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:8px;}
.pim-lire-aussi__grille .pim-carte{flex-direction:row;}
.pim-lire-aussi__grille .pim-carte__photo{aspect-ratio:auto;flex:0 0 44%;min-height:190px;}
.pim-lire-aussi__grille .pim-carte__corps{flex:1 1 auto;min-width:0;}
@media (max-width:620px){ .pim-lire-aussi__grille .pim-carte{flex-direction:column;} .pim-lire-aussi__grille .pim-carte__photo{aspect-ratio:16/10;flex:none;} }

/* ===================== 18. RUBRIQUE : GÉLULE D'EAU, GUIDE EN GRAND, ÉTAGÈRES ===================== */
.pim-rub-tete{background:linear-gradient(180deg,var(--eau) 0,var(--papier) 100%);}
.pim-rub-tete__interieur{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:32px var(--marge) 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:48px;align-items:center;}
.pim-rub-tete__texte{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;}
.pim-rub-tete__interieur > *{min-width:0;}
.pim-rub-tete h1{font-size:clamp(46px,5vw,76px);line-height:.95;margin:16px 0 12px;}
.pim-rub-tete__chapo{font-size:19px;color:var(--gris);max-width:32em;margin-bottom:20px;}
.pim-rub-tete__gelule{height:clamp(200px,17vw,250px);border-radius:125px;}
.pim-rub-tete__gelule .pim-colonne__reflets::before{left:9%;right:9%;top:12%;bottom:auto;width:auto;height:7%;background:linear-gradient(180deg,rgba(255,255,255,.34) 0 42%,transparent 42% 62%,rgba(255,255,255,.16) 62%);}
.pim-rubrique-filtres{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;}
.pim-rubrique-filtres a{height:42px;display:inline-flex;align-items:center;padding:0 16px;border-radius:var(--r-pilule);font-weight:600;font-size:15.5px;color:var(--encre);background:var(--blanc);border:1px solid var(--ligne);transition:background .18s ease,color .18s ease,border-color .18s;}
.pim-rubrique-filtres a:hover{border-color:var(--profond);}
.pim-rubrique-filtres a.est-actif{background:var(--encre);color:#fff;border-color:var(--encre);}
.pim-rubrique-liste{max-width:calc(var(--conteneur) + 2*var(--marge));margin:8px auto 0;padding:24px var(--marge) 48px;}
.pim-rubrique-vide{padding:40px 0;color:var(--gris);}

/* Le guide le plus récent, en grand */
.pim-une .pim-carte{flex-direction:row;align-items:stretch;gap:10px;}
.pim-une .pim-carte__photo{flex:0 0 52%;aspect-ratio:auto;max-height:none;min-height:clamp(300px,28vw,400px);border-radius:calc(var(--r-carte) - 8px) 190px 190px calc(var(--r-carte) - 8px);}
.pim-une .pim-carte__corps{flex:1 1 auto;min-width:0;justify-content:center;gap:12px;padding:20px clamp(20px,3vw,44px) 20px 22px;}
.pim-une .pim-carte__titre{font-size:clamp(34px,3.2vw,48px);line-height:1;}
.pim-une .pim-carte__extrait{font-size:18px;line-height:1.55;}
.pim-une .pim-carte__corps::after{content:"Lire le guide";align-self:flex-start;margin-top:6px;background:var(--soleil);color:var(--encre);font-weight:700;font-size:15.5px;padding:0 24px;height:48px;display:inline-flex;align-items:center;border-radius:var(--r-pilule);transition:background .18s ease;}
.pim-une .pim-carte:hover .pim-carte__corps::after{background:var(--soleil-clair);}
@media (max-width:760px){ .pim-une .pim-carte{flex-direction:column;} .pim-une .pim-carte__photo{flex:none;min-height:0;aspect-ratio:16/11;border-radius:calc(var(--r-carte) - 8px);} .pim-une .pim-carte__corps{padding:16px 12px 14px;} }

/* Étagères : les autres guides, du plus rapide au plus approfondi (temps de lecture réel) */
.pim-etagere{margin-top:36px;}
.pim-etagere__tete{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px 8px;}
.pim-etagere__tete h2{font-size:34px;line-height:1;}
.pim-etagere__tete span{font-size:15px;font-weight:600;color:var(--profond-fonce);background:var(--eau);padding:3px 12px;border-radius:var(--r-pilule);}
.pim-etagere__cartes{--n:3;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:20px;width:calc(var(--n) * 33.34%);max-width:100%;padding:18px;background:var(--eau-claire);border:1px solid var(--ligne);border-bottom:10px solid var(--eau);border-radius:30px;}
.pim-etagere__cartes .pim-carte{box-shadow:none;}
.pim-etagere__cartes .pim-carte:hover{box-shadow:var(--ombre-carte);}
.pim-etagere__cartes .pim-carte__photo{aspect-ratio:16/10;flex:none;}
@media (max-width:980px){ .pim-etagere__cartes{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;} }
@media (max-width:620px){ .pim-etagere__cartes{grid-template-columns:1fr;padding:12px;} }

@media (max-width:900px){
	.pim-rub-tete__interieur{grid-template-columns:1fr;gap:26px;padding-block:24px;}
	.pim-rub-tete__gelule{height:190px;border-radius:95px;order:-1;}
}
@media (max-width:760px){
	.pim-rubrique-filtres{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
	.pim-rubrique-filtres::-webkit-scrollbar{display:none;}
	.pim-rubrique-filtres a{flex:0 0 auto;white-space:nowrap;padding:0 14px;font-size:14.5px;}
}

/* Page Communes : une vignette par commune, compacte */
.pim-communes-grille{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:8px;}
.pim-communes-grille .pim-carte--commune{flex-direction:row;align-items:center;gap:12px;padding:8px;min-height:0;box-shadow:none;}
.pim-communes-grille .pim-carte--commune:hover{box-shadow:var(--ombre-carte);}
.pim-communes-grille .pim-carte--commune .pim-carte__photo{flex:0 0 64px;width:64px;height:64px;aspect-ratio:1/1;border-radius:50%;}
.pim-communes-grille .pim-carte--commune .pim-carte__photo::after{display:none;}
.pim-communes-grille .pim-carte--commune .pim-carte__corps{padding:0;min-width:0;flex:1;gap:0;}
.pim-communes-grille .pim-carte--commune .pim-carte__titre{font-size:19px;line-height:1.1;margin:0;overflow-wrap:anywhere;hyphens:auto;}
@media (max-width:1180px){ .pim-communes-grille{grid-template-columns:repeat(4,1fr);} }
@media (max-width:900px){ .pim-communes-grille{grid-template-columns:repeat(3,1fr);} }
@media (max-width:760px){
	.pim-communes-grille{grid-template-columns:repeat(2,1fr);gap:10px;}
	.pim-communes-grille .pim-carte--commune .pim-carte__photo{flex-basis:48px;width:48px;height:48px;}
	.pim-communes-grille .pim-carte--commune .pim-carte__titre{font-size:17px;}
}

/* ===================== 19. PAGE COMMUNE ===================== */
.pim-ville-corps .pim-section__panneau.pim-ville-grille{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;}
.pim-ville-aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px;}
.pim-ville-aside__formulaire,.pim-ville-aside__carte{background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);padding:20px 20px 22px;}
.pim-ville-aside__formulaire{box-shadow:var(--ombre-flottante);}
.pim-ville-aside__carte{display:flex;flex-direction:column;gap:10px;background:var(--eau-claire);}
.pim-ville-aside__titre{font:600 24px/1.1 var(--f-titre);color:var(--encre);margin:0 0 12px;}
.pim-ville-aside__carte .pim-ville-aside__titre{margin:0;}
.pim-ville-aside__liens{display:flex;flex-wrap:wrap;gap:6px;margin:0;}
.pim-ville-aside__liens a{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-pilule);padding:5px 12px;font-size:13.5px;font-weight:700;color:var(--encre);}
.pim-ville-aside__liens a:hover{background:var(--profond);border-color:var(--profond);color:#fff;}
@media (max-width:980px){ .pim-ville-corps .pim-section__panneau.pim-ville-grille{grid-template-columns:1fr;gap:32px;} .pim-ville-aside{position:static;} }
/* Texte de la page ville en accordéons */
.pim-accordeons{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.pim-accordeon{background:var(--papier);border:1px solid var(--ligne);border-radius:var(--r-tuile);overflow:hidden;}
.pim-accordeon[open]{border-color:var(--profond);background:var(--blanc);}
.pim-accordeon > summary{list-style:none;cursor:pointer;padding:16px 66px 16px 22px;position:relative;}
.pim-accordeon > summary::-webkit-details-marker{display:none;}
.pim-accordeon > summary h2,.pim-accordeon > summary h3{font-size:clamp(24px,2vw,28px)!important;line-height:1.1;margin:0!important;}
.pim-accordeon > summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--eau);color:var(--profond-fonce);font:700 22px/32px var(--f-corps);text-align:center;}
.pim-accordeon[open] > summary::after{content:"–";background:var(--soleil);color:var(--encre);}
.pim-accordeon__corps{padding:0 22px 20px;}
.pim-accordeon__corps > :first-child{margin-top:0;}
.pim-ville-corps .pim-corps h2{margin:0;}

/* ===================== 20. CONTACT, QUI SOMMES-NOUS, PAGES ANNEXES ===================== */
.pim-bandeau-simple{padding:48px var(--marge) 32px;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;}
.pim-bandeau-simple h1{font-size:clamp(42px,4.4vw,64px);line-height:1;margin-top:14px;}
.pim-bandeau-simple__chapo{margin-top:14px;font-size:19px;color:var(--gris);max-width:40em;}
.pim-page-simple{max-width:760px;margin:0 auto 60px;padding-inline:var(--marge);}
.pim-deux-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.pim-section--eau .pim-deux-colonnes{align-items:center;}
.pim-reassurance-ligne{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:16px;}
.pim-reassurance-ligne svg{width:22px;height:22px;color:var(--profond);flex:none;margin-top:2px;}
.pim-reassurance-ligne a{color:var(--profond-fonce);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.pim-contact-colonne{width:min(100%,380px);height:clamp(300px,30vw,400px);margin:0 auto 52px 0;border-radius:190px;}
.pim-contact-pastille{position:absolute;z-index:4;right:-28px;bottom:26px;background:var(--blanc);border-radius:var(--r-tuile);border-left:7px solid var(--soleil);box-shadow:var(--ombre-flottante);padding:8px 10px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--encre);}
.pim-contact-pastille .pim-mini-carte{width:150px;box-shadow:none;padding:4px;background:transparent;}
.pim-contact-pastille__legende{font-weight:700;font-size:13.5px;line-height:1.25;text-align:center;padding:0 6px 4px;color:var(--profond-fonce);}
a.pim-contact-pastille:hover .pim-contact-pastille__legende{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:980px){ .pim-deux-colonnes{grid-template-columns:1fr;gap:36px;} }
@media (max-width:760px){ .pim-contact-pastille{display:none;} .pim-contact-colonne{margin-bottom:24px;height:260px;border-radius:130px;} .pim-section--eau .pim-deux-colonnes{gap:20px;} }
.pim-devis-seo .pim-section__panneau{max-width:calc(980px + 2*var(--marge));}
.pim-devis-seo .pim-accordeon__corps p{font-size:17px;line-height:1.7;color:var(--encre);max-width:none;}
.pim-devis-seo .pim-accordeon__corps a{color:var(--profond-fonce);font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* Qui sommes-nous */
.pim-qsn-info__intro{font:600 clamp(26px,2.2vw,32px)/1.2 var(--f-titre);color:var(--encre);max-width:34em;margin:0 0 26px;}
.pim-qsn-info__grille{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;}
.pim-qsn-info__approche{background:linear-gradient(180deg,var(--profond) 0,var(--profond-fonce) 100%);color:rgba(255,255,255,.92);border-radius:var(--r-carte);padding:28px;}
.pim-qsn-info__approche h2{color:#fff;font-size:32px;margin:0 0 10px;}
.pim-qsn-info__approche p{margin:0;font-size:17px;line-height:1.6;}
.pim-qsn-info__couvre{background:var(--eau-claire);border:1px solid var(--ligne);border-radius:var(--r-carte);padding:28px;}
.pim-qsn-info__couvre h2{font-size:32px;margin:0 0 16px;}
.pim-qsn-info__tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.pim-qsn-info__tuile{background:var(--blanc);border-radius:var(--r-tuile);border:1px solid var(--ligne);padding:16px;margin:0;display:flex;flex-direction:column;gap:6px;}
.pim-qsn-info__tuile strong{font:600 23px/1.05 var(--f-titre);color:var(--encre);}
.pim-qsn-info__tuile > span:last-child{font-size:15px;color:var(--gris);line-height:1.45;}
.pim-qsn-info__icone{width:42px;height:42px;border-radius:50%;background:var(--soleil);color:var(--encre);display:inline-flex;align-items:center;justify-content:center;}
.pim-qsn-info__icone svg{width:21px;height:21px;}
.pim-qsn-info__note{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;font-size:15.5px;color:var(--gris);}
.pim-qsn-info__note svg{width:20px;height:20px;color:var(--remis);flex:none;margin-top:2px;}
.pim-qsn-info__note a{color:var(--profond-fonce);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:980px){ .pim-qsn-info__grille{grid-template-columns:1fr;} .pim-qsn-info__tuiles{grid-template-columns:1fr;} }
.pim-carte-auteur{display:flex;gap:18px;background:var(--blanc);border-radius:var(--r-carte);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);padding:24px;}
.pim-carte-auteur .pim-monogramme{width:64px;height:64px;font-size:24px;}
.pim-btn--publications{white-space:nowrap;}
@media (max-width:620px){ .pim-carte-auteur{flex-direction:column;align-items:flex-start;gap:14px;} }
/* Page « Notre équipe » */
.pim-equipe-tete{background:linear-gradient(180deg,var(--eau) 0,var(--eau-claire) 100%);border-bottom:1px solid var(--ligne);}
.pim-equipe-tete__interieur{max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:clamp(40px,7vh,64px) var(--marge) clamp(36px,6vh,56px);text-align:left;}
.pim-equipe-tete h1{font-size:clamp(46px,5vw,72px);line-height:.98;margin:16px 0;}
.pim-equipe-tete__chapo{font-size:20px;color:var(--gris);max-width:36em;margin:0;}
.pim-equipe__grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
.pim-equipe-carte{display:flex;gap:26px;align-items:flex-start;background:var(--papier);border:1px solid var(--ligne);border-radius:var(--r-carte);padding:28px;}
.pim-equipe-carte img.pim-portrait-auteur,.pim-equipe-carte .pim-monogramme{width:120px;height:160px;font-size:36px;border-radius:60px;}
.pim-equipe-carte__texte{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.pim-equipe-carte h2{font-size:34px;line-height:1;margin:0;}
.pim-equipe-carte__role{margin:0;color:var(--gris);font-size:14.5px;font-weight:600;}
.pim-equipe-carte__bio{margin:4px 0 8px;font-size:16.5px;line-height:1.6;color:var(--encre);}
.pim-equipe__texte{margin-top:36px;max-width:68ch;}
@media (max-width:980px){ .pim-equipe__grille{grid-template-columns:1fr;} }
@media (max-width:560px){ .pim-equipe-carte{flex-direction:column;gap:16px;padding:20px;} .pim-equipe-carte img.pim-portrait-auteur,.pim-equipe-carte .pim-monogramme{width:96px;height:128px;border-radius:48px;} .pim-btn--publications{white-space:normal;height:auto;min-height:44px;padding-block:10px;} }
.pim-engagements{display:flex;flex-wrap:wrap;gap:10px;}
.pim-engagement-pastille{display:flex;align-items:center;gap:10px;background:var(--eau-claire);border:1px solid var(--ligne);color:var(--encre);border-radius:var(--r-pilule);padding:9px 18px 9px 14px;font-weight:700;font-size:15px;}
.pim-engagement-pastille svg{width:19px;height:19px;color:var(--profond);}
.pim-page-auteur__tete{display:flex;gap:24px;align-items:center;padding:20px 0;}
.pim-page-auteur__tete .pim-monogramme{width:84px;height:84px;font-size:30px;}
.pim-page-auteur__tete img.pim-portrait-auteur{width:84px;height:84px;border-radius:42px;}

/* 404, recherche */
.pim-404{text-align:center;padding:90px var(--marge);}
.pim-404__symbole{display:block;width:80px;height:80px;margin:0 auto 24px;color:var(--profond);}
.pim-404__symbole svg{width:100%;height:100%;}
.pim-404 h1{font-size:54px;margin-bottom:12px;}
.pim-404__recherche,.pim-recherche-form{display:flex;gap:10px;max-width:460px;margin:24px auto;}
.pim-recherche-form{margin:20px 0 0;max-width:520px;}
.pim-404__recherche input,.pim-recherche-form input{flex:1;height:52px;border-radius:var(--r-pilule);border:1.5px solid var(--champ);padding:0 20px;font:16px var(--f-corps);background:var(--blanc);color:var(--encre);min-width:0;}
.pim-404__recherche input:focus,.pim-recherche-form input:focus{outline:none;border-color:var(--profond);box-shadow:0 0 0 4px rgba(9,98,120,.2);}
.pim-404__rubriques{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px;}
@media (max-width:480px){ .pim-404__recherche,.pim-recherche-form{flex-direction:column;} }

/* Page Crédits photos */
.pim-credits{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px}
.pim-credits__carte{margin:0;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-tuile);overflow:hidden;box-shadow:var(--sb-ombre)}
.pim-credits__carte img{display:block;width:100%;height:140px;object-fit:cover}
.pim-credits__carte figcaption{display:flex;flex-direction:column;gap:4px;padding:12px 14px;font-size:14.5px;line-height:1.4}
.pim-credits__carte span{color:var(--gris)}
.pim-credits__carte a{color:var(--profond-fonce);font-weight:700}

/* =====================================================================================================
   PASSE 1 (03/11/2026) — identité « LE TUBAGE » : le coin coupé à 45° (une section de tubage sciée)
   remplace partout le rond, la gélule et l'arche. Photos nettes : plus de bulles ni de reflet.
   ===================================================================================================== */
:root{ --coupe:72px; --coupe-s:28px; }
.pim-colonne{border-radius:0;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));box-shadow:none;}
.pim-colonne__eau{border-radius:0;}
.pim-colonne__eau::after{background:linear-gradient(0deg,rgba(7,76,94,.55) 0,rgba(7,76,94,0) 45%);}
.pim-colonne__reflets,.pim-carte__photo::after,.pim-rub-tete__gelule .pim-colonne__reflets::before{display:none!important;}
.pim-portrait-lien{display:inline-flex;flex:none;}
img.pim-portrait-auteur{border-radius:14px!important;}

/* ---------- Hero d'accueil : le tubage ---------- */
.pim-tubage{background:var(--papier);overflow:hidden;--tubage-g:45vw;--carte-l:clamp(390px,29.5vw,430px);}
.pim-tubage__photo{position:absolute;top:0;right:0;bottom:44px;left:var(--tubage-g);background:var(--profond);clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));}
.pim-tubage__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 50%;margin:0;border-radius:0;}
.pim-tubage__eau{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,60,76,.88) 0,rgba(9,98,120,.5) 22%,rgba(9,98,120,0) 50%);}
.pim-tubage .pim-tubage__grille{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) var(--carte-l);column-gap:40px;align-items:end;min-height:var(--h-scene);padding-top:18px;padding-bottom:16px;}
.pim-tubage .pim-hero__texte{align-self:center;max-width:calc(var(--tubage-g) - max(var(--marge),(100vw - var(--conteneur))/2) - 44px);}
.pim-tubage .pim-hero__titre{font-size:clamp(44px,4.2vw,66px);line-height:.96;}
.pim-tubage .pim-hero__rassure a{color:var(--profond-fonce);text-decoration:underline;text-underline-offset:3px;}
.pim-tubage .pim-hero__rassure svg{color:var(--profond);}
.pim-tubage__devis{position:relative;width:var(--carte-l);justify-self:end;}
.pim-tubage__devis .pim-form{box-shadow:0 2px 6px rgba(7,48,62,.18),0 40px 70px -28px rgba(4,30,40,.75);}

@media (max-width:1180px){
	.pim-tubage{display:grid;grid-template-columns:minmax(0,1fr);padding:18px var(--marge) 28px;background:linear-gradient(180deg,var(--eau-claire) 0,var(--papier) 100%);}
	.pim-tubage .pim-tubage__grille{display:contents;}
	.pim-tubage .pim-hero__texte{order:1;max-width:640px;}
	.pim-tubage__photo{order:2;position:relative;inset:auto;height:clamp(150px,34vw,320px);margin:18px calc(-1 * var(--marge)) 0;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
	.pim-tubage__devis{order:3;width:100%;max-width:560px;justify-self:center;margin-top:-64px;z-index:3;}
}
@media (max-width:760px){
	.pim-tubage{padding:12px var(--marge) 20px;}
	.pim-tubage .pim-surtitre{display:none;}
	.pim-tubage .pim-hero__titre{font-size:clamp(33px,9.4vw,40px);margin:4px 0 0;}
	.pim-tubage .pim-hero__chapo,.pim-tubage .pim-hero__rassure{display:none;}
	.pim-tubage__photo{height:104px;margin-top:12px;}
	.pim-tubage__devis{margin-top:-40px;}
	.pim-tubage .pim-form{padding:12px 12px 12px;border-radius:22px;}
	.pim-tubage .pim-form__entete{margin-bottom:8px;}
	.pim-tubage .pim-form__noms-etapes{margin-bottom:8px;}
	.pim-tubage .pim-form__question{font-size:22px;margin-bottom:10px;}
	.pim-tubage .pim-form__options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;}
	.pim-tubage .pim-form__option{min-height:52px;border-radius:14px;padding:6px 8px 6px 6px;gap:8px;font-size:14.5px;line-height:1.15;}
	.pim-tubage .pim-form__bulle{width:26px;height:26px;}
	.pim-tubage .pim-form__bulle svg{width:13px;height:13px;}
}

/* Hero des pages ville et qui-sommes-nous : la colonne garde la forme du tubage (rectangle, coin coupé) */
.pim-hero__colonne{border-radius:0!important;clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));}
.pim-hero__colonne--ville{left:0;width:auto!important;}
.pim-hero__colonne--ville + .pim-hero__devis{left:28px;top:28px;}
@media (max-width:1180px){ .pim-hero__colonne--ville + .pim-hero__devis{left:auto;top:auto;} .pim-hero__colonne{clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));} }

/* ---------- En-tête d'article : la plongée (bandeau photo pleine largeur sous l'eau) ---------- */
.pim-plongee{position:relative;margin:8px 12px 0;background:none;border:0;color:#fff;min-height:clamp(380px,52vh,470px);display:flex;align-items:flex-end;}
.pim-plongee__photo,.pim-plongee--sans-photo::before{position:absolute;inset:0;background:var(--ardoise);clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));overflow:hidden;}
.pim-plongee--sans-photo::before{content:"";background:linear-gradient(160deg,var(--profond) 0,var(--ardoise) 100%);}
.pim-plongee__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.pim-plongee__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,40,52,.9) 0,rgba(7,60,76,.72) 42%,rgba(9,98,120,.18) 78%),linear-gradient(0deg,rgba(6,40,52,.85) 0,rgba(6,40,52,0) 55%);}
.pim-plongee__interieur{position:relative;z-index:1;width:100%;max-width:calc(var(--conteneur) + 2*var(--marge));margin-inline:auto;padding:0 calc(var(--marge) - 12px) 0;}
.pim-plongee .pim-fil-ariane{color:rgba(255,255,255,.82);padding:20px 0 0;max-width:none;}
.pim-plongee .pim-fil-ariane a{color:#fff;}
.pim-plongee .pim-article-tete{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;align-items:end;max-width:none;padding:56px 0 0;}
.pim-plongee .pim-article-tete__texte{padding-bottom:40px;max-width:780px;}
.pim-plongee .pim-surtitre{color:var(--soleil);}
.pim-plongee .pim-article-tete__titre{color:#fff;font-size:clamp(40px,4.2vw,64px);}
.pim-plongee .pim-article-tete__chapo{color:rgba(255,255,255,.9);max-width:40em;}
.pim-plongee .pim-article-tete__meta{color:rgba(255,255,255,.85);}
.pim-plongee .pim-article-tete__meta a{color:#fff;}
.pim-plongee .pim-article-tete__meta img.pim-portrait-auteur{width:44px;height:44px;border:2px solid rgba(255,255,255,.85);}
.pim-article-tete__signature{display:flex;flex-direction:column;line-height:1.25;}
.pim-article-tete__signature small{font-size:13.5px;opacity:.85;}
.pim-plongee .pim-fiche-technique{position:relative;left:auto;bottom:auto;transform:translateY(32px);width:auto;color:var(--encre);border-radius:var(--r-tuile);border-left:0;border-top:7px solid var(--soleil);}
.pim-plongee + .pim-article-grille{padding-top:64px;}
@media (max-width:980px){ .pim-plongee .pim-article-tete{grid-template-columns:1fr;gap:0;padding-top:36px;} .pim-plongee .pim-article-tete__texte{padding-bottom:20px;} .pim-plongee .pim-fiche-technique{transform:translateY(24px);max-width:420px;} .pim-plongee .pim-fiche-technique dl{display:flex;gap:18px;flex-wrap:wrap;} .pim-plongee .pim-fiche-technique dl > div{flex-direction:column;border:0;padding:2px 0;gap:0;} }
@media (max-width:760px){
	.pim-plongee{margin:6px 0 0;min-height:0;}
	.pim-plongee__photo,.pim-plongee--sans-photo::before{clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
	.pim-plongee__interieur{padding:0 var(--marge);}
	.pim-plongee .pim-fil-ariane{padding-top:16px;font-size:13.5px;}
	.pim-plongee .pim-article-tete{padding-top:22px;}
	.pim-plongee .pim-article-tete__titre{font-size:clamp(30px,8.4vw,38px);margin:10px 0 12px;}
	.pim-plongee .pim-article-tete__chapo{font-size:17px;}
	.pim-plongee .pim-fiche-technique{transform:translateY(20px);}
	.pim-plongee + .pim-article-grille{padding-top:44px;}
}

/* ---------- Accueil : cartes « votre cas » (rectangles à coin coupé + étiquette) ---------- */
.pim-usage{border-radius:0 0 var(--r-carte) var(--r-carte)!important;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));box-shadow:none;}
.pim-usage__photo::after{background:linear-gradient(0deg,rgba(7,60,76,.45) 0,rgba(7,60,76,0) 50%);}
.pim-usage__etiquette{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:var(--soleil);color:var(--encre);font-weight:700;font-size:14px;line-height:1;padding:7px 12px 7px 9px;border-radius:10px;}
.pim-usage__etiquette svg{width:17px;height:17px;}

/* ---------- Accueil : le déroulé en descente, le long d'une photo réelle ---------- */
.pim-descente{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px);align-items:stretch;}
.pim-descente__photo{position:relative;min-height:320px;clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));background:var(--profond);}
.pim-descente__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;margin:0;border-radius:0;}
.pim-descente .pim-section__tete{margin-bottom:18px;}
.pim-descente .pim-deroule{display:flex;flex-direction:column;gap:0;position:relative;padding-left:0;}
.pim-descente .pim-deroule::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--eau) 0,var(--profond) 100%);}
.pim-descente .pim-deroule__etape{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;row-gap:2px;padding:0 0 18px;align-items:center;}
.pim-descente .pim-deroule__etape:last-child{padding-bottom:0;}
.pim-descente .pim-deroule__etape::before,.pim-descente .pim-deroule__etape::after{display:none;}
.pim-deroule__picto{grid-row:1 / span 2;position:relative;z-index:1;width:48px;height:48px;border-radius:12px;background:var(--blanc);border:2px solid var(--profond);color:var(--profond);display:flex;align-items:center;justify-content:center;}
.pim-deroule__etape:nth-child(n+3) .pim-deroule__picto{background:var(--profond);color:#fff;}
.pim-deroule__etape:last-child .pim-deroule__picto{background:var(--soleil);border-color:var(--soleil);color:var(--encre);}
.pim-deroule__picto svg{width:22px;height:22px;}
.pim-descente .pim-deroule__etape strong{font-size:26px;}
.pim-descente .pim-deroule__etape > span:last-child{max-width:52ch;font-size:15.5px;}
@media (max-width:900px){ .pim-descente{grid-template-columns:1fr;} .pim-descente__photo{min-height:180px;order:2;} }

/* ---------- Accueil : repères avec picto, FAQ à pastilles ---------- */
.pim-reperes-appel__liste li{position:relative;}
.pim-repere__picto{width:44px;height:44px;border-radius:12px;background:var(--soleil);color:var(--encre);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;}
.pim-repere__picto svg{width:22px;height:22px;}
.pim-faq-item summary{justify-content:flex-start;}
.pim-faq-item summary::after{margin-left:auto;}
.pim-faq-item__theme{flex:none;font-size:12.5px;font-weight:700;line-height:1;padding:6px 9px;border-radius:8px;background:var(--eau);color:var(--profond-fonce);}
.pim-faq-item__q{min-width:0;}
.pim-faq-item[open]{background:linear-gradient(180deg,var(--eau-claire) 0,var(--blanc) 100%);box-shadow:var(--ombre-carte);}
.pim-faq-item[open] p{background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:12px 14px;color:var(--encre);}

/* ---------- Article : étapes en frise verticale numérotée (jamais d'étape orpheline) ---------- */
.pim-etapes{display:flex!important;flex-direction:column;gap:0;position:relative;}
.pim-etapes li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;row-gap:4px;background:none;border:0;border-radius:0;padding:0 0 18px;position:relative;}
.pim-etapes li::before{grid-row:1 / span 3;width:40px;height:40px;border-radius:12px;line-height:40px;position:relative;z-index:1;}
.pim-etapes li:not(:last-child)::after{content:"";position:absolute;left:18px;top:44px;bottom:2px;width:4px;border-radius:2px;background:var(--eau);}
.pim-etapes li > *{grid-column:2;}

/* ---------- Rubrique : bandeau photo, relevé chiffré, guide d'entrée + sommaire, fiches ---------- */
.pim-rub-plan{position:relative;background:var(--papier);padding:8px 12px 0;}
.pim-rub-plan__photo{position:absolute;top:8px;right:12px;width:min(46%,640px);height:calc(100% - 70px);clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));background:var(--profond);}
.pim-rub-plan__photo img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.pim-rub-plan .pim-rub-tete__interieur{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:40px calc(var(--marge) - 12px) 28px;}
.pim-rub-plan .pim-rub-tete__texte{max-width:min(52%,620px);}
.pim-rub-plan__releve{display:flex;gap:10px;margin:0;flex-wrap:wrap;}
.pim-rub-plan__releve div{background:var(--blanc);border:1px solid var(--ligne);border-top:5px solid var(--soleil);border-radius:14px;padding:10px 16px;min-width:120px;}
.pim-rub-plan__releve dt{font-size:13.5px;color:var(--gris);}
.pim-rub-plan__releve dd{margin:2px 0 0;font:600 30px/1 var(--f-titre);color:var(--encre);font-variant-numeric:lining-nums;}
.pim-rub-plan .pim-rubrique-filtres{position:relative;max-width:calc(var(--conteneur) + 2*var(--marge) - 24px);margin:0 auto;padding:0 calc(var(--marge) - 12px) 22px;}
.pim-rub-depart{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:stretch;}
.pim-rub-depart--seul{grid-template-columns:1fr;}
.pim-rub-depart__guide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-carte);box-shadow:var(--ombre-carte);overflow:hidden;}
.pim-rub-depart__photo{position:relative;min-height:300px;clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));}
.pim-rub-depart__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.pim-rub-depart__corps{padding:26px 26px 28px;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.pim-rub-depart__marque{margin:0;align-self:flex-start;background:var(--eau);color:var(--profond-fonce);font-weight:700;font-size:14px;padding:5px 11px;border-radius:8px;}
.pim-rub-depart__corps h2{font-size:clamp(28px,2.4vw,38px);line-height:1.02;margin:0;}
.pim-rub-depart__corps h2 a:hover{color:var(--profond);}
.pim-rub-depart__corps p{margin:0;color:var(--gris);}
.pim-rub-sommaire{background:var(--ardoise);color:#fff;border-radius:var(--r-carte);padding:22px 22px 18px;}
.pim-rub-sommaire__titre{font:600 24px/1 var(--f-titre);margin:0 0 12px;color:var(--soleil);}
.pim-rub-sommaire ol{list-style:none;margin:0;padding:0;counter-reset:som;}
.pim-rub-sommaire li{counter-increment:som;border-top:1px solid rgba(255,255,255,.16);}
.pim-rub-sommaire a{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 0;color:#fff;font-weight:600;font-size:15.5px;line-height:1.3;}
.pim-rub-sommaire a::before{content:counter(som);font-weight:700;color:var(--soleil);font-variant-numeric:lining-nums;}
.pim-rub-sommaire a:hover span{text-decoration:underline;text-underline-offset:3px;}
.pim-rub-sommaire time{font-size:13.5px;color:rgba(255,255,255,.75);white-space:nowrap;}
.pim-rub-fiches__titre{font-size:clamp(30px,2.6vw,40px);margin:44px 0 16px;}
.pim-rub-fiches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.pim-rub-fiches > :last-child:nth-child(3n+1){grid-column:1 / -1;}
.pim-rub-fiches > :last-child:nth-child(3n+2){grid-column:span 2;}
.pim-rub-fiche{display:flex;flex-direction:column;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-carte);overflow:hidden;}
.pim-rub-fiche__photo{position:relative;display:block;aspect-ratio:16/9;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-rub-fiche__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.pim-rub-fiche__corps{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;}
.pim-rub-fiche h3{font-size:24px;line-height:1.08;margin:0;}
.pim-rub-fiche h3 a:hover{color:var(--profond);}
.pim-rub-fiche p{margin:0;color:var(--gris);font-size:15.5px;}
.pim-rub-fiche__meta{font-size:13.5px!important;}
.pim-rub-fiches > :last-child:nth-child(3n+1),.pim-rub-fiches > :last-child:nth-child(3n+2){flex-direction:row;}
.pim-rub-fiches > :last-child:nth-child(3n+1) .pim-rub-fiche__photo,.pim-rub-fiches > :last-child:nth-child(3n+2) .pim-rub-fiche__photo{flex:0 0 46%;aspect-ratio:auto;min-height:220px;}
.pim-rub-fiches > :last-child:nth-child(3n+1) .pim-rub-fiche__corps,.pim-rub-fiches > :last-child:nth-child(3n+2) .pim-rub-fiche__corps{justify-content:center;padding:22px 26px;}
.pim-rub-relais{background:linear-gradient(180deg,var(--profond) 0,var(--profond-fonce) 100%);color:rgba(255,255,255,.92);clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));margin:24px 12px 0;}
.pim-rub-relais__interieur{max-width:calc(var(--conteneur) + 2*var(--marge));margin:0 auto;padding:44px var(--marge) 48px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px 48px;align-items:center;}
.pim-rub-relais h2{color:#fff;font-size:clamp(32px,3vw,46px);line-height:1;margin:0;grid-column:1;}
.pim-rub-relais p{margin:0;grid-column:1;font-size:17px;}
.pim-rub-relais ul{grid-column:2;grid-row:1 / span 2;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-weight:600;}
.pim-rub-relais li{display:flex;gap:10px;align-items:center;}
.pim-rub-relais li svg{width:22px;height:22px;color:var(--soleil);flex:none;}
.pim-rub-relais .pim-btn{grid-column:1;justify-self:start;margin-top:10px;}
@media (max-width:980px){ .pim-rub-depart{grid-template-columns:1fr;} .pim-rub-fiches{grid-template-columns:1fr 1fr;} .pim-rub-fiches > :last-child:nth-child(3n+2),.pim-rub-fiches > :last-child:nth-child(3n+1){grid-column:auto;flex-direction:column;} .pim-rub-fiches > :last-child:nth-child(odd){grid-column:1 / -1;} .pim-rub-relais__interieur{grid-template-columns:1fr;} .pim-rub-relais ul,.pim-rub-relais .pim-btn{grid-column:1;grid-row:auto;} }
@media (max-width:900px){ .pim-rub-plan__photo{position:relative;top:auto;right:auto;width:100%;height:150px;} .pim-rub-plan .pim-rub-tete__texte{max-width:none;} .pim-rub-plan .pim-rub-tete__interieur{padding-top:20px;} }
@media (max-width:620px){ .pim-rub-depart__guide{grid-template-columns:1fr;} .pim-rub-depart__photo{min-height:190px;} .pim-rub-fiches{grid-template-columns:1fr;} .pim-rub-fiches > :last-child{grid-column:auto!important;flex-direction:column!important;} .pim-rub-fiches > :last-child .pim-rub-fiche__photo{flex:none!important;aspect-ratio:16/9!important;min-height:0!important;} .pim-rub-relais{margin-inline:0;} }

/* ---------- Contact : la photo monte dans l'en-tête, colonnes de hauteur proche ---------- */
.pim-bandeau-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px;align-items:center;padding-top:28px;padding-bottom:28px;}
.pim-bandeau-photo__visuel{position:relative;height:clamp(220px,22vw,300px);clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));}
.pim-bandeau-photo__visuel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.pim-contact-zone{display:flex;gap:18px;align-items:center;background:var(--eau-claire);border:1px solid var(--ligne);border-radius:var(--r-carte);padding:16px;margin-bottom:18px;color:var(--encre);}
.pim-contact-zone .pim-mini-carte{width:200px;flex:none;}
.pim-contact-zone__texte{display:flex;flex-direction:column;gap:4px;}
.pim-contact-zone__texte strong{font:600 28px/1.05 var(--f-titre);}
.pim-contact-zone__texte span{color:var(--gris);font-size:15px;}
.pim-contact-zone:hover strong{color:var(--profond);}
.pim-deux-colonnes .pim-reassurance-ligne{background:var(--blanc);border:1px solid var(--ligne);border-radius:14px;padding:14px 16px;margin:0 0 10px;}
@media (max-width:760px){ .pim-bandeau-photo{grid-template-columns:1fr;gap:18px;padding-top:20px;} .pim-bandeau-photo__visuel{height:150px;order:-1;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));} .pim-contact-zone{flex-direction:column;align-items:flex-start;} .pim-contact-zone .pim-mini-carte{width:min(100%,240px);} }

/* ---------- Page ville : le formulaire seul suit le défilement ; les communes passent sous le texte ---------- */
.pim-ville-aside{position:sticky;top:96px;}
.pim-ville-autres{margin-top:28px;}

/* ---------- Pied de page : colonne de la marque complétée (bouton + zone) ---------- */
.pim-footer__rappel{margin-top:18px;}
.pim-footer__zone{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:15px;color:rgba(255,255,255,.85);}
.pim-footer__zone svg{width:20px;height:20px;color:var(--soleil);flex:none;}

/* ---------- Débordements à 390 (carte SVG, images) ---------- */
.pim-mini-carte{max-width:100%;overflow:hidden;}
.pim-mini-carte svg{display:block;max-width:100%;height:auto;}
.pim-hero__preuves,.pim-hero__texte{min-width:0;}

/* Correctifs sortie n°2 (03/11) : carte contenue, surtitre lisible sur tout fond, crédit dans le flux sur mobile */
.pim-mini-carte{max-width:100%;overflow:hidden;}
.pim-mini-carte svg{display:block;width:100%;max-width:100%;height:auto;}
.pim-plongee .pim-surtitre{background:#0B2F3F;border-color:#0B2F3F;color:var(--soleil);}
@media (max-width:640px){
	.pim-credit-photo{position:absolute;left:12px;right:auto;bottom:8px;transform:none;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;}
	.pim-hero__colonne--ville{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px);align-self:center;height:210px;min-height:0;}
	.pim-hero__colonne--ville img{width:100%;height:100%;object-fit:cover;}
	.pim-hero__colonne--ville .pim-colonne__etiquette{top:12px;bottom:auto;left:auto;right:12px;transform:none;max-width:calc(100% - 52px);}
	.pim-hero__colonne--ville .pim-credit-photo{top:60px;bottom:auto;left:auto;right:12px;max-width:calc(100% - 52px);}
	.pim-hero__colonne--ville .pim-pastille-communes{padding:6px 12px 6px 6px;font-size:13px;white-space:nowrap;}
	.pim-hero__colonne--ville .pim-pastille-communes__icone{width:26px;height:26px;}
}

/* Passe 2 (03/11) : photo du hero = pompe en cours de pose ; FAQ pleine largeur à pastilles de thème ; bande de fin à photo propre à chaque page, coin coupé partout */
/* Grand écran : la carte du formulaire couvre la moitié droite de la photo → la pompe est amenée dans la bande visible à gauche de la carte */
@media (min-width:1181px){ .pim-tubage__photo img{inset:auto;left:-50%;top:50%;width:152%;height:auto;max-width:none;object-fit:fill;transform:translateY(-60%);} }
@media (max-width:1180px){ .pim-tubage__photo img{object-position:50% 58%;} }
.pim-descente__photo img{object-position:55% 45%;}
.pim-faq-item summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"theme signe" "question signe";align-items:center;gap:8px 14px;}
.pim-faq-item summary::after{grid-area:signe;margin-left:0;}
.pim-faq-item__theme{grid-area:theme;justify-self:start;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1;padding:6px 10px;border-radius:0;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);}
.pim-faq-item__q{grid-area:question;min-width:0;line-height:1.3;text-wrap:pretty;}
.pim-faq-item__theme--comprendre{background:var(--eau);color:var(--profond-fonce);}
.pim-faq-item__theme--panne{background:var(--soleil);color:var(--encre);}
.pim-faq-item__theme--choix{background:var(--profond);color:#fff;}
.pim-faq-item__theme--zone{background:var(--blanc);color:var(--profond-fonce);box-shadow:inset 0 0 0 1.5px var(--profond);}
.pim-faq-item__theme--devis{background:var(--ardoise);color:var(--soleil);}
@media (max-width:760px){ .pim-faq-item{padding:14px 16px;} .pim-faq-item summary{font-size:16.5px;gap:8px 12px;} }
.pim-final__colonne{border-radius:0!important;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-final__colonne .pim-colonne__eau img{object-position:50% 50%;}
@media (max-width:980px){ .pim-final__colonne{width:100%;max-width:none;height:220px;margin:0;} }
.pim-rub-relais--photo .pim-rub-relais__interieur{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.8fr);}
.pim-rub-relais__photo{grid-column:3;grid-row:1 / span 3;align-self:stretch;position:relative;min-height:240px;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));background:var(--profond-fonce);}
.pim-rub-relais__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
@media (max-width:980px){ .pim-rub-relais--photo .pim-rub-relais__interieur{grid-template-columns:1fr;} .pim-rub-relais__photo{grid-column:1;grid-row:auto;order:-1;min-height:0;height:200px;} .pim-rub-relais ul{grid-column:1;grid-row:auto;} }
.pim-final--v2{border-radius:0;clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));}
@media (max-width:980px){ .pim-final--v2{border-radius:0;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));} }

/* =====================================================================================================
   PASSE 3 (03/11/2026) — hero 390 (pompe visible), « Quatre repères » illustrés, Qui sommes-nous au niveau de l'accueil
   ===================================================================================================== */
/* Hero en mobile : ~140 px de photo au-dessus de la carte, cadrés sur la tête noire et la corde turquoise */
@media (max-width:760px){
	.pim-tubage__photo{height:180px;}
	.pim-tubage__photo img{object-position:44% 40%;}
}
/* Bande « Avant l'appel » : coin coupé comme partout ailleurs (plus d'arrondi) */
.pim-section--profond{border-radius:0;clip-path:polygon(var(--coupe) 0,100% 0,100% 100%,0 100%,0 var(--coupe));}
@media (max-width:900px){ .pim-section--profond{border-radius:0;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));} }
/* Quatre repères : grand picto à coin coupé + filigrane ; le 1er posé sur une vraie photo */
.pim-reperes-v3{grid-template-columns:1fr 1fr;gap:14px;}
.pim-reperes-v3 .pim-rep{position:relative;overflow:hidden;isolation:isolate;min-height:224px;justify-content:flex-end;gap:8px;padding:22px 22px 24px;border:0;border-radius:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-reperes-v3 .pim-rep__picto{width:64px;height:64px;border-radius:0;margin:0 0 auto;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);}
.pim-reperes-v3 .pim-rep__picto svg{width:32px;height:32px;}
.pim-reperes-v3 .pim-rep__filigrane{position:absolute;right:-22px;bottom:-26px;width:160px;height:160px;color:#fff;opacity:.08;z-index:-1;pointer-events:none;}
.pim-reperes-v3 .pim-rep__filigrane svg{width:100%;height:100%;stroke-width:1.1;}
.pim-reperes-v3 strong{font:600 28px/1.02 var(--f-titre);color:#fff;margin-top:14px;}
.pim-reperes-v3 .pim-rep__texte{font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.9);}
.pim-reperes-v3 .pim-rep--photo{box-shadow:none;background:var(--ardoise);}
.pim-reperes-v3 .pim-rep__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;margin:0;border-radius:0;z-index:-2;}
.pim-reperes-v3 .pim-rep--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,60,76,.05) 0,rgba(7,60,76,.45) 42%,rgba(5,38,50,.94) 100%);}
.pim-reperes-v3 .pim-rep--photo .pim-rep__filigrane{display:none;}
@media (max-width:560px){
	.pim-reperes-v3{grid-template-columns:1fr 1fr;gap:10px;}
	.pim-reperes-v3 .pim-rep{min-height:0;padding:14px 12px 16px;gap:6px;}
	.pim-reperes-v3 .pim-rep--photo{min-height:250px;}
	.pim-reperes-v3 .pim-rep__picto{width:46px;height:46px;clip-path:polygon(11px 0,100% 0,100% 100%,0 100%,0 11px);}
	.pim-reperes-v3 .pim-rep__picto svg{width:24px;height:24px;}
	.pim-reperes-v3 .pim-rep__filigrane{width:110px;height:110px;right:-18px;bottom:-20px;}
	.pim-reperes-v3 strong{font-size:21px;margin-top:10px;}
	.pim-reperes-v3 .pim-rep__texte{font-size:14px;line-height:1.42;}
}
@media (max-width:359px){ .pim-reperes-v3{grid-template-columns:minmax(0,1fr);} }

/* Qui sommes-nous : « Notre façon de travailler » sans vide (la ligne « Voir l'équipe » entre dans la carte) */
.pim-qsn-info__approche{display:flex;flex-direction:column;gap:14px;border-radius:0;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-qsn-info__approche .pim-qsn-info__note{margin:auto 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.92);font-size:15.5px;}
.pim-qsn-info__approche .pim-qsn-info__note svg{color:var(--soleil);}
.pim-qsn-info__approche .pim-qsn-info__note a{color:#fff;}
/* Quatre rubriques de guides (titres réels tirés de la base) */
.pim-qsn-site{background:var(--papier);padding-top:clamp(40px,6vh,56px);}
.pim-qsn-rubs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.pim-qsn-rub{margin:0;background:var(--blanc);box-shadow:inset 0 0 0 1px var(--ligne);padding:22px 20px 20px;display:flex;flex-direction:column;gap:12px;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-qsn-rub__tete{display:flex;gap:12px;align-items:center;}
.pim-qsn-rub__tete > div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.pim-qsn-rub__picto{width:52px;height:52px;flex:none;background:var(--soleil);color:var(--encre);display:inline-flex;align-items:center;justify-content:center;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);}
.pim-qsn-rub__picto svg{width:26px;height:26px;}
.pim-qsn-rub h3{margin:0;font:600 28px/1 var(--f-titre);}
.pim-qsn-rub h3 a{color:var(--encre);text-decoration:none;}
.pim-qsn-rub h3 a:hover,.pim-qsn-rub h3 a:focus-visible{color:var(--profond);text-decoration:underline;text-underline-offset:3px;}
.pim-qsn-rub__nb{font-size:14px;font-weight:700;color:var(--profond-fonce);}
.pim-qsn-rub p{margin:0;font-size:15.5px;line-height:1.5;color:var(--gris);}
.pim-qsn-rub ul{list-style:none;margin:auto 0 0;padding:12px 0 0;border-top:1px solid var(--ligne);display:flex;flex-direction:column;gap:9px;}
.pim-qsn-rub li{margin:0;padding:0;font-size:15px;line-height:1.35;}
.pim-qsn-rub li::before{content:none;}
.pim-qsn-rub li a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--ligne);text-underline-offset:3px;}
.pim-qsn-rub li a:hover{color:var(--profond-fonce);text-decoration-color:var(--profond);}
/* Les 2 rédacteurs : portrait réel, guides signés comptés en base, lien vers la fiche */
.pim-qsn-plumes{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:16px 20px;align-items:stretch;margin-top:28px;}
.pim-qsn-plumes__titre{margin:0;align-self:center;font-size:clamp(30px,2.6vw,40px);line-height:1;max-width:6ch;}
.pim-qsn-plume{display:flex;gap:18px;align-items:center;background:var(--ardoise);color:rgba(255,255,255,.88);padding:18px 22px 18px 18px;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-qsn-plume img.pim-portrait-auteur{width:96px;height:96px;}
.pim-qsn-plume__texte{display:flex;flex-direction:column;gap:3px;min-width:0;}
.pim-qsn-plume__nom{font:600 28px/1.05 var(--f-titre);color:#fff;text-decoration:none;}
.pim-qsn-plume__nom:hover,.pim-qsn-plume__nom:focus-visible{text-decoration:underline;text-underline-offset:3px;}
.pim-qsn-plume__role{font-size:14px;color:rgba(255,255,255,.75);}
.pim-qsn-plume__nb{font-weight:700;color:var(--soleil);font-size:15px;}
.pim-qsn-plume__derniers{font-size:14.5px;line-height:1.4;margin-top:4px;}
.pim-qsn-plume__derniers a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45);}
/* Zone : texte calé en haut, au niveau du haut de la carte */
.pim-qsn-zone .pim-deux-colonnes{align-items:start;}
/* Engagements : 4 vraies cartes (picto jaune, titre, phrase) sur fond glacier */
.pim-qsn-engagements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:var(--eau-claire);padding:18px;clip-path:polygon(var(--coupe-s) 0,100% 0,100% 100%,0 100%,0 var(--coupe-s));}
.pim-qsn-eng{margin:0;background:var(--blanc);box-shadow:inset 0 0 0 1px var(--ligne);padding:20px 18px 22px;display:flex;flex-direction:column;gap:8px;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);}
.pim-qsn-eng__picto{width:48px;height:48px;background:var(--soleil);color:var(--encre);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;clip-path:polygon(11px 0,100% 0,100% 100%,0 100%,0 11px);}
.pim-qsn-eng__picto svg{width:24px;height:24px;}
.pim-qsn-eng strong{font:600 24px/1.05 var(--f-titre);color:var(--encre);}
.pim-qsn-eng > span:last-child{font-size:15.5px;line-height:1.5;color:var(--gris);}
@media (max-width:1180px){
	.pim-qsn-rubs,.pim-qsn-engagements{grid-template-columns:repeat(2,minmax(0,1fr));}
	.pim-qsn-plumes{grid-template-columns:repeat(2,minmax(0,1fr));}
	.pim-qsn-plumes__titre{grid-column:1 / -1;max-width:none;}
}
@media (max-width:760px){
	.pim-qsn-rubs,.pim-qsn-plumes,.pim-qsn-engagements{grid-template-columns:minmax(0,1fr);}
	.pim-qsn-engagements{padding:12px;gap:10px;}
	.pim-qsn-plume{padding:14px;gap:14px;}
	.pim-qsn-plume img.pim-portrait-auteur{width:72px;height:72px;}
	.pim-qsn-rub h3{font-size:26px;}
}
/* Passe 3, publication 2 : contraste du repère sur photo ; liste réelle des communes sous le texte de la zone */
.pim-reperes-v3 .pim-rep--photo::before{background:linear-gradient(180deg,rgba(7,60,76,.25) 0,rgba(6,48,62,.72) 38%,rgba(5,38,50,.95) 100%);}
.pim-reperes-v3 .pim-rep--photo strong,.pim-reperes-v3 .pim-rep--photo .pim-rep__texte{text-shadow:0 1px 3px rgba(0,0,0,.45);}
.pim-qsn-communes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin-top:28px;padding-top:22px;border-top:1px solid var(--ligne);width:100%;}
.pim-qsn-communes h3{margin:0 0 10px;font:600 22px/1.1 var(--f-titre);color:var(--encre);}
.pim-qsn-communes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.pim-qsn-communes li{margin:0;padding:0;font-size:15.5px;line-height:1.35;}
.pim-qsn-communes li::before{content:none;}
.pim-qsn-communes a{color:var(--profond-fonce);text-decoration:underline;text-decoration-color:var(--ligne);text-underline-offset:3px;}
.pim-qsn-communes a:hover{text-decoration-color:var(--profond);}
@media (max-width:760px){ .pim-qsn-communes{gap:14px 16px;margin-top:20px;} .pim-qsn-communes li{font-size:15px;} }

/* Sortie n°6 (04/11) : à 375 px avec une police de repli large (contrôle Linux), un bouton plein dépassait de 4 px */
@media (max-width:400px){
	.pim-btn{max-width:100%;white-space:normal;text-align:center;}
	.pim-final__boutons,.pim-footer__marque{flex-wrap:wrap;}
	.pim-header__ligne{gap:8px;min-width:0;}
	.pim-logo{min-width:0;flex:1 1 auto;}
	.pim-logo__texte{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:3px;line-height:1.15;}
	.pim-header__cta{flex:none;padding-left:14px;padding-right:14px;}
	.pim-mobile-panel__cta{width:100%;box-sizing:border-box;}
}