7monenergie.fr

/* BLOG 7MONENERGIE – SECTION GUIDES */ #blog7me, #blog7me * { box-sizing:border-box; } #blog7me { --brand:#0ea5e9; --brand-soft:#e0f2fe; --accent:#0369a1; --bg:#f8fafc; --card:#ffffff; --txt:#0f172a; --muted:#64748b; --bd:#e2e8f0; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--txt); max-width:1150px; margin:0 auto; padding:56px 16px 72px; } #blog7me h1, #blog7me h2, #blog7me h3 { letter-spacing:-0.03em; } /* HERO / INTRO */ #blog7me .hero { text-align:center; margin-bottom:40px; } #blog7me .hero-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:rgba(14,165,233,.08); border:1px solid #bae6fd; color:#0369a1; font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; } #blog7me h1 { font-size:clamp(30px,4vw,38px); margin:4px 0 10px; } #blog7me .hero-lead { max-width:780px; margin:0 auto; font-size:1rem; color:var(--muted); line-height:1.7; } #blog7me .hero-lead strong { color:#0f172a; } #blog7me .hero-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:14px; } #blog7me .hero-tag { padding:4px 10px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:.78rem; font-weight:600; } /* CTA SIMULATEUR */ #blog7me .hero-cta { margin-top:20px; } #blog7me .hero-cta a { display:inline-flex; align-items:center; gap:.5rem; padding:.85rem 1.7rem; border-radius:999px; background:var(--brand); color:#ffffff; font-weight:600; font-size:.98rem; text-decoration:none; box-shadow:0 16px 34px rgba(14,165,233,.35); transition:background .18s ease, transform .18s ease, box-shadow .18s ease; } #blog7me .hero-cta a:hover { background:#0284c7; transform:translateY(-1px); box-shadow:0 22px 42px rgba(14,165,233,.45); } /* FEATURED STRIP (SLIDER STYLE) */ #blog7me .featured-strip { margin:40px 0 34px; padding:18px 16px; border-radius:24px; background:radial-gradient(circle at top left,#e0f2fe,#ffffff 50%,#f8fafc 100%); border:1px solid #dbeafe; box-shadow:0 22px 46px rgba(15,23,42,.10); overflow:hidden; } #blog7me .featured-title-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; } #blog7me .featured-title-row h2 { font-size:1.3rem; margin:0; display:flex; align-items:center; gap:8px; } #blog7me .featured-title-row h2 span.icon { width:26px; height:26px; border-radius:999px; background:#e0f2fe; display:inline-flex; align-items:center; justify-content:center; font-size:1.1rem; color:#0369a1; } #blog7me .featured-note { font-size:.85rem; color:#64748b; } #blog7me .featured-list { display:flex; gap:14px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x mandatory; } #blog7me .featured-card { scroll-snap-align:start; flex:0 0 320px; max-width:360px; border-radius:20px; background:linear-gradient(135deg,#0f172a,#020617); color:#e5e7eb; padding:16px 16px 14px; position:relative; overflow:hidden; box-shadow:0 18px 40px rgba(15,23,42,.75); } #blog7me .featured-card::before { content:""; position:absolute; inset:-40%; background:radial-gradient(circle at 0 0,rgba(56,189,248,.35),transparent 55%); opacity:.9; pointer-events:none; } #blog7me .featured-inner { position:relative; z-index:1; } #blog7me .feat-badge { display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border-radius:999px; background:rgba(15,23,42,.5); border:1px solid rgba(148,163,184,.7); font-size:.76rem; margin-bottom:8px; } #blog7me .feat-meta { font-size:.78rem; color:#cbd5f5; margin-bottom:4px; } #blog7me .featured-card h3 { font-size:1.02rem; margin:4px 0 6px; } #blog7me .featured-card p { font-size:.86rem; color:#cbd5f5; margin:0 0 10px; line-height:1.6; } #blog7me .feat-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; } #blog7me .feat-tag { padding:3px 8px; border-radius:999px; background:rgba(15,23,42,.6); border:1px solid rgba(148,163,184,.55); font-size:.75rem; } #blog7me .feat-link { display:inline-flex; align-items:center; gap:6px; font-size:.84rem; color:#bfdbfe; text-decoration:none; font-weight:600; } #blog7me .feat-link span.arrow { transition:transform .18s ease; } #blog7me .featured-card:hover .feat-link span.arrow { transform:translateX(3px); } /* GRID ARTICLES */ #blog7me .grid-wrap { margin-top:12px; } #blog7me .grid-title-row { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; margin-bottom:10px; } #blog7me .grid-title-row h2 { font-size:1.25rem; margin:0; } #blog7me .grid-sub { font-size:.9rem; color:#64748b; } #blog7me .articles-grid { display:grid; gap:18px; } @media (min-width:750px){ #blog7me .articles-grid { grid-template-columns:repeat(3,1fr); } } #blog7me .article-card { background:var(--card); border-radius:18px; border:1px solid #e2e8f0; padding:14px 14px 13px; box-shadow:0 12px 28px rgba(15,23,42,.06); display:flex; flex-direction:column; height:100%; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; } #blog7me .article-card:hover { transform:translateY(-3px); box-shadow:0 18px 36px rgba(15,23,42,.08); border-color:#bfdbfe; } #blog7me .article-meta { font-size:.78rem; color:#94a3b8; margin-bottom:6px; display:flex; align-items:center; gap:6px; } #blog7me .article-meta span.dot { width:4px; height:4px; border-radius:999px; background:#cbd5e1; } #blog7me .article-tagline { font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; color:#0369a1; font-weight:600; margin-bottom:4px; } #blog7me .article-card h3 { font-size:1rem; margin:0 0 6px; } #blog7me .article-card h3 a { color:#0f172a; text-decoration:none; } #blog7me .article-card h3 a:hover { text-decoration:underline; } #blog7me .article-excerpt { font-size:.9rem; color:#475569; line-height:1.6; margin:0 0 10px; } #blog7me .article-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; margin-bottom:8px; } #blog7me .article-pill { padding:3px 7px; border-radius:999px; background:#f1f5f9; color:#0f172a; font-size:.75rem; } #blog7me .article-link { font-size:.84rem; font-weight:600; color:#0369a1; text-decoration:none; display:inline-flex; align-items:center; gap:4px; } #blog7me .article-link span.arrow { transition:transform .16s ease; } #blog7me .article-card:hover .article-link span.arrow { transform:translateX(2px); } /* CTA BAS DE PAGE */ #blog7me .bottom-cta { margin-top:32px; padding-top:18px; border-top:1px dashed #e2e8f0; text-align:center; } #blog7me .bottom-cta p { margin:3px 0; font-size:.92rem; color:#64748b; } #blog7me .bottom-cta a { display:inline-flex; align-items:center; gap:.5rem; margin-top:10px; padding:.8rem 1.6rem; border-radius:999px; background:#0ea5e9; color:#ffffff; text-decoration:none; font-weight:600; font-size:.94rem; box-shadow:0 14px 30px rgba(14,165,233,.40); transition:background .18s ease, transform .18s ease, box-shadow .18s ease; } #blog7me .bottom-cta a:hover { background:#0284c7; transform:translateY(-1px); box-shadow:0 20px 42px rgba(14,165,233,.5); }
📚 Guides & comparatifs 2025

Guides chauffage 2025 : bois, granulés, PAC, gaz, électricité

Retrouvez nos guides pédagogiques pour comprendre le coût du chauffage en 2025, comparer bois, granulés, pompe à chaleur, gaz & électricité, et mettre en place des éco-gestes concrets pour réduire votre facture. Tous les articles sont pensés pour compléter les résultats du simulateur énergie 2025.

Comparatifs d’énergies Conseils pratiques Prix des énergies 2025 Pompe à chaleur & bois

Les autres guides à ne pas manquer

Focus sur chaque énergie et sur les bons réflexes pour alléger la facture dès cet hiver.

Envie de chiffres adaptés à votre logement ?

Lancez une simulation complète en tenant compte de votre région, de votre isolation et de votre système actuel.

⚡ Lancer le simulateur énergie 2025