{"id":2300,"date":"2026-07-24T14:56:12","date_gmt":"2026-07-24T12:56:12","guid":{"rendered":"https:\/\/janna-renovation.fr\/?page_id=2300"},"modified":"2026-09-29T11:08:43","modified_gmt":"2026-09-29T09:08:43","slug":"depannage","status":"publish","type":"page","link":"https:\/\/janna-renovation.fr\/index.php\/depannage\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n\/* =========================================================\n   JANNA R\u00c9NOVATION \u2014 D\u00c9PANNAGE\n   FULL WIDTH \/ SEO \/ RESPONSIVE\n   ========================================================= *\/\n\n.janna-page{\n  --green:#79b82a;\n  --green-dark:#5f961c;\n  --green-light:#eef7df;\n  --dark:#151b16;\n  --text:#252a25;\n  --muted:#667066;\n  --white:#ffffff;\n  --border:#e7ece3;\n\n  width:100%;\n  max-width:100%;\n  margin:0;\n  padding:0;\n  background:#fff;\n  color:var(--text);\n  font-family:Arial, Helvetica, sans-serif;\n  line-height:1.6;\n  overflow:hidden;\n}\n\n.janna-page *,\n.janna-page *::before,\n.janna-page *::after{\n  box-sizing:border-box;\n}\n\n.janna-page a{\n  text-decoration:none;\n}\n\n\n\/* =========================================================\n   HERO \u2014 IMAGE DE FOND + TEXTE CENTR\u00c9\n   ========================================================= *\/\n\n.janna-hero{\n  position:relative;\n  width:100%;\n  min-height:690px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background-image:\n    linear-gradient(\n      90deg,\n      rgba(8,13,9,.76) 0%,\n      rgba(8,13,9,.57) 50%,\n      rgba(8,13,9,.72) 100%\n    ),\n    url(\"https:\/\/images.pexels.com\/photos\/5463580\/pexels-photo-5463580.jpeg?cs=srgb&dl=pexels-jose-andres-pacheco-cortes-3641213-5463580.jpg&fm=jpg\");\n\n  background-size:cover;\n  background-position:center;\n  background-repeat:no-repeat;\n}\n\n.janna-hero::after{\n  content:\"\";\n  position:absolute;\n  z-index:1;\n  left:0;\n  right:0;\n  bottom:0;\n  height:130px;\n\n  background:linear-gradient(\n    to bottom,\n    rgba(255,255,255,0),\n    #fff\n  );\n\n  pointer-events:none;\n}\n\n.janna-hero-inner{\n  position:relative;\n  z-index:2;\n\n  width:min(900px,92%);\n  margin:0 auto;\n  padding:90px 0 120px;\n\n  text-align:center;\n}\n\n.janna-kicker{\n  display:block;\n  margin-bottom:18px;\n\n  color:var(--green);\n\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.janna-hero h1{\n  max-width:850px;\n  margin:0 auto;\n\n  color:#fff;\n\n  font-size:clamp(42px,6vw,76px);\n  line-height:1.02;\n  letter-spacing:-2.5px;\n  font-weight:800;\n}\n\n.janna-hero h1 span{\n  color:var(--green);\n}\n\n.janna-hero-line{\n  width:70px;\n  height:4px;\n\n  margin:28px auto 24px;\n\n  background:var(--green);\n  border-radius:20px;\n}\n\n.janna-hero-text{\n  max-width:690px;\n  margin:0 auto 22px;\n\n  color:rgba(255,255,255,.94);\n\n  font-size:18px;\n  line-height:1.7;\n}\n\n.janna-hero-services{\n  margin:0 auto 32px;\n\n  color:var(--green);\n\n  font-size:15px;\n  font-weight:700;\n  letter-spacing:.3px;\n}\n\n.janna-hero-buttons{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.janna-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:51px;\n  padding:13px 25px;\n\n  border-radius:7px;\n\n  font-size:14px;\n  font-weight:700;\n\n  transition:.2s ease;\n}\n\n.janna-btn-primary{\n  color:#fff !important;\n  background:var(--green);\n}\n\n.janna-btn-primary:hover{\n  color:#fff !important;\n  background:var(--green-dark);\n  transform:translateY(-2px);\n}\n\n.janna-btn-secondary{\n  color:#fff !important;\n\n  border:1px solid rgba(255,255,255,.55);\n\n  background:rgba(255,255,255,.08);\n\n  backdrop-filter:blur(5px);\n}\n\n.janna-btn-secondary:hover{\n  color:var(--dark) !important;\n  background:#fff;\n}\n\n\n\/* =========================================================\n   BANDEAU\n   ========================================================= *\/\n\n.janna-trust{\n  position:relative;\n  z-index:5;\n\n  width:100%;\n\n  background:var(--green);\n}\n\n.janna-trust-inner{\n  width:min(1120px,92%);\n  margin:auto;\n\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n}\n\n.janna-trust-item{\n  min-height:105px;\n\n  display:flex;\n  align-items:center;\n  gap:15px;\n\n  padding:20px 25px;\n\n  color:#fff;\n\n  border-right:1px solid rgba(255,255,255,.22);\n}\n\n.janna-trust-item:last-child{\n  border-right:0;\n}\n\n.janna-trust-icon{\n  width:40px;\n  height:40px;\n\n  flex:0 0 40px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  color:#fff;\n  background:rgba(255,255,255,.16);\n\n  font-size:18px;\n  font-weight:bold;\n}\n\n.janna-trust-item strong{\n  display:block;\n\n  margin-bottom:2px;\n\n  font-size:15px;\n}\n\n.janna-trust-item span{\n  display:block;\n\n  font-size:13px;\n\n  opacity:.9;\n}\n\n\n\/* =========================================================\n   SECTIONS\n   ========================================================= *\/\n\n.janna-section{\n  width:min(1120px,92%);\n  margin:auto;\n\n  padding:85px 0;\n}\n\n.janna-section-head{\n  max-width:740px;\n  margin-bottom:42px;\n}\n\n.janna-section-kicker{\n  display:block;\n\n  margin-bottom:9px;\n\n  color:var(--green-dark);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.7px;\n  text-transform:uppercase;\n}\n\n.janna-section h2{\n  margin:0 0 15px;\n\n  color:var(--dark);\n\n  font-size:clamp(30px,4vw,46px);\n  line-height:1.12;\n  letter-spacing:-1.2px;\n}\n\n.janna-section-head p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:17px;\n}\n\n\n\/* =========================================================\n   SERVICES\n   ========================================================= *\/\n\n.janna-services{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n}\n\n.janna-service{\n  padding:30px;\n\n  background:#fff;\n\n  border:1px solid var(--border);\n  border-radius:12px;\n\n  box-shadow:0 8px 25px rgba(20,30,20,.045);\n\n  transition:.22s ease;\n}\n\n.janna-service:hover{\n  transform:translateY(-4px);\n\n  border-color:#d4e5c5;\n\n  box-shadow:0 15px 35px rgba(20,30,20,.08);\n}\n\n.janna-service-number{\n  margin-bottom:23px;\n\n  color:var(--green);\n\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:1px;\n}\n\n.janna-service h3{\n  margin:0 0 10px;\n\n  color:var(--dark);\n\n  font-size:21px;\n}\n\n.janna-service p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:14px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   SECTION VERTE\n   ========================================================= *\/\n\n.janna-green-section{\n  width:100%;\n\n  background:var(--green-light);\n}\n\n.janna-green-inner{\n  width:min(1120px,92%);\n  margin:auto;\n\n  padding:85px 0;\n}\n\n.janna-check-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:20px 45px;\n\n  margin-top:38px;\n}\n\n.janna-check{\n  display:flex;\n  align-items:flex-start;\n  gap:13px;\n}\n\n.janna-check-icon{\n  width:25px;\n  height:25px;\n\n  flex:0 0 25px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  margin-top:2px;\n\n  border-radius:50%;\n\n  color:#fff;\n  background:var(--green);\n\n  font-size:12px;\n  font-weight:bold;\n}\n\n.janna-check strong{\n  display:block;\n\n  margin-bottom:2px;\n\n  color:var(--dark);\n\n  font-size:15px;\n}\n\n.janna-check span{\n  display:block;\n\n  color:var(--muted);\n\n  font-size:13px;\n}\n\n\n\/* =========================================================\n   INTERVENTION\n   ========================================================= *\/\n\n.janna-intervention{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:65px;\n\n  align-items:center;\n}\n\n.janna-intervention-image{\n  min-height:480px;\n\n  border-radius:14px;\n\n  background-image:\n    linear-gradient(\n      to top,\n      rgba(10,15,11,.30),\n      rgba(10,15,11,0)\n    ),\n    url(\"https:\/\/images.pexels.com\/photos\/32497161\/pexels-photo-32497161.jpeg?cs=srgb&dl=pexels-kathleen-austin-kuhn-2152973960-32497161.jpg&fm=jpg\");\n\n  background-size:cover;\n  background-position:center;\n}\n\n.janna-intervention-content h2{\n  margin:0 0 18px;\n\n  color:var(--dark);\n\n  font-size:clamp(30px,4vw,43px);\n  line-height:1.12;\n  letter-spacing:-1px;\n}\n\n.janna-intervention-content > p{\n  margin:0 0 28px;\n\n  color:var(--muted);\n\n  font-size:16px;\n}\n\n.janna-list{\n  display:flex;\n  flex-direction:column;\n  gap:15px;\n\n  margin:0 0 30px;\n  padding:0;\n\n  list-style:none;\n}\n\n.janna-list li{\n  display:flex;\n  align-items:flex-start;\n  gap:11px;\n\n  color:var(--text);\n\n  font-size:14px;\n}\n\n.janna-list li::before{\n  content:\"\u2713\";\n\n  flex:0 0 22px;\n\n  width:22px;\n  height:22px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  color:#fff;\n  background:var(--green);\n\n  font-size:11px;\n  font-weight:bold;\n}\n\n\n\/* =========================================================\n   ENTRETIEN\n   ========================================================= *\/\n\n.janna-maintenance{\n  width:100%;\n\n  background:#fafcf8;\n}\n\n.janna-maintenance-inner{\n  width:min(1120px,92%);\n  margin:auto;\n\n  padding:85px 0;\n}\n\n.janna-maintenance-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n}\n\n.janna-maintenance-card{\n  padding:32px 28px;\n\n  background:#fff;\n\n  border:1px solid var(--border);\n  border-radius:12px;\n}\n\n.janna-maintenance-card small{\n  display:block;\n\n  margin-bottom:18px;\n\n  color:var(--green-dark);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.3px;\n  text-transform:uppercase;\n}\n\n.janna-maintenance-card h3{\n  margin:0 0 10px;\n\n  color:var(--dark);\n\n  font-size:20px;\n}\n\n.janna-maintenance-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:14px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   ZONES\n   ========================================================= *\/\n\n.janna-zones{\n  text-align:center;\n}\n\n.janna-zones .janna-section-head{\n  margin-left:auto;\n  margin-right:auto;\n}\n\n.janna-city-list{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:10px;\n\n  margin-top:35px;\n}\n\n.janna-city{\n  padding:10px 17px;\n\n  border:1px solid var(--border);\n  border-radius:50px;\n\n  color:var(--text);\n  background:#fff;\n\n  font-size:13px;\n  font-weight:600;\n}\n\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n\n.janna-final-cta{\n  width:100%;\n\n  background:var(--dark);\n}\n\n.janna-final-cta-inner{\n  width:min(1000px,92%);\n  margin:auto;\n\n  padding:75px 0;\n\n  text-align:center;\n}\n\n.janna-final-cta .janna-section-kicker{\n  color:var(--green);\n}\n\n.janna-final-cta h2{\n  margin:0 auto 15px;\n\n  color:#fff;\n\n  font-size:clamp(31px,4vw,48px);\n  line-height:1.12;\n  letter-spacing:-1px;\n}\n\n.janna-final-cta p{\n  max-width:650px;\n\n  margin:0 auto 28px;\n\n  color:rgba(255,255,255,.72);\n\n  font-size:16px;\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.janna-footer{\n  width:100%;\n\n  background:#101510;\n\n  color:#fff;\n}\n\n.janna-footer-inner{\n  width:min(1120px,92%);\n  margin:auto;\n\n  padding:60px 0 35px;\n}\n\n.janna-footer-main{\n  display:grid;\n  grid-template-columns:1.3fr 1fr;\n  gap:70px;\n\n  padding-bottom:45px;\n\n  border-bottom:1px solid rgba(255,255,255,.10);\n}\n\n.janna-footer-logo{\n  width:145px;\n  max-width:100%;\n  height:auto;\n\n  display:block;\n\n  margin-bottom:20px;\n}\n\n.janna-footer-description{\n  max-width:430px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:14px;\n  line-height:1.7;\n}\n\n.janna-footer h3{\n  margin:0 0 18px;\n\n  color:#fff;\n\n  font-size:16px;\n}\n\n.janna-footer-contact{\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n}\n\n.janna-footer-contact a,\n.janna-footer-contact span{\n  color:rgba(255,255,255,.68);\n\n  font-size:14px;\n  text-decoration:none;\n}\n\n.janna-footer-contact a:hover{\n  color:var(--green);\n}\n\n.janna-footer-bottom{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n\n  padding-top:25px;\n}\n\n.janna-footer-bottom p{\n  margin:0;\n\n  color:rgba(255,255,255,.42);\n\n  font-size:12px;\n}\n\n.janna-footer-links{\n  display:flex;\n  flex-wrap:wrap;\n  gap:18px;\n}\n\n.janna-footer-links a{\n  color:rgba(255,255,255,.48);\n\n  font-size:12px;\n}\n\n.janna-footer-links a:hover{\n  color:var(--green);\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media(max-width:900px){\n\n  .janna-hero{\n    min-height:630px;\n  }\n\n  .janna-hero-inner{\n    padding:80px 0 110px;\n  }\n\n  .janna-trust-inner{\n    grid-template-columns:1fr;\n  }\n\n  .janna-trust-item{\n    min-height:82px;\n\n    border-right:0;\n    border-bottom:1px solid rgba(255,255,255,.20);\n  }\n\n  .janna-trust-item:last-child{\n    border-bottom:0;\n  }\n\n  .janna-services{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .janna-intervention{\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n\n  .janna-intervention-image{\n    min-height:400px;\n  }\n\n  .janna-maintenance-grid{\n    grid-template-columns:1fr;\n  }\n\n  .janna-footer-main{\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:600px){\n\n  .janna-hero{\n    min-height:680px;\n\n    background-image:\n      linear-gradient(\n        180deg,\n        rgba(8,13,9,.32) 0%,\n        rgba(8,13,9,.58) 45%,\n        rgba(8,13,9,.90) 100%\n      ),\n      url(\"https:\/\/images.pexels.com\/photos\/5463580\/pexels-photo-5463580.jpeg?cs=srgb&dl=pexels-jose-andres-pacheco-cortes-3641213-5463580.jpg&fm=jpg\");\n\n    background-position:center;\n  }\n\n  .janna-hero::after{\n    height:80px;\n  }\n\n  .janna-hero-inner{\n    width:90%;\n\n    padding:60px 0 105px;\n\n    text-align:center;\n  }\n\n  .janna-kicker{\n    margin-bottom:14px;\n\n    font-size:10px;\n    letter-spacing:1.5px;\n  }\n\n  .janna-hero h1{\n    font-size:43px;\n    letter-spacing:-1.8px;\n  }\n\n  .janna-hero-line{\n    width:55px;\n    height:3px;\n\n    margin:22px auto 19px;\n  }\n\n  .janna-hero-text{\n    margin-bottom:20px;\n\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  .janna-hero-services{\n    margin-bottom:27px;\n\n    font-size:13px;\n    line-height:1.6;\n  }\n\n  .janna-hero-buttons{\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  .janna-btn{\n    width:100%;\n  }\n\n  .janna-trust-inner{\n    width:100%;\n  }\n\n  .janna-trust-item{\n    padding:18px 7%;\n  }\n\n  .janna-section{\n    width:90%;\n    padding:65px 0;\n  }\n\n  .janna-section h2{\n    font-size:31px;\n  }\n\n  .janna-section-head p{\n    font-size:15px;\n  }\n\n  .janna-services{\n    grid-template-columns:1fr;\n    gap:15px;\n  }\n\n  .janna-service{\n    padding:25px;\n  }\n\n  .janna-green-inner,\n  .janna-maintenance-inner{\n    width:90%;\n    padding:65px 0;\n  }\n\n  .janna-check-grid{\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .janna-intervention{\n    gap:30px;\n  }\n\n  .janna-intervention-image{\n    min-height:330px;\n    border-radius:10px;\n  }\n\n  .janna-intervention-content h2{\n    font-size:31px;\n  }\n\n  .janna-maintenance-grid{\n    gap:15px;\n  }\n\n  .janna-maintenance-card{\n    padding:27px 23px;\n  }\n\n  .janna-city-list{\n    gap:8px;\n  }\n\n  .janna-city{\n    padding:9px 14px;\n    font-size:12px;\n  }\n\n  .janna-final-cta-inner{\n    width:90%;\n    padding:65px 0;\n  }\n\n  .janna-final-cta h2{\n    font-size:31px;\n  }\n\n  .janna-footer-inner{\n    width:90%;\n    padding:50px 0 28px;\n  }\n\n  .janna-footer-bottom{\n    flex-direction:column;\n    align-items:flex-start;\n  }\n\n  .janna-footer-links{\n    gap:12px;\n  }\n}\n<\/style>\n\n\n\n<style>  .janna-page{   --green:#79b82a;   --green-dark:#5f961c;   --green-light:#eef7df;   --dark:#151b16;   --text:#252a25;   --muted:#667066;   --white:#ffffff;   --border:#e7ece3;    font-family:Arial,Helvetica,sans-serif;   color:var(--text);   background:#fff;   line-height:1.6;   overflow:hidden; }  .janna-page *{   box-sizing:border-box; }  .janna-page a{   color:inherit;   text-decoration:none; }   \/* =========================================================    HERO    ========================================================= *\/  .janna-hero{   position:relative;    min-height:555px;   height:555px;    display:flex;   align-items:center;   justify-content:center;    text-align:center;    background:     linear-gradient(       rgba(0,0,0,.35),       rgba(0,0,0,.44)     ),     url(\"https:\/\/images.openai.com\/static-rsc-4\/vBFQlClhCXQ_dInQPWJg_pImxKi-AKuDyCgDCcrlbi0ogPOBtGInEsd93w4B-exbr9T13pqxNkLfmMeweivaltaGmoji672brOltpvlNn2vIo-Lj1QvFiYk6j7yiB5jJdMr20fPIL55JFKIXoaENMXkYfFY0MQl1aov7c0sTqCqQfN8CMI21UCL-f82-UNdo?purpose=fullsize\")     center center \/ cover no-repeat;    color:#fff; }  .janna-hero::after{   content:\"\";    position:absolute;   left:0;   right:0;   bottom:0;    height:90px;    background:     linear-gradient(       to bottom,       rgba(255,255,255,0),       rgba(255,255,255,.72),       #fff     );    pointer-events:none; }  .janna-hero-inner{   position:relative;   z-index:2;    width:min(850px,92%);    margin:auto;   padding:20px; }  .janna-kicker{   display:inline-flex;   align-items:center;   justify-content:center;   gap:8px;    margin-bottom:11px;   padding:7px 15px;    border:1px solid rgba(255,255,255,.72);   border-radius:50px;    background:rgba(0,0,0,.25);    color:#fff;    font-size:11px;   font-weight:800;   letter-spacing:1.25px;   text-transform:uppercase;    text-shadow:0 2px 8px rgba(0,0,0,.5); }  .janna-kicker::before{   content:\"\u25cf\";    color:var(--green);    font-size:9px; }  .janna-hero h1{   max-width:820px;    margin:0 auto 17px;    color:#fff;    font-size:clamp(42px,6vw,66px);   line-height:1.02;    font-weight:850;    letter-spacing:-2px;    text-shadow:0 3px 18px rgba(0,0,0,.72); }  .janna-hero-text{   max-width:690px;    margin:0 auto 25px;    color:#fff;    font-size:17px;   line-height:1.55;    font-weight:500;    text-shadow:0 2px 12px rgba(0,0,0,.8); }  .janna-hero-actions{   display:flex;    align-items:center;   justify-content:center;    flex-wrap:wrap;    gap:11px; }  .janna-btn{   display:inline-flex;    align-items:center;   justify-content:center;    min-height:52px;    padding:13px 26px;    border-radius:8px;    font-size:12px;   font-weight:800;    transition:.2s ease; }  .janna-btn-primary{   background:var(--green);   color:#fff!important;    box-shadow:0 7px 22px rgba(0,0,0,.32); }  .janna-btn-primary:hover{   background:var(--green-dark);   transform:translateY(-2px); }  .janna-hero-phone{   display:inline-flex;    align-items:center;   justify-content:center;    gap:8px;    min-height:52px;    padding:11px 20px;    border-radius:8px;    background:rgba(21,27,22,.88);    border:1px solid rgba(255,255,255,.42);    color:#fff!important;    font-size:14px;   font-weight:800;    box-shadow:0 7px 22px rgba(0,0,0,.25);    transition:.2s ease; }  .janna-hero-phone:hover{   background:var(--green);   transform:translateY(-2px); }   \/* =========================================================    INTRO    ========================================================= *\/  .janna-solar-intro{   width:min(900px,92%);    margin:auto;    padding:70px 0 60px;    text-align:center; }  .janna-solar-eyebrow{   display:inline-flex;    align-items:center;    gap:7px;    margin-bottom:10px;    color:var(--green-dark);    font-size:11px;   font-weight:800;    letter-spacing:1.4px;    text-transform:uppercase; }  .janna-solar-eyebrow::before{   content:\"\";    width:22px;   height:2px;    background:var(--green);    border-radius:2px; }  .janna-solar-intro h2{   margin:0 0 15px;    color:var(--dark);    font-size:clamp(29px,4vw,42px);    line-height:1.12;    letter-spacing:-1px; }  .janna-solar-intro p{   max-width:760px;    margin:auto;    color:var(--muted);    font-size:16px;    line-height:1.65; }   \/* =========================================================    PHOTO INTRO    ========================================================= *\/  .janna-solar-photo{   width:min(1120px,92%);    margin:0 auto 70px;    display:grid;    grid-template-columns:1.15fr .85fr;    gap:18px;    align-items:stretch; }  .janna-solar-photo-main{   min-height:390px;    border-radius:16px;    overflow:hidden;    box-shadow:0 10px 35px rgba(20,35,15,.08); }  .janna-solar-photo-main img{   width:100%;   height:100%;    display:block;    object-fit:cover; }  .janna-solar-photo-side{   display:flex;   flex-direction:column;    gap:18px; }  .janna-solar-photo-small{   flex:1;    min-height:185px;    border-radius:16px;    overflow:hidden;    box-shadow:0 10px 30px rgba(20,35,15,.07); }  .janna-solar-photo-small img{   width:100%;   height:100%;    display:block;    object-fit:cover; }   \/* =========================================================    SOLUTIONS    ========================================================= *\/  .janna-solar-solutions{   background:#f7faf5;    border-top:1px solid #edf1e9;   border-bottom:1px solid #edf1e9; }  .janna-solar-solutions-inner{   width:min(1120px,92%);    margin:auto;    padding:70px 0; }  .janna-solar-heading{   max-width:700px;    margin:0 auto 35px;    text-align:center; }  .janna-solar-heading h2{   margin:0 0 10px;    color:var(--dark);    font-size:clamp(28px,4vw,39px);    line-height:1.15;    letter-spacing:-.8px; }  .janna-solar-heading p{   margin:0;    color:var(--muted);    font-size:15px; }  .janna-solar-cards{   display:grid;    grid-template-columns:repeat(3,1fr);    gap:18px; }  .janna-solar-card{   padding:27px 25px;    background:#fff;    border:1px solid #e5ebe1;    border-radius:14px;    box-shadow:0 7px 25px rgba(20,35,15,.045);    transition:.2s ease; }  .janna-solar-card:hover{   transform:translateY(-3px);    box-shadow:0 12px 28px rgba(20,35,15,.08); }  .janna-solar-card-icon{   width:43px;   height:43px;    display:flex;    align-items:center;   justify-content:center;    margin-bottom:17px;    border-radius:11px;    background:var(--green-light);    color:var(--green-dark);    font-size:19px;    font-weight:800; }  .janna-solar-card h3{   margin:0 0 9px;    color:var(--dark);    font-size:19px;    line-height:1.2; }  .janna-solar-card p{   margin:0;    color:var(--muted);    font-size:13.5px;    line-height:1.6; }   \/* =========================================================    FONCTIONNEMENT    ========================================================= *\/  .janna-solar-how{   width:min(1050px,92%);    margin:auto;    padding:72px 0; }  .janna-solar-how-title{   text-align:center;    margin-bottom:38px; }  .janna-solar-how-title h2{   margin:0 0 10px;    color:var(--dark);    font-size:clamp(28px,4vw,39px);    line-height:1.15; }  .janna-solar-how-title p{   margin:0;    color:var(--muted);    font-size:15px; }  .janna-solar-steps{   display:grid;    grid-template-columns:repeat(3,1fr);    gap:35px; }  .janna-solar-step{   text-align:center; }  .janna-solar-step-number{   width:45px;   height:45px;    display:flex;    align-items:center;   justify-content:center;    margin:0 auto 15px;    border-radius:50%;    background:var(--green);    color:#fff;    font-size:15px;    font-weight:800; }  .janna-solar-step h3{   margin:0 0 7px;    font-size:17px; }  .janna-solar-step p{   margin:0;    color:var(--muted);    font-size:13px;    line-height:1.55; }   \/* =========================================================    PHOTO BANDEAU    ========================================================= *\/  .janna-solar-banner{   width:min(1120px,92%);    height:330px;    margin:0 auto 72px;    position:relative;    overflow:hidden;    border-radius:18px;    background:     linear-gradient(       rgba(0,0,0,.25),       rgba(0,0,0,.38)     ),     url(\"https:\/\/images.openai.com\/static-rsc-4\/SsP9rZqWk3YUdEZkftWdlzAXezS3MDVn9EVoc2mfApT1MK1yllNIoz0h7Y1RJJeNR6z0OowUUCyI9dxydBatbu3WJaTWQaeYq0ApgOlUYGD3bnNRJcP0bsH8skMpNMKdk28WuIkztdbS6RvuIn4Mwsoko9cDRL1jMWKQam5UsJYb714nkE0diZ5B4675B1pd?purpose=fullsize\")     center center \/ cover no-repeat;    display:flex;    align-items:center;   justify-content:center;    text-align:center;    box-shadow:0 12px 38px rgba(20,35,15,.09); }  .janna-solar-banner-content{   position:relative;    z-index:2;    width:min(700px,90%);    color:#fff; }  .janna-solar-banner-content h2{   margin:0 0 10px;    color:#fff;    font-size:clamp(27px,4vw,40px);    line-height:1.12;    letter-spacing:-.8px;    text-shadow:0 3px 15px rgba(0,0,0,.55); }  .janna-solar-banner-content p{   margin:0;    color:rgba(255,255,255,.92);    font-size:15px;    line-height:1.6;    text-shadow:0 2px 10px rgba(0,0,0,.6); }   \/* =========================================================    AVANTAGES    ========================================================= *\/  .janna-solar-benefits{   background:var(--dark);    color:#fff; }  .janna-solar-benefits-inner{   width:min(1000px,92%);    margin:auto;    padding:70px 0; }  .janna-solar-benefits-title{   max-width:650px;    margin:0 auto 35px;    text-align:center; }  .janna-solar-benefits-title h2{   margin:0 0 10px;    color:#fff;    font-size:clamp(28px,4vw,39px);    line-height:1.15; }  .janna-solar-benefits-title p{   margin:0;    color:rgba(255,255,255,.68);    font-size:15px; }  .janna-solar-benefits-list{   display:grid;    grid-template-columns:repeat(3,1fr);    gap:15px; }  .janna-solar-benefit{   padding:22px;    border:1px solid rgba(255,255,255,.09);    border-radius:12px;    background:rgba(255,255,255,.035); }  .janna-solar-benefit strong{   display:block;    margin-bottom:5px;    color:#fff;    font-size:15px; }  .janna-solar-benefit span{   color:rgba(255,255,255,.62);    font-size:13px;    line-height:1.5; }   \/* =========================================================    LOCAL + CTA    ========================================================= *\/  .janna-solar-local{   width:min(850px,92%);    margin:auto;    padding:70px 0;    text-align:center; }  .janna-solar-local h2{   margin:0 0 12px;    color:var(--dark);    font-size:clamp(28px,4vw,39px);    line-height:1.15; }  .janna-solar-local p{   max-width:680px;    margin:0 auto 23px;    color:var(--muted);    font-size:15px;    line-height:1.6; }  .janna-solar-zones{   display:flex;    justify-content:center;    flex-wrap:wrap;    gap:8px;    margin-bottom:28px; }  .janna-solar-zone{   padding:7px 12px;    border:1px solid #e2e9df;    border-radius:30px;    background:#f8faf7;    color:#505850;    font-size:12px; }   \/* =========================================================    FOOTER    ========================================================= *\/  .janna-footer{   position:relative;   background:#151b16;   color:#fff;   border-top:4px solid var(--green); }  .janna-footer-main{   width:min(1120px,92%);   margin:auto;   padding:55px 0 45px;   display:grid;   grid-template-columns:1.25fr .85fr 1fr;   gap:65px;   align-items:start; }  .janna-footer-brand{   display:inline-flex;   align-items:center;   margin-bottom:14px;   transition:.2s ease; }  .janna-footer-brand:hover{   transform:translateY(-2px); }  .janna-footer-logo{   display:block;   width:155px;   max-width:100%;   height:auto; }  .janna-footer-description{   max-width:350px;   margin:0;   color:rgba(255,255,255,.68);   font-size:13px;   line-height:1.6; }  .janna-footer-brand-bottom{   display:flex;   align-items:center;   gap:18px;   margin-top:18px;   min-height:42px; }  .janna-footer-france{   display:inline-flex;   align-items:center;   gap:8px;   margin-top:0;   padding:7px 10px;   border:1px solid rgba(255,255,255,.10);   border-radius:7px;   background:rgba(255,255,255,.035);   color:rgba(255,255,255,.62);   font-size:9px;   font-weight:700;   letter-spacing:.5px;   text-transform:uppercase;   white-space:nowrap; }  .janna-footer-flag{   width:15px;   height:10px;   display:block;   border-radius:1px;   background:     linear-gradient(       to right,       #1b3f8f 0 33.33%,       #fff 33.33% 66.66%,       #ed2939 66.66% 100%     );   box-shadow:0 0 0 1px rgba(255,255,255,.14); }  .janna-footer-certifications{   margin:0;   padding:0;   border:0;   display:flex;   align-items:center;   gap:10px; }  .janna-footer-cert-title{   display:none; }  .janna-footer-cert-list{   display:flex;   align-items:center;   gap:7px; }  .janna-footer-cert-logo{   display:block;   line-height:0;   width:auto;   height:31px;   max-width:82px;   padding:3px 4px;   border-radius:4px;   background:#fff;   overflow:hidden;   transition:.2s ease; }  .janna-footer-cert-logo:hover{   transform:translateY(-1px); }  .janna-footer-cert-logo img{   display:block;   width:auto;   height:100%;   max-width:100%;   object-fit:contain; }  .janna-footer-title{   position:relative;   margin:3px 0 22px;   padding-bottom:11px;   color:#fff;   font-size:13px;   font-weight:800;   letter-spacing:1.2px;   text-transform:uppercase; }  .janna-footer-title::after{   content:\"\";   position:absolute;   left:0;   bottom:0;   width:28px;   height:2px;   border-radius:2px;   background:var(--green); }  .janna-footer-menu{   display:flex;   flex-direction:column;   gap:10px; }  .janna-footer-menu a{   display:flex;   align-items:center;   gap:11px;   color:rgba(255,255,255,.72);   font-size:13px;   transition:.2s ease; }  .janna-footer-menu a:hover{   color:#fff;   transform:translateX(3px); }  .janna-footer-menu-icon{   width:34px;   height:34px;   flex:0 0 34px;   display:flex;   align-items:center;   justify-content:center;   border-radius:9px;   background:var(--green);   color:#fff;   box-shadow:0 4px 12px rgba(121,184,42,.18);   transition:.2s ease; }  .janna-footer-menu-icon svg{   width:17px;   height:17px;   display:block;   fill:none;   stroke:currentColor;   stroke-width:1.8;   stroke-linecap:round;   stroke-linejoin:round; }  .janna-footer-menu a:hover .janna-footer-menu-icon{   background:var(--green-dark);   transform:scale(1.04); }   \/* =========================================================    CONTACT FOOTER \u2014 IDENTIQUE PAGE CONTACT    ========================================================= *\/  .janna-footer-contact{   display:flex;   flex-direction:column;   gap:5px; }  .janna-footer-contact-item{   display:flex;   align-items:center;   gap:12px;    min-height:43px;   padding:4px 9px;    border-radius:10px;    color:inherit;   text-decoration:none;    transition:.2s ease; }  .janna-footer-contact-item:hover{   background:rgba(255,255,255,.045); }  .janna-footer-contact-icon{   width:34px;   height:34px;    flex:0 0 34px;    display:flex;   align-items:center;   justify-content:center;    border-radius:9px;    background:var(--green);   color:#fff; }  .janna-footer-contact-icon svg{   width:16px;   height:16px;    display:block;    fill:none;    stroke:currentColor;    stroke-width:1.9;    stroke-linecap:round;   stroke-linejoin:round; }  .janna-footer-contact-text{   display:flex;    flex-direction:column;    gap:0;    line-height:1; }  .janna-footer-contact-label{   display:block;    margin:0;   padding:0;    color:rgba(255,255,255,.42);    font-size:9px;   font-weight:800;    line-height:1.05;    letter-spacing:1px;    text-transform:uppercase; }  .janna-footer-contact-value{   display:block;    margin:1px 0 0;   padding:0;    color:rgba(255,255,255,.82);    font-size:13px;    line-height:1.15; }  .janna-footer-contact-item:hover .janna-footer-contact-value{   color:#fff; }   .janna-footer-bottom{   border-top:1px solid rgba(255,255,255,.08); }  .janna-footer-bottom-inner{   width:min(1120px,92%);   min-height:68px;   margin:auto;   display:flex;   align-items:center;   justify-content:space-between;   gap:20px; }  .janna-footer-copy{   color:rgba(255,255,255,.43);   font-size:11px; }  .janna-footer-legal{   display:flex;   align-items:center;   flex-wrap:wrap;   justify-content:flex-end;   gap:18px; }  .janna-footer-legal a{   color:rgba(255,255,255,.47);   font-size:11px;   transition:.2s ease; }  .janna-footer-legal a:hover{   color:var(--green); }   \/* =========================================================    RESPONSIVE    ========================================================= *\/  @media(max-width:900px){    .janna-footer-main{     grid-template-columns:1fr 1fr;     gap:45px;   }    .janna-footer-brand-column{     grid-column:1\/-1;   }    .janna-solar-photo{     grid-template-columns:1fr;   }    .janna-solar-photo-main{     min-height:320px;   }    .janna-solar-photo-side{     display:grid;     grid-template-columns:1fr 1fr;   }    .janna-solar-photo-small{     min-height:220px;   }  }   @media(max-width:700px){    .janna-hero{     min-height:535px;     height:535px;   }    .janna-hero::after{     height:75px;   }    .janna-hero-inner{     width:94%;     padding:20px 10px;   }    .janna-kicker{     margin-bottom:10px;     padding:6px 11px;     font-size:9px;     letter-spacing:.9px;   }    .janna-hero h1{     max-width:360px;     margin-bottom:14px;     font-size:36px;     line-height:1.03;     letter-spacing:-1.4px;   }    .janna-hero-text{     max-width:350px;     margin-bottom:21px;     font-size:14px;     line-height:1.5;   }    .janna-hero-actions{     flex-direction:column;     width:100%;     gap:9px;   }    .janna-btn,   .janna-hero-phone{     width:100%;     max-width:340px;     min-height:47px;   }    .janna-solar-intro{     padding:55px 0 50px;   }    .janna-solar-intro h2{     font-size:29px;   }    .janna-solar-intro p{     font-size:14px;   }    .janna-solar-photo{     width:94%;     margin-bottom:55px;     gap:12px;   }    .janna-solar-photo-main{     min-height:245px;     border-radius:13px;   }    .janna-solar-photo-side{     gap:12px;   }    .janna-solar-photo-small{     min-height:145px;     border-radius:13px;   }    .janna-solar-solutions-inner{     padding:55px 0;   }    .janna-solar-cards{     grid-template-columns:1fr;     gap:13px;   }    .janna-solar-card{     padding:22px;   }    .janna-solar-how{     padding:55px 0;   }    .janna-solar-steps{     grid-template-columns:1fr;     gap:28px;   }    .janna-solar-banner{     width:94%;     height:300px;     margin-bottom:55px;     border-radius:14px;   }    .janna-solar-banner-content{     width:90%;   }    .janna-solar-banner-content h2{     font-size:29px;   }    .janna-solar-banner-content p{     font-size:14px;   }    .janna-solar-benefits-inner{     padding:55px 0;   }    .janna-solar-benefits-list{     grid-template-columns:1fr;   }    .janna-solar-local{     padding:55px 0;   }    .janna-footer-main{     width:90%;     grid-template-columns:1fr;     gap:36px;     padding:48px 0 40px;   }    .janna-footer-brand-column{     grid-column:auto;   }    .janna-footer-logo{     width:155px;   }    .janna-footer-description{     max-width:100%;     font-size:13px;   }    .janna-footer-brand-bottom{     flex-wrap:wrap;     gap:10px;     margin-top:16px;     min-height:0;   }    .janna-footer-certifications{     margin:0;     padding:0;   }    .janna-footer-cert-list{     gap:8px;   }    .janna-footer-cert-logo{     height:31px;     max-width:88px;   }    .janna-footer-title{     margin-bottom:17px;   }    .janna-footer-menu{     gap:8px;   }    \/* CONTACT FOOTER \u2014 IDENTIQUE PAGE CONTACT *\/    .janna-footer-contact{     gap:3px;   }    .janna-footer-contact-item{     min-height:38px;     padding:2px 9px;   }    .janna-footer-contact-text{     gap:0;     line-height:1;   }    .janna-footer-contact-label{     line-height:1.05;   }    .janna-footer-contact-value{     margin-top:1px;     line-height:1.15;   }    .janna-footer-bottom-inner{     width:90%;     min-height:auto;     padding:20px 0 24px;     flex-direction:column;     align-items:flex-start;     gap:13px;   }    .janna-footer-legal{     justify-content:flex-start;     gap:12px 18px;   }  }   @media(max-width:380px){    .janna-hero{     min-height:520px;     height:520px;   }    .janna-hero h1{     font-size:33px;   }    .janna-hero-text{     font-size:13.5px;   }    .janna-solar-photo-side{     grid-template-columns:1fr;   }    .janna-solar-photo-small{     min-height:190px;   }  }   \/* =========================================================    FOOTER RESPONSIVE \u2014 ORIGINAL    ========================================================= *\/  @media(max-width:900px){    .janna-footer-main{     grid-template-columns:1fr 1fr;     gap:45px;   }    .janna-footer-brand-column{     grid-column:1\/-1;   }  }  @media(max-width:600px){    .janna-footer-main{     width:90%;     grid-template-columns:1fr;     gap:36px;     padding:48px 0 40px;   }    .janna-footer-brand-column{     grid-column:auto;   }    .janna-footer-logo{     width:155px;   }    .janna-footer-description{     max-width:100%;     font-size:13px;   }    .janna-footer-brand-bottom{     flex-wrap:wrap;     gap:10px;     margin-top:16px;     min-height:0;   }    .janna-footer-certifications{     margin:0;     padding:0;   }    .janna-footer-cert-list{     gap:8px;   }    .janna-footer-cert-logo{     height:31px;     max-width:88px;   }    .janna-footer-title{     margin-bottom:17px;   }    .janna-footer-menu{     gap:8px;   }    .janna-footer-contact{     gap:3px;   }    .janna-footer-contact-item{     min-height:38px;     padding:2px 9px;   }    .janna-footer-contact-text{     gap:0;     line-height:1;   }    .janna-footer-contact-label{     line-height:1.05;   }    .janna-footer-contact-value{     margin-top:1px;     line-height:1.15;   }    .janna-footer-bottom-inner{     width:90%;     min-height:auto;     padding:20px 0 24px;     flex-direction:column;     align-items:flex-start;     gap:13px;   }    .janna-footer-legal{     justify-content:flex-start;     gap:12px 18px;   }  }  <\/style>   <div class=\"janna-page\">   <!-- =========================================================      HERO      ========================================================= -->  <section class=\"janna-hero\">    <div class=\"janna-hero-inner\">      <div class=\"janna-kicker\">       JANNA R\u00c9NOVATION     <\/div>      <h1>       D\u00e9pannage pompe \u00e0 chaleur et chaudi\u00e8re     <\/h1>      <p class=\"janna-hero-text\">       Votre pompe \u00e0 chaleur ou votre chaudi\u00e8re pr\u00e9sente une panne,       un d\u00e9faut ou un fonctionnement inhabituel ? Janna R\u00e9novation       vous accompagne pour identifier l&rsquo;origine du probl\u00e8me et       retrouver un chauffage fonctionnel.     <\/p>      <div class=\"janna-hero-actions\">        <a class=\"janna-btn janna-btn-primary\" href=\"https:\/\/janna-renovation.fr\/index.php\/contact\/\">         DEMANDER UNE INTERVENTION       <\/a>        <a class=\"janna-hero-phone\" href=\"tel:0698943996\">         \u260e 06 98 94 39 96       <\/a>      <\/div>    <\/div>  <\/section>   <!-- =========================================================      INTRO      ========================================================= -->  <section class=\"janna-solar-intro\">    <div class=\"janna-solar-eyebrow\">     D\u00e9pannage chauffage   <\/div>    <h2>     Un d\u00e9pannage pour votre pompe \u00e0 chaleur ou votre chaudi\u00e8re   <\/h2>    <p>     Janna R\u00e9novation intervient pour le     <strong>d\u00e9pannage de pompes \u00e0 chaleur<\/strong> et de     <strong>chaudi\u00e8res<\/strong> \u00e0 Haussy et dans le Nord.     Nous recherchons l&rsquo;origine du dysfonctionnement afin de     vous proposer une solution adapt\u00e9e \u00e0 votre installation     de chauffage.   <\/p>  <\/section>   <!-- =========================================================      PHOTOS      ========================================================= -->  <section class=\"janna-solar-photo\" aria-label=\"D\u00e9pannage pompe \u00e0 chaleur et chaudi\u00e8re\">    <div class=\"janna-solar-photo-main\">      <img decoding=\"async\" src=\"https:\/\/images.openai.com\/static-rsc-4\/mmG5m1QKUi-VFxxyx8IYLqMFvpZme_b_SSxDsTjxvbwdEULRm4ExpeNwwUtRRO6gbThoqtIDkP2HG1jxYs8wjckObvh5RlH2EmcAey88IbuKXPWebq9EvQep7on_jwCZNDTd73DT5_24eEfYk7ocev-CZFXR0meIki7KHhkH0xtBj7FVy7Ne-bJ64FqvGRE5?purpose=fullsize\" alt=\"Technicien intervenant sur une installation de chauffage et de pompe \u00e0 chaleur\" loading=\"lazy\">    <\/div>    <div class=\"janna-solar-photo-side\">      <div class=\"janna-solar-photo-small\">        <img decoding=\"async\" src=\"https:\/\/images.openai.com\/static-rsc-4\/3gq7D-R8ktIo5TXDJF8JWQXraijVLYBbVyrYHEf-EbP3PxkeiJULja5Mkeslteit3v-1omOLrDtMZPV5TVFv9ePofMByS16jVtJP0qR7Qt0SHuyqk-lnAWxeRS93NNYJMae_2G7gM275KOoQSayJwLjzyzmdYunjQDzRsBhhbF_uENmHaZz_EOPWuvHQpmtw?purpose=fullsize\" alt=\"Installation de chauffage d'une habitation\" loading=\"lazy\">      <\/div>      <div class=\"janna-solar-photo-small\">        <img decoding=\"async\" src=\"https:\/\/images.openai.com\/static-rsc-4\/W7niDIVCm1JFE1izvfyiqGqz5qLG1o6yhZeupyFt9QXtSBtTa_wtA1c5jCUAMICOM7xX1zbAswSDdfy5RoOSrRLFG2sSAMWt8pA_6S9PRn4eMvkdtRXsgBeppBetQ4tNC9ZZiX-JiEF4jQ1weATgJfhrNVJe6sdPX3GlOkq_EDie7Dd6bTSVbvWljJ5_gzV-?purpose=fullsize\" alt=\"Intervention technique sur un \u00e9quipement de chauffage\" loading=\"lazy\">      <\/div>    <\/div>  <\/section>   <!-- =========================================================      SOLUTIONS      ========================================================= -->  <section class=\"janna-solar-solutions\">    <div class=\"janna-solar-solutions-inner\">      <div class=\"janna-solar-heading\">        <h2>         Nos services de d\u00e9pannage       <\/h2>        <p>         Des interventions cibl\u00e9es sur vos principaux \u00e9quipements de chauffage.       <\/p>      <\/div>       <div class=\"janna-solar-cards\">         <article class=\"janna-solar-card\">          <div class=\"janna-solar-card-icon\">           \u2668         <\/div>          <h3>           D\u00e9pannage pompe \u00e0 chaleur         <\/h3>          <p>           Votre pompe \u00e0 chaleur ne chauffe plus, pr\u00e9sente un code           d\u00e9faut, s&rsquo;arr\u00eate de mani\u00e8re r\u00e9p\u00e9t\u00e9e ou fonctionne de fa\u00e7on           anormale ? Nous recherchons l&rsquo;origine du dysfonctionnement           afin d&rsquo;identifier la cause du probl\u00e8me.         <\/p>        <\/article>         <article class=\"janna-solar-card\">          <div class=\"janna-solar-card-icon\">           \u2668         <\/div>          <h3>           D\u00e9pannage chaudi\u00e8re         <\/h3>          <p>           Chaudi\u00e8re en panne, absence de chauffage, probl\u00e8me d&rsquo;eau           chaude ou fonctionnement inhabituel : nous contr\u00f4lons           l&rsquo;installation afin de rechercher l&rsquo;origine de la panne.         <\/p>        <\/article>         <article class=\"janna-solar-card\">          <div class=\"janna-solar-card-icon\">           \u26a1         <\/div>          <h3>           Recherche de panne         <\/h3>          <p>           Un d\u00e9faut ou un dysfonctionnement peut avoir plusieurs           origines. Nous effectuons les contr\u00f4les n\u00e9cessaires pour           mieux comprendre le probl\u00e8me rencontr\u00e9 sur votre syst\u00e8me           de chauffage.         <\/p>        <\/article>       <\/div>    <\/div>  <\/section>   <!-- =========================================================      FONCTIONNEMENT      ========================================================= -->  <section class=\"janna-solar-how\">    <div class=\"janna-solar-how-title\">      <h2>       Votre d\u00e9pannage en 3 \u00e9tapes     <\/h2>      <p>       Une d\u00e9marche simple pour comprendre l&rsquo;origine de la panne et d\u00e9terminer la suite \u00e0 donner.     <\/p>    <\/div>     <div class=\"janna-solar-steps\">       <div class=\"janna-solar-step\">        <div class=\"janna-solar-step-number\">         1       <\/div>        <h3>         Diagnostic       <\/h3>        <p>         Nous \u00e9changeons avec vous sur les sympt\u00f4mes constat\u00e9s,         les \u00e9ventuels codes d\u00e9faut et les circonstances de la panne.       <\/p>      <\/div>       <div class=\"janna-solar-step\">        <div class=\"janna-solar-step-number\">         2       <\/div>        <h3>         Contr\u00f4le       <\/h3>        <p>         La pompe \u00e0 chaleur ou la chaudi\u00e8re ainsi que ses diff\u00e9rents         composants sont contr\u00f4l\u00e9s afin de rechercher l&rsquo;origine         du dysfonctionnement.       <\/p>      <\/div>       <div class=\"janna-solar-step\">        <div class=\"janna-solar-step-number\">         3       <\/div>        <h3>         Solution       <\/h3>        <p>         Nous vous expliquons le probl\u00e8me identifi\u00e9 et vous orientons         vers la solution de r\u00e9paration ou de remise en fonctionnement         adapt\u00e9e \u00e0 votre installation.       <\/p>      <\/div>     <\/div>  <\/section>   <!-- =========================================================      PHOTO BANDEAU      ========================================================= -->  <section class=\"janna-solar-banner\">    <div class=\"janna-solar-banner-content\">      <h2>       Une panne de chauffage ?     <\/h2>      <p>       Pompe \u00e0 chaleur ou chaudi\u00e8re : un diagnostic adapt\u00e9 permet       de mieux comprendre l&rsquo;origine du probl\u00e8me et de d\u00e9terminer       les interventions n\u00e9cessaires sur votre installation.     <\/p>    <\/div>  <\/section>   <!-- =========================================================      AVANTAGES      ========================================================= -->  <section class=\"janna-solar-benefits\">    <div class=\"janna-solar-benefits-inner\">      <div class=\"janna-solar-benefits-title\">        <h2>         Pourquoi faire appel \u00e0 Janna R\u00e9novation ?       <\/h2>        <p>         Un accompagnement local pour vos \u00e9quipements de chauffage.       <\/p>      <\/div>       <div class=\"janna-solar-benefits-list\">         <div class=\"janna-solar-benefit\">          <strong>           Diagnostic du dysfonctionnement         <\/strong>          <span>           Nous recherchons l&rsquo;origine de la panne afin de mieux           comprendre le probl\u00e8me rencontr\u00e9 sur votre pompe \u00e0 chaleur           ou votre chaudi\u00e8re.         <\/span>        <\/div>         <div class=\"janna-solar-benefit\">          <strong>           Pompe \u00e0 chaleur et chaudi\u00e8re         <\/strong>          <span>           Nous vous accompagnons pour diff\u00e9rents probl\u00e8mes li\u00e9s           aux \u00e9quipements de chauffage, notamment les pompes \u00e0           chaleur et les chaudi\u00e8res.         <\/span>        <\/div>         <div class=\"janna-solar-benefit\">          <strong>           Intervention locale         <\/strong>          <span>           Janna R\u00e9novation intervient \u00e0 Haussy et dans plusieurs           secteurs du Nord pour accompagner les particuliers dans           leurs besoins de d\u00e9pannage chauffage.         <\/span>        <\/div>       <\/div>    <\/div>  <\/section>   <!-- =========================================================      LOCAL + CTA      ========================================================= -->  <section class=\"janna-solar-local\">    <h2>     Besoin d&rsquo;un d\u00e9pannage chauffage dans le Nord 59 ?   <\/h2>    <p>     Janna R\u00e9novation vous accompagne pour le d\u00e9pannage de pompes     \u00e0 chaleur et de chaudi\u00e8res \u00e0 Haussy et dans les secteurs de     Cambrai, Valenciennes, Denain, Caudry, Le Cateau-Cambr\u00e9sis,     Solesmes et Saint-Quentin.   <\/p>     <div class=\"janna-solar-zones\">      <span class=\"janna-solar-zone\">       Haussy     <\/span>      <span class=\"janna-solar-zone\">       Cambrai     <\/span>      <span class=\"janna-solar-zone\">       Valenciennes     <\/span>      <span class=\"janna-solar-zone\">       Denain     <\/span>      <span class=\"janna-solar-zone\">       Caudry     <\/span>      <span class=\"janna-solar-zone\">       Le Cateau-Cambr\u00e9sis     <\/span>      <span class=\"janna-solar-zone\">       Solesmes     <\/span>      <span class=\"janna-solar-zone\">       Saint-Quentin     <\/span>    <\/div>     <a class=\"janna-btn janna-btn-primary\" href=\"https:\/\/janna-renovation.fr\/index.php\/contact\/\">     DEMANDER UNE INTERVENTION   <\/a>  <\/section>   <!-- =========================================================      FOOTER      ========================================================= -->  <footer class=\"janna-footer\">    <div class=\"janna-footer-main\">      <div class=\"janna-footer-brand-column\">        <a class=\"janna-footer-brand\" href=\"https:\/\/janna-renovation.fr\/\" aria-label=\"Janna R\u00e9novation - Accueil\">          <img decoding=\"async\" class=\"janna-footer-logo\" src=\"http:\/\/janna-renovation.fr\/wp-content\/uploads\/2026\/09\/IMG_4391.png\" alt=\"Janna R\u00e9novation\">        <\/a>        <p class=\"janna-footer-description\">         Janna R\u00e9novation vous accompagne dans vos projets de r\u00e9novation \u00e9nerg\u00e9tique,         de chauffage et d&rsquo;installation solaire \u00e0 Haussy et dans le Nord de la France.       <\/p>        <div class=\"janna-footer-brand-bottom\">          <div class=\"janna-footer-france\">            <span class=\"janna-footer-flag\"><\/span>            Entreprise fran\u00e7aise          <\/div>          <div class=\"janna-footer-certifications\">            <div class=\"janna-footer-cert-list\">              <a class=\"janna-footer-cert-logo\" href=\"https:\/\/www.qualit-enr.org\/qualifications\/qualipac\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Qualification QualiPAC RGE\">                <img decoding=\"async\" src=\"https:\/\/www.qualit-enr.org\/wp-content\/uploads\/2025\/12\/Logo-QualiPAC.jpg\" alt=\"QualiPAC RGE \u2014 Qualit\u2019EnR\">              <\/a>              <a class=\"janna-footer-cert-logo\" href=\"https:\/\/www.qualit-enr.org\/qualifications\/qualisol\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Qualification QualiSOL RGE\">                <img decoding=\"async\" src=\"https:\/\/www.qualit-enr.org\/wp-content\/uploads\/2025\/12\/Logo-QualiSOL.jpg\" alt=\"QualiSOL RGE \u2014 Qualit\u2019EnR\">              <\/a>            <\/div>          <\/div>        <\/div>      <\/div>       <div>        <h3 class=\"janna-footer-title\">         Nos solutions       <\/h3>        <nav class=\"janna-footer-menu\">          <a href=\"https:\/\/janna-renovation.fr\/\">            <span class=\"janna-footer-menu-icon\">              <svg viewBox=\"0 0 24 24\">                <path d=\"M3 10.5 12 3l9 7.5\"><\/path>               <path d=\"M5 9.5V21h14V9.5\"><\/path>               <path d=\"M9 21v-6h6v6\"><\/path>              <\/svg>            <\/span>            <span>             Pompe \u00e0 chaleur           <\/span>          <\/a>           <a href=\"\/index.php\/solaire\/\">            <span class=\"janna-footer-menu-icon\">              <svg viewBox=\"0 0 24 24\">                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>                <path d=\"M12 2v2\"><\/path>               <path d=\"M12 20v2\"><\/path>                <path d=\"m4.93 4.93 1.42 1.42\"><\/path>               <path d=\"m17.65 17.65 1.42 1.42\"><\/path>                <path d=\"M2 12h2\"><\/path>               <path d=\"M20 12h2\"><\/path>                <path d=\"m6.35 17.65-1.42 1.42\"><\/path>               <path d=\"m19.07 4.93-1.42 1.42\"><\/path>              <\/svg>            <\/span>            <span>             Panneaux solaires           <\/span>          <\/a>           <a href=\"\/index.php\/depannage\/\">            <span class=\"janna-footer-menu-icon\">              <svg viewBox=\"0 0 24 24\">                <path d=\"M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z\"><\/path>                <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-1.8 1.8-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V20h-2.54v-.1a1.7 1.7 0 0 0-1.03-1.56 1.7 1.7 0 0 0-1.88.34l-.06.06-1.8-1.8.06.06A1.7 1.7 0 0 0 8.12 15a1.7 1.7 0 0 0-1.56-1.03H6.5v-2.54h.06A1.7 1.7 0 0 0 8.12 10a1.7 1.7 0 0 0-.34-1.88l-.06-.06 1.8-1.8.06.06a1.7 1.7 0 0 0 1.88.34 1.7 1.7 0 0 0 1.03-1.56V5h2.54v.1a1.7 1.7 0 0 0 1.03 1.56 1.7 1.7 0 0 0 1.88-.34l.06-.06 1.8 1.8-.06.06A1.7 1.7 0 0 0 19.4 10a1.7 1.7 0 0 0 1.56 1.03H21v2.54h-.04A1.7 1.7 0 0 0 19.4 15z\"><\/path>              <\/svg>            <\/span>            <span>             D\u00e9pannage           <\/span>          <\/a>           <a href=\"https:\/\/janna-renovation.fr\/index.php\/contact\/\">            <span class=\"janna-footer-menu-icon\">              <svg viewBox=\"0 0 24 24\">                <path d=\"M12 20h9\"><\/path>               <path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L8 18l-4 1 1-4Z\"><\/path>              <\/svg>            <\/span>            <span>             Demander un devis gratuit           <\/span>          <\/a>        <\/nav>      <\/div>       <!-- =====================================================          NOUS CONTACTER \u2014 IDENTIQUE PAGE CONTACT          ===================================================== -->      <div>        <h3 class=\"janna-footer-title\">         Nous contacter       <\/h3>        <div class=\"janna-footer-contact\">          <a class=\"janna-footer-contact-item\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=2+Rue+Jules+Ferry+59294+Haussy\" target=\"_blank\" rel=\"noopener\">            <span class=\"janna-footer-contact-icon\">              <svg viewBox=\"0 0 24 24\">                <path d=\"M21 10c0 7-9 13-9 13S3 17 3 10               a9 9 0 1 1 18 0z\"><\/path>                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>              <\/svg>            <\/span>            <span class=\"janna-footer-contact-text\">              <span class=\"janna-footer-contact-label\">               Adresse             <\/span>              <span class=\"janna-footer-contact-value\">               2 Rue Jules Ferry \u2014 59294 Haussy             <\/span>            <\/span>          <\/a>           <a           class=\"janna-footer-contact-item\"           href=\"tel:0698943996\"         >            <span class=\"janna-footer-contact-icon\">              <svg viewBox=\"0 0 24 24\">                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2               19.79 19.79 0 0 1-8.63-3.07               19.5 19.5 0 0 1-6-6               A19.79 19.79 0 0 1 2.12 4.18               2 2 0 0 1 4.11 2h3               a2 2 0 0 1 2 1.72               12.84 12.84 0 0 0 .7 2.81               2 2 0 0 1-.45 2.11L8.09 9.91               a16 16 0 0 0 6 6l1.27-1.27               a2 2 0 0 1 2.11-.45               12.84 12.84 0 0 0 2.81.7               A2 2 0 0 1 22 16.92z\"><\/path>              <\/svg>            <\/span>            <span class=\"janna-footer-contact-text\">              <span class=\"janna-footer-contact-label\">               T\u00e9l\u00e9phone             <\/span>              <span class=\"janna-footer-contact-value\">               06 98 94 39 96             <\/span>            <\/span>          <\/a>           <a           class=\"janna-footer-contact-item\"           href=\"mailto:contact@janna-renovation.fr\"         >            <span class=\"janna-footer-contact-icon\">              <svg viewBox=\"0 0 24 24\">                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12               c0 1.1-.9 2-2 2H4               c-1.1 0-2-.9-2-2V6               c0-1.1.9-2 2-2z\"><\/path>                <polyline points=\"22,6 12,13 2,6\"><\/polyline>              <\/svg>            <\/span>            <span class=\"janna-footer-contact-text\">              <span class=\"janna-footer-contact-label\">               Email             <\/span>              <span class=\"janna-footer-contact-value\">               contact@janna-renovation.fr             <\/span>            <\/span>          <\/a>        <\/div>      <\/div>    <\/div>     <div class=\"janna-footer-bottom\">      <div class=\"janna-footer-bottom-inner\">        <div class=\"janna-footer-copy\">         \u00a9 2026 Janna R\u00e9novation \u2014 Tous droits r\u00e9serv\u00e9s.       <\/div>        <div class=\"janna-footer-legal\">          <a href=\"\/index.php\/mentions-legales\/\">           Mentions l\u00e9gales         <\/a>          <a href=\"\/index.php\/politique-de-confidentialite\/\">           Politique de confidentialit\u00e9         <\/a>          <a href=\"https:\/\/janna-renovation.fr\/index.php\/contact\/\">           Contact         <\/a>        <\/div>      <\/div>    <\/div>  <\/footer>  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>JANNA R\u00c9NOVATION D\u00e9pannage pompe \u00e0 chaleur et chaudi\u00e8re Votre pompe \u00e0 chaleur ou votre chaudi\u00e8re pr\u00e9sente une panne, un d\u00e9faut ou un fonctionnement inhabituel ? Janna R\u00e9novation vous accompagne pour identifier l&rsquo;origine du probl\u00e8me et retrouver un chauffage fonctionnel. DEMANDER UNE INTERVENTION \u260e 06 98 94 39 96 D\u00e9pannage chauffage Un d\u00e9pannage pour votre pompe&hellip;&nbsp;<a href=\"https:\/\/janna-renovation.fr\/index.php\/depannage\/\" rel=\"bookmark\">Lire la suite &raquo;<span class=\"screen-reader-text\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"full-width","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/pages\/2300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2300"}],"version-history":[{"count":23,"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/pages\/2300\/revisions"}],"predecessor-version":[{"id":2661,"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/pages\/2300\/revisions\/2661"}],"wp:attachment":[{"href":"https:\/\/janna-renovation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}