@charset "UTF-8";@font-face{font-family: 'Fraunces';font-style: italic;font-weight: 300 600;font-display: swap;src: url(/fonts/fraunces-italic-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Fraunces';font-style: italic;font-weight: 300 600;font-display: swap;src: url(/fonts/fraunces-italic-latin.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Fraunces';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/fonts/fraunces-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Fraunces';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/fonts/fraunces-latin.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/fonts/inter-latin.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pp: #ED1651;--pp-fonce: #C40E3F;--pp-clair: #FF4E78;--pp-voile: #FDE7EC;--pp-voile-2: #FBD3DC;--lin: #FDF9F9;--lin-2: #F8F0F1;--lin-3: #F0E3E6;--blanc: #FFFFFF;--foret: #3A1020;--foret-2: #5A2136;--foret-3: #8A4A60;--foret-pale: #FBEAEF;/* L'accent précieux : le laiton d'Aurélie,qui tient face au framboise */ --laiton: #A9823C;--laiton-txt: #806229;--laiton-2: #C9A25C;--laiton-pale:#F7EFE0;--encre: #23141A;--encre-2: #4C3B41;--encre-3: #6E5C63;--trait: #EEDDE2;--trait-fin: rgba(35,20,26,.08);--ombre-1: 0 1px 2px rgba(58,16,32,.05),0 2px 8px rgba(58,16,32,.04);--ombre-2: 0 2px 4px rgba(58,16,32,.04),0 12px 28px rgba(58,16,32,.08);--ombre-3: 0 4px 8px rgba(58,16,32,.04),0 28px 64px rgba(58,16,32,.12);--ombre-4: 0 40px 100px rgba(58,16,32,.18);--r-xs: 6px;--r-sm: 10px;--r: 16px;--r-lg: 24px;--r-xl: 32px;--t: .38s cubic-bezier(.22,.61,.36,1);--t-court: .2s cubic-bezier(.22,.61,.36,1);--titre: 'Fraunces','Iowan Old Style',Georgia,serif;--texte: 'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--nav-h: 76px;--large: 1240px;--etroit: 760px;--marge: clamp(20px,5vw,40px)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--nav-h) + 16px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{font-family: var(--texte);font-size: 1rem;line-height: 1.65;color: var(--encre);background: var(--lin);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden}img,svg,video{display: block;max-width: 100%}a{color: inherit;text-decoration: none}ul,ol{list-style: none}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer}input,textarea,select{font: inherit;color: inherit}:focus-visible{outline: 2px solid var(--pp);outline-offset: 3px;border-radius: 4px}::selection{background: var(--pp-voile);color: var(--pp-fonce)}::-webkit-scrollbar{width: 10px;height: 10px}::-webkit-scrollbar-track{background: var(--lin-2)}::-webkit-scrollbar-thumb{background: var(--lin-3);border-radius: 99px;border: 2px solid var(--lin-2)}::-webkit-scrollbar-thumb:hover{background: var(--pp)}h1,h2,h3,h4,.h-serif{font-family: var(--titre);font-weight: 400;font-variation-settings: 'SOFT' 20,'WONK' 0;line-height: 1.1;letter-spacing: -.015em;color: var(--foret);text-wrap: balance}h1{font-size: clamp(2.25rem,5.4vw,4.1rem);line-height: 1.04;letter-spacing: -.03em}h2{font-size: clamp(1.8rem,3.6vw,2.9rem);letter-spacing: -.022em}h3{font-size: clamp(1.18rem,1.9vw,1.5rem)}h4{font-size: 1.06rem}h1 em,h2 em,h3 em{font-style: italic;font-variation-settings: 'SOFT' 60,'WONK' 1;color: var(--laiton)}p{text-wrap: pretty}.sur-titre{display: inline-flex;align-items: center;gap: 10px;font-family: var(--texte);font-size: .72rem;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--laiton-txt)}.sur-titre::before{content: '';width: 26px;height: 1px;background: var(--laiton);opacity: .55;transform-origin: left center}.sur-titre.centre::after{content: '';width: 26px;height: 1px;background: var(--laiton);opacity: .55}.chapeau{font-size: clamp(1.02rem,1.4vw,1.18rem);line-height: 1.72;color: var(--encre-2)}.petit{font-size: .86rem;color: var(--encre-3)}.mini{font-size: .76rem;color: var(--encre-3)}.gras{font-weight: 600;color: var(--foret)}.enveloppe{width: 100%;max-width: var(--large);margin-inline: auto;padding-inline: var(--marge)}.enveloppe-etroite{width: 100%;max-width: var(--etroit);margin-inline: auto;padding-inline: var(--marge)}.bloc{padding-block: clamp(64px,9vw,116px)}.bloc-serre{padding-block: clamp(44px,6vw,72px)}.bloc-lin{background: var(--lin-2)}.bloc-blanc{background: var(--blanc)}.bloc-foret{background: var(--foret);color: rgba(255,255,255,.82)}.bloc-foret h1,.bloc-foret h2,.bloc-foret h3{color: var(--blanc)}.bloc-foret .sur-titre{color: var(--laiton-2)}.bloc-foret .sur-titre::before,.bloc-foret .sur-titre::after{background: var(--laiton-2)}.bloc-foret .chapeau{color: rgba(255,255,255,.72)}.entete{max-width: 660px;margin-bottom: clamp(36px,4.5vw,60px)}.entete.centre{margin-inline: auto;text-align: center}.entete h2{margin: 16px 0 14px}.grille{display: grid;gap: clamp(18px,2.2vw,28px)}.g-2{grid-template-columns: repeat(2,minmax(0,1fr))}.g-3{grid-template-columns: repeat(3,minmax(0,1fr))}.g-4{grid-template-columns: repeat(4,minmax(0,1fr))}.g-auto{grid-template-columns: repeat(auto-fit,minmax(270px,1fr))}@media (max-width: 960px){.g-3,.g-4{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.g-2,.g-3,.g-4{grid-template-columns: 1fr}}.btn{--fond: #D9134A;--sur: #fff;--bord: #D9134A;display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 14px 26px;border-radius: 99px;background: var(--fond);color: var(--sur);border: 1px solid var(--bord);font-size: .93rem;font-weight: 600;letter-spacing: .005em;white-space: nowrap;text-align: center;transition: transform var(--t-court),box-shadow var(--t),background var(--t),color var(--t),border-color var(--t);box-shadow: var(--ombre-1)}.btn:hover{transform: translateY(-2px);box-shadow: var(--ombre-2)}.btn:active{transform: translateY(0)}.btn svg{width: 17px;height: 17px;flex-shrink: 0}.btn-laiton{--fond: #8E6C2E;--bord: #8E6C2E}.btn-laiton:hover{--fond: #806229;--bord: #806229}.btn:hover{--fond: var(--pp-fonce);--bord: var(--pp-fonce)}.btn-laiton:hover{--fond: #806229;--bord: #806229}.btn-clair{--fond: var(--blanc);--sur: var(--foret);--bord: var(--trait)}.btn-clair:hover{--bord: var(--pp);--sur: var(--pp)}.btn-fantome{--fond: transparent;--sur: var(--foret);--bord: rgba(58,16,32,.22);box-shadow: none}.btn-fantome:hover{--fond: var(--pp-voile);--bord: var(--pp);--sur: var(--pp-fonce)}.btn-blanc-fantome{--fond: rgba(255,255,255,.06);--sur: #fff;--bord: rgba(255,255,255,.34);box-shadow: none}.btn-blanc-fantome:hover{--fond: rgba(255,255,255,.14);--bord: rgba(255,255,255,.6)}.btn-lg{padding: 17px 34px;font-size: 1rem}.btn-sm{padding: 10px 18px;font-size: .84rem}.btn-plein{width: 100%}.lien-fleche{display: inline-flex;align-items: center;gap: 7px;font-size: .9rem;font-weight: 600;color: var(--foret);border-bottom: 1px solid transparent;padding-bottom: 2px;transition: gap var(--t-court),border-color var(--t-court),color var(--t-court)}.lien-fleche::after{content: '→';transition: transform var(--t-court)}.lien-fleche:hover{color: var(--pp);border-color: var(--pp);gap: 11px}.etiq{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;border-radius: 99px;font-size: .71rem;font-weight: 700;letter-spacing: .07em;text-transform: uppercase;background: var(--foret-pale);color: var(--foret-2)}.etiq-laiton{background: var(--laiton-pale);color: #7E6027}.etiq-pp{background: var(--pp-voile);color: var(--pp-fonce)}.etiq-vendu{background: var(--foret);color: #fff}.etiq-blanche{background: rgba(255,255,255,.92);color: var(--foret);box-shadow: var(--ombre-1)}.nav{position: fixed;inset: 0 0 auto;z-index: 900;height: var(--nav-h);background: rgba(253,249,249,.82);backdrop-filter: saturate(150%) blur(16px);-webkit-backdrop-filter: saturate(150%) blur(16px);border-bottom: 1px solid transparent;transition: background var(--t),border-color var(--t),box-shadow var(--t)}.nav.dur{background: rgba(253,249,249,.96);border-bottom-color: var(--trait);box-shadow: 0 1px 24px rgba(58,16,32,.07)}.nav-in{max-width: var(--large);height: 100%;margin-inline: auto;padding-inline: var(--marge);display: flex;align-items: center;gap: 28px}.marque{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.marque-sceau{width: 44px;height: 44px;border-radius: 50%;flex-shrink: 0;overflow: hidden;display: block;position: relative;background: var(--foret);box-shadow: 0 0 0 1px var(--laiton-2),0 0 0 3px var(--lin),0 2px 6px rgba(58,16,32,.18)}.marque-sceau img{width: 100%;height: 100%;object-fit: cover;object-position: center}.pied .marque-sceau{box-shadow: 0 0 0 1px rgba(201,162,92,.6),0 0 0 3px var(--foret)}.vitrine-sceau .marque-sceau{width: 46px;height: 46px;box-shadow: 0 0 0 1px var(--laiton-2),0 0 0 3px #fff}.avis-rond{overflow: hidden}.marque-bloc{display: flex;flex-direction: column;align-items: center;gap: 3px}.marque-nom{font-family: var(--titre);font-weight: 500;font-size: clamp(.92rem,1.1vw,1.06rem);letter-spacing: .13em;text-transform: uppercase;color: var(--foret);line-height: 1.05;white-space: nowrap}.marque-filet{display: block;width: 100%;height: 1px;background: linear-gradient(to right,transparent,var(--laiton),transparent)}.marque-sous{font-size: .58rem;letter-spacing: .2em;text-transform: uppercase;color: var(--encre-3);line-height: 1;white-space: nowrap}.marque:hover .marque-filet{background: linear-gradient(to right,transparent,var(--pp),transparent)}.marque-filet{transition: background .4s ease}.nav-liens{display: flex;align-items: center;gap: 2px;margin-inline: auto}.nav-lien{position: relative;padding: 9px 13px;border-radius: 99px;font-size: .89rem;font-weight: 500;color: var(--encre-2);white-space: nowrap;transition: color var(--t-court),background var(--t-court)}.nav-lien:hover{color: var(--pp);background: var(--pp-voile)}.nav-lien.actif{color: #D9134A;font-weight: 600}.nav-lien.actif::after{content: '';position: absolute;left: 13px;right: 13px;bottom: 2px;height: 2px;border-radius: 2px;background: var(--pp)}.nav-menu{position: relative}.nav-menu-liste{position: absolute;top: calc(100% + 10px);left: 50%;transform: translate(-50%,-6px);min-width: 254px;padding: 8px;background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r);box-shadow: var(--ombre-3);opacity: 0;visibility: hidden;transition: all var(--t)}.nav-menu:hover .nav-menu-liste,.nav-menu:focus-within .nav-menu-liste{opacity: 1;visibility: visible;transform: translate(-50%,0)}.nav-menu-item{display: flex;align-items: center;gap: 11px;padding: 10px 12px;border-radius: var(--r-sm);font-size: .88rem;color: var(--encre-2);transition: background var(--t-court),color var(--t-court)}.nav-menu-item:hover{background: var(--lin-2);color: var(--foret)}.nav-menu-item span:first-child{width: 18px;text-align: center;color: var(--laiton);flex-shrink: 0}.nav-droite{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.nav-tel{display: inline-flex;align-items: center;gap: 7px;font-size: .88rem;font-weight: 600;color: var(--foret);white-space: nowrap}.nav-tel svg{width: 15px;height: 15px;color: var(--laiton)}.burger{display: none;width: 42px;height: 42px;border-radius: 50%;border: 1px solid var(--trait);background: var(--blanc);margin-left: auto;position: relative}.burger i{position: absolute;left: 12px;right: 12px;height: 1.5px;background: var(--foret);border-radius: 2px;transition: all var(--t)}.burger i:nth-child(1){top: 15px}.burger i:nth-child(2){top: 20px}.burger i:nth-child(3){top: 25px}.burger.ouvert i:nth-child(1){top: 20px;transform: rotate(45deg)}.burger.ouvert i:nth-child(2){opacity: 0}.burger.ouvert i:nth-child(3){top: 20px;transform: rotate(-45deg)}.voile{position: fixed;inset: 0;z-index: 880;background: rgba(58,16,32,.46);backdrop-filter: blur(2px);opacity: 0;visibility: hidden;transition: all var(--t)}.voile.on{opacity: 1;visibility: visible}.tiroir{position: fixed;top: 0;right: 0;bottom: 0;z-index: 890;width: min(370px,88vw);background: var(--lin);border-left: 1px solid var(--trait);transform: translateX(101%);transition: transform var(--t);display: flex;flex-direction: column;overflow-y: auto;overscroll-behavior: contain;box-shadow: var(--ombre-4)}.tiroir.on{transform: translateX(0)}.tiroir-haut{padding: 18px 22px;border-bottom: 1px solid var(--trait);display: flex;align-items: center;justify-content: space-between;position: sticky;top: 0;background: var(--lin);z-index: 2}.tiroir-fermer{width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--trait);background: var(--blanc);display: grid;place-items: center;font-size: 1.1rem;color: var(--encre-2)}.tiroir-corps{padding: 14px 16px 22px;flex: 1}.tiroir-groupe{font-size: .66rem;font-weight: 700;letter-spacing: .15em;text-transform: uppercase;color: var(--encre-3);padding: 20px 10px 8px}.tiroir-lien{display: flex;align-items: center;gap: 13px;padding: 12px 10px;border-radius: var(--r-sm);transition: background var(--t-court)}.tiroir-lien:hover,.tiroir-lien.actif{background: var(--blanc);box-shadow: var(--ombre-1)}.tiroir-lien .ic{width: 34px;height: 34px;border-radius: 10px;background: var(--foret-pale);color: var(--foret-2);display: grid;place-items: center;font-size: .95rem;flex-shrink: 0}.tiroir-lien.actif .ic{background: var(--foret);color: var(--laiton-2)}.tiroir-lien b{display: block;font-size: .93rem;font-weight: 600;color: var(--foret)}.tiroir-lien small{display: block;font-size: .76rem;color: var(--encre-3);line-height: 1.4}.tiroir-bas{padding: 16px 20px 26px;border-top: 1px solid var(--trait);display: grid;gap: 10px;background: var(--lin-2)}@media (max-width: 1080px){.nav-liens{display: none}.nav-droite .nav-tel{display: none}.burger{display: block}}@media (max-width: 560px){.nav-droite .btn{display: none}}.heros{position: relative;padding-top: calc(var(--nav-h) + clamp(28px,5vw,64px));padding-bottom: clamp(48px,7vw,96px);overflow: hidden}.heros::before{content: '';position: absolute;inset: 0;z-index: 0;background: radial-gradient(1100px 520px at 12% -8%,rgba(237,22,81,.09),transparent 62%),radial-gradient(900px 620px at 96% 6%,rgba(201,162,92,.16),transparent 66%),linear-gradient(180deg,var(--lin) 0%,var(--lin-2) 100%)}.relief{position: absolute;inset: 0;z-index: 0;opacity: .5;pointer-events: none}.heros-in{position: relative;z-index: 2;display: grid;grid-template-columns: 1.06fr .94fr;gap: clamp(32px,4.5vw,68px);align-items: center}@media (max-width: 980px){.heros-in{grid-template-columns: 1fr}}.heros h1{margin: 20px 0 20px}.heros .chapeau{max-width: 30em}.heros-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 30px}.preuves{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 22px;margin-top: 34px;padding-top: 26px;border-top: 1px solid var(--trait)}.preuve{display: flex;align-items: center;gap: 10px}.preuve-num{font-family: var(--titre);font-size: 1.62rem;font-weight: 500;color: var(--foret);line-height: 1}.preuve-lbl{font-size: .74rem;line-height: 1.3;color: var(--encre-3);max-width: 11ch}.preuve-avis .preuve-lbl{max-width: 16ch}.preuve + .preuve{padding-left: 22px;border-left: 1px solid var(--trait)}.vitrine{position: relative}.vitrine-cadre{position: relative;border-radius: var(--r-xl);overflow: hidden;background: var(--lin-3);box-shadow: var(--ombre-4);aspect-ratio: 4 / 5}.vitrine-cadre img{width: 100%;height: 100%;object-fit: cover;object-position: center}.vitrine-cadre::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top,rgba(58,16,32,.64) 0%,rgba(58,16,32,.05) 44%,transparent 70%)}.vitrine-sceau{position: absolute;z-index: 3;left: 18px;right: 18px;bottom: 18px;display: flex;align-items: center;gap: 13px;padding: 13px 16px;border-radius: var(--r);background: rgba(255,255,255,.93);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: var(--ombre-2)}.vitrine-sceau b{display: block;font-family: var(--titre);font-size: 1rem;color: var(--foret)}.vitrine-sceau small{display: block;font-size: .74rem;color: var(--encre-3)}.etoiles{color: var(--laiton-txt);letter-spacing: 1px;font-size: .84rem}.vitrine-bande{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px;margin-top: 12px}.vitrine-bande img{/* height:auto est indispensable : sans lui,l'attribut height du HTML l'emporte et aspect-ratio ne s'applique jamais. */ width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 12px;background: var(--lin-3);box-shadow: var(--ombre-1);transition: transform var(--t)}.vitrine-bande a:hover img{transform: translateY(-3px);box-shadow: var(--ombre-2)}.vitrine-legende{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 10px;font-size: .76rem;color: var(--encre-3)}@media (max-width: 980px){.vitrine{max-width: 460px;margin-inline: auto}}.carte{position: relative;background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);padding: clamp(22px,2.6vw,30px);transition: transform var(--t),box-shadow var(--t),border-color var(--t)}.carte:hover{transform: translateY(-4px);box-shadow: var(--ombre-3);border-color: var(--pp-voile-2)}.carte-ic{width: 48px;height: 48px;border-radius: 14px;margin-bottom: 18px;display: grid;place-items: center;font-size: 1.28rem;background: var(--foret-pale);color: var(--foret-2);transition: background var(--t),color var(--t)}.carte:hover .carte-ic{background: var(--foret);color: var(--laiton-2)}.carte h3{margin-bottom: 10px}.carte p{font-size: .93rem;color: var(--encre-2);line-height: 1.68}.carte .lien-fleche{margin-top: 16px}.carte-nue{background: transparent;border: 0;padding: 0}.carte-nue:hover{transform: none;box-shadow: none}.etape{position: relative;padding-left: 62px}.etape-num{position: absolute;left: 0;top: 0;width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;font-family: var(--titre);font-size: 1.05rem;color: var(--foret);background: var(--blanc);border: 1px solid var(--laiton-2)}.etape h3{font-size: 1.1rem;margin-bottom: 7px}.etape p{font-size: .92rem;color: var(--encre-2)}.etapes-fil{display: grid;gap: 30px;position: relative}.etapes-fil::before{content: '';position: absolute;left: 22px;top: 44px;bottom: 22px;width: 1px;background: linear-gradient(var(--trait),transparent)}.bien{display: flex;flex-direction: column;overflow: hidden;background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);transition: transform var(--t),box-shadow var(--t),border-color var(--t)}.bien:hover{transform: translateY(-5px);box-shadow: var(--ombre-3);border-color: var(--pp-voile-2)}.bien-photo{position: relative;aspect-ratio: 4 / 3;background: var(--lin-3);overflow: hidden}.bien-photo img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.1s cubic-bezier(.22,.61,.36,1)}.bien:hover .bien-photo img{transform: scale(1.055)}.bien-rubans{position: absolute;top: 13px;left: 13px;max-width: 58%;display: flex;flex-wrap: wrap;gap: 7px;z-index: 2}.bien-prix{position: absolute;top: 13px;right: 13px;z-index: 3;padding: 8px 15px;border-radius: 99px;background: rgba(255,255,255,.95);backdrop-filter: blur(10px);font-family: var(--titre);font-size: 1.04rem;font-weight: 600;color: var(--foret);box-shadow: var(--ombre-1)}.bien-dpe{position: absolute;bottom: 13px;right: 13px;z-index: 2;width: 30px;height: 30px;border-radius: 9px;display: grid;place-items: center;font-size: .82rem;font-weight: 700;color: #fff;box-shadow: var(--ombre-1)}.dpe-A{background:#0E8B4B}.dpe-B{background:#3FA34D}.dpe-C{background:#8FBE3F}.dpe-D{background:#E9C21C;color:#3A3000}.dpe-E{background:#E89B24}.dpe-F{background:#DE6A1E}.dpe-G{background:#C8291F}.bien-corps{padding: 20px 21px 22px;display: flex;flex-direction: column;flex: 1;gap: 11px}.bien-lieu{display: flex;align-items: center;gap: 6px;font-size: .78rem;font-weight: 600;letter-spacing: .05em;text-transform: uppercase;color: var(--laiton-txt)}.bien-titre{font-family: var(--titre);font-size: 1.1rem;font-weight: 500;color: var(--foret);line-height: 1.28}.bien-desc{font-size: .87rem;color: var(--encre-2);line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.bien-faits{display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto;padding-top: 14px;border-top: 1px solid var(--trait)}.fait{display: inline-flex;align-items: center;gap: 5px;font-size: .79rem;color: var(--encre-2);background: var(--lin-2);padding: 4px 10px;border-radius: 8px}.fait b{font-weight: 600;color: var(--foret)}.bien.vendu .bien-photo img{filter: saturate(.55) brightness(1.04)}.bien.vendu:hover .bien-photo img{filter: saturate(.9)}.mur{display: grid;grid-template-columns: repeat(auto-fill,minmax(178px,1fr));gap: 12px}.mur-item{position: relative;aspect-ratio: 1;border-radius: var(--r);overflow: hidden;background: var(--lin-3)}.mur-item img{width: 100%;height: 100%;object-fit: cover;transition: transform .8s var(--t)}.mur-item:hover img{transform: scale(1.07)}.mur-item::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top,rgba(35,10,20,.88) 0%,rgba(35,10,20,.42) 34%,rgba(35,10,20,.04) 62%,transparent)}.mur-lgd{position: absolute;z-index: 2;left: 12px;right: 12px;bottom: 11px;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.45)}.mur-lgd b{display: block;font-size: .84rem;font-weight: 600}.mur-lgd small{font-size: .72rem;opacity: .88}.mur-tag{position: absolute;z-index: 2;top: 10px;left: 10px;font-size: .62rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;padding: 4px 9px;border-radius: 99px;background: rgba(255,255,255,.93);color: var(--foret)}.avis{background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);padding: clamp(22px,2.6vw,30px);display: flex;flex-direction: column;gap: 14px;transition: transform var(--t),box-shadow var(--t)}.avis:hover{transform: translateY(-3px);box-shadow: var(--ombre-2)}.avis-txt{font-family: var(--titre);font-size: 1.04rem;font-style: italic;line-height: 1.55;color: var(--foret);font-variation-settings: 'SOFT' 50,'WONK' 1}.avis-qui{display: flex;align-items: center;gap: 11px;margin-top: auto;padding-top: 14px;border-top: 1px solid var(--trait)}.avis-rond{width: 38px;height: 38px;border-radius: 50%;display: grid;place-items: center;background: var(--foret-pale);color: var(--foret-2);font-weight: 600;font-size: .88rem;flex-shrink: 0}.avis-qui b{display: block;font-size: .9rem;font-weight: 600;color: var(--foret)}.avis-qui small{display: block;font-size: .76rem;color: var(--encre-3)}.note-bloc{display: flex;align-items: center;gap: 22px;flex-wrap: wrap;padding: 20px 24px;background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);box-shadow: var(--ombre-1)}.note-chiffre{font-family: var(--titre);font-size: 3rem;font-weight: 500;line-height: 1;color: var(--foret)}.filtres-avis{display: flex;flex-wrap: wrap;gap: 9px}.puce{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;border-radius: 99px;background: var(--blanc);border: 1px solid var(--trait);font-size: .88rem;font-weight: 500;color: var(--encre-2);transition: all var(--t-court)}.puce span{font-size: .74rem;font-weight: 700;color: var(--encre-3);background: var(--lin-2);padding: 2px 7px;border-radius: 99px}.puce:hover{border-color: var(--pp);color: var(--pp)}.puce.actif{background: var(--pp);border-color: var(--pp);color: #fff}.puce.actif span{background: rgba(255,255,255,.22);color: #fff}@media (pointer: coarse){.puce{min-height: 44px}}.secteur-grille{display: grid;grid-template-columns: repeat(auto-fill,minmax(168px,1fr));gap: 10px}.commune{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;padding: 13px 15px;border-radius: var(--r-sm);background: var(--blanc);border: 1px solid var(--trait);font-size: .89rem;color: var(--encre);transition: all var(--t-court)}.commune:hover{border-color: var(--pp);background: var(--pp-voile);transform: translateY(-2px)}.commune b{font-weight: 600;color: var(--foret)}.commune small{font-size: .72rem;color: var(--encre-3);flex-shrink: 0}.commune.phare{background: var(--foret);border-color: var(--foret)}.commune.phare b,.commune.phare small{color: #fff}.commune.phare small{opacity: .68}#carte-secteur{height: clamp(340px,46vw,520px);border-radius: var(--r-lg);border: 1px solid var(--trait);overflow: hidden;background: var(--lin-2);z-index: 1}.leaflet-container{font-family: var(--texte) !important;background: var(--lin-2) !important}.leaflet-tile-pane{filter: saturate(.42) brightness(1.08) contrast(.92) hue-rotate(-6deg)}.leaflet-popup-content-wrapper{border-radius: var(--r) !important;box-shadow: var(--ombre-3) !important}.leaflet-popup-content{margin: 14px 16px !important;font-size: .87rem !important}.leaflet-popup-content b{font-family: var(--titre);font-size: 1rem;color: var(--foret)}.appel{position: relative;overflow: hidden;background: var(--foret);color: #fff;border-radius: var(--r-xl);padding: clamp(36px,5vw,66px);text-align: center}.appel::before{content: '';position: absolute;inset: 0;background: radial-gradient(760px 420px at 18% -10%,rgba(201,162,92,.28),transparent 62%),radial-gradient(620px 420px at 92% 108%,rgba(237,22,81,.34),transparent 60%)}.appel>*{position: relative;z-index: 2}.appel h2{color: #fff;margin-bottom: 14px}.appel p{color: rgba(255,255,255,.76);max-width: 46em;margin-inline: auto}.appel-actions{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-top: 30px}.bandeau-chiffres{background: var(--foret);color: #fff}.chiffres{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;text-align: center}.chiffre-num{font-family: var(--titre);font-size: clamp(2rem,4vw,3.1rem);font-weight: 500;line-height: 1;color: var(--laiton-2)}.chiffre-lbl{font-size: .8rem;color: rgba(255,255,255,.66);margin-top: 8px;letter-spacing: .02em}@media (max-width: 680px){.chiffres{grid-template-columns: repeat(2,1fr);gap: 28px 12px}}.champ{display: flex;flex-direction: column;gap: 7px}.champ label{font-size: .8rem;font-weight: 600;color: var(--foret);letter-spacing: .01em}.champ label .req{color: var(--pp)}.champ input,.champ select,.champ textarea{padding: 13px 15px;border-radius: var(--r-sm);background: var(--blanc);border: 1px solid var(--trait);font-size: .94rem;transition: border-color var(--t-court),box-shadow var(--t-court)}.champ textarea{min-height: 128px;resize: vertical}.champ input:focus,.champ select:focus,.champ textarea:focus{outline: 0;border-color: var(--pp);box-shadow: 0 0 0 3px var(--pp-voile)}.champ small{font-size: .75rem;color: var(--encre-3)}.champ-2{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}@media (max-width: 560px){.champ-2{grid-template-columns: 1fr}}.form-carte{background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);padding: clamp(24px,3vw,38px);display: grid;gap: 16px;box-shadow: var(--ombre-2)}.rgpd{display: flex;gap: 10px;align-items: flex-start;font-size: .79rem;color: var(--encre-3);line-height: 1.55}.rgpd input{width: 17px;height: 17px;margin-top: 2px;flex-shrink: 0;accent-color: var(--pp)}.message-ok,.message-ko{padding: 14px 16px;border-radius: var(--r-sm);font-size: .89rem;display: none}.message-ok{background: var(--foret-pale);color: var(--foret);border: 1px solid var(--foret-3)}.message-ko{background: #FDEBEE;color: #9E1030;border: 1px solid #F3B8C4}.message-ok.on,.message-ko.on{display: block}.duo{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(28px,4vw,62px);align-items: center}.duo.penche{grid-template-columns: .92fr 1.08fr}@media (max-width: 880px){.duo,.duo.penche{grid-template-columns: 1fr}}.image-cadre{border-radius: var(--r-xl);overflow: hidden;box-shadow: var(--ombre-3);background: var(--lin-3)}.image-cadre img{width: 100%;height: 100%;object-fit: cover}.liste-coches{display: grid;gap: 12px}.liste-coches li{position: relative;padding-left: 34px;font-size: .94rem;color: var(--encre-2);line-height: 1.62}.liste-coches li b{color: var(--foret);font-weight: 600}.liste-coches li::before{content: '✓';position: absolute;left: 0;top: 1px;width: 22px;height: 22px;border-radius: 50%;display: grid;place-items: center;font-size: .72rem;font-weight: 700;background: var(--foret-pale);color: var(--foret-2)}.liste-coches.claire li{color: rgba(255,255,255,.78)}.liste-coches.claire li b{color: #fff}.liste-coches.claire li::before{background: rgba(201,162,92,.24);color: var(--laiton-2)}.accordeon{border-top: 1px solid var(--trait)}.accordeon-item{border-bottom: 1px solid var(--trait)}.accordeon-tete{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 18px;padding: 20px 4px;text-align: left;font-family: var(--titre);font-size: 1.06rem;font-weight: 500;color: var(--foret)}.accordeon-tete .plus{flex-shrink: 0;width: 26px;height: 26px;border-radius: 50%;border: 1px solid var(--trait);display: grid;place-items: center;font-size: 1rem;color: var(--laiton);transition: transform var(--t),background var(--t)}.accordeon-item.on .accordeon-tete .plus{transform: rotate(45deg);background: var(--laiton-pale)}.accordeon-corps{max-height: 0;overflow: hidden;transition: max-height var(--t)}.accordeon-corps>div{padding: 0 4px 22px;font-size: .93rem;color: var(--encre-2);line-height: 1.74}.tableau{width: 100%;border-collapse: separate;border-spacing: 0;background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);overflow: hidden;font-size: .92rem}.tableau th{background: var(--foret);color: #fff;font-size: .78rem;font-weight: 600;letter-spacing: .07em;text-transform: uppercase;padding: 14px 18px;text-align: left}.tableau td{padding: 14px 18px;border-top: 1px solid var(--trait);color: var(--encre-2)}.tableau tr:hover td{background: var(--lin)}.tableau td strong{color: var(--foret)}.tableau-enrouler{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--r-lg)}.fil{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: .8rem;color: var(--encre-3);padding-top: calc(var(--nav-h) + 26px)}.fil a:hover{color: var(--laiton)}.fil span{opacity: .5}.pied{background: var(--foret);color: rgba(255,255,255,.66);padding-top: clamp(52px,6vw,82px)}.pied a:hover{color: var(--laiton-2)}.pied-haut{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.2fr;gap: clamp(26px,3.4vw,52px);padding-bottom: 44px}@media (max-width: 900px){.pied-haut{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.pied-haut{grid-template-columns: 1fr}}.pied .marque-sceau{background: rgba(255,255,255,.08)}.pied .marque-nom{color: #fff;font-size: 1.12rem}.pied .marque-filet{background: linear-gradient(to right,transparent,var(--laiton-2),transparent)}.pied .marque-sous{color: rgba(255,255,255,.5)}.marque-pied{align-items: center}.pied h4,.pied .pied-titre{color: #fff;font-family: var(--texte);font-size: .74rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;margin-bottom: 18px}.pied-liste{display: grid;gap: 10px;font-size: .88rem}.pied-bas{border-top: 1px solid rgba(255,255,255,.12);padding: 22px 0 30px;display: flex;flex-wrap: wrap;gap: 12px 24px;align-items: center;justify-content: space-between;font-size: .78rem;color: rgba(255,255,255,.7)}.pied-legal{display: flex;flex-wrap: wrap;gap: 6px 18px}.reseaux{display: flex;gap: 9px}.reseaux a{width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;background: rgba(255,255,255,.08);color: #fff;font-size: .86rem;transition: all var(--t-court)}.reseaux a:hover{background: var(--pp);transform: translateY(-2px)}.mention-pp{display: flex;align-items: center;gap: 9px;font-size: .78rem;color: rgba(255,255,255,.5);margin-top: 16px}.mention-pp i{width: 10px;height: 10px;border-radius: 50%;background: var(--pp);flex-shrink: 0;box-shadow: 0 0 0 3px rgba(237,22,81,.22)}.barre-mobile{position: fixed;left: 0;right: 0;bottom: 0;z-index: 870;display: none;gap: 9px;padding: 10px 12px calc(10px + env(safe-area-inset-bottom));background: rgba(253,249,249,.95);backdrop-filter: blur(14px);border-top: 1px solid var(--trait)}.barre-mobile .btn{flex: 1;padding: 13px 10px;font-size: .86rem}@media (max-width: 760px){.barre-mobile{display: flex}body{padding-bottom: 72px}}.monte{opacity: 0;transform: translateY(22px);transition: opacity .75s var(--t),transform .75s cubic-bezier(.22,.61,.36,1)}.monte.vu{opacity: 1;transform: none}.d1{transition-delay: .07s}.d2{transition-delay: .14s}.d3{transition-delay: .21s}.d4{transition-delay: .28s}.d5{transition-delay: .35s}.d6{transition-delay: .42s}@media (prefers-reduced-motion: reduce){.monte{opacity: 1;transform: none;transition: none}.bien-photo img,.mur-item img{transition: none}}.enveloppe-etroite p,.lecture p{max-width: 68ch}.enveloppe-etroite p + p,.enveloppe-etroite p + ul,.enveloppe-etroite ul + p,.enveloppe-etroite p + ol,.enveloppe-etroite ol + p,.enveloppe-etroite p + blockquote,.enveloppe-etroite blockquote + p,.lecture p + p,.lecture p + ul,.lecture ul + p{margin-top: 1.1em}.enveloppe-etroite h2,.lecture h2{margin: 1.9em 0 .6em;scroll-margin-top: calc(var(--nav-h) + 20px)}.enveloppe-etroite h3,.lecture h3{margin: 1.5em 0 .45em;scroll-margin-top: calc(var(--nav-h) + 20px)}.enveloppe-etroite h2:first-child,.lecture h2:first-child{margin-top: 0}.enveloppe-etroite ul:not([class]),.enveloppe-etroite ol:not([class]),.lecture ul:not([class]),.lecture ol:not([class]){padding-left: 1.3em}.enveloppe-etroite ul:not([class]){list-style: none}.enveloppe-etroite ul:not([class]) li,.lecture ul:not([class]) li{position: relative;padding-left: 4px}.enveloppe-etroite ul:not([class]) li::before,.lecture ul:not([class]) li::before{content: '—';position: absolute;left: -1.25em;color: var(--laiton)}.enveloppe-etroite ol:not([class]){list-style: decimal}.enveloppe-etroite ol:not([class]) li::marker{color: var(--laiton);font-weight: 600}.enveloppe-etroite li + li,.lecture li + li{margin-top: .5em}.enveloppe-etroite blockquote,.lecture blockquote{border-left: 2px solid var(--laiton-2);padding: 4px 0 4px 20px;font-family: var(--titre);font-style: italic;font-size: 1.1rem;color: var(--foret)}.enveloppe-etroite a:not([class]),.lecture a:not([class]){color: var(--foret);border-bottom: 1px solid var(--laiton-2);transition: color var(--t-court),border-color var(--t-court)}.enveloppe-etroite a:not([class]):hover,.lecture a:not([class]):hover{color: var(--laiton)}.enveloppe-etroite strong,.lecture strong{color: var(--foret);font-weight: 600}.sommaire{background: var(--blanc);border: 1px solid var(--trait);border-radius: var(--r-lg);padding: 22px 26px;margin: 8px 0 30px}.sommaire-titre{font-size: .72rem;font-weight: 700;letter-spacing: .15em;text-transform: uppercase;color: var(--laiton-txt);margin-bottom: 14px}.sommaire ol,.sommaire ul{counter-reset: s;display: grid;gap: 9px;list-style: none;padding: 0}.sommaire li{counter-increment: s;margin: 0;padding: 0}.sommaire li::before{content: none}.sommaire a{display: flex;gap: 11px;align-items: baseline;font-size: .92rem;color: var(--encre-2);border: 0;transition: color var(--t-court)}.sommaire a::before{content: counter(s,decimal-leading-zero);font-family: var(--titre);font-size: .8rem;color: var(--laiton-txt);flex-shrink: 0}.sommaire a:hover{color: var(--foret)}.art-meta{display: flex;flex-wrap: wrap;gap: 8px 16px;align-items: center;font-size: .8rem;color: var(--encre-3);margin-top: 16px}.art-meta .etiq{margin: 0}.art-signature{display: flex;align-items: center;gap: 13px;margin-top: 34px;padding-top: 22px;border-top: 1px solid var(--trait)}.art-signature .marque-sceau{width: 48px;height: 48px}.art-signature b{display: block;font-family: var(--titre);font-size: 1.02rem;color: var(--foret)}.art-signature small{display: block;font-size: .79rem;color: var(--encre-3)}.panorama{position: relative;overflow: hidden;background: var(--lin-3)}.panorama img{width: 100%;height: clamp(230px,32vw,460px);object-fit: cover;object-position: center 58%}.panorama::after{content: '';position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to bottom,rgba(253,249,249,.55) 0%,rgba(253,249,249,0) 26%,rgba(253,249,249,0) 58%,rgba(58,16,32,.36) 100%)}.panorama-legende{position: absolute;z-index: 2;left: 50%;transform: translateX(-50%);bottom: clamp(46px,6vw,70px);font-size: .74rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: #fff;text-shadow: 0 1px 6px rgba(35,10,20,.55)}.recherche-zone{position: relative;z-index: 10;margin-top: clamp(-42px,-4vw,-30px);padding-bottom: clamp(30px,4vw,48px)}@media (max-width: 760px){.panorama img{height: clamp(180px,42vw,260px)}.panorama-legende{bottom: 14px;font-size: .68rem}.recherche-zone{margin-top: 18px}}.recherche{display: grid;grid-template-columns: repeat(3,1fr) auto;gap: 0;background: var(--blanc);border: 1px solid var(--trait);border-radius: 999px;padding: 7px 7px 7px 10px;box-shadow: var(--ombre-3);align-items: center}.recherche-champ{padding: 6px 16px;min-width: 0;position: relative}.recherche-champ select{min-height: 28px}.recherche-champ + .recherche-champ::before{content: '';position: absolute;left: 0;top: 18%;bottom: 18%;width: 1px;background: var(--trait)}.recherche-champ label{display: block;font-size: .66rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--laiton-txt);margin-bottom: 2px}.recherche-champ select{width: 100%;border: 0;background: transparent;padding: 0;font-size: .92rem;font-weight: 500;color: var(--foret);cursor: pointer;appearance: none;-webkit-appearance: none;background-image: linear-gradient(45deg,transparent 50%,var(--encre-3) 50%),linear-gradient(135deg,var(--encre-3) 50%,transparent 50%);background-position: calc(100% - 9px) 55%,calc(100% - 5px) 55%;background-size: 4px 4px,4px 4px;background-repeat: no-repeat;padding-right: 18px}.recherche-champ select:focus{outline: 0}.recherche-champ:has(select:focus-visible){border-radius: 12px;box-shadow: 0 0 0 2px var(--pp)}.recherche .btn{border-radius: 999px;padding: 14px 24px}@media (max-width: 760px){.recherche{grid-template-columns: 1fr 1fr;border-radius: var(--r-lg);padding: 10px;gap: 6px}.recherche-champ + .recherche-champ::before{display: none}.recherche-champ{padding: 8px 12px;background: var(--lin-2);border-radius: var(--r-sm)}.recherche .btn{grid-column: 1 / -1;width: 100%;margin-top: 4px}}.carte-illustree{padding: 0;overflow: hidden;display: flex;flex-direction: column}.carte-photo{position: relative;display: block;aspect-ratio: 16 / 10;overflow: hidden;background: var(--lin-3)}.carte-photo img{width: 100%;height: 100%;object-fit: cover;object-position: var(--cadrage,center);transition: transform 1s cubic-bezier(.22,.61,.36,1)}.carte-illustree:hover .carte-photo img{transform: scale(1.05)}.carte-photo::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top,rgba(58,16,32,.32),rgba(58,16,32,0) 52%)}.carte-photo-etiq{position: absolute;z-index: 2;left: 12px;bottom: 12px}.carte-illustree .carte-corps{padding: 20px 22px 24px;display: flex;flex-direction: column;flex: 1}.carte-illustree .carte-corps p{font-size: .9rem;margin-top: 8px}.carte-illustree .carte-corps .lien-fleche{margin-top: auto;padding-top: 14px}.galerie{display: grid;grid-template-columns: 2fr 1fr;gap: 10px}.galerie button{padding: 0;border: 0;background: none;position: relative;overflow: hidden;border-radius: var(--r-lg);cursor: zoom-in}.galerie img{width: 100%;height: 100%;object-fit: cover;transition: transform .7s var(--t)}.galerie button:hover img{transform: scale(1.03)}.galerie-grande{aspect-ratio: 4 / 3}.galerie-cotes{display: grid;grid-template-rows: repeat(2,1fr);grid-template-columns: repeat(2,1fr);gap: 10px}.galerie-cotes button{aspect-ratio: 4 / 3;border-radius: var(--r)}.galerie-ruban{position: absolute;top: 14px;left: 14px;z-index: 2}.galerie-reste{position: absolute;inset: 0;z-index: 2;display: grid;place-items: center;background: rgba(58,16,32,.60);color: #fff;font-size: .9rem;font-weight: 600;backdrop-filter: blur(1px)}@media (max-width: 760px){.galerie{grid-template-columns: 1fr}.galerie-cotes{grid-template-rows: 1fr;grid-template-columns: repeat(4,1fr)}.galerie-cotes button{aspect-ratio: 1;border-radius: var(--r-sm)}}.fiche-prix{position: sticky;top: calc(var(--nav-h) + 20px)}@media (max-width: 880px){.fiche-prix{position: static}}.fiche-montant{font-family: var(--titre);font-size: clamp(1.9rem,3.4vw,2.5rem);font-weight: 500;line-height: 1;color: var(--foret)}.visionneuse{position: fixed;inset: 0;z-index: 1200;display: none;background: rgba(30,8,17,.95);backdrop-filter: blur(6px);align-items: center;justify-content: center}.visionneuse.on{display: flex}.visionneuse img{max-width: 94vw;max-height: 84vh;border-radius: var(--r);object-fit: contain}.visionneuse-barre{position: absolute;top: 0;left: 0;right: 0;z-index: 2;display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;color: rgba(255,255,255,.82);font-size: .86rem}.visionneuse button{width: 46px;height: 46px;border-radius: 50%;background: rgba(255,255,255,.12);color: #fff;font-size: 1.2rem;display: grid;place-items: center;transition: background var(--t-court)}.visionneuse button:hover{background: rgba(255,255,255,.26)}.visionneuse-prec{position: absolute;left: clamp(8px,2vw,26px);z-index: 2}.visionneuse-suiv{position: absolute;right: clamp(8px,2vw,26px);z-index: 2}/* ── 21 bis bis. Le débordement horizontal ──────────────────── Un enfant de grille ou de flex vaut « min-width: auto » par défaut : un mot long,une ligne de chiffres ou un tableau élargit alors sa colonne au-delà de l'écran,et toute la page se met à glisser de gauche à droite. Sept pages le faisaient à 375 px. C'est la cause,et c'est ici qu'on la coupe — pas avec un overflow:hidden qui masquerait le symptôme. ─────────────────────────────────────────────────────────────── */ .duo>*,.grille>*,.heros-in>*,.g-2>*,.g-3>*,.g-4>*,.secteur-grille>*,.mur>*,.chiffres>*,.recherche>*{min-width: 0}.bien-faits,.art-meta,.preuves,.heros-actions,.appel-actions{min-width: 0}.fait,.etiq,.commune b,.commune small{min-width: 0;overflow-wrap: anywhere}.lecture,.enveloppe-etroite{min-width: 0}.form-carte,.champ,.champ-2,.champ-2>*,.rgpd,.note-bloc,.note-bloc>*{min-width: 0}.champ input,.champ select,.champ textarea{width: 100%;max-width: 100%;min-width: 0}.champ select{text-overflow: ellipsis}.rgpd span{overflow-wrap: anywhere}.btn{max-width: 100%}@media (max-width: 560px){.btn{white-space: normal;text-wrap: balance;line-height: 1.3}}.avis-qui>span,.art-signature>span,.vitrine-sceau>span{min-width: 0}.avis-qui b,.avis-qui small,.art-signature b,.art-signature small,.vitrine-sceau b,.vitrine-sceau small{overflow-wrap: anywhere}.fiche-montant,.note-chiffre,.preuve-num,.chiffre-num{overflow-wrap: normal}a[href^="mailto:"],code,.mini,.petit{overflow-wrap: anywhere}html{-webkit-tap-highlight-color: rgba(237,22,81,.12)}@media (pointer: coarse){.tiroir-fermer{width: 44px;height: 44px;font-size: 1.2rem}.btn-sm{min-height: 44px}.burger{width: 46px;height: 46px}.lien-fleche{padding-block: 10px}.pied-liste a,.pied-legal a{padding-block: 6px}.nav-menu-item,.tiroir-lien{min-height: 48px}.reseaux a{width: 44px;height: 44px}.accordeon-tete{padding-block: 22px}}.champ input,.champ select,.champ textarea,.recherche-champ select{font-size: 16px}@media (max-width: 760px){.recherche-champ{padding: 6px 12px 4px}.recherche-champ select{min-height: 44px;padding-block: 0}/* La zone tapable,c'est l'étiquette ET la liste : on la rend cliquable. */ .recherche-champ label{padding-bottom: 4px;cursor: pointer}.tableau-enrouler{position: relative;-webkit-overflow-scrolling: touch;scroll-snap-type: x proximity;background: linear-gradient(to right,var(--blanc) 30%,rgba(255,255,255,0)) left / 40px 100% no-repeat,linear-gradient(to left,var(--blanc) 30%,rgba(255,255,255,0)) right / 40px 100% no-repeat,linear-gradient(to right,rgba(58,16,32,.14),rgba(58,16,32,0)) left / 14px 100% no-repeat,linear-gradient(to left,rgba(58,16,32,.14),rgba(58,16,32,0)) right / 14px 100% no-repeat;background-attachment: local,local,scroll,scroll}.tableau{min-width: 520px}.tableau th,.tableau td{padding: 12px 14px}h1,h2,h3{overflow-wrap: break-word;hyphens: auto}h1{font-size: clamp(2rem,8.4vw,2.6rem)}.fiche-prix{position: static}.heros-actions .btn,.appel-actions .btn{flex: 1 1 100%}.appel-actions{flex-direction: column;align-items: stretch}.pied-bas{padding-bottom: 26px}}@media (max-width: 400px){.preuve + .preuve{padding-left: 14px}.preuve-num{font-size: 1.44rem}.bien-faits .fait{font-size: .74rem;padding: 4px 8px}.vitrine-bande{grid-template-columns: repeat(3,1fr)}.vitrine-bande a:nth-child(4){display: none}}@media print{.nav,.tiroir,.voile,.barre-mobile,.pied,.appel,.heros-actions,.recherche{display: none !important}body{background: #fff;padding: 0}.bloc{padding-block: 18px}a{color: inherit;text-decoration: none}.monte,.vu,[class*="monte"],h1 span,.ligne{opacity: 1 !important;transform: none !important;animation: none !important;clip-path: none !important}form,.form-carte,.visionneuse,a[download]{display: none !important}}.pied-avis{display: inline-flex;align-items: center;gap: 12px;margin-top: 18px;padding: 11px 16px 11px 13px;border: 1px solid rgba(255,255,255,.14);border-radius: var(--r-sm);background: rgba(255,255,255,.04);transition: background var(--t-court),border-color var(--t-court)}.pied-avis:hover{background: rgba(255,255,255,.08);border-color: rgba(255,255,255,.26)}.pied-avis-num{font-family: var(--titre);font-size: 1.62rem;font-weight: 500;line-height: 1;color: var(--laiton-2);flex-shrink: 0}.pied-avis .etoiles{display: block;font-size: .78rem;line-height: 1}.pied-avis-lbl{display: block;margin-top: 4px;font-size: .74rem;line-height: 1.35;color: rgba(255,255,255,.7)}/* Un compromis n'est pas une vente : l'étiquette le dit,et elle est plus discrète que celle des ventes signées. */ .mur-tag-compromis{background: var(--laiton);font-size: .62rem;letter-spacing: .04em}.source-lien{font-size: .72rem;color: var(--encre-3);border-bottom: 1px dotted currentColor;white-space: nowrap}.source-lien:hover{color: var(--pp)}.bien-dpe{display: inline-flex;align-items: baseline;gap: 3px;font-size: .8rem;font-weight: 700;color: var(--foret);letter-spacing: .02em}.bien-dpe i{font-style: normal;font-size: .66rem;font-weight: 600;opacity: .75}.bien-dpe.dpe-excessif{box-shadow: inset 0 0 0 2px rgba(58,16,32,.5)}.bien-dpe.dpe-muet{background: var(--lin-3);color: var(--encre-2);font-weight: 600}.mention-energie{margin: 0 0 20px;padding: 10px 14px;border-left: 3px solid var(--laiton);background: var(--laiton-pale);border-radius: 0 var(--r-sm) var(--r-sm) 0;font-size: .86rem;line-height: 1.6;color: var(--encre-2)}.mention-energie.excessive{border-left-color: var(--pp);background: var(--pp-voile);font-weight: 600;color: var(--foret)}.bien-prix small{display: block;margin-top: 2px;font-size: .64rem;font-weight: 500;letter-spacing: .01em;opacity: .82;text-transform: none}.fiche-charge{margin: 4px 0 0;font-size: .78rem;color: var(--encre-3)}.panneaux{display: flex;flex-wrap: wrap;justify-content: center;gap: clamp(10px,1.4vw,18px)}.panneau{flex: 0 1 190px;max-width: 190px;min-width: 0;margin: 0;border-radius: var(--r);overflow: hidden;background: var(--lin-2);box-shadow: var(--ombre-1);transition: transform var(--t),box-shadow var(--t)}.panneau img{display: block;width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover}.panneau:hover{transform: translateY(-4px) rotate(-.6deg);box-shadow: var(--ombre-2)}.panneaux-fil{gap: 10px;justify-content: flex-start}.panneaux-fil .panneau{flex: 0 0 132px;max-width: 132px}@media (max-width: 640px){.panneaux{gap: 8px}.panneau{flex: 0 1 calc(33.333% - 6px);max-width: none}.panneaux-fil{flex-wrap: nowrap;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding-bottom: 6px}.panneaux-fil .panneau{flex: 0 0 108px;max-width: 108px;scroll-snap-align: start}}a.avis{text-decoration: none}a.avis:hover{border-color: var(--pp-voile-2)}.avis .etiq{display: inline-flex;align-items: center;gap: 5px}.avis .etiq svg{flex-shrink: 0}.avis-vers{margin-left: auto;flex-shrink: 0;font-size: .95rem;color: var(--encre-3);opacity: .5;transition: opacity var(--t-court),transform var(--t-court),color var(--t-court)}a.avis:hover .avis-vers{opacity: 1;transform: translate(2px,-2px);color: var(--pp)}.reseau{display: flex;flex-direction: column;gap: 8px;align-items: flex-start;text-align: left;position: relative;overflow: hidden}.reseau-ic{width: 46px;height: 46px;display: grid;place-items: center;border-radius: 14px;margin-bottom: 6px;color: #fff;background: var(--foret-2)}.reseau-ic svg{width: 21px;height: 21px}.reseau-google .reseau-ic{background: linear-gradient(135deg,#4285F4,#34A853 55%,#EA4335)}.reseau-fb .reseau-ic{background: #1877F2}.reseau-ig .reseau-ic{background: linear-gradient(45deg,#F9CE34,#EE2A7B 50%,#6228D7)}.reseau-chiffre{font-family: var(--titre);font-size: 1.16rem;font-weight: 500;color: var(--laiton-txt)}.reseau p{flex: 1}.bloc-preuves{background: radial-gradient(120% 80% at 50% 0%,var(--laiton-pale) 0%,transparent 62%),var(--lin);border-block: 1px solid var(--trait)}.preuve{display: flex;flex-direction: column;align-items: flex-start;text-align: left;gap: 10px;min-width: 0;margin: 0;padding: clamp(24px,2.6vw,32px) clamp(20px,2.4vw,28px) clamp(20px,2.2vw,24px);background: #fff;border: 1px solid var(--trait);border-radius: var(--r-lg);box-shadow: var(--ombre-1);position: relative;overflow: hidden;transition: transform var(--t),box-shadow var(--t)}.preuve::before{content: "";position: absolute;inset: 0 auto 0 0;width: 3px;background: linear-gradient(to bottom,var(--laiton-2),var(--laiton))}.preuve:hover{transform: translateY(-3px);box-shadow: var(--ombre-2)}.preuve-fait{font-family: var(--titre);font-size: clamp(1.75rem,3.4vw,2.4rem);font-weight: 500;line-height: 1.05;color: var(--laiton-txt);font-variation-settings: 'SOFT' 40,'WONK' 1;text-wrap: balance}.preuve-detail{font-size: .82rem;color: var(--encre-3);letter-spacing: .02em;margin-top: -4px}.preuve-cite{align-self: stretch;margin: 6px 0 0;padding-top: 14px;border-top: 1px solid var(--trait);font-family: var(--titre);font-size: .99rem;font-style: italic;line-height: 1.55;color: var(--foret);font-variation-settings: 'SOFT' 50,'WONK' 1}.preuve-qui{align-self: stretch;display: flex;align-items: center;gap: 11px;margin-top: auto;padding-top: 16px}.preuve-qui>span{min-width: 0}.preuve-qui b{display: block;font-size: .9rem;font-weight: 600;color: var(--foret)}.preuve-qui small{display: block;font-size: .76rem;color: var(--encre-3)}.preuves-ligne{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px;padding: 0;list-style: none}.preuves-ligne li{display: flex;align-items: baseline;gap: 8px;padding: 9px 15px;background: #fff;border: 1px solid var(--trait);border-radius: 999px;font-size: .84rem;color: var(--encre-2);min-width: 0}.preuves-ligne b{font-family: var(--titre);font-size: .98rem;font-weight: 500;color: var(--laiton-txt);white-space: nowrap}.preuves-ligne small{color: var(--encre-3);font-size: .76rem}@media (max-width: 560px){.preuve{padding: 24px 20px 20px}.preuve-fait{font-size: 1.7rem}}/* ═══════════════════════════════════════════════════════════════ 23. MOUVEMENT ═══════════════════════════════════════════════════════════════ Ce qu'on voit sur les sites des grandes maisons — Emile Garcin,Barnes,Sotheby's — tient en quatre gestes : une image qui vit lentement,un texte qui se lève ligne à ligne,une photo qui se dévoile par un voile qui glisse,et une profondeur légère entre les plans. Rien de tape-à-l'œil : le luxe, c'est la lenteur. Tout est en CSS. Les animations liées au défilement utilisent `animation-timeline: view()` : le navigateur les calcule sur son propre fil,donc elles ne saccadent jamais,même sur un téléphone d'entrée de gamme. Là où ce n'est pas encore supporté (Firefox),l'ancien IntersectionObserver de js/site.js prend le relais. Et tout s'éteint d'un bloc si la personne a demandé moins d'animations dans les réglages de son système. ═══════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}::view-transition-old(root){animation: sortie .28s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation: entree .42s cubic-bezier(0,0,.2,1) both}@keyframes sortie{to{opacity: 0;transform: translateY(-6px)}}@keyframes entree{from{opacity: 0;transform: translateY(10px)}}/* La barre du haut et le pied ne clignotent pas d'une page à l'autre. */ .nav{view-transition-name: barre-haut}.pied{view-transition-name: pied-page}.barre-mobile{view-transition-name: barre-bas}/* ── 1. L'image qui vit ────────────────────────────────────── Un panorama figé a l'air d'un fond d'écran. Un panorama qui dérive très lentement a l'air d'un lieu. 24 secondes : assez lent pour qu'on ne le remarque pas, assez pour qu'on le sente. */ .panorama img{animation: derive 28s ease-in-out infinite alternate;transform-origin: 50% 58%}@keyframes derive{from{transform: scale(1.04) translate3d(-0.6%,0,0)}to{transform: scale(1.11) translate3d(0.6%,-1%,0)}}@supports (animation-timeline: view()){.image-cadre img,.vitrine-cadre img{animation: profondeur linear both;animation-timeline: view();animation-range: entry 0% exit 100%}@keyframes profondeur{from{transform: scale(1.12) translateY(-2.5%)}to{transform: scale(1.12) translateY(2.5%)}}}/* ── 3. Le dévoilement ─────────────────────────────────────── Une photo qui apparaît d'un coup, c'est un chargement. Une photo que découvre un voile qui monte,c'est une intention. */ @supports (animation-timeline: view()){.carte-photo,.mur-item,.galerie-grande,.bien-photo{animation: devoile linear both;animation-timeline: view();animation-range: entry 0% entry 62%}@keyframes devoile{from{clip-path: inset(0 0 100% 0)}to{clip-path: inset(0 0 0 0)}}}.leve{display: block;overflow: hidden}.leve>span{display: block;animation: monte-ligne .9s cubic-bezier(.16,1,.3,1) both}.leve>span:nth-child(2){animation-delay: .09s}.leve>span:nth-child(3){animation-delay: .18s}.leve>span:nth-child(4){animation-delay: .27s}@keyframes monte-ligne{from{transform: translateY(105%);opacity: 0}to{transform: translateY(0);opacity: 1}}@supports (animation-timeline: view()){.monte{opacity: 1;transform: none;animation: apparait .8s cubic-bezier(.16,1,.3,1) both;animation-timeline: view();animation-range: entry 0% entry 44%}.monte.vu{opacity: 1;transform: none}@keyframes apparait{from{opacity: 0;transform: translateY(26px)}to{opacity: 1;transform: none}}/* Les enfants d'une grille se lèvent l'un après l'autre. */ .grille>.monte:nth-child(2){animation-range: entry 4% entry 48%}.grille>.monte:nth-child(3){animation-range: entry 8% entry 52%}.grille>.monte:nth-child(4){animation-range: entry 12% entry 56%}}.progression{position: fixed;top: 0;left: 0;right: 0;height: 2px;z-index: 950;background: var(--pp);transform-origin: 0 50%;transform: scaleX(0);animation: avance linear both;animation-timeline: scroll(root block)}@keyframes avance{to{transform: scaleX(1)}}.btn{position: relative;overflow: hidden;isolation: isolate}.btn::after{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.28),transparent 55%);opacity: 0;transition: opacity .4s}.btn:hover::after{opacity: 1}.btn-clair::after,.btn-fantome::after{background: radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(237,22,81,.12),transparent 55%)}.lien-fleche{position: relative}.lien-fleche::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: 0 50%;transition: transform .42s cubic-bezier(.16,1,.3,1)}.lien-fleche:hover::before{transform: scaleX(1)}.carte,.bien,.avis,.commune,.puce{transition: transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease}.marque:hover .marque-sceau{transform: scale(1.06) rotate(-2deg)}.marque-sceau{transition: transform .5s cubic-bezier(.16,1,.3,1)}@keyframes pulse-doux{0%,100%{transform: scale(1)}50%{transform: scale(1.06)}}.pulse{animation: pulse-doux .7s cubic-bezier(.16,1,.3,1)}/* ── 12. Le bandeau des communes qui défile ────────────────── Un ruban lent de tous les villages : ça montre l'étendue du secteur d'un seul regard, mieux qu'une liste. */ .galerie-grande>img,.bien-ouvert>img,.bien-ouvert .bien-photo img{view-transition-name: bien-ouvert}::view-transition-old(bien-ouvert),::view-transition-new(bien-ouvert){animation-duration: .5s}::view-transition-group(bien-ouvert){animation-timing-function: cubic-bezier(.16,1,.3,1)}.fiche-titre{view-transition-name: bien-titre}.bien-ouvert .bien-titre{view-transition-name: bien-titre}.bien-photo,.mur-item,.carte-photo{overflow: hidden}.bien-photo img,.mur-item img{transition: transform .9s cubic-bezier(.16,1,.3,1);will-change: transform}.bien:hover .bien-photo img,.mur-item:hover img{transform: scale(1.045)}.bien-prix{transition: transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.bien:hover .bien-prix{transform: translateY(-3px);box-shadow: var(--ombre-2)}@supports (animation-timeline: view()){.sur-titre::before{animation: trace linear both;animation-timeline: view();animation-range: entry 10% entry 45%}@keyframes trace{from{transform: scaleX(0)}to{transform: scaleX(1)}}}[data-compteur]{font-variant-numeric: tabular-nums}.ruban{overflow: hidden;-webkit-mask-image: linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.ruban-piste{display: flex;width: max-content;animation: ruban 78s linear infinite}.ruban:hover .ruban-piste{animation-play-state: paused}@keyframes ruban{to{transform: translateX(-50%)}}}@supports not (animation-timeline: scroll()){.progression{display: none}}.ruban-item{display: inline-flex;align-items: center;gap: 10px;padding: 0 22px;white-space: nowrap;font-family: var(--titre);font-size: 1.02rem;color: var(--foret-3)}.ruban-item::after{content: '·';color: var(--laiton)}.ruban-item:hover{color: var(--pp)}.bloc-ruban{padding: 26px 0;background: var(--lin-2);border-top: 1px solid var(--trait);border-bottom: 1px solid var(--trait)}/* ═══════════════════════════════════════════════════════════════ 24. QUAND ON DEMANDE MOINS D'ANIMATIONS ═══════════════════════════════════════════════════════════════ Tout ce qui précède est enfermé dans `prefers-reduced-motion: no-preference`. Conséquence : sur un Mac où « Réduire les animations » est coché — le site ne bougeait PAS DU TOUT. Pas un fondu,pas une réaction au survol,rien. Il a demandé deux fois « ajoute du motion design » en regardant un site parfaitement immobile. « Moins d'animations » ne veut pas dire « aucune ». Ce que ce réglage demande,c'est de ne pas déclencher de vertige : pas de déplacement,pas de parallaxe,pas de zoom,pas de boucle. Un fondu ne déplace rien — il est admis,et il suffit à dire qu'une section vient d'arriver ou qu'un bouton a répondu. Donc ici : on retire tout mouvement,on garde la lumière. ═══════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion: reduce){.panorama img,.ruban-piste,.leve>span{animation: none !important}.carte-photo,.mur-item,.galerie-grande,.bien-photo{clip-path: none !important;animation: none !important}.image-cadre img,.vitrine-cadre img{animation: none !important;transform: none !important}.bien-photo img,.mur-item img{transform: none !important}.progression{display: none}*{scroll-behavior: auto !important}.monte{opacity: 0;transform: none !important;transition: opacity .6s ease}.monte.vu{opacity: 1}@supports (animation-timeline: view()){.monte{animation: fondu linear both;animation-timeline: view();animation-range: entry 0% entry 42%}@keyframes fondu{from{opacity: 0}to{opacity: 1}}.grille>.monte:nth-child(2){animation-range: entry 3% entry 45%}.grille>.monte:nth-child(3){animation-range: entry 6% entry 48%}.grille>.monte:nth-child(4){animation-range: entry 9% entry 51%}}.carte,.bien,.avis,.commune,.puce,.preuve,.reseau,.panneau{transition: box-shadow .3s ease,border-color .3s ease,background-color .3s ease;transform: none !important}.carte:hover,.bien:hover,.avis:hover,.reseau:hover,.panneau:hover{box-shadow: var(--ombre-2)}.btn{transition: background-color .25s ease,color .25s ease,box-shadow .25s ease}.lien-fleche::before{transition: opacity .3s ease !important;transform: scaleX(1) !important;opacity: 0}.lien-fleche:hover::before{opacity: .5}@view-transition{navigation: auto}::view-transition-old(root){animation: fondu-sortie .18s ease both}::view-transition-new(root){animation: fondu .22s ease both}@keyframes fondu-sortie{to{opacity: 0}}}.no-js .monte{opacity: 1 !important}.pied .etoiles{color: #C9A063}.pied-bas a{color: rgba(255,255,255,.78)}.nav-langue{display: inline-flex;align-items: center;gap: 6px;padding: 8px 10px;min-height: 44px;border-radius: 99px;font-size: .74rem;font-weight: 700;letter-spacing: .06em;color: var(--foret)}.nav-langue svg{border-radius: 2px;box-shadow: 0 0 0 1px rgba(0,0,0,.08)}.nav-langue:hover{background: var(--foret-pale)}@media (max-width: 380px){.nav-langue span{display: none}}.bandeau-visuel{position: relative;isolation: isolate;min-height: clamp(340px,46vw,560px);display: flex;align-items: flex-end;overflow: hidden;margin: clamp(8px,2vw,20px) 0 0}.bandeau-visuel-image,.bandeau-visuel-image picture{position: absolute;inset: 0;z-index: -2}.bandeau-visuel-image img{width: 100%;height: 100%;object-fit: cover;object-position: var(--pos,center);transform: scale(1.04);transition: transform 1.2s ease}.bandeau-visuel:hover .bandeau-visuel-image img{transform: scale(1.08)}.bandeau-visuel-voile{position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgba(35,20,26,0) 30%,rgba(35,20,26,.55) 62%,rgba(35,20,26,.9) 100%)}.bandeau-visuel-contenu{position: relative;width: 100%;padding-block: clamp(22px,4vw,40px);color: #fff}.bandeau-visuel-legende{font-family: var(--titre);font-style: italic;font-size: clamp(1.25rem,2.6vw,1.9rem);max-width: 30ch;margin-bottom: 18px;text-shadow: 0 2px 14px rgba(0,0,0,.35)}.bandeau-visuel-chiffres{list-style: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin: 0;padding: 0}.bandeau-visuel-chiffres li{background: rgba(255,255,255,.12);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,.22);border-radius: 16px;padding: 14px 16px}.bandeau-visuel-chiffres b{display: block;font-family: var(--titre);font-size: clamp(1.5rem,3vw,2.2rem);font-weight: 500;line-height: 1.05}.bandeau-visuel-chiffres span{display: block;font-size: .8rem;margin-top: 4px;color: rgba(255,255,255,.88)}@media (max-width: 640px){.bandeau-visuel{min-height: 560px}.bandeau-visuel-voile{background: linear-gradient(180deg,rgba(35,20,26,0) 18%,rgba(35,20,26,.7) 48%,rgba(35,20,26,.94) 100%)}.bandeau-visuel-legende{font-size: 1.3rem}.bandeau-visuel-chiffres{grid-template-columns: 1fr;gap: 8px}.bandeau-visuel-chiffres li{display: flex;align-items: baseline;gap: 10px;padding: 10px 14px}.bandeau-visuel-chiffres span{margin-top: 0}}@media (prefers-reduced-motion: reduce){.bandeau-visuel-image img,.bandeau-visuel:hover .bandeau-visuel-image img{transform: none;transition: none}}h1{hyphens: manual;-webkit-hyphens: manual}.carte-commune{margin: 28px 0 0;max-width: 820px}.carte-commune iframe{display: block;width: 100%;aspect-ratio: 16 / 9;border: 0;border-radius: 18px;box-shadow: var(--ombre-1);background: var(--lin)}.carte-commune figcaption{margin-top: 10px}@media (max-width: 640px){.carte-commune iframe{aspect-ratio: 4 / 3}}.etiq-nouveau{background: #1F7A4D;color: #fff;border-color: #1F7A4D;letter-spacing: .06em}