/* Article de blog « manifestation-17-octobre » pour Duda — généré par tools/build-duda-blog.mjs, ne pas modifier à la main.
   Tout est préfixé sous #iso-blog (rien ne touche au reste du site Duda). Déclarations en !important : Duda impose
   couleurs, polices, interlignes et marges aux titres, paragraphes, liens et champs avec des sélecteurs plus forts.
   Charte isodeco.org : violet #3B247E, bleu nuit #001167, bleu #3667B3, vert #7CC900 (dégradé #3EC83A → #7CC900), lavande #F3F2F9.
   --iso-blog-top : bas de l'en-tête fixe de Duda, mesuré par blog-loader.js (sommaire, barre de lecture, ancres). */
@font-face { font-family: "Outfit"; src: url("../../fonts/outfit-latin-wght.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../../fonts/inter-latin-wght.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }

#iso-blog {
	--io-violet: #3b247e; --io-bleu: #3667b3; --io-nuit: #001167; --io-vert: #7cc900; --io-vert-2: #3ec83a;
	--io-texte: rgba(59, 36, 126, .75); --io-lavande: #f3f2f9; --io-blanc: #fff;
	--io-grad: linear-gradient(90deg, rgb(62, 200, 58) 0%, rgb(124, 201, 0) 100%);
	--io-ombre: rgba(59, 36, 126, .23) 3px 3px 11px 0px;
	--iso-blog-top: 0px;
	display: block !important; position: relative !important; box-sizing: border-box !important;
	width: 100vw !important; max-width: 100vw !important; margin: 0 0 0 calc(50% - 50vw) !important; padding: 0 !important;
	min-height: 60vh;
	background: #fff !important; text-align: left !important; direction: ltr !important;
	font: 400 18px/1.5 "Outfit", system-ui, sans-serif !important; color: rgba(59, 36, 126, .75) !important;
	letter-spacing: normal !important; text-transform: none !important; text-shadow: none !important; word-spacing: normal !important;
	-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
}
html:has(#iso-blog), body:has(#iso-blog) { overflow-x: clip; }
.dmRespRow:has(#iso-blog) { padding-top: 0 !important; padding-bottom: 0 !important; }
.dmCustomHtml:has(> #iso-blog) { margin-top: 0 !important; margin-bottom: 0 !important; }
#iso-blog *, #iso-blog *::before, #iso-blog *::after { box-sizing: border-box; }
#iso-blog :is(h1, h2, h3, h4, h5, h6) { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none; font-family: "Outfit", sans-serif !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.25 !important; color: #3b247e !important; letter-spacing: normal !important; text-transform: none !important; text-align: inherit !important; text-shadow: none !important; text-decoration: none !important; direction: ltr !important; }
#iso-blog :is(p, ul, ol, dl, dd, figure, blockquote) { margin: 0 !important; }
#iso-blog :is(p, li, span, strong, b, em, small, dt, dd, label, summary, blockquote, figcaption, footer, nav, time, output, i) { font-family: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; text-shadow: none !important; direction: ltr !important; }
#iso-blog :is(p, li, dt, dd, summary, blockquote, figcaption, footer, label) { color: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit; text-align: inherit !important; }
#iso-blog :is(strong, b) { font-weight: 700 !important; }
#iso-blog a { color: #3667b3 !important; text-decoration: none !important; font-family: inherit !important; letter-spacing: inherit !important; text-transform: none !important; text-shadow: none !important; outline: 0; vertical-align: baseline !important; }
#iso-blog a:focus-visible { outline: 3px solid var(--io-vert); outline-offset: 3px; }
#iso-blog img { max-width: 100% !important; height: auto; border: 0 !important; margin: 0; padding: 0 !important; box-shadow: none; vertical-align: middle; }
#iso-blog :is(button, input, select, textarea) { font-family: inherit !important; letter-spacing: normal !important; text-transform: none !important; text-shadow: none !important; margin: 0 !important; line-height: normal !important; min-width: 0 !important; max-width: none !important; float: none !important; -webkit-appearance: none; appearance: none; }
#iso-blog button { text-align: center !important; color: inherit !important; background: none !important; border: 0 !important; padding: 0 !important; height: auto !important; width: auto !important; border-radius: 0 !important; box-shadow: none !important; }
#iso-blog svg { max-width: none !important; }
#iso-blog [hidden]:not(#iso-x) { display: none !important; }
#iso-blog .iso-loading { display: grid !important; place-items: center !important; min-height: 60vh !important; color: #3b247e !important; font: 600 1rem "Outfit", sans-serif !important; }
#iso-blog .iso-loading::before { content: "" !important; width: 42px; height: 42px; border-radius: 50%; border: 4px solid #f3f2f9; border-top-color: #7cc900; animation: iso-blog-spin .8s linear infinite; }
@keyframes iso-blog-spin { to { transform: rotate(360deg); } }

/* ---- realisations/realisations.css (WordPress) ---- */
#iso-blog .ir { --ir-violet: var(--io-violet, #3b247e); --ir-nuit: var(--io-nuit, #001167); --ir-bleu: var(--io-bleu, #3667b3); --ir-vert: var(--io-vert, #7cc900); --ir-vert-2: #3ec83a; --ir-grad: var(--io-grad, linear-gradient(90deg, #3ec83a 0%, #7cc900 100%)); --ir-lavande: var(--io-lavande, #f3f2f9); --ir-texte: var(--io-texte, rgba(59, 36, 126, .75)); --ir-line: #e6e3f3; --ir-ease: cubic-bezier(.2, .75, .2, 1); font-family: "Outfit", system-ui, sans-serif !important; color: var(--ir-texte) !important }
#iso-blog .ir *, #iso-blog .ir *::before, #iso-blog .ir *::after { box-sizing: border-box !important }
#iso-blog .ir h1, #iso-blog .ir h2, #iso-blog .ir h3 { font-family: "Outfit", sans-serif !important; color: var(--ir-violet) !important; margin: 0 !important; letter-spacing: -.01em !important }
#iso-blog .ir svg { fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important }
#iso-blog .ir :focus-visible { outline: 3px solid var(--ir-vert) !important; outline-offset: 3px !important }
#iso-blog .ir .screen-reader-text { width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important }
#iso-blog#iso-blog .ir .screen-reader-text { position: absolute !important }
#iso-blog .ir-hero { position: relative !important; overflow: hidden !important; background: var(--ir-lavande) !important; padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1rem, 4vw, 3rem) clamp(3.5rem, 6vw, 5.5rem) !important }
#iso-blog .ir-hero::before, #iso-blog .ir-hero::after { content: "" !important; position: absolute !important; pointer-events: none !important }
#iso-blog .ir-hero::before { width: 420px !important; height: 420px !important; left: -160px !important; bottom: -220px !important; background: var(--ir-grad) !important; opacity: .14 !important; transform: rotate(32deg) !important; border-radius: 60px !important }
#iso-blog .ir-hero::after { width: 360px !important; height: 360px !important; right: 38% !important; top: -250px !important; background: linear-gradient(135deg, var(--ir-violet), var(--ir-bleu)) !important; opacity: .08 !important; transform: rotate(28deg) !important; border-radius: 60px !important }
#iso-blog .ir-hero__in { position: relative !important; z-index: 1 !important; max-width: 1240px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important; gap: clamp(2rem, 4vw, 4rem) !important; align-items: center !important }
#iso-blog .ir-kicker { font: 700 .9rem/1.2 "Outfit", sans-serif !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--ir-vert-2) !important }
#iso-blog#iso-blog .ir-kicker { margin: 0 0 .8rem !important }
#iso-blog .ir-hero h1 { font-size: clamp(2.2rem, 4.4vw, 3.6rem) !important; line-height: 1.05 !important; font-weight: 800 !important; color: var(--ir-nuit) !important; text-wrap: balance !important }
#iso-blog .ir-hero h1 span { color: var(--ir-vert) !important }
#iso-blog .ir-lead { max-width: 560px !important; font-size: clamp(1.02rem, 1.3vw, 1.15rem) !important; line-height: 1.6 !important; color: var(--ir-texte) !important }
#iso-blog#iso-blog .ir-lead { margin: 1.2rem 0 0 !important }
#iso-blog .ir-stats { list-style: none !important; display: flex !important; flex-wrap: wrap !important; gap: .8rem !important }
#iso-blog#iso-blog .ir-stats { margin: 2rem 0 0 !important; padding: 0 !important }
#iso-blog .ir-stats li { display: flex !important; align-items: center !important; gap: .75rem !important; padding: .85rem 1.1rem !important; border-radius: 16px !important; background: #fff !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important }
#iso-blog .ir-stats__ico { flex: 0 0 auto !important; display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 12px !important; background: rgba(124, 201, 0, .14) !important; color: var(--ir-vert-2) !important }
#iso-blog .ir-stats__ico svg { width: 24px !important; height: 24px !important }
#iso-blog .ir-stats li > span:last-child { display: flex !important; flex-direction: column !important; font-size: .88rem !important; line-height: 1.25 !important; color: var(--ir-texte) !important }
#iso-blog .ir-stats strong { color: var(--ir-nuit) !important; font-size: 1.05rem !important; font-weight: 700 !important }
#iso-blog .ir-hero__media { position: relative !important; min-height: 460px !important }
#iso-blog .ir-hero__ph { position: absolute !important; margin: 0 !important; overflow: hidden !important; border-radius: 22px !important; background: #ddd !important; box-shadow: 0 30px 60px -30px rgba(0, 17, 103, .55) !important }
#iso-blog .ir-hero__ph img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important }
#iso-blog .ir-hero__ph figcaption { position: absolute !important; left: .7rem !important; bottom: .7rem !important; display: inline-flex !important; align-items: center !important; gap: .3rem !important; padding: .3rem .65rem !important; border-radius: 999px !important; background: rgba(255, 255, 255, .94) !important; color: var(--ir-nuit) !important; font-size: .78rem !important; font-weight: 600 !important }
#iso-blog .ir-hero__ph figcaption svg { width: 14px !important; height: 14px !important; color: var(--ir-vert-2) !important }
#iso-blog .ir-hero__ph--1 { left: 0 !important; top: 4% !important; width: 68% !important; height: 74% !important; z-index: 1 !important }
#iso-blog .ir-hero__ph--2 { right: 0 !important; top: 0 !important; width: 40% !important; height: 46% !important; z-index: 2 !important; border: 5px solid #fff !important }
#iso-blog .ir-hero__ph--3 { right: 6% !important; bottom: 0 !important; width: 46% !important; height: 44% !important; z-index: 2 !important; border: 5px solid #fff !important }
#iso-blog .ir-chip { position: absolute !important; z-index: 3 !important; display: inline-flex !important; align-items: center !important; gap: .55rem !important; padding: .45rem .95rem .45rem .45rem !important; border-radius: 999px !important; background: #fff !important; color: var(--ir-nuit) !important; font-weight: 600 !important; font-size: .9rem !important; box-shadow: 0 14px 30px -14px rgba(0, 17, 103, .45) !important; text-decoration: none !important; transition: transform .3s var(--ir-ease) }
#iso-blog .ir-chip span { display: grid !important; place-items: center !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: var(--ir-grad) !important; color: #fff !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1 !important }
#iso-blog .ir-chip:hover { transform: translateY(-3px) !important; color: var(--ir-nuit) !important }
#iso-blog .ir-chip--1 { left: 34% !important; top: 12% !important }
#iso-blog .ir-chip--2 { left: 4% !important; top: 58% !important }
#iso-blog .ir-chip--3 { right: 2% !important; top: 49% !important }
#iso-blog .ir-chip--4 { left: 3% !important; bottom: 8% !important }
#iso-blog .ir-list { padding: 0 clamp(1rem, 4vw, 3rem) clamp(3rem, 6vw, 5rem) !important; background: #fff !important }
#iso-blog .ir-list__in { max-width: 1240px !important; margin: 0 auto !important }
#iso-blog .ir-hero + .ir-list .ir-list__in { position: relative !important; z-index: 2 !important; margin-top: -2.2rem !important; padding: 1.6rem clamp(1rem, 2.5vw, 1.8rem) 0 !important; border-radius: 28px 28px 0 0 !important; background: #fff !important }
#iso-blog .ir-tools { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 1rem 1.5rem !important }
#iso-blog .ir-filters { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important }
#iso-blog .ir-tools > * { min-width: 0 !important; max-width: 100% !important }
#iso-blog .ir-filter { display: inline-flex !important; align-items: center !important; gap: .45rem !important; min-height: 44px !important; padding: .55rem 1.05rem !important; border-radius: 999px !important; border: 1.5px solid var(--ir-line) !important; background: #fff !important; color: var(--ir-violet) !important; font-weight: 600 !important; font-size: .95rem !important; text-decoration: none !important; transition: background-color .25s, color .25s, border-color .25s, transform .25s var(--ir-ease) }
#iso-blog .ir-filter:hover { border-color: var(--ir-violet) !important; color: var(--ir-violet) !important; transform: translateY(-1px) !important }
#iso-blog .ir-filter__n { display: inline-grid !important; place-items: center !important; min-width: 22px !important; height: 22px !important; padding: 0 .35rem !important; border-radius: 999px !important; background: var(--ir-lavande) !important; color: var(--ir-violet) !important; font-size: .75rem !important; font-weight: 700 !important }
#iso-blog .ir-filter.is-active { background: var(--ir-grad) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 10px 22px -12px rgba(62, 200, 58, .9) !important }
#iso-blog .ir-filter.is-active .ir-filter__n { background: rgba(255, 255, 255, .25) !important; color: #fff !important }
#iso-blog .ir-search { display: flex !important; flex-wrap: wrap !important; gap: .6rem !important }
#iso-blog .ir-input, #iso-blog .ir-select { position: relative !important; display: flex !important; align-items: center !important }
#iso-blog .ir-input svg { position: absolute !important; left: 1rem !important; width: 18px !important; height: 18px !important; color: var(--ir-violet) !important; opacity: .7 !important; pointer-events: none !important }
#iso-blog .ir-input input, #iso-blog .ir-select select { min-height: 46px !important; border: 1.5px solid var(--ir-line) !important; border-radius: 999px !important; background: var(--ir-lavande) !important; color: var(--ir-nuit) !important; font: 500 .95rem "Outfit", sans-serif !important; transition: border-color .2s, background-color .2s, box-shadow .2s }
#iso-blog .ir-input input { width: min(320px, 78vw) !important; padding: 0 1rem 0 2.6rem !important }
#iso-blog .ir-select select { padding: 0 2.4rem 0 1rem !important; appearance: none !important; cursor: pointer !important; background-image: linear-gradient(45deg, transparent 50%, var(--ir-violet) 50%), linear-gradient(135deg, var(--ir-violet) 50%, transparent 50%) !important; background-position: calc(100% - 20px) 20px, calc(100% - 14px) 20px !important; background-size: 6px 6px !important; background-repeat: no-repeat !important }
#iso-blog .ir-input input:focus, #iso-blog .ir-select select:focus { outline: none !important; background-color: #fff !important; border-color: var(--ir-violet) !important; box-shadow: 0 0 0 4px rgba(59, 36, 126, .12) !important }
#iso-blog .ir-count { font-size: .95rem !important; color: var(--ir-texte) !important }
#iso-blog#iso-blog .ir-count { margin: 1.4rem 0 1rem !important }
#iso-blog .ir-count span { color: var(--ir-nuit) !important; font-weight: 700 !important }
#iso-blog .ir-grid { list-style: none !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1.4rem !important }
#iso-blog#iso-blog .ir-grid { margin: 0 !important; padding: 0 !important }
#iso-blog .ir-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important }
#iso-blog .ir-card { opacity: 1 !important; transform: none !important }
#iso-blog .ir-card[hidden] { display: none !important }
#iso-blog .ir.is-js .ir-card.is-pending { opacity: 0 !important; transform: translateY(18px) !important }
#iso-blog .ir.is-js .ir-card.is-in { transition: opacity .6s var(--ir-ease), transform .6s var(--ir-ease) }
#iso-blog .ir-card__link { display: flex !important; flex-direction: column !important; height: 100% !important; overflow: hidden !important; border-radius: 18px !important; background: #fff !important; border: 1px solid var(--ir-line) !important; box-shadow: 0 18px 40px -32px rgba(0, 17, 103, .55) !important; text-decoration: none !important; transition: transform .35s var(--ir-ease), box-shadow .35s var(--ir-ease), border-color .35s }
#iso-blog .ir-card__link:hover { transform: translateY(-5px) !important; border-color: transparent !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0), 0 26px 50px -30px rgba(0, 17, 103, .6) !important }
#iso-blog .ir-card__media { position: relative !important; display: block !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; background: var(--ir-lavande) !important }
#iso-blog .ir-card__img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .8s var(--ir-ease) }
#iso-blog .ir-card__link:hover .ir-card__img { transform: scale(1.06) !important }
#iso-blog .ir-card__video { position: absolute !important; left: .8rem !important; bottom: .8rem !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; gap: .4rem !important; height: 34px !important; padding: 0 .8rem 0 .55rem !important; border-radius: 999px !important; background: var(--io-grad, linear-gradient(90deg, #3ec83a, #7cc900)) !important; color: #fff !important; font: 700 .8rem/1 "Outfit", sans-serif !important; box-shadow: 0 8px 20px -10px rgba(0, 17, 103, .55) !important }
#iso-blog .ir-card__video svg { width: 18px !important; height: 18px !important; fill: #fff !important; flex: none !important }
#iso-blog .ir-card__badges { position: absolute !important; left: .8rem !important; top: .8rem !important; display: flex !important; gap: .35rem !important }
#iso-blog .ir-badge { display: inline-flex !important; align-items: center !important; padding: .35rem .8rem !important; border-radius: 999px !important; color: #fff !important; font: 600 .8rem/1.1 "Outfit", sans-serif !important; letter-spacing: .01em !important }
#iso-blog .ir-badge.is-nuit { background: var(--ir-nuit) !important }
#iso-blog .ir-badge.is-violet { background: var(--ir-violet) !important }
#iso-blog .ir-badge.is-bleu { background: var(--ir-bleu) !important }
#iso-blog .ir-badge.is-vert { background: var(--ir-grad) !important }
#iso-blog .ir-card__body { display: flex !important; flex-direction: column !important; gap: .5rem !important; flex: 1 !important; padding: 1.05rem 1.15rem 1.15rem !important }
#iso-blog .ir-card__title { color: var(--ir-violet) !important; font-size: 1.12rem !important; line-height: 1.25 !important; font-weight: 700 !important }
#iso-blog .ir-card__text { color: var(--ir-texte) !important; font-size: .9rem !important; line-height: 1.45 !important }
#iso-blog .ir-card__foot { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: .6rem !important; margin-top: auto !important; padding-top: .7rem !important; border-top: 1px solid var(--ir-line) !important; font-size: .9rem !important }
#iso-blog .ir-card__ville { display: inline-flex !important; align-items: center !important; gap: .3rem !important; color: var(--ir-texte) !important; font-weight: 500 !important }
#iso-blog .ir-card__ville svg { width: 16px !important; height: 16px !important; color: var(--ir-vert-2) !important }
#iso-blog .ir-card__more { color: var(--ir-bleu) !important; font-weight: 700 !important; white-space: nowrap !important }
#iso-blog .ir-card__more span { display: inline-block !important; transition: transform .3s var(--ir-ease) }
#iso-blog .ir-card__link:hover .ir-card__more span { transform: translateX(4px) !important }
#iso-blog .ir-empty { padding: 3rem 1rem !important; text-align: center !important; border-radius: 20px !important; background: var(--ir-lavande) !important }
#iso-blog .ir-empty[hidden], #iso-blog .ir-more[hidden] { display: none !important }
#iso-blog .ir-empty p { color: var(--ir-nuit) !important }
#iso-blog#iso-blog .ir-empty p { margin: 0 0 1rem !important }
#iso-blog .ir-more { margin-top: 2rem !important; text-align: center !important }
#iso-blog .ir-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .55rem !important; min-height: 52px !important; padding: .8rem 1.6rem !important; border: 0 !important; border-radius: 999px !important; background: var(--ir-grad) !important; font: 700 1rem/1.1 "Outfit", sans-serif !important; text-decoration: none !important; cursor: pointer !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important; transition: transform .25s var(--ir-ease), filter .25s }
#iso-blog#iso-blog .ir-btn { color: #fff !important }
#iso-blog .ir-btn:hover { transform: translateY(-2px) !important; filter: brightness(1.05) !important }
#iso-blog .ir-btn--ghost { background: #fff !important; border: 1.5px solid var(--ir-line) !important; box-shadow: none !important }
#iso-blog#iso-blog .ir-btn--ghost { color: var(--ir-violet) !important }
#iso-blog .ir-btn--ghost:hover { border-color: var(--ir-violet) !important }
#iso-blog .ir-btn--light { background: rgba(255, 255, 255, .12) !important; border: 1.5px solid rgba(255, 255, 255, .55) !important; box-shadow: none !important }
#iso-blog .ir-cta { padding: 0 clamp(1rem, 4vw, 3rem) clamp(3rem, 6vw, 5rem) !important; background: #fff !important }
#iso-blog .ir-cta__in { max-width: 1240px !important; margin: 0 auto !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 1.5rem !important; padding: clamp(1.8rem, 4vw, 2.8rem) !important; border-radius: 26px !important; background: linear-gradient(120deg, var(--ir-violet) 0%, var(--ir-nuit) 100%) !important; color: #fff !important }
#iso-blog .ir-cta h2 { color: #fff !important; font-size: clamp(1.5rem, 2.6vw, 2.1rem) !important; font-weight: 800 !important }
#iso-blog .ir-cta p { color: rgba(255, 255, 255, .82) !important }
#iso-blog#iso-blog .ir-cta p { margin: .4rem 0 0 !important }
#iso-blog .ir-cta__actions { display: flex !important; flex-wrap: wrap !important; gap: .7rem !important }
#iso-blog .ir-fiche { background: var(--ir-lavande) !important; padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 4vw, 3rem) clamp(2.5rem, 5vw, 4rem) !important }
#iso-blog .ir-fiche__in { max-width: 1240px !important; margin: 0 auto !important }
#iso-blog .ir-crumbs { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .5rem !important; margin-bottom: 1.4rem !important; font-size: .9rem !important }
#iso-blog .ir-crumbs a { color: var(--ir-bleu) !important; font-weight: 600 !important }
#iso-blog .ir-crumbs [aria-current] { color: var(--ir-texte) !important }
#iso-blog .ir-fiche__grid { display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important; gap: clamp(1.5rem, 4vw, 3.5rem) !important; align-items: start !important }
#iso-blog .ir-gallery { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .7rem !important }
#iso-blog .ir-gallery__item { position: relative !important; display: block !important; overflow: hidden !important; border-radius: 16px !important; aspect-ratio: 4 / 3 !important; background: #ddd !important }
#iso-blog .ir-gallery__item.is-main { grid-column: 1 / -1 !important; aspect-ratio: auto !important; max-height: 640px !important; border-radius: 22px !important; box-shadow: 0 30px 60px -36px rgba(0, 17, 103, .6) !important }
#iso-blog .ir-gallery__item img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .8s var(--ir-ease) }
#iso-blog .ir-gallery__item.is-main img { max-height: 640px !important }
#iso-blog .ir-gallery__item:hover img { transform: scale(1.04) !important }
#iso-blog .ir-gallery__zoom { position: absolute !important; right: .7rem !important; bottom: .7rem !important; display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: rgba(255, 255, 255, .95) !important; color: var(--ir-violet) !important; opacity: 0 !important; transform: translateY(6px) !important; transition: opacity .3s, transform .3s var(--ir-ease) }
#iso-blog .ir-gallery__zoom svg { width: 20px !important; height: 20px !important }
#iso-blog .ir-gallery__item:hover .ir-gallery__zoom, #iso-blog .ir-gallery__item:focus-visible .ir-gallery__zoom { opacity: 1 !important; transform: none !important }
#iso-blog .ir-fiche__info { position: sticky !important; top: 150px !important; padding: clamp(1.4rem, 3vw, 2.2rem) !important; border-radius: 24px !important; background: #fff !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important }
#iso-blog .ir-fiche__info h1 { font-size: clamp(1.8rem, 3vw, 2.5rem) !important; line-height: 1.1 !important; font-weight: 800 !important; color: var(--ir-nuit) !important; text-wrap: balance !important }
#iso-blog .ir-fiche__badges { display: flex !important; flex-wrap: wrap !important; gap: .4rem !important; margin-top: 1rem !important }
#iso-blog .ir-facts { display: grid !important; gap: .1rem !important; padding: 0 !important }
#iso-blog#iso-blog .ir-facts { margin: 1.4rem 0 0 !important }
#iso-blog .ir-facts div { display: grid !important; grid-template-columns: 110px 1fr !important; gap: .8rem !important; padding: .7rem 0 !important; border-bottom: 1px solid var(--ir-line) !important }
#iso-blog .ir-facts dt { color: var(--ir-texte) !important; font-size: .9rem !important }
#iso-blog .ir-facts dd { display: inline-flex !important; align-items: center !important; gap: .3rem !important; margin: 0 !important; color: var(--ir-nuit) !important; font-weight: 600 !important }
#iso-blog .ir-facts dd svg { width: 16px !important; height: 16px !important; color: var(--ir-vert-2) !important }
#iso-blog .ir-fiche__text { margin-top: 1.2rem !important; font-size: 1.05rem !important; line-height: 1.65 !important; color: var(--ir-texte) !important }
#iso-blog .ir-fiche__h2 { font-size: 1.15rem !important; font-weight: 700 !important }
#iso-blog#iso-blog .ir-fiche__h2 { margin-top: 1.6rem !important }
#iso-blog .ir-presta { list-style: none !important; display: grid !important; gap: .5rem !important }
#iso-blog#iso-blog .ir-presta { margin: .8rem 0 0 !important; padding: 0 !important }
#iso-blog .ir-presta a { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 1rem !important; padding: .8rem 1rem !important; border-radius: 14px !important; background: var(--ir-lavande) !important; text-decoration: none !important; transition: background-color .25s, transform .25s var(--ir-ease) }
#iso-blog .ir-presta a:hover { background: #ebe8f7 !important; transform: translateX(3px) !important }
#iso-blog .ir-presta span { color: var(--ir-violet) !important; font-weight: 700 !important }
#iso-blog .ir-presta small { color: var(--ir-bleu) !important; font-weight: 600 !important; font-size: .85rem !important; white-space: nowrap !important }
#iso-blog .ir-fiche__actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 1rem !important; margin-top: 1.6rem !important }
#iso-blog .ir-back { color: var(--ir-bleu) !important; font-weight: 600 !important }
#iso-blog .ir-section-title { padding-top: clamp(2.5rem, 5vw, 4rem) !important; font-size: clamp(1.5rem, 2.6vw, 2rem) !important; font-weight: 800 !important }
#iso-blog#iso-blog .ir-section-title { margin: 0 0 1.4rem !important }
#iso-blog .ir-lightbox { width: min(1200px, 94vw) !important; max-width: none !important; max-height: 92vh !important; padding: 0 !important; border: 0 !important; border-radius: 18px !important; background: #0b0f2e !important; overflow: visible !important }
#iso-blog .ir-lightbox::backdrop { background: rgba(0, 17, 103, .82) !important }
#iso-blog .ir-lightbox img { display: block !important; width: 100% !important; max-height: 92vh !important; object-fit: contain !important; border-radius: 18px !important }
#iso-blog .ir-lightbox button { position: absolute !important; display: grid !important; place-items: center !important; width: 46px !important; height: 46px !important; border: 0 !important; border-radius: 50% !important; background: #fff !important; color: var(--ir-violet) !important; font-size: 1.6rem !important; line-height: 1 !important; cursor: pointer !important; box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .6) !important }
#iso-blog .ir-lightbox__close { top: -14px !important; right: -14px !important }
#iso-blog .ir-lightbox__nav { top: 50% !important; transform: translateY(-50%) !important }
#iso-blog .ir-lightbox__nav.is-prev { left: -18px !important }
#iso-blog .ir-lightbox__nav.is-next { right: -18px !important }
#iso-blog .ir-lightbox__nav[hidden] { display: none !important }
#iso-blog .ir.is-js .ir-hero__text > * { opacity: 0 !important; transform: translateY(16px) !important }
#iso-blog .ir.is-js.is-ready .ir-hero__text > * { opacity: 1 !important; transform: none !important; transition: opacity .8s var(--ir-ease), transform .8s var(--ir-ease) }
#iso-blog .ir.is-js.is-ready .ir-hero__text > :nth-child(2) { transition-delay: .08s }
#iso-blog .ir.is-js.is-ready .ir-hero__text > :nth-child(3) { transition-delay: .16s }
#iso-blog .ir.is-js.is-ready .ir-hero__text > :nth-child(4) { transition-delay: .24s }
#iso-blog .ir.is-js .ir-hero__ph, #iso-blog .ir.is-js .ir-chip { opacity: 0 !important; transform: scale(.96) translateY(14px) !important }
#iso-blog .ir.is-js.is-ready .ir-hero__ph, #iso-blog .ir.is-js.is-ready .ir-chip { opacity: 1 !important; transform: none !important; transition: opacity .9s var(--ir-ease), transform .9s var(--ir-ease) }
#iso-blog .ir.is-js.is-ready .ir-hero__ph--2 { transition-delay: .12s }
#iso-blog .ir.is-js.is-ready .ir-hero__ph--3 { transition-delay: .22s }
#iso-blog .ir.is-js.is-ready .ir-chip--1 { transition-delay: .45s }
#iso-blog .ir.is-js.is-ready .ir-chip--2 { transition-delay: .55s }
#iso-blog .ir.is-js.is-ready .ir-chip--3 { transition-delay: .65s }
#iso-blog .ir.is-js.is-ready .ir-chip--4 { transition-delay: .75s }
#iso-blog .ir.is-js.is-ready .ir-chip:hover { transform: translateY(-3px) !important; transition-delay: 0s }
@media (max-width: 1180px) {
#iso-blog .ir-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important }
}
@media (max-width: 960px) {
#iso-blog .ir-hero__in { grid-template-columns: 1fr !important }
#iso-blog .ir-hero__media { min-height: 380px !important }
#iso-blog .ir-grid, #iso-blog .ir-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important }
#iso-blog .ir-fiche__grid { grid-template-columns: 1fr !important }
#iso-blog .ir-fiche__info { position: static !important }
#iso-blog .ir-tools { flex-direction: column !important; align-items: stretch !important }
#iso-blog .ir-search { width: 100% !important }
#iso-blog .ir-input { flex: 1 1 220px !important }
#iso-blog .ir-input input { width: 100% !important }
}
@media (max-width: 640px) {
#iso-blog .ir-hero__media { min-height: 300px !important }
#iso-blog .ir-chip { font-size: .8rem !important; padding-right: .7rem !important }
#iso-blog .ir-chip span { width: 24px !important; height: 24px !important }
#iso-blog .ir-chip--4 { display: none !important }
#iso-blog .ir-stats li { flex: 1 1 100% !important }
#iso-blog .ir-filters { flex-wrap: nowrap !important; overflow-x: auto !important; width: calc(100% + 2rem) !important; max-width: none !important; margin: 0 -1rem !important; padding: 0 1rem .3rem !important; scrollbar-width: none !important }
#iso-blog .ir-filters::-webkit-scrollbar { display: none !important }
#iso-blog .ir-filter { flex: 0 0 auto !important }
#iso-blog .ir-grid, #iso-blog .ir-grid--3 { grid-template-columns: 1fr !important }
#iso-blog .ir-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) !important }
#iso-blog .ir-cta__actions, #iso-blog .ir-cta__actions .ir-btn { width: 100% !important }
#iso-blog .ir-facts div { grid-template-columns: 90px 1fr !important }
}
@media (prefers-reduced-motion: reduce) {
#iso-blog#iso-blog .ir *, #iso-blog#iso-blog .ir *::before, #iso-blog#iso-blog .ir *::after { transition: none !important; animation: none !important }
#iso-blog .ir.is-js .ir-hero__text > *, #iso-blog .ir.is-js .ir-hero__ph, #iso-blog .ir.is-js .ir-chip, #iso-blog .ir.is-js .ir-card.is-pending { opacity: 1 !important; transform: none !important }
}

/* ---- pages/conseils.css (WordPress) ---- */
#iso-blog .ib, #iso-blog .ib-prose, #iso-blog .ib-body { --ib-violet: var(--io-violet, #3b247e); --ib-nuit: var(--io-nuit, #001167); --ib-bleu: var(--io-bleu, #3667b3); --ib-vert: var(--io-vert, #7cc900); --ib-vert-2: #3ec83a; --ib-grad: var(--io-grad, linear-gradient(90deg, #3ec83a 0%, #7cc900 100%)); --ib-lavande: var(--io-lavande, #f3f2f9); --ib-texte: var(--io-texte, rgba(59, 36, 126, .75)); --ib-line: #e6e3f3; --ib-ease: cubic-bezier(.2, .75, .2, 1) }
#iso-blog .ib svg, #iso-blog .ib-body svg { fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important }
#iso-blog .ib-badge { display: inline-flex !important; align-items: center !important; padding: .35rem .8rem !important; border-radius: 999px !important; color: #fff !important; font: 600 .8rem/1.1 "Outfit", sans-serif !important; letter-spacing: .01em !important }
#iso-blog .ib-badge.is-nuit { background: var(--ib-nuit) !important }
#iso-blog .ib-badge.is-violet { background: var(--ib-violet) !important }
#iso-blog .ib-badge.is-bleu { background: var(--ib-bleu) !important }
#iso-blog .ib-badge.is-vert { background: var(--ib-grad) !important }
#iso-blog .ib-meta { display: inline-flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .35rem 1rem !important; color: var(--ib-texte) !important; font-size: .86rem !important; font-weight: 500 !important }
#iso-blog .ib-meta > span { display: inline-flex !important; align-items: center !important; gap: .35rem !important }
#iso-blog .ib-meta svg { width: 16px !important; height: 16px !important; color: var(--ib-vert-2) !important }
#iso-blog .ib-hero { position: relative !important; overflow: hidden !important; background: var(--ib-lavande) !important; padding: clamp(2.5rem, 5vw, 4.2rem) clamp(1rem, 4vw, 3rem) clamp(5.5rem, 9vw, 7.5rem) !important }
#iso-blog .ib-hero::before, #iso-blog .ib-hero::after { content: "" !important; position: absolute !important; pointer-events: none !important; border-radius: 60px !important }
#iso-blog .ib-hero::before { width: 420px !important; height: 420px !important; right: -150px !important; bottom: -250px !important; background: var(--ib-grad) !important; opacity: .14 !important; transform: rotate(32deg) !important }
#iso-blog .ib-hero::after { width: 360px !important; height: 360px !important; left: 42% !important; top: -260px !important; background: linear-gradient(135deg, var(--ib-violet), var(--ib-bleu)) !important; opacity: .08 !important; transform: rotate(28deg) !important }
#iso-blog .ib-hero__in { position: relative !important; z-index: 1 !important; max-width: 1240px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important; gap: clamp(2rem, 4vw, 4rem) !important; align-items: end !important }
#iso-blog .ib-hero h1 { font-size: clamp(2.1rem, 4.2vw, 3.4rem) !important; line-height: 1.06 !important; font-weight: 800 !important; color: var(--ib-nuit) !important; text-wrap: balance !important }
#iso-blog .ib-hero h1 span { color: var(--ib-vert) !important }
#iso-blog .ib-lead { max-width: 620px !important; font-size: clamp(1.02rem, 1.3vw, 1.15rem) !important; line-height: 1.6 !important; color: var(--ib-texte) !important }
#iso-blog#iso-blog .ib-lead { margin: 1.1rem 0 0 !important }
#iso-blog .ib-hero__stats { list-style: none !important; display: grid !important; gap: .7rem !important }
#iso-blog#iso-blog .ib-hero__stats { margin: 0 !important; padding: 0 !important }
#iso-blog .ib-hero__stats li { display: flex !important; align-items: center !important; gap: .8rem !important; padding: .85rem 1.1rem !important; border-radius: 16px !important; background: #fff !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important }
#iso-blog .ib-hero__ico { flex: 0 0 auto !important; display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 12px !important; background: rgba(124, 201, 0, .14) !important; color: var(--ib-vert-2) !important }
#iso-blog .ib-hero__ico svg { width: 22px !important; height: 22px !important }
#iso-blog .ib-hero__stats li > span:last-child { display: flex !important; flex-direction: column !important; font-size: .88rem !important; line-height: 1.25 !important; color: var(--ib-texte) !important }
#iso-blog .ib-hero__stats strong { color: var(--ib-nuit) !important; font-size: 1.05rem !important; font-weight: 700 !important }
#iso-blog .ib-une { position: relative !important; z-index: 2 !important; padding: 0 clamp(1rem, 4vw, 3rem) !important; margin-top: clamp(-4.5rem, -6vw, -3.5rem) !important }
#iso-blog .ib-une__in { max-width: 1240px !important; margin: 0 auto !important }
#iso-blog .ib-une__card { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important; overflow: hidden !important; border-radius: 28px !important; background: #fff !important; box-shadow: 0 30px 60px -36px rgba(0, 17, 103, .55), var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important; text-decoration: none !important; transition: transform .4s var(--ib-ease), box-shadow .4s var(--ib-ease) }
#iso-blog .ib-une__card:hover { transform: translateY(-4px) !important; box-shadow: 0 40px 70px -36px rgba(0, 17, 103, .6), var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important }
#iso-blog .ib-une__media { position: relative !important; display: block !important; min-height: 340px !important; overflow: hidden !important; background: var(--ib-lavande) !important }
#iso-blog .ib-une__media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 1s var(--ib-ease) }
#iso-blog .ib-une__card:hover .ib-une__media img { transform: scale(1.04) !important }
#iso-blog .ib-une__body { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 1rem !important; padding: clamp(1.5rem, 3.5vw, 2.8rem) !important }
#iso-blog .ib-une__top { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important }
#iso-blog .ib-une__flag { display: inline-flex !important; align-items: center !important; padding: .35rem .8rem !important; border-radius: 999px !important; background: var(--ib-lavande) !important; color: var(--ib-violet) !important; font: 700 .8rem/1.1 "Outfit", sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important }
#iso-blog .ib-une__title { font-size: clamp(1.45rem, 2.4vw, 2.05rem) !important; line-height: 1.15 !important; font-weight: 800 !important; text-wrap: balance !important }
#iso-blog#iso-blog .ib-une__title { color: var(--ib-nuit) !important }
#iso-blog .ib-une__text { color: var(--ib-texte) !important; font-size: 1.02rem !important; line-height: 1.6 !important }
#iso-blog .ib-une__btn { margin-top: .4rem !important }
#iso-blog .ib-une__btn span { display: inline-block !important; transition: transform .3s var(--ib-ease) }
#iso-blog .ib-une__card:hover .ib-une__btn span { transform: translateX(4px) !important }
#iso-blog .ib.is-filtered .ib-une { display: none !important }
#iso-blog .ib.is-filtered .ib-list { padding-top: clamp(2rem, 4vw, 3rem) !important }
#iso-blog .ib-list { padding: clamp(2.5rem, 5vw, 4rem) clamp(1rem, 4vw, 3rem) clamp(3rem, 6vw, 5rem) !important; background: #fff !important }
#iso-blog .ib-list__in { max-width: 1240px !important; margin: 0 auto !important }
#iso-blog .ib-list__head { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 1rem 1.5rem !important; margin-bottom: 1.2rem !important }
#iso-blog .ib-section-title { font-size: clamp(1.5rem, 2.6vw, 2rem) !important; font-weight: 800 !important }
#iso-blog .ib-input { position: relative !important; display: flex !important; align-items: center !important; min-width: 0 !important; max-width: 100% !important }
#iso-blog .ib-input svg { position: absolute !important; left: 1rem !important; width: 18px !important; height: 18px !important; color: var(--ib-violet) !important; opacity: .7 !important; pointer-events: none !important }
#iso-blog .ib-input input { width: min(360px, 100%) !important; min-height: 46px !important; padding: 0 1rem 0 2.6rem !important; border: 1.5px solid var(--ib-line) !important; border-radius: 999px !important; background: var(--ib-lavande) !important; color: var(--ib-nuit) !important; font: 500 .95rem "Outfit", sans-serif !important; transition: border-color .2s, background-color .2s, box-shadow .2s }
#iso-blog .ib-input input:focus { outline: none !important; background-color: #fff !important; border-color: var(--ib-violet) !important; box-shadow: 0 0 0 4px rgba(59, 36, 126, .12) !important }
#iso-blog .ib-filters { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important }
#iso-blog .ib-filter { display: inline-flex !important; align-items: center !important; gap: .45rem !important; min-height: 44px !important; padding: .55rem 1.05rem !important; border-radius: 999px !important; border: 1.5px solid var(--ib-line) !important; background: #fff !important; color: var(--ib-violet) !important; font-weight: 600 !important; font-size: .95rem !important; text-decoration: none !important; transition: background-color .25s, color .25s, border-color .25s, transform .25s var(--ib-ease) }
#iso-blog .ib-filter:hover { border-color: var(--ib-violet) !important; color: var(--ib-violet) !important; transform: translateY(-1px) !important }
#iso-blog .ib-filter__n { display: inline-grid !important; place-items: center !important; min-width: 22px !important; height: 22px !important; padding: 0 .35rem !important; border-radius: 999px !important; background: var(--ib-lavande) !important; color: var(--ib-violet) !important; font-size: .75rem !important; font-weight: 700 !important }
#iso-blog .ib-filter.is-active { background: var(--ib-grad) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 10px 22px -12px rgba(62, 200, 58, .9) !important }
#iso-blog .ib-filter.is-active .ib-filter__n { background: rgba(255, 255, 255, .25) !important; color: #fff !important }
#iso-blog .ib-count { font-size: .95rem !important; color: var(--ib-texte) !important }
#iso-blog#iso-blog .ib-count { margin: 1.3rem 0 1rem !important }
#iso-blog .ib-count [data-count] { color: var(--ib-nuit) !important; font-weight: 700 !important }
#iso-blog .ib-grid { list-style: none !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.5rem !important }
#iso-blog#iso-blog .ib-grid { margin: 0 !important; padding: 0 !important }
#iso-blog .ib-card[hidden] { display: none !important }
#iso-blog .ib.is-js .ib-card.is-pending { opacity: 0 !important; transform: translateY(18px) !important }
#iso-blog .ib.is-js .ib-card.is-in { transition: opacity .6s var(--ib-ease), transform .6s var(--ib-ease) }
#iso-blog .ib-card__link { display: flex !important; flex-direction: column !important; height: 100% !important; overflow: hidden !important; border-radius: 20px !important; background: #fff !important; border: 1px solid var(--ib-line) !important; box-shadow: 0 18px 40px -32px rgba(0, 17, 103, .55) !important; text-decoration: none !important; transition: transform .35s var(--ib-ease), box-shadow .35s var(--ib-ease), border-color .35s }
#iso-blog .ib-card__link:hover { transform: translateY(-5px) !important; border-color: transparent !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0), 0 26px 50px -30px rgba(0, 17, 103, .6) !important }
#iso-blog .ib-card__media { position: relative !important; display: block !important; aspect-ratio: 16 / 10 !important; overflow: hidden !important; background: var(--ib-lavande) !important }
#iso-blog .ib-card__img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .8s var(--ib-ease) }
#iso-blog .ib-card__link:hover .ib-card__img { transform: scale(1.06) !important }
#iso-blog .ib-card__ph { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; background: linear-gradient(135deg, var(--ib-lavande) 0%, #e3def3 100%) !important; color: var(--ib-violet) !important }
#iso-blog .ib-card__ph svg { width: 56px !important; height: 56px !important; opacity: .35 !important }
#iso-blog .ib-head__in:not(:has(.ib-head__media)) { grid-template-columns: minmax(0, 860px) !important }
#iso-blog .ib-card__badge { position: absolute !important; left: .8rem !important; top: .8rem !important }
#iso-blog .ib-card__body { display: flex !important; flex-direction: column !important; gap: .55rem !important; flex: 1 !important; padding: 1.1rem 1.2rem 1.25rem !important }
#iso-blog .ib-card__title { font-weight: 700 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important }
#iso-blog#iso-blog .ib-card__title { color: var(--ib-violet) !important; font-size: 1.12rem !important; line-height: 1.3 !important }
#iso-blog .ib-card__text { color: var(--ib-texte) !important; font-size: .92rem !important; line-height: 1.5 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important }
#iso-blog .ib-card__more { margin-top: auto !important; padding-top: .7rem !important; border-top: 1px solid var(--ib-line) !important; color: var(--ib-bleu) !important; font-weight: 700 !important; font-size: .92rem !important }
#iso-blog .ib-card__more span { display: inline-block !important; transition: transform .3s var(--ib-ease) }
#iso-blog .ib-card__link:hover .ib-card__more span { transform: translateX(4px) !important }
#iso-blog .ib-empty { padding: 3rem 1rem !important; text-align: center !important; border-radius: 20px !important; background: var(--ib-lavande) !important }
#iso-blog .ib-empty[hidden], #iso-blog .ib-more[hidden] { display: none !important }
#iso-blog .ib-empty p { color: var(--ib-nuit) !important }
#iso-blog#iso-blog .ib-empty p { margin: 0 0 1rem !important }
#iso-blog .ib-more { margin-top: 2rem !important; text-align: center !important }
#iso-blog .ib.is-js .ib-hero__text > *, #iso-blog .ib.is-js .ib-hero__stats li, #iso-blog .ib.is-js .ib-une__card { opacity: 0 !important; transform: translateY(16px) !important }
#iso-blog .ib.is-js.is-ready .ib-hero__text > *, #iso-blog .ib.is-js.is-ready .ib-hero__stats li, #iso-blog .ib.is-js.is-ready .ib-une__card { opacity: 1 !important; transform: none !important; transition: opacity .8s var(--ib-ease), transform .8s var(--ib-ease) }
#iso-blog .ib.is-js.is-ready .ib-hero__text > :nth-child(2) { transition-delay: .08s }
#iso-blog .ib.is-js.is-ready .ib-hero__text > :nth-child(3) { transition-delay: .16s }
#iso-blog .ib.is-js.is-ready .ib-hero__stats li:nth-child(1) { transition-delay: .18s }
#iso-blog .ib.is-js.is-ready .ib-hero__stats li:nth-child(2) { transition-delay: .26s }
#iso-blog .ib.is-js.is-ready .ib-hero__stats li:nth-child(3) { transition-delay: .34s }
#iso-blog .ib.is-js.is-ready .ib-une__card { transition-delay: .3s }
#iso-blog .ib.is-js.is-ready .ib-une__card:hover { transition-delay: 0s; transform: translateY(-4px) !important }
#iso-blog .ib-progress { position: fixed !important; z-index: 60 !important; left: 0 !important; right: 0 !important; top: 0 !important; height: 4px !important; pointer-events: none !important }
#iso-blog .ib-progress span { display: block !important; height: 100% !important; background: var(--ib-grad) !important; transform-origin: 0 50% !important; transform: scaleX(var(--ib-p, 0)) !important }
#iso-blog .ib-head { position: relative !important; overflow: hidden !important; background: var(--ib-lavande) !important; padding: clamp(1.5rem, 3vw, 2.4rem) clamp(1rem, 4vw, 3rem) clamp(2.5rem, 5vw, 4rem) !important }
#iso-blog .ib-head::before { content: "" !important; position: absolute !important; width: 380px !important; height: 380px !important; left: -170px !important; bottom: -230px !important; border-radius: 60px !important; background: var(--ib-grad) !important; opacity: .13 !important; transform: rotate(32deg) !important; pointer-events: none !important }
#iso-blog .ib-head__in { position: relative !important; max-width: 1160px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important; gap: clamp(1.5rem, 4vw, 3.5rem) !important; align-items: center !important }
#iso-blog .ib-head__text { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 1rem !important }
#iso-blog .ib-head .ir-crumbs { margin-bottom: .2rem !important }
#iso-blog .ib-head .ir-crumbs a:last-of-type { color: var(--ib-bleu) !important }
#iso-blog .ib-head h1 { font-size: clamp(1.85rem, 3.3vw, 2.75rem) !important; line-height: 1.12 !important; font-weight: 800 !important; color: var(--ib-nuit) !important; text-wrap: balance !important }
#iso-blog#iso-blog .ib-head__meta { margin: 0 !important }
#iso-blog .ib-head__meta .ib-meta { font-size: .95rem !important }
#iso-blog .ib-head__media { margin: 0 !important; overflow: hidden !important; border-radius: 24px !important; aspect-ratio: 4 / 3 !important; background: #ddd !important; box-shadow: 0 30px 60px -32px rgba(0, 17, 103, .55) !important }
#iso-blog .ib-head__media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important }
#iso-blog .ib.is-js .ib-head__text > *, #iso-blog .ib.is-js .ib-head__media { opacity: 0 !important; transform: translateY(14px) !important }
#iso-blog .ib.is-js.is-ready .ib-head__text > *, #iso-blog .ib.is-js.is-ready .ib-head__media { opacity: 1 !important; transform: none !important; transition: opacity .7s var(--ib-ease), transform .7s var(--ib-ease) }
#iso-blog .ib.is-js.is-ready .ib-head__text > :nth-child(2) { transition-delay: .06s }
#iso-blog .ib.is-js.is-ready .ib-head__text > :nth-child(3) { transition-delay: .12s }
#iso-blog .ib.is-js.is-ready .ib-head__text > :nth-child(4) { transition-delay: .18s }
#iso-blog .ib.is-js.is-ready .ib-head__media { transition-delay: .15s }
#iso-blog .ib-body { display: grid !important; grid-template-columns: 250px minmax(0, 720px) !important; justify-content: center !important; gap: clamp(2rem, 4vw, 4rem) !important; max-width: 1160px !important; margin: 0 auto !important; padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 4vw, 3rem) 0 !important; box-sizing: border-box !important; font-family: "Outfit", system-ui, sans-serif !important }
#iso-blog .ib-body:has(.ib-notoc) { grid-template-columns: minmax(0, 720px) !important }
#iso-blog .ib-notoc, #iso-blog .ib-body > br, #iso-blog .ib-body > p:empty { display: none !important }
#iso-blog .ib-body > .ib-toc { grid-column: 1 !important; grid-row: 1 !important }
#iso-blog .ib-body > .ib-prose { grid-column: 2 !important; grid-row: 1 !important }
#iso-blog .ib-body:has(.ib-notoc) > .ib-prose { grid-column: 1 !important }
#iso-blog .ib-toc { position: sticky !important; top: 150px !important; align-self: start !important; max-height: calc(100vh - 180px) !important; overflow: auto !important; padding: 1.1rem 1rem 1.1rem 1.2rem !important; border-radius: 20px !important; background: var(--ib-lavande) !important; scrollbar-width: thin !important }
#iso-blog .ib-toc summary { display: flex !important; align-items: center !important; gap: .55rem !important; list-style: none !important; cursor: pointer !important; color: var(--ib-nuit) !important; font-weight: 700 !important; font-size: 1rem !important }
#iso-blog .ib-toc summary::-webkit-details-marker { display: none !important }
#iso-blog .ib-toc summary svg { width: 20px !important; height: 20px !important; color: var(--ib-vert-2) !important }
#iso-blog .ib-toc summary small { margin-left: auto !important; color: var(--ib-texte) !important; font-weight: 500 !important; font-size: .8rem !important }
#iso-blog .ib-toc ol { list-style: none !important; counter-reset: ib !important; display: grid !important; gap: .15rem !important }
#iso-blog#iso-blog .ib-toc ol { margin: .9rem 0 0 !important; padding: 0 !important }
#iso-blog .ib-toc li { counter-increment: ib !important }
#iso-blog#iso-blog .ib-toc li { margin: 0 !important }
#iso-blog .ib-toc a { display: grid !important; grid-template-columns: 1.6rem 1fr !important; gap: .2rem !important; padding: .45rem .5rem !important; border-radius: 10px !important; color: var(--ib-texte) !important; font-size: .88rem !important; line-height: 1.35 !important; text-decoration: none !important; transition: background-color .2s, color .2s }
#iso-blog .ib-toc a::before { content: counter(ib, decimal-leading-zero) !important; color: var(--ib-vert-2) !important; font-weight: 700 !important; font-size: .78rem !important; padding-top: .1rem !important }
#iso-blog .ib-toc a:hover { background: #fff !important; color: var(--ib-violet) !important }
#iso-blog .ib-toc a.is-current { background: #fff !important; color: var(--ib-nuit) !important; font-weight: 600 !important; box-shadow: 0 8px 18px -14px rgba(0, 17, 103, .6) !important }
#iso-blog .ib-toc :focus-visible, #iso-blog .ib-prose :focus-visible { outline: 3px solid var(--ib-vert) !important; outline-offset: 2px !important }
#iso-blog .ib-prose { min-width: 0 !important; color: var(--ib-texte) !important; font: 400 1.09rem/1.75 "Outfit", system-ui, sans-serif !important; overflow-wrap: break-word !important }
#iso-blog .ib-prose * { box-sizing: border-box !important }
#iso-blog#iso-blog .ib-prose .wp-block-group, #iso-blog#iso-blog .ib-prose .duda-row, #iso-blog#iso-blog .ib-prose .wp-block-column { max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; min-height: 0 !important }
#iso-blog .ib-prose .wp-block-columns { display: flex !important; flex-wrap: wrap !important; gap: 1.2rem 1.5rem !important }
#iso-blog#iso-blog .ib-prose .wp-block-columns { margin: 1.4rem 0 !important; padding: 0 !important; background: none !important }
#iso-blog .ib-prose .wp-block-column { min-width: 0 !important }
#iso-blog#iso-blog .ib-prose .wp-block-column { flex: 1 1 260px !important }
#iso-blog .ib-prose .wp-block-column:empty, #iso-blog .ib-prose .wp-block-group:empty { display: none !important }
#iso-blog#iso-blog .ib-prose [style*="color"] { color: inherit !important }
#iso-blog#iso-blog .ib-prose [style*="font-size"], #iso-blog#iso-blog .ib-prose [style*="font-family"] { font-size: inherit !important; font-family: inherit !important }
#iso-blog .ib-prose p, #iso-blog .ib-prose li { color: var(--ib-texte) !important; font: inherit !important }
#iso-blog#iso-blog .ib-prose p, #iso-blog#iso-blog .ib-prose li { text-align: left !important }
#iso-blog#iso-blog .ib-prose p { margin: 0 0 1.15em !important }
#iso-blog .ib-prose strong, #iso-blog .ib-prose b { color: var(--ib-violet) !important; font-weight: 700 !important }
#iso-blog .ib-prose h2, #iso-blog .ib-prose h3, #iso-blog .ib-prose h4 { color: var(--ib-nuit) !important; letter-spacing: -.01em !important; text-wrap: balance !important; scroll-margin-top: 150px !important }
#iso-blog#iso-blog .ib-prose h2, #iso-blog#iso-blog .ib-prose h3, #iso-blog#iso-blog .ib-prose h4 { font-family: "Outfit", sans-serif !important; text-align: left !important }
#iso-blog .ib-prose h2 { padding-top: .9em !important; border-top: 1px solid var(--ib-line) !important }
#iso-blog#iso-blog .ib-prose h2 { margin: 2.2em 0 .7em !important; font-size: clamp(1.45rem, 2.4vw, 1.85rem) !important; line-height: 1.2 !important; font-weight: 800 !important }
#iso-blog .ib-prose h3 { color: var(--ib-violet) !important }
#iso-blog#iso-blog .ib-prose h3 { margin: 1.7em 0 .55em !important; font-size: clamp(1.15rem, 1.8vw, 1.32rem) !important; line-height: 1.3 !important; font-weight: 700 !important }
#iso-blog .ib-prose h4 { color: var(--ib-violet) !important }
#iso-blog#iso-blog .ib-prose h4 { margin: 1.4em 0 .5em !important; font-size: 1.08rem !important; font-weight: 700 !important }
#iso-blog .ib-prose h2 strong, #iso-blog .ib-prose h3 strong, #iso-blog .ib-prose h4 strong { color: inherit !important; font-weight: inherit !important }
#iso-blog#iso-blog .ib-prose > :first-child, #iso-blog#iso-blog .ib-prose > .wp-block-group:first-child > :first-child { margin-top: 0 !important }
#iso-blog#iso-blog .ib-prose .ib-dup { display: none !important }
#iso-blog .ib-prose .ib-dup + *, #iso-blog .ib-prose h2:first-child { border-top: 0 !important; padding-top: 0 !important }
#iso-blog .ib-prose a { font-weight: 600 !important; text-decoration: underline !important; text-decoration-thickness: 1.5px !important; text-underline-offset: 3px !important; text-decoration-color: rgba(54, 103, 179, .35) !important; transition: text-decoration-color .2s }
#iso-blog#iso-blog .ib-prose a { color: var(--ib-bleu) !important }
#iso-blog .ib-prose a:hover { text-decoration-color: currentColor !important }
#iso-blog .ib-prose a strong { color: inherit !important }
#iso-blog#iso-blog .ib-prose ul, #iso-blog#iso-blog .ib-prose ol { margin: 0 0 1.3em !important; padding-left: 1.4em !important }
#iso-blog .ib-prose li { padding-left: .2em !important }
#iso-blog#iso-blog .ib-prose li { margin: .35em 0 !important }
#iso-blog .ib-prose ul li::marker { color: var(--ib-vert-2) !important }
#iso-blog .ib-prose ol li::marker { color: var(--ib-vert-2) !important; font-weight: 700 !important }
#iso-blog .ib-prose figure { max-width: 100% !important }
#iso-blog#iso-blog .ib-prose figure { margin: 1.8em 0 !important }
#iso-blog .ib-prose img { display: block !important; max-width: 100% !important; border-radius: 18px !important }
#iso-blog#iso-blog .ib-prose img { height: auto !important }
#iso-blog .ib-prose figure img { width: 100% !important }
#iso-blog .ib-prose figcaption { margin-top: .6em !important; color: var(--ib-texte) !important; font-size: .88rem !important; text-align: center !important }
#iso-blog .ib-prose blockquote { border-left: 4px solid var(--ib-vert-2) !important; border-radius: 0 16px 16px 0 !important; background: var(--ib-lavande) !important }
#iso-blog#iso-blog .ib-prose blockquote { margin: 1.8em 0 !important; padding: 1.2em 1.4em !important }
#iso-blog#iso-blog .ib-prose blockquote p:last-child { margin-bottom: 0 !important }
#iso-blog#iso-blog .ib-prose hr { margin: 2em 0 !important; border: 0 !important; border-top: 1px solid var(--ib-line) !important; background: none !important; height: 0 !important }
#iso-blog .ib-prose table { width: 100% !important; margin: 1.6em 0 !important; border-collapse: collapse !important; font-size: .95rem !important; display: block !important; overflow-x: auto !important }
#iso-blog .ib-prose th, #iso-blog .ib-prose td { padding: .7em .9em !important; border: 1px solid var(--ib-line) !important; text-align: left !important; vertical-align: top !important }
#iso-blog .ib-prose th { background: var(--ib-lavande) !important; color: var(--ib-nuit) !important; font-weight: 700 !important }
#iso-blog .ib-prose iframe, #iso-blog .ib-prose video { max-width: 100% !important; border: 0 !important; border-radius: 18px !important }
#iso-blog .ib-prose iframe[src*="youtube"], #iso-blog .ib-prose iframe[src*="youtu.be"] { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important }
#iso-blog .ib-prose .wp-block-buttons { display: flex !important; flex-wrap: wrap !important; gap: .7rem !important }
#iso-blog#iso-blog .ib-prose .wp-block-buttons { margin: 1.5em 0 !important }
#iso-blog#iso-blog .ib-prose .wp-block-button { margin: 0 !important }
#iso-blog .ib-prose .wp-block-button__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 50px !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important; transition: transform .25s var(--ib-ease), filter .25s }
#iso-blog#iso-blog .ib-prose .wp-block-button__link { padding: .75rem 1.5rem !important; border: 0 !important; border-radius: 999px !important; background: var(--ib-grad) !important; color: #fff !important; font: 700 1rem/1.1 "Outfit", sans-serif !important; text-decoration: none !important }
#iso-blog .ib-prose .wp-block-button__link:hover { transform: translateY(-2px) !important; filter: brightness(1.05) !important }
#iso-blog .ib-prose svg { max-width: 100% !important; height: auto !important }
#iso-blog#iso-blog .ib-prose .is-broken { display: none !important }
#iso-blog .ib-prose .wp-block-group:has(> figure + figure + figure) { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; gap: 1rem !important; align-items: center !important }
#iso-blog#iso-blog .ib-prose .wp-block-group:has(> figure + figure + figure) { display: grid !important; margin: 1.4em 0 !important }
#iso-blog .ib-prose .wp-block-group:has(> figure + figure + figure) > figure { display: grid !important; place-items: center !important; border-radius: 14px !important; background: #fff !important; border: 1px solid var(--ib-line) !important; aspect-ratio: 4 / 3 !important }
#iso-blog#iso-blog .ib-prose .wp-block-group:has(> figure + figure + figure) > figure { margin: 0 !important; padding: .7rem !important }
#iso-blog .ib-prose .wp-block-group:has(> figure + figure + figure) img { max-width: 100% !important; max-height: 90px !important; object-fit: contain !important; border-radius: 0 !important }
#iso-blog#iso-blog .ib-prose .wp-block-group:has(> figure + figure + figure) img { width: auto !important }
#iso-blog .ib--suite { margin-top: clamp(2.5rem, 5vw, 4rem) !important }
#iso-blog .ib-back { display: grid !important; grid-template-columns: 250px minmax(0, 720px) !important; justify-content: center !important; gap: clamp(2rem, 4vw, 4rem) !important; max-width: 1160px !important; margin: 0 auto !important; padding: 0 clamp(1rem, 4vw, 3rem) !important; box-sizing: border-box !important }
#iso-blog .ib-back > a { grid-column: 2 !important }
#iso-blog body:has(.ib-notoc) .ib-back { grid-template-columns: minmax(0, 720px) !important }
#iso-blog body:has(.ib-notoc) .ib-back > a { grid-column: 1 !important }
#iso-blog .ib-list--related { margin-top: clamp(2rem, 4vw, 3rem) !important; background: var(--ib-lavande) !important }
#iso-blog .ib-list--related .ib-card__link { border-color: transparent !important }
#iso-blog .ib-list--related + .ir-cta { padding-top: clamp(3rem, 6vw, 5rem) !important }
@media (max-width: 1100px) {
#iso-blog .ib-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important }
#iso-blog .ib-body { grid-template-columns: minmax(0, 720px) !important }
#iso-blog .ib-toc { position: static !important; max-height: none !important }
#iso-blog .ib-body > .ib-toc, #iso-blog .ib-body > .ib-prose { grid-column: 1 !important; grid-row: auto !important }
#iso-blog .ib-back { grid-template-columns: minmax(0, 720px) !important }
#iso-blog .ib-back > a { grid-column: 1 !important }
}
@media (max-width: 900px) {
#iso-blog .ib-hero__in { grid-template-columns: 1fr !important; align-items: start !important }
#iso-blog .ib-hero__stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important }
#iso-blog .ib-une__card { grid-template-columns: 1fr !important }
#iso-blog .ib-une__media { min-height: 0 !important; aspect-ratio: 16 / 9 !important }
#iso-blog .ib-head__in { grid-template-columns: 1fr !important }
#iso-blog .ib-head__media { aspect-ratio: 16 / 9 !important }
#iso-blog .ib-list__head { flex-direction: column !important; align-items: stretch !important }
#iso-blog .ib-input input { width: 100% !important }
}
@media (max-width: 640px) {
#iso-blog .ib-hero__stats { grid-template-columns: 1fr !important }
#iso-blog .ib-hero__stats li:nth-child(3) { display: none !important }
#iso-blog .ib-filters { flex-wrap: nowrap !important; overflow-x: auto !important; width: calc(100% + 2rem) !important; max-width: none !important; margin: 0 -1rem !important; padding: 0 1rem .3rem !important; scrollbar-width: none !important }
#iso-blog .ib-filters::-webkit-scrollbar { display: none !important }
#iso-blog .ib-filter { flex: 0 0 auto !important }
#iso-blog .ib-grid { grid-template-columns: 1fr !important }
#iso-blog .ib-une__card { border-radius: 22px !important }
#iso-blog .ib-prose { font-size: 1.04rem !important; line-height: 1.7 !important }
#iso-blog .ib-progress { height: 3px !important }
#iso-blog .ib .ir-cta__actions, #iso-blog .ib .ir-cta__actions .ir-btn { width: 100% !important }
}
@media (prefers-reduced-motion: reduce) {
#iso-blog#iso-blog .ib *, #iso-blog#iso-blog .ib *::before, #iso-blog#iso-blog .ib *::after, #iso-blog#iso-blog .ib-prose *, #iso-blog#iso-blog .ib-toc * { transition: none !important; animation: none !important }
#iso-blog .ib.is-js .ib-hero__text > *, #iso-blog .ib.is-js .ib-hero__stats li, #iso-blog .ib.is-js .ib-une__card, #iso-blog .ib.is-js .ib-card.is-pending, #iso-blog .ib.is-js .ib-head__text > *, #iso-blog .ib.is-js .ib-head__media { opacity: 1 !important; transform: none !important }
}

/* ---- blog/article-pac.css (WordPress) ---- */
#iso-blog .bap { --bap-violet: var(--io-violet, #3b247e); --bap-nuit: var(--io-nuit, #001167); --bap-bleu: var(--io-bleu, #3667b3); --bap-vert: var(--io-vert, #7cc900); --bap-vert-2: #3ec83a; --bap-grad: var(--io-grad, linear-gradient(90deg, #3ec83a 0%, #7cc900 100%)); --bap-lavande: var(--io-lavande, #f3f2f9); --bap-texte: var(--io-texte, rgba(59, 36, 126, .75)); --bap-line: #e6e3f3; --bap-ease: cubic-bezier(.2, .75, .2, 1); box-sizing: border-box !important; font-family: "Outfit", system-ui, sans-serif !important }
#iso-blog#iso-blog .bap { margin: 2rem 0 !important }
#iso-blog .bap *, #iso-blog .bap *::before, #iso-blog .bap *::after { box-sizing: border-box !important }
#iso-blog .ib-prose .bap p, #iso-blog .ib-prose .bap li { padding: 0 !important }
#iso-blog#iso-blog .ib-prose .bap p, #iso-blog#iso-blog .ib-prose .bap li { margin: 0 !important }
#iso-blog .ib-prose .bap ul, #iso-blog .ib-prose .bap ol { list-style: none !important }
#iso-blog#iso-blog .ib-prose .bap ul, #iso-blog#iso-blog .ib-prose .bap ol { margin: 0 !important; padding: 0 !important }
#iso-blog .ib-prose .bap li::marker { content: none !important }
#iso-blog .bap svg { width: 20px !important; height: 20px !important; flex: none !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important }
#iso-blog .bap-kicker { font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important }
#iso-blog#iso-blog .bap-kicker { color: var(--bap-vert-2) !important; font-size: .78rem !important }
#iso-blog .bap-ref { font-size: .72em !important; vertical-align: super !important; line-height: 0 !important; white-space: nowrap !important }
#iso-blog#iso-blog .bap-ref { font-weight: 700 !important; text-decoration: none !important }
#iso-blog .bap-note { display: flex !important; gap: .55rem !important; align-items: flex-start !important }
#iso-blog#iso-blog .bap-note { margin-top: 1rem !important; color: var(--bap-texte) !important; font-size: .86rem !important; line-height: 1.5 !important }
#iso-blog .bap-note svg { width: 18px !important; height: 18px !important; margin-top: .1rem !important; color: var(--bap-bleu) !important }
#iso-blog .bap-note strong { color: var(--bap-violet) !important }
#iso-blog .bap :focus-visible { outline: 3px solid var(--bap-vert) !important; outline-offset: 2px !important }
#iso-blog .bap-reponse { position: relative !important; padding: 1.5rem 1.5rem 1.4rem 1.8rem !important; border-radius: 22px !important; background: var(--bap-lavande) !important; overflow: hidden !important }
#iso-blog .bap-reponse::before { content: "" !important; position: absolute !important; inset: 0 auto 0 0 !important; width: 6px !important; background: var(--bap-grad) !important }
#iso-blog .ib-prose .bap-reponse__lead { font-size: 1.1rem !important; font-weight: 600 !important; line-height: 1.55 !important }
#iso-blog#iso-blog .ib-prose .bap-reponse__lead { margin: .4rem 0 1.1rem !important; color: var(--bap-nuit) !important }
#iso-blog .bap-kpis { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: .7rem !important }
#iso-blog .ib-prose .bap-kpis li { display: flex !important; flex-direction: column !important; gap: .2rem !important; border-radius: 16px !important; background: #fff !important }
#iso-blog#iso-blog .ib-prose .bap-kpis li { padding: .85rem .8rem !important }
#iso-blog .bap-kpis strong { color: var(--bap-violet) !important; font-size: 1.45rem !important; font-weight: 800 !important; line-height: 1.1 !important }
#iso-blog .bap-kpis span { color: var(--bap-texte) !important; font-size: .82rem !important; line-height: 1.35 !important }
#iso-blog .bap-reponse__go { display: flex !important; flex-wrap: wrap !important; gap: .6rem !important }
#iso-blog#iso-blog .bap-reponse__go { margin-top: 1.1rem !important }
#iso-blog .ib-prose .bap-reponse__go a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: .55rem 1.1rem !important; border-radius: 999px !important; background: #fff !important; border: 1.5px solid var(--bap-line) !important; font-size: .95rem !important; text-decoration: none !important; transition: border-color .2s, transform .2s var(--bap-ease) }
#iso-blog#iso-blog .ib-prose .bap-reponse__go a { color: var(--bap-violet) !important }
#iso-blog .ib-prose .bap-reponse__go a:first-child { background: var(--bap-grad) !important; border-color: transparent !important }
#iso-blog#iso-blog .ib-prose .bap-reponse__go a:first-child { color: #fff !important }
#iso-blog .ib-prose .bap-reponse__go a:hover { transform: translateY(-2px) !important; border-color: var(--bap-violet) !important }
#iso-blog .bap-prix { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .9rem !important }
#iso-blog .bap-prix__card { display: flex !important; flex-direction: column !important; gap: .35rem !important; padding: 1.1rem !important; border: 1px solid var(--bap-line) !important; border-radius: 20px !important; background: #fff !important }
#iso-blog .bap-prix__ico { display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; background: var(--bap-lavande) !important; color: var(--bap-violet) !important }
#iso-blog .bap-prix__card.is-fioul .bap-prix__ico { color: var(--bap-nuit) !important }
#iso-blog .bap-prix__card.is-elec .bap-prix__ico { color: var(--bap-bleu) !important }
#iso-blog .bap-prix__label { color: var(--bap-nuit) !important; font-weight: 700 !important; font-size: .98rem !important }
#iso-blog .bap-prix__val { font-size: 1.55rem !important; font-weight: 800 !important; line-height: 1.15 !important }
#iso-blog#iso-blog .bap-prix__val { color: var(--bap-violet) !important }
#iso-blog .bap-prix__val small { font-size: .8rem !important; font-weight: 600 !important; color: var(--bap-texte) !important }
#iso-blog .bap-prix__detail { color: var(--bap-texte) !important; font-size: .82rem !important; line-height: 1.45 !important }
#iso-blog .bap-barres { padding: 1.4rem 1.4rem 1.2rem !important; border: 1px solid var(--bap-line) !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 18px 40px -32px rgba(0, 17, 103, .55) !important }
#iso-blog .ib-prose .bap-barres figcaption { margin: 0 0 1.1rem !important; text-align: left !important; font-size: 1rem !important }
#iso-blog .bap-barres__cap { display: flex !important; flex-direction: column !important; gap: .2rem !important }
#iso-blog .bap-barres__title { color: var(--bap-nuit) !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.35 !important }
#iso-blog .bap-barres__title strong { color: var(--bap-violet) !important }
#iso-blog .bap-bars { display: grid !important; gap: .85rem !important }
#iso-blog .ib-prose .bap-bar { display: grid !important; grid-template-columns: 200px minmax(0, 1fr) 92px !important; align-items: center !important; gap: .8rem !important }
#iso-blog .bap-bar__label { display: flex !important; align-items: center !important; gap: .5rem !important; color: var(--bap-nuit) !important; font-weight: 600 !important; font-size: .95rem !important; line-height: 1.25 !important }
#iso-blog .bap-bar__label svg { color: var(--bap-violet) !important }
#iso-blog .bap-bar__track { position: relative !important; height: 18px !important; border-radius: 999px !important; background: var(--bap-lavande) !important; overflow: hidden !important }
#iso-blog .bap-bar__fill { position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: var(--bap-violet) !important; transform-origin: 0 50% !important; transform: scaleX(var(--w, 0)) !important; transition: transform 1.1s var(--bap-ease) }
#iso-blog .bap-barres:not(.is-in) .bap-bar__fill { transform: scaleX(0) !important }
#iso-blog .bap-bar.is-fioul .bap-bar__fill { background: var(--bap-nuit) !important }
#iso-blog .bap-bar.is-gaz .bap-bar__fill { background: var(--bap-bleu) !important }
#iso-blog .bap-bar.is-elec .bap-bar__fill { background: var(--bap-violet) !important }
#iso-blog .bap-bar.is-pac .bap-bar__fill { background: var(--bap-grad) !important }
#iso-blog .bap-bar.is-pac .bap-bar__label { color: #2a8f27 !important }
#iso-blog .bap-bar.is-pac .bap-bar__label svg { color: var(--bap-vert-2) !important }
#iso-blog .bap-bar__val { color: var(--bap-nuit) !important; font-weight: 800 !important; font-size: 1.05rem !important; text-align: right !important; font-variant-numeric: tabular-nums !important }
#iso-blog .bap-bar.is-pac .bap-bar__val { color: #2a8f27 !important }
#iso-blog .bap-hyp { margin-top: 1.2rem !important; border-top: 1px solid var(--bap-line) !important; padding-top: .9rem !important }
#iso-blog .bap-hyp summary { display: inline-flex !important; align-items: center !important; gap: .5rem !important; min-height: 44px !important; cursor: pointer !important; color: var(--bap-bleu) !important; font-weight: 700 !important; font-size: .95rem !important; list-style: none !important }
#iso-blog .bap-hyp summary::-webkit-details-marker { display: none !important }
#iso-blog .bap-hyp summary::before { content: "" !important; width: 9px !important; height: 9px !important; border-right: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: rotate(-45deg) !important; transition: transform .2s }
#iso-blog .bap-hyp[open] summary::before { transform: rotate(45deg) !important }
#iso-blog .bap-hyp__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem 1.4rem !important; margin-top: .6rem !important }
#iso-blog .bap-field { display: flex !important; flex-direction: column !important; gap: .35rem !important }
#iso-blog .bap-field label { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: .8rem !important; color: var(--bap-nuit) !important; font-weight: 600 !important; font-size: .92rem !important; line-height: 1.3 !important }
#iso-blog .bap-field output { flex: none !important; padding: .15rem .6rem !important; border-radius: 999px !important; background: var(--bap-lavande) !important; color: var(--bap-violet) !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important }
#iso-blog .bap-field small { color: var(--bap-texte) !important; font-size: .78rem !important; line-height: 1.4 !important }
#iso-blog .bap input[type="range"] { -webkit-appearance: none !important; appearance: none !important; width: 100% !important; height: 28px !important; margin: 0 !important; background: transparent !important; cursor: pointer !important; --p: 50% }
#iso-blog .bap input[type="range"]::-webkit-slider-runnable-track { height: 8px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--bap-vert-2) 0, var(--bap-vert) var(--p), var(--bap-line) var(--p)) !important }
#iso-blog .bap input[type="range"]::-moz-range-track { height: 8px !important; border-radius: 999px !important; background: var(--bap-line) !important }
#iso-blog .bap input[type="range"]::-moz-range-progress { height: 8px !important; border-radius: 999px !important; background: var(--bap-grad) !important }
#iso-blog .bap input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; width: 24px !important; height: 24px !important; margin-top: -8px !important; border-radius: 50% !important; background: #fff !important; border: 3px solid var(--bap-vert-2) !important; box-shadow: 0 3px 10px rgba(0, 17, 103, .25) !important }
#iso-blog .bap input[type="range"]::-moz-range-thumb { width: 18px !important; height: 18px !important; border-radius: 50% !important; background: #fff !important; border: 3px solid var(--bap-vert-2) !important; box-shadow: 0 3px 10px rgba(0, 17, 103, .25) !important }
#iso-blog .bap-sim, #iso-blog .bap-check { padding: 1.5rem !important; border-radius: 24px !important; background: var(--bap-lavande) !important }
#iso-blog .bap-sim__head, #iso-blog .bap-check__head { display: flex !important; align-items: center !important; gap: .9rem !important; margin-bottom: 1.2rem !important }
#iso-blog .bap-sim__ico { display: grid !important; place-items: center !important; flex: none !important; width: 48px !important; height: 48px !important; border-radius: 14px !important; background: var(--bap-grad) !important; color: #fff !important }
#iso-blog .bap-sim__ico svg { width: 24px !important; height: 24px !important }
#iso-blog .ib-prose .bap-sim__title { font-size: clamp(1.2rem, 2vw, 1.4rem) !important; font-weight: 800 !important; line-height: 1.2 !important }
#iso-blog#iso-blog .ib-prose .bap-sim__title { color: var(--bap-nuit) !important }
#iso-blog .bap-sim__body { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important; gap: 1.2rem !important; align-items: start !important }
#iso-blog .bap-sim__form { display: grid !important; gap: 1.1rem !important; padding: 1.2rem !important; border-radius: 18px !important; background: #fff !important }
#iso-blog .bap-seg { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; min-width: 0 !important }
#iso-blog .bap-seg legend { width: 100% !important; margin-bottom: .45rem !important; padding: 0 !important; color: var(--bap-nuit) !important; font-weight: 600 !important; font-size: .92rem !important }
#iso-blog .bap-seg label { position: relative !important; flex: 1 1 0 !important; min-width: 0 !important }
#iso-blog .bap-seg input { position: absolute !important; opacity: 0 !important; inset: 0 !important; margin: 0 !important; cursor: pointer !important }
#iso-blog .bap-seg span { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: .4rem .6rem !important; border: 1.5px solid var(--bap-line) !important; border-radius: 12px !important; color: var(--bap-violet) !important; font-weight: 600 !important; font-size: .92rem !important; text-align: center !important; transition: background-color .2s, border-color .2s, color .2s }
#iso-blog .bap-seg input:checked + span { border-color: transparent !important; background: var(--bap-violet) !important; color: #fff !important }
#iso-blog .bap-seg input:focus-visible + span { outline: 3px solid var(--bap-vert) !important; outline-offset: 2px !important }
#iso-blog .bap-sim__res { position: sticky !important; top: 140px !important; display: flex !important; flex-direction: column !important; gap: 1rem !important; padding: 1.3rem !important; border-radius: 18px !important; background: linear-gradient(150deg, var(--bap-violet) 0%, var(--bap-nuit) 100%) !important; color: #fff !important }
#iso-blog .bap-sim__big { display: flex !important; flex-direction: column !important; gap: .15rem !important }
#iso-blog .bap-sim__big span, #iso-blog .bap-sim__big small { color: rgba(255, 255, 255, .82) !important; font-size: .88rem !important }
#iso-blog .bap-sim__big strong { color: #fff !important; font-size: clamp(2.1rem, 4vw, 2.7rem) !important; font-weight: 800 !important; line-height: 1.05 !important; font-variant-numeric: tabular-nums !important }
#iso-blog .bap-sim__big strong.is-neg { color: #ffd9d9 !important }
#iso-blog .bap-sim__compare { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: .6rem !important }
#iso-blog .bap-sim__compare > div { display: flex !important; flex-direction: column !important; gap: .1rem !important; padding: .7rem .8rem !important; border-radius: 14px !important; background: rgba(255, 255, 255, .1) !important }
#iso-blog .bap-sim__compare > div.is-pac { background: rgba(124, 201, 0, .22) !important }
#iso-blog .bap-sim__compare span, #iso-blog .bap-sim__compare small { color: rgba(255, 255, 255, .8) !important; font-size: .8rem !important }
#iso-blog .bap-sim__compare strong { color: #fff !important; font-size: 1.25rem !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important }
#iso-blog .bap-gauge { height: 10px !important; border-radius: 999px !important; background: rgba(255, 255, 255, .18) !important; overflow: hidden !important }
#iso-blog .bap-gauge span { display: block !important; height: 100% !important; width: 100% !important; border-radius: inherit !important; background: var(--bap-grad) !important; transform-origin: 0 50% !important; transform: scaleX(var(--g, 0)) !important; transition: transform .6s var(--bap-ease) }
#iso-blog .ib-prose .bap-sim__detail { font-size: .84rem !important; line-height: 1.5 !important }
#iso-blog#iso-blog .ib-prose .bap-sim__detail { color: rgba(255, 255, 255, .85) !important }
#iso-blog .bap-check__head { flex-wrap: wrap !important }
#iso-blog .bap-check__head > div { flex: 1 1 220px !important }
#iso-blog .bap-score { display: flex !important; align-items: baseline !important; gap: .2rem !important; padding: .4rem .9rem !important; border-radius: 14px !important; background: #fff !important; font-size: .95rem !important }
#iso-blog#iso-blog .bap-score { color: var(--bap-texte) !important }
#iso-blog .bap-score strong { color: var(--bap-violet) !important; font-size: 1.8rem !important; font-weight: 800 !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important }
#iso-blog .bap-check .bap-gauge { background: #fff !important; margin-bottom: 1rem !important }
#iso-blog .bap-check__list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important }
#iso-blog .bap-check__list label { position: relative !important; display: flex !important; gap: .7rem !important; align-items: flex-start !important; height: 100% !important; padding: .85rem .9rem !important; border: 1.5px solid transparent !important; border-radius: 16px !important; background: #fff !important; cursor: pointer !important; transition: border-color .2s, box-shadow .2s }
#iso-blog .bap-check__list label:hover { border-color: var(--bap-line) !important }
#iso-blog .bap-check__list input { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important }
#iso-blog .bap-box { display: grid !important; place-items: center !important; flex: none !important; width: 26px !important; height: 26px !important; margin-top: .05rem !important; border: 2px solid var(--bap-line) !important; border-radius: 8px !important; color: transparent !important; transition: background-color .2s, border-color .2s, color .2s }
#iso-blog .bap-box svg { width: 16px !important; height: 16px !important; stroke-width: 3 !important }
#iso-blog .bap-check__list input:checked ~ .bap-box { border-color: transparent !important; background: var(--bap-grad) !important; color: #fff !important }
#iso-blog .bap-check__list input:checked ~ span:last-child strong { color: var(--bap-nuit) !important }
#iso-blog .bap-check__list label:has(input:checked) { border-color: rgba(62, 200, 58, .45) !important; box-shadow: 0 10px 22px -18px rgba(0, 17, 103, .6) !important }
#iso-blog .bap-check__list input:focus-visible ~ .bap-box { outline: 3px solid var(--bap-vert) !important; outline-offset: 2px !important }
#iso-blog .bap-check__list span:last-child { display: flex !important; flex-direction: column !important; gap: .2rem !important }
#iso-blog .bap-check__list strong { color: var(--bap-violet) !important; font-size: .93rem !important; font-weight: 600 !important; line-height: 1.35 !important }
#iso-blog .bap-check__list small { color: var(--bap-texte) !important; font-size: .8rem !important; line-height: 1.4 !important }
#iso-blog .bap-check__verdict { margin-top: 1rem !important; padding: .9rem 1.1rem !important; border-radius: 16px !important; background: #fff !important; border-left: 5px solid var(--bap-line) !important; transition: border-color .3s }
#iso-blog .bap-check__verdict[data-level="1"] { border-left-color: var(--bap-bleu) !important }
#iso-blog .bap-check__verdict[data-level="2"] { border-left-color: var(--bap-vert) !important }
#iso-blog .bap-check__verdict[data-level="3"] { border-left-color: var(--bap-vert-2) !important }
#iso-blog .ib-prose .bap-check__verdict p { font-size: .97rem !important; line-height: 1.55 !important }
#iso-blog .bap-aides { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .9rem !important }
#iso-blog .bap-aides__card { display: flex !important; flex-direction: column !important; gap: .4rem !important; padding: 1.2rem !important; border: 1px solid var(--bap-line) !important; border-radius: 20px !important; background: #fff !important }
#iso-blog .ib-prose .bap-aides__t { font-weight: 700 !important; font-size: 1.05rem !important; line-height: 1.3 !important }
#iso-blog#iso-blog .ib-prose .bap-aides__t { color: var(--bap-nuit) !important }
#iso-blog .ib-prose .bap-aides table { display: table !important; width: 100% !important; margin: .3rem 0 .2rem !important; font-size: .92rem !important }
#iso-blog .ib-prose .bap-aides th, #iso-blog .ib-prose .bap-aides td { padding: .5rem .6rem !important; border: 0 !important; border-bottom: 1px solid var(--bap-line) !important; background: none !important; color: var(--bap-texte) !important; font-weight: 500 !important }
#iso-blog .ib-prose .bap-aides thead th { color: var(--bap-nuit) !important; font-weight: 700 !important; font-size: .8rem !important; text-transform: uppercase !important; letter-spacing: .04em !important }
#iso-blog .ib-prose .bap-aides tbody th { color: var(--bap-nuit) !important }
#iso-blog .ib-prose .bap-aides td { text-align: right !important; color: var(--bap-violet) !important; font-weight: 800 !important; white-space: nowrap !important }
#iso-blog .bap-aides small { color: var(--bap-texte) !important; font-size: .8rem !important; line-height: 1.45 !important }
#iso-blog .bap-dot { display: inline-block !important; width: 10px !important; height: 10px !important; margin-right: .45rem !important; border-radius: 50% !important; vertical-align: middle !important }
#iso-blog .bap-dot.is-bleu { background: var(--bap-bleu) !important }
#iso-blog .bap-dot.is-jaune { background: #e8c400 !important }
#iso-blog .bap-dot.is-violet { background: var(--bap-violet) !important }
#iso-blog .bap-steps { position: relative !important; display: grid !important; gap: .3rem !important; counter-reset: none !important }
#iso-blog .ib-prose .bap-step { position: relative !important; display: grid !important; grid-template-columns: 52px 1fr !important; gap: 1rem !important }
#iso-blog#iso-blog .ib-prose .bap-step { padding: 0 0 1.1rem !important }
#iso-blog .bap-step::before { content: "" !important; position: absolute !important; left: 25px !important; top: 52px !important; bottom: 0 !important; width: 2px !important; background: var(--bap-line) !important }
#iso-blog .bap-step:last-child::before { display: none !important }
#iso-blog .bap-step__n { display: grid !important; place-items: center !important; width: 52px !important; height: 52px !important; border-radius: 50% !important; background: var(--bap-lavande) !important; color: var(--bap-violet) !important; font-weight: 800 !important; font-size: 1.2rem !important; transition: background-color .4s, color .4s, transform .4s var(--bap-ease) }
#iso-blog .bap-step.is-in .bap-step__n { background: var(--bap-grad) !important; color: #fff !important }
#iso-blog .bap-step > div { padding: .6rem 1rem .8rem !important; border-radius: 16px !important; background: #fff !important; border: 1px solid var(--bap-line) !important }
#iso-blog .bap-step strong { display: block !important; color: var(--bap-nuit) !important; font-size: 1.05rem !important; font-weight: 700 !important }
#iso-blog .ib-prose .bap-step p { font-size: .95rem !important; line-height: 1.55 !important }
#iso-blog#iso-blog .ib-prose .bap-step p { margin-top: .2rem !important }
#iso-blog .bap-steps.is-js .bap-step { opacity: 0 !important; transform: translateY(14px) !important; transition: opacity .5s var(--bap-ease), transform .5s var(--bap-ease) }
#iso-blog .bap-steps.is-js .bap-step.is-in { opacity: 1 !important; transform: none !important }
#iso-blog .bap-faq { display: grid !important; gap: .6rem !important }
#iso-blog .bap-faq__item { border: 1px solid var(--bap-line) !important; border-radius: 18px !important; background: #fff !important; overflow: hidden !important; transition: box-shadow .2s }
#iso-blog .bap-faq__item[open] { box-shadow: 0 14px 30px -26px rgba(0, 17, 103, .7) !important }
#iso-blog .bap-faq__item summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 1rem !important; min-height: 56px !important; padding: .9rem 1.1rem !important; cursor: pointer !important; list-style: none !important; color: var(--bap-nuit) !important; font-weight: 700 !important; font-size: 1.02rem !important; line-height: 1.35 !important }
#iso-blog .bap-faq__item summary::-webkit-details-marker { display: none !important }
#iso-blog .bap-faq__item summary i { position: relative !important; flex: none !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: var(--bap-lavande) !important }
#iso-blog .bap-faq__item summary i::before, #iso-blog .bap-faq__item summary i::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 12px !important; height: 2px !important; margin: -1px 0 0 -6px !important; border-radius: 2px !important; background: var(--bap-violet) !important; transition: transform .25s var(--bap-ease) }
#iso-blog .bap-faq__item summary i::after { transform: rotate(90deg) !important }
#iso-blog .bap-faq__item[open] summary i { background: var(--bap-grad) !important }
#iso-blog .bap-faq__item[open] summary i::before, #iso-blog .bap-faq__item[open] summary i::after { background: #fff !important }
#iso-blog .bap-faq__item[open] summary i::after { transform: rotate(0) !important }
#iso-blog .bap-faq__a { padding: 0 1.1rem 1rem !important }
#iso-blog .ib-prose .bap-faq__a p { font-size: .98rem !important; line-height: 1.65 !important }
#iso-blog .bap-cta { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; gap: 1.4rem !important; align-items: center !important; padding: clamp(1.4rem, 3vw, 2.2rem) !important; border-radius: 26px !important; background: linear-gradient(135deg, var(--bap-violet) 0%, var(--bap-nuit) 100%) !important; color: #fff !important }
#iso-blog .ib-prose .bap-cta__t { font-size: clamp(1.4rem, 2.6vw, 1.85rem) !important; font-weight: 800 !important; line-height: 1.2 !important }
#iso-blog#iso-blog .ib-prose .bap-cta__t { margin: .3rem 0 .5rem !important; color: #fff !important }
#iso-blog#iso-blog .ib-prose .bap-cta p:not(.bap-kicker) { color: rgba(255, 255, 255, .88) !important }
#iso-blog#iso-blog .bap-cta .bap-kicker { color: var(--bap-vert) !important }
#iso-blog .bap-cta__actions { display: flex !important; flex-direction: column !important; gap: .6rem !important }
#iso-blog .ib-prose .bap-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .55rem !important; min-height: 52px !important; padding: .8rem 1.3rem !important; border-radius: 999px !important; background: var(--bap-grad) !important; font-weight: 700 !important; font-size: 1rem !important; line-height: 1.15 !important; text-align: center !important; box-shadow: var(--io-ombre, rgba(59, 36, 126, .23) 3px 3px 11px 0) !important; transition: transform .25s var(--bap-ease), filter .25s, background-color .25s }
#iso-blog#iso-blog .ib-prose .bap-btn { color: #fff !important; text-decoration: none !important }
#iso-blog .ib-prose .bap-btn:hover { transform: translateY(-2px) !important; filter: brightness(1.06) !important }
#iso-blog .ib-prose .bap-btn--light { background: rgba(255, 255, 255, .1) !important; border: 1.5px solid rgba(255, 255, 255, .55) !important; box-shadow: none !important }
#iso-blog .ib-prose .bap-btn--light:hover { background: rgba(255, 255, 255, .18) !important }
#iso-blog .bap-sources { display: grid !important; gap: .45rem !important; counter-reset: bap !important }
#iso-blog#iso-blog .bap-sources { margin-bottom: .5rem !important }
#iso-blog .ib-prose .bap-sources li { counter-increment: bap !important; position: relative !important; font-size: .9rem !important; line-height: 1.5 !important; scroll-margin-top: 150px !important }
#iso-blog#iso-blog .ib-prose .bap-sources li { padding-left: 2.1rem !important }
#iso-blog .bap-sources li::before { content: "[" counter(bap) "]" !important; position: absolute !important; left: 0 !important; color: var(--bap-vert-2) !important; font-weight: 700 !important }
#iso-blog .bap-sources li:target { background: var(--bap-lavande) !important; border-radius: 8px !important }
#iso-blog .bap-sources span { color: var(--bap-texte) !important }
#iso-blog#iso-blog .ib-prose .bap-sources + .bap-note { margin-top: .6rem !important }
#iso-blog .bap-toc-p { display: flex !important; align-items: center !important; gap: .6rem !important; margin-top: .8rem !important; color: var(--io-texte, rgba(59, 36, 126, .75)) !important; font: 500 .8rem/1.2 "Outfit", sans-serif !important }
#iso-blog .bap-toc-p i { position: relative !important; flex: 1 !important; height: 6px !important; border-radius: 999px !important; background: #fff !important; overflow: hidden !important }
#iso-blog .bap-toc-p i::after { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: var(--io-grad, linear-gradient(90deg, #3ec83a, #7cc900)) !important; transform-origin: 0 50% !important; transform: scaleX(var(--ib-p, 0)) !important }
#iso-blog .ib-prose .pac3d { width: 100% !important; left: auto !important; translate: none !important }
#iso-blog#iso-blog .ib-prose .pac3d { margin: 2rem 0 !important }
#iso-blog .ib-prose .pac3d-body { grid-template-columns: 1fr !important }
#iso-blog .ib-prose .pac3d-scene { min-height: 0 !important; height: min(60svh, 430px) !important }
#iso-blog .ib-prose .pac3d-panel { border-left: 0 !important; border-top: 1px solid #e3e5ef !important }
#iso-blog .ib-prose .pac3d .pac3d-titre { border: 0 !important; padding: 0 !important }
#iso-blog#iso-blog .ib-prose .pac3d .pac3d-titre { margin: 0 !important }
#iso-blog#iso-blog .ib-prose .io-maison { margin: 1.8rem 0 !important }
#iso-blog .ib-prose .io-maison img { aspect-ratio: 16 / 10 !important; object-fit: cover !important; object-position: 50% 60% !important }
#iso-blog#iso-blog .ib-prose .pac3d-cta { color: #fff !important; text-decoration: none !important }
@media (max-width: 900px) {
#iso-blog .bap-sim__body { grid-template-columns: 1fr !important }
#iso-blog .bap-sim__res { position: static !important }
#iso-blog .bap-cta { grid-template-columns: 1fr !important }
}
@media (max-width: 720px) {
#iso-blog .bap-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important }
#iso-blog .bap-prix, #iso-blog .bap-aides, #iso-blog .bap-check__list, #iso-blog .bap-hyp__grid { grid-template-columns: 1fr !important }
#iso-blog .ib-prose .bap-bar { grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "l v" "t t" !important; gap: .35rem .6rem !important }
#iso-blog .bap-bar__label { grid-area: l !important }
#iso-blog .bap-bar__val { grid-area: v !important }
#iso-blog .bap-bar__track { grid-area: t !important }
#iso-blog .bap-sim, #iso-blog .bap-check, #iso-blog .bap-barres { padding: 1.1rem !important }
#iso-blog .bap-sim__form { padding: 1rem !important }
#iso-blog .bap-reponse { padding: 1.2rem 1.1rem 1.1rem 1.4rem !important }
}
@media (prefers-reduced-motion: reduce) {
#iso-blog#iso-blog .bap *, #iso-blog#iso-blog .bap *::before, #iso-blog#iso-blog .bap *::after { transition: none !important; animation: none !important }
#iso-blog .bap-barres:not(.is-in) .bap-bar__fill { transform: scaleX(var(--w, 0)) !important }
#iso-blog .bap-steps.is-js .bap-step { opacity: 1 !important; transform: none !important }
}

/* ---- maison/maison.css (WordPress) ---- */
#iso-blog .io-maison { position: relative !important; margin: 0 !important; overflow: hidden !important; border-radius: 24px !important; background: var(--ir-nuit, #001167) !important; box-shadow: 0 30px 60px -40px rgba(0, 17, 103, .6) !important }
#iso-blog .io-maison img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important }
#iso-blog .io-maison figcaption { position: absolute !important; left: 12px !important; right: 12px !important; bottom: 12px !important; padding: 8px 14px !important; border-radius: 999px !important; background: rgba(255, 255, 255, .92) !important; color: var(--ir-nuit, #001167) !important; font-size: .82rem !important; font-weight: 600 !important; line-height: 1.3 !important; width: fit-content !important; max-width: calc(100% - 24px) !important }
#iso-blog .ih-maison__grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; grid-template-rows: 300px 200px !important; gap: 16px !important }
#iso-blog .ih-maison__grid .io-maison:first-child { grid-column: span 4 !important }
#iso-blog .ih-maison__wrap { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important; gap: 48px !important; align-items: center !important }
#iso-blog .ih-maison__list { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 20px 0 28px !important; padding: 0 !important; list-style: none !important }
#iso-blog .ih-maison__list a { display: inline-block !important; padding: 8px 14px !important; border-radius: 999px !important; background: #fff !important; color: var(--ir-nuit, #001167) !important; font-weight: 600 !important; font-size: .9rem !important; text-decoration: none !important; box-shadow: 0 6px 18px -12px rgba(0, 17, 103, .5) !important }
#iso-blog .ih-maison__list a:hover { background: var(--ir-vert, #7AC511) !important; color: #fff !important }
@media (max-width: 900px) {
#iso-blog .ih-maison__wrap { grid-template-columns: 1fr !important; gap: 28px !important }
#iso-blog .ih-maison__grid { grid-template-columns: 1fr 1fr !important; grid-template-rows: 240px 160px 160px !important; gap: 10px !important }
#iso-blog .ih-maison__grid .io-maison:first-child { grid-column: span 2 !important }
#iso-blog .ih-maison__grid .io-maison:nth-child(n+6) { display: none !important }
}
#iso-blog .ic-side .io-maison, #iso-blog .idv-side .io-maison { aspect-ratio: 4 / 3 !important; margin-top: 20px !important }
#iso-blog .idv-side .io-maison { margin: 0 0 20px !important }
#iso-blog .io-404 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 420px) !important; gap: 48px !important; align-items: center !important }
#iso-blog .io-404 .io-maison { aspect-ratio: 3 / 4 !important }
@media (max-width: 800px) {
#iso-blog .io-404 { grid-template-columns: 1fr !important; gap: 24px !important }
#iso-blog .io-404 .io-maison { aspect-ratio: 4 / 3 !important }
}
#iso-blog .io-maison--facade img { object-position: 50% 57% !important }
#iso-blog .io-maison--entree img { object-position: 50% 58% !important }

/* ---- maison-3d/pac-3d.css (WordPress) ---- */
#iso-blog .pac3d { --pac-ink: #001167; --pac-indigo: #3b247e; --pac-bleu: #3667b3; --pac-vert: #7cc900; --pac-gris: #5b6280; --pac-trait: #e3e5ef; --pac-ease: cubic-bezier(.2, .75, .2, 1); width: min(1240px, 100vw - 2rem) !important; position: relative !important; left: 50% !important; translate: -50% 0 !important; color: var(--pac-ink) !important }
#iso-blog#iso-blog .pac3d { margin-block: clamp(2rem, 5vw, 3.5rem) !important; max-width: none !important }
#iso-blog .pac3d *, #iso-blog .pac3d *::before, #iso-blog .pac3d *::after { box-sizing: border-box !important }
#iso-blog .pac3d svg { width: 100% !important; height: 100% !important; display: block !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important }
#iso-blog .pac3d-head { margin-bottom: 1.1rem !important }
#iso-blog .pac3d-kicker { margin: 0 0 .4rem !important; font-size: .78rem !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--pac-indigo) !important }
#iso-blog .pac3d .pac3d-titre { margin: 0 !important; font-size: clamp(1.5rem, 2.6vw, 2.1rem) !important; line-height: 1.15 !important }
#iso-blog .pac3d-body { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px !important; border-radius: 26px !important; overflow: hidden !important; background: #fff !important; border: 1px solid var(--pac-trait) !important; box-shadow: 0 30px 60px -45px rgba(0, 17, 103, .55) !important }
#iso-blog .pac3d-scene { position: relative !important; min-height: 560px !important; overflow: hidden !important; isolation: isolate !important; background: linear-gradient(90deg, #e3edfb 0%, #eaf1fb 44%, #f6f0e8 56%, #f8f3ec 100%) !important }
#iso-blog .pac3d-stage { position: absolute !important; inset: 0 !important }
#iso-blog .pac3d-stage canvas { display: block !important; opacity: 0 !important; transition: opacity 1s var(--pac-ease) }
#iso-blog#iso-blog .pac3d-stage canvas { width: 100% !important; height: 100% !important }
#iso-blog .pac3d.is-ready .pac3d-stage canvas { opacity: 1 !important }
#iso-blog .pac3d-labels { position: absolute !important; inset: 0 !important; pointer-events: none !important; z-index: 2 !important }
#iso-blog .pac3d-labels > * { position: absolute !important; left: 0 !important; top: 0 !important; will-change: transform; transition: opacity .35s var(--pac-ease) }
#iso-blog#iso-blog .pac3d-labels > .is-out { opacity: 0 !important; pointer-events: none !important }
#iso-blog .pac3d:not(.is-ready) .pac3d-labels { opacity: 0 !important }
#iso-blog .pac3d-zone { margin: -.8rem 0 0 -3rem !important; width: 6rem !important; text-align: center !important; font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(0, 17, 103, .45) !important; white-space: nowrap !important }
#iso-blog .pac3d-lbl { pointer-events: auto !important; display: flex !important; align-items: center !important; gap: .45rem !important; margin: -15px 0 0 -10px !important; padding: 0 .7rem 0 .3rem !important; height: 30px !important; border: 1px solid rgba(0, 17, 103, .12) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .9) !important; color: var(--pac-ink) !important; font: 600 .8rem/1 "Outfit", system-ui, sans-serif !important; white-space: nowrap !important; cursor: pointer !important; box-shadow: 0 8px 18px -10px rgba(0, 17, 103, .5) !important; transition: background-color .25s, color .25s, transform .3s var(--pac-ease), opacity .35s }
#iso-blog .pac3d-lbl i { width: 20px !important; height: 20px !important; border-radius: 50% !important; background: var(--pac-bleu) !important; box-shadow: inset 0 0 0 6px #fff !important; border: 1px solid var(--pac-bleu) !important; flex: none !important }
#iso-blog .pac3d-lbl:hover { transform: translateY(-2px) !important }
#iso-blog .pac3d-lbl.is-active { background: var(--pac-indigo) !important; border-color: transparent !important; color: #fff !important }
#iso-blog .pac3d-lbl.is-active i { background: var(--pac-vert) !important; box-shadow: inset 0 0 0 5px var(--pac-indigo) !important; border-color: var(--pac-vert) !important; animation: pac3d-pulse 1.8s var(--pac-ease) infinite }
@keyframes pac3d-pulse { 50% { box-shadow: inset 0 0 0 5px var(--pac-indigo), 0 0 0 6px rgba(122, 197, 17, .25); } }
#iso-blog .pac3d:not([data-step="vue"]):not([data-step="cop"]):not([data-step="ete"]) .pac3d-lbl:not(.is-active) { opacity: .55 !important }
#iso-blog .pac3d-tag { display: flex !important; align-items: center !important; gap: .4rem !important; margin: -2.4rem 0 0 0 !important; transform-origin: left bottom !important; padding: .35rem .6rem !important; border-radius: 8px !important; background: var(--pac-ink) !important; color: #fff !important; font-size: .74rem !important; font-weight: 500 !important; white-space: nowrap !important; opacity: 0 !important; box-shadow: 0 10px 20px -12px rgba(0, 17, 103, .8) !important }
#iso-blog .pac3d-tag i { width: 10px !important; height: 10px !important; border-radius: 50% !important; flex: none !important }
#iso-blog .pac3d-tag.is-on { opacity: 1 !important }
#iso-blog .pac3d-legend { position: absolute !important; z-index: 3 !important; left: .9rem !important; bottom: .9rem !important; display: flex !important; flex-wrap: wrap !important; gap: .35rem .9rem !important; max-width: calc(100% - 1.8rem) !important; padding: .5rem .8rem !important; border-radius: 12px !important; background: rgba(255, 255, 255, .85) !important; font-size: .74rem !important; color: var(--pac-gris) !important }
#iso-blog .pac3d-legend span { display: inline-flex !important; align-items: center !important; gap: .35rem !important }
#iso-blog .pac3d-legend i { width: 18px !important; height: 6px !important; border-radius: 6px !important; background: var(--c) !important }
#iso-blog .pac3d.is-ete .pac3d-legend { opacity: .4 !important }
#iso-blog .pac3d-hint { position: absolute !important; z-index: 3 !important; right: .9rem !important; bottom: .9rem !important; margin: 0 !important; padding: .35rem .7rem !important; border-radius: 999px !important; background: rgba(255, 255, 255, .7) !important; font-size: .72rem !important; color: var(--pac-gris) !important; pointer-events: none !important }
#iso-blog .pac3d-loader { position: absolute !important; inset: 0 !important; z-index: 4 !important; display: grid !important; place-items: center !important; transition: opacity .8s var(--pac-ease), visibility .8s }
#iso-blog .pac3d-loader span { width: 40px !important; height: 40px !important; border-radius: 50% !important; border: 3px solid rgba(0, 17, 103, .1) !important; border-top-color: var(--pac-vert) !important; animation: pac3d-spin 1s linear infinite }
#iso-blog .pac3d.is-ready .pac3d-loader { opacity: 0 !important; visibility: hidden !important }
@keyframes pac3d-spin { to { transform: rotate(360deg); } }
#iso-blog .pac3d-panel { display: flex !important; flex-direction: column !important; padding: 1.4rem 1.4rem 1.2rem !important; border-left: 1px solid var(--pac-trait) !important; min-width: 0 !important }
#iso-blog .pac3d-steps { list-style: none !important; margin: 0 !important; padding: 0 !important; flex: 1 !important }
#iso-blog .pac3d-step h4 { margin: 0 0 .7rem !important; font-size: 1.3rem !important; line-height: 1.2 !important; color: var(--pac-ink) !important }
#iso-blog .pac3d-step p { margin: 0 0 .8rem !important; font-size: .95rem !important; line-height: 1.6 !important; color: var(--pac-gris) !important }
#iso-blog .pac3d-step .pac3d-retenir { position: relative !important; margin-top: 1rem !important; padding: .8rem .9rem .8rem 2.6rem !important; border-radius: 14px !important; background: #f1f6e8 !important; color: #2f4a0b !important; font-size: .9rem !important; line-height: 1.5 !important }
#iso-blog .pac3d-retenir::before { content: "!" !important; position: absolute !important; left: .8rem !important; top: .8rem !important; width: 1.3rem !important; height: 1.3rem !important; border-radius: 50% !important; display: grid !important; place-items: center !important; background: var(--pac-vert) !important; color: #fff !important; font-weight: 700 !important; font-size: .8rem !important }
#iso-blog .pac3d-step .pac3d-note { font-size: .78rem !important; line-height: 1.45 !important; margin-top: .6rem !important }
#iso-blog .pac3d-cop { display: grid !important; grid-template-columns: 1fr auto 2fr !important; gap: .45rem .4rem !important; align-items: stretch !important; margin-top: 1rem !important }
#iso-blog .pac3d-cop > span:not([aria-hidden]) { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: .55rem .6rem !important; border-radius: 10px !important; font-size: .74rem !important; line-height: 1.25 !important; color: #fff !important }
#iso-blog .pac3d-cop b { font: 700 1.05rem/1.1 "Outfit", system-ui, sans-serif !important }
#iso-blog .pac3d-cop__elec { background: #e5a700 !important }
#iso-blog .pac3d-cop__air { background: var(--pac-bleu) !important }
#iso-blog .pac3d-cop__plus, #iso-blog .pac3d-cop__egal { align-self: center !important; font-weight: 700 !important; color: var(--pac-gris) !important }
#iso-blog .pac3d-cop__egal { grid-column: 1 / -1 !important; justify-self: center !important; line-height: 1 !important }
#iso-blog .pac3d-cop__chaleur { grid-column: 1 / -1 !important; background: linear-gradient(90deg, #e5a700 0 33%, #ff5a24 33%) !important }
#iso-blog .pac3d-controls { display: flex !important; align-items: center !important; gap: .4rem !important; margin-top: 1rem !important; padding-top: 1rem !important; border-top: 1px solid var(--pac-trait) !important; flex-wrap: wrap !important }
#iso-blog .pac3d-controls[hidden] { display: none !important }
#iso-blog .pac3d-prev, #iso-blog .pac3d-next { flex: none !important; width: 38px !important; height: 38px !important; padding: 9px !important; border-radius: 50% !important; border: 1px solid var(--pac-trait) !important; background: #fff !important; color: var(--pac-ink) !important; cursor: pointer !important; transition: background-color .2s, border-color .2s }
#iso-blog .pac3d-prev:hover, #iso-blog .pac3d-next:hover { border-color: var(--pac-indigo) !important }
#iso-blog .pac3d-dots { order: 5 !important; flex: 1 1 100% !important; display: flex !important; gap: .3rem !important; overflow-x: auto !important; scrollbar-width: none !important; padding: .15rem !important; margin-top: .3rem !important }
#iso-blog .pac3d-dots::-webkit-scrollbar { display: none !important }
#iso-blog .pac3d-dots button { flex: none !important; padding: .38rem .65rem !important; border-radius: 999px !important; border: 1px solid var(--pac-trait) !important; background: #fff !important; color: var(--pac-gris) !important; font-size: .76rem !important; font-weight: 500 !important; cursor: pointer !important; white-space: nowrap !important; transition: background-color .2s, color .2s, border-color .2s }
#iso-blog .pac3d-dots button:hover { border-color: var(--pac-indigo) !important; color: var(--pac-ink) !important }
#iso-blog .pac3d-dots button[aria-selected="true"] { background: var(--pac-indigo) !important; border-color: var(--pac-indigo) !important; color: #fff !important }
#iso-blog .pac3d-play { margin-left: auto !important; display: inline-flex !important; align-items: center !important; gap: .45rem !important; height: 38px !important; padding: 0 .9rem 0 .7rem !important; border-radius: 999px !important; border: 0 !important; background: var(--pac-ink) !important; color: #fff !important; font-size: .82rem !important; font-weight: 600 !important; cursor: pointer !important; position: relative !important; overflow: hidden !important }
#iso-blog .pac3d-play svg { width: 16px !important; height: 16px !important; fill: currentColor !important; stroke: none !important }
#iso-blog .pac3d-play .i-pause, #iso-blog .pac3d-play[aria-pressed="true"] .i-play { display: none !important }
#iso-blog .pac3d-play[aria-pressed="true"] .i-pause { display: block !important }
#iso-blog .pac3d-play::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; height: 3px !important; width: 0 !important; background: var(--pac-vert) !important }
#iso-blog .pac3d.is-playing .pac3d-play::after { animation: pac3d-auto var(--pac3d-auto, 9s) linear infinite }
@keyframes pac3d-auto { to { width: 100%; } }
#iso-blog .pac3d-cta { display: flex !important; align-items: center !important; justify-content: center !important; gap: .5rem !important; margin-top: .9rem !important; min-height: 46px !important; padding: .7rem 1rem !important; border-radius: 12px !important; background: linear-gradient(90deg, #3ec83a 0%, #7cc900 100%) !important; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 40, 0, .3) !important; font-weight: 600 !important; font-size: .95rem !important; text-decoration: none !important; transition: transform .25s var(--pac-ease) }
#iso-blog .pac3d-cta:hover { transform: translateY(-2px) !important }
#iso-blog .pac3d.is-js .pac3d-step { display: none !important }
#iso-blog .pac3d.is-js .pac3d-step.is-active { display: block !important; animation: pac3d-in .5s var(--pac-ease) }
@keyframes pac3d-in { from { opacity: 0; transform: translateY(8px); } }
#iso-blog .pac3d.is-2d .pac3d-body { grid-template-columns: 1fr !important }
#iso-blog .pac3d.is-2d .pac3d-scene { display: none !important }
#iso-blog .pac3d.is-2d .pac3d-panel { border-left: 0 !important }
#iso-blog .pac3d:not(.is-js) .pac3d-scene { display: none !important }
#iso-blog .pac3d:not(.is-js) .pac3d-body { grid-template-columns: 1fr !important }
#iso-blog .pac3d:not(.is-js) .pac3d-step { margin-bottom: 1.25rem !important }
@media (max-width: 980px) {
#iso-blog .pac3d-body { grid-template-columns: 1fr !important }
#iso-blog .pac3d-scene { min-height: 0 !important; height: min(60svh, 380px) !important }
#iso-blog .pac3d-panel { border-left: 0 !important; border-top: 1px solid var(--pac-trait) !important }
#iso-blog .pac3d-legend { font-size: .68rem !important; gap: .25rem .6rem !important; left: .5rem !important; bottom: .5rem !important; padding: .4rem .6rem !important }
#iso-blog .pac3d-hint { display: none !important }
#iso-blog .pac3d-lbl { height: 26px !important; font-size: .72rem !important }
#iso-blog .pac3d-lbl i { width: 16px !important; height: 16px !important }
#iso-blog .pac3d-tag { font-size: .68rem !important }
#iso-blog .pac3d-zone { font-size: .62rem !important }
}
@media (max-width: 560px) {
#iso-blog .pac3d:is([data-step="vue"], [data-step="cop"], [data-step="ete"]) .pac3d-lbl { opacity: 0 !important; pointer-events: none !important }
#iso-blog .pac3d:not([data-step="vue"]):not([data-step="cop"]):not([data-step="ete"]) .pac3d-lbl:not(.is-active) { opacity: 0 !important; pointer-events: none !important }
#iso-blog .pac3d-panel { padding: 1.1rem 1rem 1rem !important }
#iso-blog .pac3d-step h4 { font-size: 1.15rem !important }
}
@media (prefers-reduced-motion: reduce) {
#iso-blog#iso-blog .pac3d *, #iso-blog#iso-blog .pac3d *::before, #iso-blog#iso-blog .pac3d *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important }
}
#iso-blog#iso-blog .pac3d-lbl.is-hidden { opacity: 0 !important; pointer-events: none !important }

/* ---- Adaptations Duda ---- */
#iso-blog#iso-blog .ib-progress { top: var(--iso-blog-top) !important; z-index: 1000 !important; }
#iso-blog#iso-blog .ib-toc { top: calc(var(--iso-blog-top) + 24px) !important; max-height: calc(100vh - var(--iso-blog-top) - 48px) !important; }
#iso-blog#iso-blog .bap-sim__res { top: calc(var(--iso-blog-top) + 24px) !important; }
#iso-blog#iso-blog :is(.ib-prose h2, .ib-prose h3, .ib-prose h4, .bap-sources li, [id]) { scroll-margin-top: calc(var(--iso-blog-top) + 24px) !important; }
#iso-blog#iso-blog .pac3d { scroll-margin-top: calc(var(--iso-blog-top) + 12px) !important; }
@media (max-width: 1100px) {
	#iso-blog#iso-blog .ib-toc { max-height: none !important; }
}
/* data-h1="non" (titre déjà affiché en H1 par Duda) : même apparence que le H1 de l'article. */
#iso-blog#iso-blog .ib-head .iso-blog-h1 { margin: 0 !important; font: 800 clamp(1.85rem, 3.3vw, 2.75rem)/1.12 "Outfit", sans-serif !important; color: #001167 !important; text-wrap: balance; }
/* Boutons verts : texte blanc. */
#iso-blog#iso-blog :is(.ir-btn:not(.ir-btn--light):not(.ir-btn--ghost), .bap-btn:not(.bap-btn--light)) { color: #fff !important; }
#iso-blog#iso-blog :is(.ir-btn:not(.ir-btn--light):not(.ir-btn--ghost), .bap-btn:not(.bap-btn--light)) * { color: #fff !important; }