{"id":220,"date":"2026-10-23T16:07:52","date_gmt":"2026-10-23T16:07:52","guid":{"rendered":"https:\/\/ns-crea.com\/?page_id=220"},"modified":"2026-10-23T16:53:07","modified_gmt":"2026-10-23T16:53:07","slug":"220-2","status":"publish","type":"page","link":"https:\/\/ns-crea.com\/index.php\/220-2\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div id=\"dar-serenite\">\n\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');\n\n    #dar-serenite {\n      --ds-ivory: #F8F5EE;\n      --ds-beige: #EADCC8;\n      --ds-sand: #C9B49A;\n      --ds-bronze: #A77C50;\n      --ds-brown: #5A4636;\n      --ds-dark: #38291F;\n      --ds-text: #44372D;\n      --ds-muted: #77685B;\n      --ds-white: #FFFFFF;\n      --ds-border: rgba(90, 70, 54, .16);\n      font-family: 'DM Sans', sans-serif;\n      color: var(--ds-text);\n      background: var(--ds-ivory);\n      line-height: 1.7;\n      overflow: hidden;\n    }\n\n    #dar-serenite * {\n      box-sizing: border-box;\n    }\n\n    #dar-serenite img {\n      max-width: 100%;\n      height: auto;\n    }\n\n    #dar-serenite a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    #dar-serenite h1,\n    #dar-serenite h2,\n    #dar-serenite h3 {\n      font-family: 'Playfair Display', Georgia, serif;\n      font-weight: 500;\n      line-height: 1.2;\n      margin-top: 0;\n    }\n\n    #dar-serenite h1 {\n      font-size: clamp(2.5rem, 5.5vw, 4.6rem);\n      letter-spacing: -1.5px;\n    }\n\n    #dar-serenite h2 {\n      font-size: clamp(2rem, 3.5vw, 3rem);\n      margin-bottom: 20px;\n    }\n\n    #dar-serenite h3 {\n      font-size: 1.45rem;\n      margin-bottom: 12px;\n    }\n\n    #dar-serenite p {\n      margin-top: 0;\n    }\n\n    #dar-serenite .ds-container {\n      width: min(1160px, calc(100% - 44px));\n      margin: 0 auto;\n    }\n\n    #dar-serenite .ds-section {\n      padding: 88px 0;\n    }\n\n    #dar-serenite .ds-eyebrow {\n      display: inline-block;\n      color: var(--ds-bronze);\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      font-size: .76rem;\n      font-weight: 700;\n      margin-bottom: 18px;\n    }\n\n    #dar-serenite .ds-intro {\n      max-width: 700px;\n      color: var(--ds-muted);\n      font-size: 1.04rem;\n    }\n\n    #dar-serenite .ds-center {\n      text-align: center;\n    }\n\n    #dar-serenite .ds-center .ds-intro {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    #dar-serenite .ds-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 24px;\n      border-radius: 4px;\n      font-size: .94rem;\n      font-weight: 700;\n      transition: background .2s ease, color .2s ease;\n      border: 1px solid transparent;\n      cursor: pointer;\n      text-align: center;\n      font-family: 'DM Sans', sans-serif;\n    }\n\n    #dar-serenite .ds-btn-primary {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-btn-primary:hover {\n      background: var(--ds-dark);\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-btn-light {\n      background: var(--ds-ivory);\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-btn-light:hover {\n      background: var(--ds-white);\n    }\n\n    #dar-serenite .ds-btn-outline {\n      border-color: var(--ds-brown);\n      color: var(--ds-brown);\n      background: transparent;\n    }\n\n    #dar-serenite .ds-btn-outline:hover {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n    }\n\n    \/* Bandeau sup\u00e9rieur *\/\n\n    #dar-serenite .ds-topbar {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n      padding: 9px 20px;\n      text-align: center;\n      font-size: .79rem;\n      letter-spacing: .3px;\n    }\n\n    \/* En-t\u00eate *\/\n\n    #dar-serenite .ds-header {\n      background: var(--ds-ivory);\n      border-bottom: 1px solid var(--ds-border);\n      position: relative;\n      z-index: 20;\n    }\n\n    #dar-serenite .ds-header-inner {\n      min-height: 112px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n    }\n\n    #dar-serenite .ds-logo {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n    }\n\n    #dar-serenite .ds-logo img {\n      display: block;\n      width: 190px;\n      max-height: 105px;\n      object-fit: contain;\n    }\n\n    #dar-serenite .ds-nav {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 22px;\n    }\n\n    #dar-serenite .ds-nav a {\n      font-size: .86rem;\n      font-weight: 600;\n      transition: color .2s ease;\n    }\n\n    #dar-serenite .ds-nav a:hover {\n      color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-nav .ds-nav-cta {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n      padding: 12px 17px;\n      border-radius: 4px;\n    }\n\n    #dar-serenite .ds-menu-toggle {\n      display: none;\n      border: 1px solid var(--ds-border);\n      background: transparent;\n      color: var(--ds-brown);\n      padding: 9px 12px;\n      border-radius: 4px;\n      font-size: 1rem;\n      cursor: pointer;\n    }\n\n    \/* Hero *\/\n\n    #dar-serenite .ds-hero {\n      position: relative;\n      background:\n        radial-gradient(ellipse at 90% 15%, rgba(201, 180, 154, .25), transparent 38%),\n        linear-gradient(135deg, #F8F5EE 0%, #F1E7D9 100%);\n      padding: 92px 0 84px;\n    }\n\n    #dar-serenite .ds-hero-grid {\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      align-items: center;\n      gap: 65px;\n    }\n\n    #dar-serenite .ds-hero h1 {\n      color: var(--ds-dark);\n      margin-bottom: 25px;\n    }\n\n    #dar-serenite .ds-hero h1 span {\n      color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-hero-copy {\n      max-width: 580px;\n      color: var(--ds-muted);\n      font-size: 1.08rem;\n      margin-bottom: 30px;\n    }\n\n    #dar-serenite .ds-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    #dar-serenite .ds-hero-visual {\n      min-height: 410px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 36px;\n      background: linear-gradient(145deg, #E9D8C1, #D5BDA1);\n      border-radius: 48% 48% 4px 4px;\n      overflow: hidden;\n    }\n\n    #dar-serenite .ds-hero-visual::before {\n      content: \"\";\n      position: absolute;\n      inset: 18px;\n      border: 1px solid rgba(90, 70, 54, .24);\n      border-radius: 48% 48% 2px 2px;\n      pointer-events: none;\n    }\n\n    #dar-serenite .ds-hero-visual img {\n      width: 100%;\n      max-width: 290px;\n      position: relative;\n      mix-blend-mode: multiply;\n      border-radius: 8px;\n    }\n\n    #dar-serenite .ds-hero-note {\n      position: absolute;\n      bottom: 35px;\n      left: 25px;\n      right: 25px;\n      text-align: center;\n      color: var(--ds-dark);\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: 1.05rem;\n      background: rgba(248, 245, 238, .9);\n      padding: 12px;\n    }\n\n    \/* Bandeau de r\u00e9assurance *\/\n\n    #dar-serenite .ds-trust {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n      padding: 25px 0;\n    }\n\n    #dar-serenite .ds-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n    }\n\n    #dar-serenite .ds-trust-item {\n      text-align: center;\n      padding: 8px 12px;\n    }\n\n    #dar-serenite .ds-trust-item strong {\n      display: block;\n      font-size: .98rem;\n      color: var(--ds-white);\n      margin-bottom: 3px;\n    }\n\n    #dar-serenite .ds-trust-item span {\n      display: block;\n      color: #D8C9B8;\n      font-size: .83rem;\n    }\n\n    \/* Pr\u00e9sentation *\/\n\n    #dar-serenite .ds-about-grid {\n      display: grid;\n      grid-template-columns: .85fr 1.15fr;\n      gap: 70px;\n      align-items: center;\n    }\n\n    #dar-serenite .ds-about-card {\n      background: var(--ds-beige);\n      padding: 40px;\n      border-left: 3px solid var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-about-card p:last-child {\n      margin-bottom: 0;\n    }\n\n    #dar-serenite .ds-about-copy {\n      color: var(--ds-muted);\n    }\n\n    \/* Cartes prestations *\/\n\n    #dar-serenite .ds-services {\n      background: #F0E7DB;\n    }\n\n    #dar-serenite .ds-grid-2 {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n      margin-top: 42px;\n    }\n\n    #dar-serenite .ds-service-card {\n      background: var(--ds-ivory);\n      padding: 36px;\n      border: 1px solid var(--ds-border);\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    #dar-serenite .ds-service-number {\n      display: inline-flex;\n      width: 44px;\n      height: 44px;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid var(--ds-sand);\n      color: var(--ds-bronze);\n      border-radius: 50%;\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: 1.1rem;\n      margin-bottom: 22px;\n    }\n\n    #dar-serenite .ds-service-card p {\n      color: var(--ds-muted);\n    }\n\n    #dar-serenite .ds-service-card ul {\n      margin: 0 0 28px;\n      padding-left: 20px;\n      color: var(--ds-muted);\n    }\n\n    #dar-serenite .ds-service-card li {\n      margin-bottom: 9px;\n    }\n\n    #dar-serenite .ds-service-card .ds-btn {\n      margin-top: auto;\n    }\n\n    \/* Formules tarifaires *\/\n\n    #dar-serenite .ds-pricing-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n      margin-top: 42px;\n      align-items: stretch;\n    }\n\n    #dar-serenite .ds-price-card {\n      padding: 38px;\n      background: var(--ds-white);\n      border: 1px solid var(--ds-border);\n      display: flex;\n      flex-direction: column;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n      border-color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-price-card.ds-dark h3,\n    #dar-serenite .ds-price-card.ds-dark h2,\n    #dar-serenite .ds-price-card.ds-dark .ds-price-description,\n    #dar-serenite .ds-price-card.ds-dark li,\n    #dar-serenite .ds-price-card.ds-dark p {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-price-label {\n      font-size: .76rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      font-weight: 700;\n      color: var(--ds-bronze);\n      margin-bottom: 13px;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-price-label {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-price {\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: 3.5rem;\n      line-height: 1.15;\n      margin: 15px 0 4px;\n      color: var(--ds-dark);\n    }\n\n    #dar-serenite .ds-price small {\n      font-family: 'DM Sans', sans-serif;\n      font-size: .9rem;\n      font-weight: 500;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-price {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-price-description {\n      color: var(--ds-muted);\n      font-size: .92rem;\n      margin-bottom: 20px;\n    }\n\n    #dar-serenite .ds-price-card ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 28px;\n    }\n\n    #dar-serenite .ds-price-card li {\n      padding: 10px 0 10px 24px;\n      position: relative;\n      border-bottom: 1px solid var(--ds-border);\n      font-size: .92rem;\n    }\n\n    #dar-serenite .ds-price-card li::before {\n      content: \"\u2713\";\n      position: absolute;\n      left: 0;\n      color: var(--ds-bronze);\n      font-weight: 700;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark li {\n      border-bottom-color: rgba(255, 255, 255, .18);\n    }\n\n    #dar-serenite .ds-price-card.ds-dark li::before {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-price-card .ds-btn {\n      margin-top: auto;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-btn {\n      background: var(--ds-ivory);\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-btn:hover {\n      background: var(--ds-white);\n    }\n\n    #dar-serenite .ds-price-note {\n      color: var(--ds-muted);\n      font-size: .84rem;\n      margin-top: 24px;\n    }\n\n    \/* Suivi de chantier *\/\n\n    #dar-serenite .ds-construction {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n    }\n\n    #dar-serenite .ds-construction h2,\n    #dar-serenite .ds-construction h3 {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-construction .ds-eyebrow {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-construction .ds-intro {\n      color: #D8C9B8;\n    }\n\n    #dar-serenite .ds-construction-grid {\n      display: grid;\n      grid-template-columns: .85fr 1.15fr;\n      gap: 55px;\n      align-items: start;\n      margin-top: 42px;\n    }\n\n    #dar-serenite .ds-construction-price {\n      padding: 32px;\n      background: rgba(255, 255, 255, .07);\n      border: 1px solid rgba(255, 255, 255, .18);\n    }\n\n    #dar-serenite .ds-construction-price .ds-price {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-construction-price p {\n      color: #D8C9B8;\n    }\n\n    #dar-serenite .ds-construction-list {\n      padding-left: 20px;\n      color: #E8DFD4;\n    }\n\n    #dar-serenite .ds-construction-list li {\n      margin-bottom: 12px;\n    }\n\n    #dar-serenite .ds-disclaimer {\n      margin-top: 25px;\n      padding: 17px 20px;\n      border-left: 2px solid #C9A77F;\n      background: rgba(255, 255, 255, .06);\n      color: #E8DFD4;\n      font-size: .87rem;\n    }\n\n    \/* Fonctionnement *\/\n\n    #dar-serenite .ds-steps {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 22px;\n      margin-top: 45px;\n    }\n\n    #dar-serenite .ds-step {\n      padding: 25px 22px;\n      border-top: 2px solid var(--ds-sand);\n      background: rgba(255, 255, 255, .5);\n    }\n\n    #dar-serenite .ds-step-number {\n      font-family: 'Playfair Display', Georgia, serif;\n      color: var(--ds-bronze);\n      font-size: 2rem;\n      margin-bottom: 15px;\n    }\n\n    #dar-serenite .ds-step p {\n      font-size: .91rem;\n      color: var(--ds-muted);\n      margin-bottom: 0;\n    }\n\n    \/* Zone d'intervention *\/\n\n    #dar-serenite .ds-zone {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-zone h2,\n    #dar-serenite .ds-zone h3 {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-zone .ds-eyebrow {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-zone .ds-intro {\n      color: #E5D8C9;\n    }\n\n    #dar-serenite .ds-zone-box {\n      margin-top: 35px;\n      padding: 30px;\n      border: 1px solid rgba(255, 255, 255, .23);\n      background: rgba(255, 255, 255, .06);\n    }\n\n    #dar-serenite .ds-zone-box p {\n      margin-bottom: 0;\n      color: #E5D8C9;\n    }\n\n    \/* Contact *\/\n\n    #dar-serenite .ds-contact-grid {\n      display: grid;\n      grid-template-columns: .9fr 1.1fr;\n      gap: 55px;\n      align-items: start;\n    }\n\n    #dar-serenite .ds-contact-info {\n      margin-top: 30px;\n      display: grid;\n      gap: 17px;\n    }\n\n    #dar-serenite .ds-contact-item {\n      padding: 18px 20px;\n      border: 1px solid var(--ds-border);\n      background: rgba(255, 255, 255, .5);\n    }\n\n    #dar-serenite .ds-contact-item strong {\n      display: block;\n      margin-bottom: 5px;\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-contact-item span {\n      display: block;\n      color: var(--ds-muted);\n      font-size: .9rem;\n    }\n\n    #dar-serenite .ds-contact-item a {\n      color: var(--ds-brown);\n      font-weight: 700;\n      overflow-wrap: anywhere;\n    }\n\n    #dar-serenite .ds-contact-item a:hover {\n      color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-contact-form {\n      padding: 34px;\n      background: var(--ds-white);\n      border: 1px solid var(--ds-border);\n    }\n\n    #dar-serenite .ds-form-row {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    #dar-serenite .ds-field {\n      margin-bottom: 17px;\n    }\n\n    #dar-serenite .ds-field label {\n      display: block;\n      font-size: .86rem;\n      font-weight: 700;\n      margin-bottom: 7px;\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-field input,\n    #dar-serenite .ds-field select,\n    #dar-serenite .ds-field textarea {\n      display: block;\n      width: 100%;\n      padding: 13px 14px;\n      border: 1px\n\n\n\n<div id=\"dar-serenite\">\n\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');\n\n    #dar-serenite {\n      --ds-ivory: #F8F5EE;\n      --ds-beige: #EADCC8;\n      --ds-sand: #C9B49A;\n      --ds-bronze: #A77C50;\n      --ds-brown: #5A4636;\n      --ds-dark: #38291F;\n      --ds-text: #44372D;\n      --ds-muted: #77685B;\n      --ds-white: #FFFFFF;\n      --ds-border: rgba(90, 70, 54, .16);\n      font-family: 'DM Sans', sans-serif;\n      color: var(--ds-text);\n      background: var(--ds-ivory);\n      line-height: 1.7;\n      overflow: hidden;\n    }\n\n    #dar-serenite * {\n      box-sizing: border-box;\n    }\n\n    #dar-serenite img {\n      max-width: 100%;\n      height: auto;\n    }\n\n    #dar-serenite a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    #dar-serenite h1,\n    #dar-serenite h2,\n    #dar-serenite h3 {\n      font-family: 'Playfair Display', Georgia, serif;\n      font-weight: 500;\n      line-height: 1.2;\n      margin-top: 0;\n    }\n\n    #dar-serenite h1 {\n      font-size: clamp(2.5rem, 5.5vw, 4.6rem);\n      letter-spacing: -1.5px;\n    }\n\n    #dar-serenite h2 {\n      font-size: clamp(2rem, 3.5vw, 3rem);\n      margin-bottom: 20px;\n    }\n\n    #dar-serenite h3 {\n      font-size: 1.45rem;\n      margin-bottom: 12px;\n    }\n\n    #dar-serenite p {\n      margin-top: 0;\n    }\n\n    #dar-serenite .ds-container {\n      width: min(1160px, calc(100% - 44px));\n      margin: 0 auto;\n    }\n\n    #dar-serenite .ds-section {\n      padding: 88px 0;\n    }\n\n    #dar-serenite .ds-eyebrow {\n      display: inline-block;\n      color: var(--ds-bronze);\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      font-size: .76rem;\n      font-weight: 700;\n      margin-bottom: 18px;\n    }\n\n    #dar-serenite .ds-intro {\n      max-width: 700px;\n      color: var(--ds-muted);\n      font-size: 1.04rem;\n    }\n\n    #dar-serenite .ds-center {\n      text-align: center;\n    }\n\n    #dar-serenite .ds-center .ds-intro {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    #dar-serenite .ds-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 24px;\n      border-radius: 4px;\n      font-size: .94rem;\n      font-weight: 700;\n      transition: background .2s ease, color .2s ease;\n      border: 1px solid transparent;\n      cursor: pointer;\n      text-align: center;\n      font-family: 'DM Sans', sans-serif;\n    }\n\n    #dar-serenite .ds-btn-primary {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-btn-primary:hover {\n      background: var(--ds-dark);\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-btn-light {\n      background: var(--ds-ivory);\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-btn-light:hover {\n      background: var(--ds-white);\n    }\n\n    #dar-serenite .ds-btn-outline {\n      border-color: var(--ds-brown);\n      color: var(--ds-brown);\n      background: transparent;\n    }\n\n    #dar-serenite .ds-btn-outline:hover {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n    }\n\n    \/* Bandeau sup\u00e9rieur *\/\n\n    #dar-serenite .ds-topbar {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n      padding: 9px 20px;\n      text-align: center;\n      font-size: .79rem;\n      letter-spacing: .3px;\n    }\n\n    \/* En-t\u00eate *\/\n\n    #dar-serenite .ds-header {\n      background: var(--ds-ivory);\n      border-bottom: 1px solid var(--ds-border);\n      position: relative;\n      z-index: 20;\n    }\n\n    #dar-serenite .ds-header-inner {\n      min-height: 112px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n    }\n\n    #dar-serenite .ds-logo {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n    }\n\n    #dar-serenite .ds-logo img {\n      display: block;\n      width: 190px;\n      max-height: 105px;\n      object-fit: contain;\n    }\n\n    #dar-serenite .ds-nav {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 22px;\n    }\n\n    #dar-serenite .ds-nav a {\n      font-size: .86rem;\n      font-weight: 600;\n      transition: color .2s ease;\n    }\n\n    #dar-serenite .ds-nav a:hover {\n      color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-nav .ds-nav-cta {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n      padding: 12px 17px;\n      border-radius: 4px;\n    }\n\n    #dar-serenite .ds-menu-toggle {\n      display: none;\n      border: 1px solid var(--ds-border);\n      background: transparent;\n      color: var(--ds-brown);\n      padding: 9px 12px;\n      border-radius: 4px;\n      font-size: 1rem;\n      cursor: pointer;\n    }\n\n    \/* Hero *\/\n\n    #dar-serenite .ds-hero {\n      position: relative;\n      background:\n        radial-gradient(ellipse at 90% 15%, rgba(201, 180, 154, .25), transparent 38%),\n        linear-gradient(135deg, #F8F5EE 0%, #F1E7D9 100%);\n      padding: 92px 0 84px;\n    }\n\n    #dar-serenite .ds-hero-grid {\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      align-items: center;\n      gap: 65px;\n    }\n\n    #dar-serenite .ds-hero h1 {\n      color: var(--ds-dark);\n      margin-bottom: 25px;\n    }\n\n    #dar-serenite .ds-hero h1 span {\n      color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-hero-copy {\n      max-width: 580px;\n      color: var(--ds-muted);\n      font-size: 1.08rem;\n      margin-bottom: 30px;\n    }\n\n    #dar-serenite .ds-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    #dar-serenite .ds-hero-visual {\n      min-height: 410px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 36px;\n      background: linear-gradient(145deg, #E9D8C1, #D5BDA1);\n      border-radius: 48% 48% 4px 4px;\n      overflow: hidden;\n    }\n\n    #dar-serenite .ds-hero-visual::before {\n      content: \"\";\n      position: absolute;\n      inset: 18px;\n      border: 1px solid rgba(90, 70, 54, .24);\n      border-radius: 48% 48% 2px 2px;\n      pointer-events: none;\n    }\n\n    #dar-serenite .ds-hero-visual img {\n      width: 100%;\n      max-width: 290px;\n      position: relative;\n      mix-blend-mode: multiply;\n      border-radius: 8px;\n    }\n\n    #dar-serenite .ds-hero-note {\n      position: absolute;\n      bottom: 35px;\n      left: 25px;\n      right: 25px;\n      text-align: center;\n      color: var(--ds-dark);\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: 1.05rem;\n      background: rgba(248, 245, 238, .9);\n      padding: 12px;\n    }\n\n    \/* Bandeau de r\u00e9assurance *\/\n\n    #dar-serenite .ds-trust {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n      padding: 25px 0;\n    }\n\n    #dar-serenite .ds-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n    }\n\n    #dar-serenite .ds-trust-item {\n      text-align: center;\n      padding: 8px 12px;\n    }\n\n    #dar-serenite .ds-trust-item strong {\n      display: block;\n      font-size: .98rem;\n      color: var(--ds-white);\n      margin-bottom: 3px;\n    }\n\n    #dar-serenite .ds-trust-item span {\n      display: block;\n      color: #D8C9B8;\n      font-size: .83rem;\n    }\n\n    \/* Pr\u00e9sentation *\/\n\n    #dar-serenite .ds-about-grid {\n      display: grid;\n      grid-template-columns: .85fr 1.15fr;\n      gap: 70px;\n      align-items: center;\n    }\n\n    #dar-serenite .ds-about-card {\n      background: var(--ds-beige);\n      padding: 40px;\n      border-left: 3px solid var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-about-card p:last-child {\n      margin-bottom: 0;\n    }\n\n    #dar-serenite .ds-about-copy {\n      color: var(--ds-muted);\n    }\n\n    \/* Cartes prestations *\/\n\n    #dar-serenite .ds-services {\n      background: #F0E7DB;\n    }\n\n    #dar-serenite .ds-grid-2 {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n      margin-top: 42px;\n    }\n\n    #dar-serenite .ds-service-card {\n      background: var(--ds-ivory);\n      padding: 36px;\n      border: 1px solid var(--ds-border);\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    #dar-serenite .ds-service-number {\n      display: inline-flex;\n      width: 44px;\n      height: 44px;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid var(--ds-sand);\n      color: var(--ds-bronze);\n      border-radius: 50%;\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: 1.1rem;\n      margin-bottom: 22px;\n    }\n\n    #dar-serenite .ds-service-card p {\n      color: var(--ds-muted);\n    }\n\n    #dar-serenite .ds-service-card ul {\n      margin: 0 0 28px;\n      padding-left: 20px;\n      color: var(--ds-muted);\n    }\n\n    #dar-serenite .ds-service-card li {\n      margin-bottom: 9px;\n    }\n\n    #dar-serenite .ds-service-card .ds-btn {\n      margin-top: auto;\n    }\n\n    \/* Formules tarifaires *\/\n\n    #dar-serenite .ds-pricing-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n      margin-top: 42px;\n      align-items: stretch;\n    }\n\n    #dar-serenite .ds-price-card {\n      padding: 38px;\n      background: var(--ds-white);\n      border: 1px solid var(--ds-border);\n      display: flex;\n      flex-direction: column;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n      border-color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-price-card.ds-dark h3,\n    #dar-serenite .ds-price-card.ds-dark h2,\n    #dar-serenite .ds-price-card.ds-dark .ds-price-description,\n    #dar-serenite .ds-price-card.ds-dark li,\n    #dar-serenite .ds-price-card.ds-dark p {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-price-label {\n      font-size: .76rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      font-weight: 700;\n      color: var(--ds-bronze);\n      margin-bottom: 13px;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-price-label {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-price {\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: 3.5rem;\n      line-height: 1.15;\n      margin: 15px 0 4px;\n      color: var(--ds-dark);\n    }\n\n    #dar-serenite .ds-price small {\n      font-family: 'DM Sans', sans-serif;\n      font-size: .9rem;\n      font-weight: 500;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-price {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-price-description {\n      color: var(--ds-muted);\n      font-size: .92rem;\n      margin-bottom: 20px;\n    }\n\n    #dar-serenite .ds-price-card ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 28px;\n    }\n\n    #dar-serenite .ds-price-card li {\n      padding: 10px 0 10px 24px;\n      position: relative;\n      border-bottom: 1px solid var(--ds-border);\n      font-size: .92rem;\n    }\n\n    #dar-serenite .ds-price-card li::before {\n      content: \"\u2713\";\n      position: absolute;\n      left: 0;\n      color: var(--ds-bronze);\n      font-weight: 700;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark li {\n      border-bottom-color: rgba(255, 255, 255, .18);\n    }\n\n    #dar-serenite .ds-price-card.ds-dark li::before {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-price-card .ds-btn {\n      margin-top: auto;\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-btn {\n      background: var(--ds-ivory);\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-price-card.ds-dark .ds-btn:hover {\n      background: var(--ds-white);\n    }\n\n    #dar-serenite .ds-price-note {\n      color: var(--ds-muted);\n      font-size: .84rem;\n      margin-top: 24px;\n    }\n\n    \/* Suivi de chantier *\/\n\n    #dar-serenite .ds-construction {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n    }\n\n    #dar-serenite .ds-construction h2,\n    #dar-serenite .ds-construction h3 {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-construction .ds-eyebrow {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-construction .ds-intro {\n      color: #D8C9B8;\n    }\n\n    #dar-serenite .ds-construction-grid {\n      display: grid;\n      grid-template-columns: .85fr 1.15fr;\n      gap: 55px;\n      align-items: start;\n      margin-top: 42px;\n    }\n\n    #dar-serenite .ds-construction-price {\n      padding: 32px;\n      background: rgba(255, 255, 255, .07);\n      border: 1px solid rgba(255, 255, 255, .18);\n    }\n\n    #dar-serenite .ds-construction-price .ds-price {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-construction-price p {\n      color: #D8C9B8;\n    }\n\n    #dar-serenite .ds-construction-list {\n      padding-left: 20px;\n      color: #E8DFD4;\n    }\n\n    #dar-serenite .ds-construction-list li {\n      margin-bottom: 12px;\n    }\n\n    #dar-serenite .ds-disclaimer {\n      margin-top: 25px;\n      padding: 17px 20px;\n      border-left: 2px solid #C9A77F;\n      background: rgba(255, 255, 255, .06);\n      color: #E8DFD4;\n      font-size: .87rem;\n    }\n\n    \/* Fonctionnement *\/\n\n    #dar-serenite .ds-steps {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 22px;\n      margin-top: 45px;\n    }\n\n    #dar-serenite .ds-step {\n      padding: 25px 22px;\n      border-top: 2px solid var(--ds-sand);\n      background: rgba(255, 255, 255, .5);\n    }\n\n    #dar-serenite .ds-step-number {\n      font-family: 'Playfair Display', Georgia, serif;\n      color: var(--ds-bronze);\n      font-size: 2rem;\n      margin-bottom: 15px;\n    }\n\n    #dar-serenite .ds-step p {\n      font-size: .91rem;\n      color: var(--ds-muted);\n      margin-bottom: 0;\n    }\n\n    \/* Zone d'intervention *\/\n\n    #dar-serenite .ds-zone {\n      background: var(--ds-brown);\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-zone h2,\n    #dar-serenite .ds-zone h3 {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-zone .ds-eyebrow {\n      color: #E4C5A1;\n    }\n\n    #dar-serenite .ds-zone .ds-intro {\n      color: #E5D8C9;\n    }\n\n    #dar-serenite .ds-zone-box {\n      margin-top: 35px;\n      padding: 30px;\n      border: 1px solid rgba(255, 255, 255, .23);\n      background: rgba(255, 255, 255, .06);\n    }\n\n    #dar-serenite .ds-zone-box p {\n      margin-bottom: 0;\n      color: #E5D8C9;\n    }\n\n    \/* Contact *\/\n\n    #dar-serenite .ds-contact-grid {\n      display: grid;\n      grid-template-columns: .9fr 1.1fr;\n      gap: 55px;\n      align-items: start;\n    }\n\n    #dar-serenite .ds-contact-info {\n      margin-top: 30px;\n      display: grid;\n      gap: 17px;\n    }\n\n    #dar-serenite .ds-contact-item {\n      padding: 18px 20px;\n      border: 1px solid var(--ds-border);\n      background: rgba(255, 255, 255, .5);\n    }\n\n    #dar-serenite .ds-contact-item strong {\n      display: block;\n      margin-bottom: 5px;\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-contact-item span {\n      display: block;\n      color: var(--ds-muted);\n      font-size: .9rem;\n    }\n\n    #dar-serenite .ds-contact-item a {\n      color: var(--ds-brown);\n      font-weight: 700;\n      overflow-wrap: anywhere;\n    }\n\n    #dar-serenite .ds-contact-item a:hover {\n      color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-contact-form {\n      padding: 34px;\n      background: var(--ds-white);\n      border: 1px solid var(--ds-border);\n    }\n\n    #dar-serenite .ds-form-row {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    #dar-serenite .ds-field {\n      margin-bottom: 17px;\n    }\n\n    #dar-serenite .ds-field label {\n      display: block;\n      font-size: .86rem;\n      font-weight: 700;\n      margin-bottom: 7px;\n      color: var(--ds-brown);\n    }\n\n    #dar-serenite .ds-field input,\n    #dar-serenite .ds-field select,\n    #dar-serenite .ds-field textarea {\n      display: block;\n      width: 100%;\n      padding: 13px 14px;\n      border: 1px solid #D9CCBD;\n      border-radius: 3px;\n      background: #FFFEFC;\n      color: var(--ds-text);\n      font-family: 'DM Sans', sans-serif;\n      font-size: .94rem;\n    }\n\n    #dar-serenite .ds-field input:focus,\n    #dar-serenite .ds-field select:focus,\n    #dar-serenite .ds-field textarea:focus {\n      outline: 2px solid rgba(167, 124, 80, .25);\n      border-color: var(--ds-bronze);\n    }\n\n    #dar-serenite .ds-field textarea {\n      min-height: 125px;\n      resize: vertical;\n    }\n\n    #dar-serenite .ds-form-note {\n      color: var(--ds-muted);\n      font-size: .82rem;\n      margin: 15px 0 0;\n    }\n\n    #dar-serenite .ds-feedback {\n      display: none;\n      padding: 12px 14px;\n      margin-top: 15px;\n      background: #F0E7DB;\n      color: var(--ds-brown);\n      font-size: .9rem;\n    }\n\n    #dar-serenite .ds-feedback.ds-visible {\n      display: block;\n    }\n\n    \/* Appel \u00e0 l'action *\/\n\n    #dar-serenite .ds-final-cta {\n      padding: 70px 0;\n      background: #EADCC8;\n      text-align: center;\n    }\n\n    #dar-serenite .ds-final-cta h2 {\n      color: var(--ds-dark);\n    }\n\n    #dar-serenite .ds-final-cta p {\n      max-width: 620px;\n      margin: 0 auto 25px;\n      color: var(--ds-muted);\n    }\n\n    \/* Pied de page *\/\n\n    #dar-serenite .ds-footer {\n      background: var(--ds-dark);\n      color: var(--ds-ivory);\n      padding: 55px 0 0;\n    }\n\n    #dar-serenite .ds-footer-main {\n      display: grid;\n      grid-template-columns: 1.2fr .8fr .8fr;\n      gap: 45px;\n      padding-bottom: 40px;\n    }\n\n    #dar-serenite .ds-footer-logo {\n      display: inline-block;\n      background: var(--ds-ivory);\n      padding: 8px 14px;\n      border-radius: 3px;\n      margin-bottom: 15px;\n    }\n\n    #dar-serenite .ds-footer-logo img {\n      width: 175px;\n      max-height: 115px;\n      display: block;\n      object-fit: contain;\n    }\n\n    #dar-serenite .ds-footer p {\n      color: #D8C9B8;\n      font-size: .9rem;\n    }\n\n    #dar-serenite .ds-footer h3 {\n      font-family: 'DM Sans', sans-serif;\n      font-size: .95rem;\n      font-weight: 700;\n      color: var(--ds-white);\n      margin-bottom: 17px;\n    }\n\n    #dar-serenite .ds-footer-links {\n      display: grid;\n      gap: 10px;\n    }\n\n    #dar-serenite .ds-footer-links a {\n      color: #D8C9B8;\n      font-size: .9rem;\n    }\n\n    #dar-serenite .ds-footer-links a:hover {\n      color: var(--ds-white);\n    }\n\n    #dar-serenite .ds-footer-bottom {\n      border-top: 1px solid rgba(255, 255, 255, .15);\n      padding: 18px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 20px;\n      flex-wrap: wrap;\n    }\n\n    #dar-serenite .ds-footer-bottom p {\n      margin: 0;\n      font-size: .79rem;\n    }\n\n    #dar-serenite .ds-credit {\n      color: #D8C9B8;\n      font-size: .79rem;\n    }\n\n    #dar-serenite .ds-credit a {\n      color: #E4C5A1;\n      font-weight: 700;\n      border-bottom: 1px solid rgba(228, 197, 161, .55);\n    }\n\n    #dar-serenite .ds-credit a:hover {\n      color: var(--ds-white);\n      border-bottom-color: var(--ds-white);\n    }\n\n    \/* Bouton WhatsApp flottant *\/\n\n    #dar-serenite .ds-whatsapp-float {\n      position: fixed;\n      right: 20px;\n      bottom: 20px;\n      z-index: 999;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: #285B42;\n      color: #FFFFFF;\n      padding: 14px 19px;\n      border-radius: 40px;\n      box-shadow: 0 5px 20px rgba(0, 0, 0, .17);\n      font-size: .88rem;\n      font-weight: 700;\n    }\n\n    #dar-serenite .ds-whatsapp-float:hover {\n      background: #1F4934;\n      color: #FFFFFF;\n    }\n\n    #dar-serenite .ds-whatsapp-icon {\n      display: inline-flex;\n      width: 23px;\n      height: 23px;\n      align-items: center;\n      justify-content: center;\n      border: 1.5px solid rgba(255, 255, 255, .9);\n      border-radius: 50%;\n      font-size: .8rem;\n    }\n\n    \/* Responsive *\/\n\n    @media (max-width: 1000px) {\n      #dar-serenite .ds-header-inner {\n        min-height: 95px;\n      }\n\n      #dar-serenite .ds-logo img {\n        width: 155px;\n      }\n\n      #dar-serenite .ds-menu-toggle {\n        display: block;\n      }\n\n      #dar-serenite .ds-nav {\n        display: none;\n        position: absolute;\n        top: 100%;\n        left: 0;\n        right: 0;\n        padding: 22px;\n        background: var(--ds-ivory);\n        border-bottom: 1px solid var(--ds-border);\n        flex-direction: column;\n        align-items: stretch;\n        gap: 0;\n      }\n\n      #dar-serenite .ds-nav.ds-open {\n        display: flex;\n      }\n\n      #dar-serenite .ds-nav a {\n        padding: 12px 5px;\n      }\n\n      #dar-serenite .ds-nav .ds-nav-cta {\n        margin-top: 8px;\n        text-align: center;\n      }\n\n      #dar-serenite .ds-hero-grid {\n        gap: 35px;\n      }\n\n      #dar-serenite .ds-steps {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #dar-serenite .ds-footer-main {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 700px) {\n      #dar-serenite .ds-container {\n        width: min(100% - 32px, 540px);\n      }\n\n      #dar-serenite .ds-section {\n        padding: 62px 0;\n      }\n\n      #dar-serenite .ds-header-inner {\n        min-height: 84px;\n        gap: 12px;\n      }\n\n      #dar-serenite .ds-logo img {\n        width: 140px;\n        max-height: 75px;\n      }\n\n      #dar-serenite .ds-hero {\n        padding: 58px 0 50px;\n      }\n\n      #dar-serenite .ds-hero-grid,\n      #dar-serenite .ds-about-grid,\n      #dar-serenite .ds-construction-grid,\n      #dar-serenite .ds-contact-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n      }\n\n      #dar-serenite .ds-hero-grid {\n        gap: 38px;\n      }\n\n      #dar-serenite .ds-hero-visual {\n        min-height: 310px;\n        padding: 25px;\n      }\n\n      #dar-serenite .ds-hero-visual img {\n        max-width: 210px;\n      }\n\n      #dar-serenite .ds-trust-grid {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n\n      #dar-serenite .ds-trust-item {\n        padding: 8px;\n      }\n\n      #dar-serenite .ds-grid-2,\n      #dar-serenite .ds-pricing-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #dar-serenite .ds-service-card,\n      #dar-serenite .ds-price-card {\n        padding: 28px 24px;\n      }\n\n      #dar-serenite .ds-steps {\n        grid-template-columns: 1fr;\n        gap: 14px;\n      }\n\n      #dar-serenite .ds-step {\n        padding: 22px;\n      }\n\n      #dar-serenite .ds-about-card {\n        padding: 28px;\n      }\n\n      #dar-serenite .ds-contact-form {\n        padding: 24px 19px;\n      }\n\n      #dar-serenite .ds-form-row {\n        grid-template-columns: 1fr;\n        gap: 0;\n      }\n\n      #dar-serenite .ds-footer-main {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      #dar-serenite .ds-footer-bottom {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 9px;\n      }\n\n      #dar-serenite .ds-whatsapp-float {\n        right: 12px;\n        bottom: 12px;\n        padding: 12px 15px;\n        font-size: .81rem;\n      }\n\n      #dar-serenite .ds-hero-actions .ds-btn {\n        width: 100%;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #dar-serenite *,\n      #dar-serenite *::before,\n      #dar-serenite *::after {\n        scroll-behavior: auto !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <!-- Bandeau sup\u00e9rieur -->\n  <div class=\"ds-topbar\">\n    Pr\u00e9sence locale \u00e0 Ghazaouet et sa p\u00e9riph\u00e9rie \u00b7 Des nouvelles concr\u00e8tes de votre bien, m\u00eame \u00e0 distance\n  <\/div>\n\n  <!-- En-t\u00eate -->\n  <header class=\"ds-header\">\n    <div class=\"ds-container ds-header-inner\">\n\n      <a class=\"ds-logo\" href=\"#ds-accueil\" aria-label=\"DAR S\u00c9R\u00c9NIT\u00c9 - Accueil\">\n        <img decoding=\"async\"\n          src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/10\/IMG_6523.jpeg\"\n          alt=\"Logo DAR S\u00c9R\u00c9NIT\u00c9\"\n        >\n      <\/a>\n\n      <button\n        class=\"ds-menu-toggle\"\n        type=\"button\"\n        aria-expanded=\"false\"\n        aria-controls=\"ds-navigation\"\n        aria-label=\"Ouvrir le menu\"\n      >\n        Menu\n      <\/button>\n\n      <nav class=\"ds-nav\" id=\"ds-navigation\" aria-label=\"Navigation principale\">\n        <a href=\"#ds-prestations\">Prestations<\/a>\n        <a href=\"#ds-formules\">Formules<\/a>\n        <a href=\"#ds-chantier\">Suivi de chantier<\/a>\n        <a href=\"#ds-approche\">Notre approche<\/a>\n        <a href=\"#ds-zone\">Zone d\u2019intervention<\/a>\n        <a class=\"ds-nav-cta\" href=\"#ds-contact\">Nous contacter<\/a>\n      <\/nav>\n\n    <\/div>\n  <\/header>\n\n  <main>\n\n    <!-- Hero -->\n    <section class=\"ds-hero\" id=\"ds-accueil\">\n      <div class=\"ds-container ds-hero-grid\">\n\n        <div>\n          <span class=\"ds-eyebrow\">DAR S\u00c9R\u00c9NIT\u00c9 \u00b7 Ghazaouet<\/span>\n\n          <h1>\n            Votre bien \u00e0 Ghazaouet,<br>\n            <span>m\u00eame \u00e0 distance.<\/span>\n          <\/h1>\n\n          <p class=\"ds-hero-copy\">\n            Vous vivez loin de votre maison en Alg\u00e9rie ?\n            DAR S\u00c9R\u00c9NIT\u00c9 assure des passages r\u00e9guliers pour v\u00e9rifier visuellement\n            l\u2019\u00e9tat de votre habitation et vous transmettre des nouvelles concr\u00e8tes,\n            avec des photos \u00e0 l\u2019appui.\n          <\/p>\n\n          <div class=\"ds-hero-actions\">\n            <a class=\"ds-btn ds-btn-primary\" href=\"#ds-prestations\">\n              D\u00e9couvrir nos prestations\n            <\/a>\n\n            <a\n              class=\"ds-btn ds-btn-outline\"\n              href=\"https:\/\/wa.me\/33612298713\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Nous contacter sur WhatsApp\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ds-hero-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/10\/IMG_6523.jpeg\"\n            alt=\"DAR S\u00c9R\u00c9NIT\u00c9, votre maison entre de bonnes mains\"\n          >\n\n          <div class=\"ds-hero-note\">\n            Vous \u00eates loin. Votre maison n\u2019est pas oubli\u00e9e.\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- R\u00e9assurance -->\n    <section class=\"ds-trust\" aria-label=\"Nos engagements\">\n      <div class=\"ds-container ds-trust-grid\">\n\n        <div class=\"ds-trust-item\">\n          <strong>Pr\u00e9sence r\u00e9guli\u00e8re<\/strong>\n          <span>Des passages planifi\u00e9s selon la formule choisie<\/span>\n        <\/div>\n\n        <div class=\"ds-trust-item\">\n          <strong>Compte rendu photo<\/strong>\n          <span>Des nouvelles concr\u00e8tes de votre habitation<\/span>\n        <\/div>\n\n        <div class=\"ds-trust-item\">\n          <strong>Proximit\u00e9 locale<\/strong>\n          <span>Une pr\u00e9sence \u00e0 Ghazaouet et dans la zone d\u00e9finie<\/span>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- Pr\u00e9sentation -->\n    <section class=\"ds-section\" id=\"ds-approche\">\n      <div class=\"ds-container ds-about-grid\">\n\n        <div>\n          <span class=\"ds-eyebrow\">Notre mission<\/span>\n          <h2>Une pr\u00e9sence rassurante lorsque vous \u00eates absent.<\/h2>\n        <\/div>\n\n        <div class=\"ds-about-copy\">\n          <p>\n            Une maison que l\u2019on n\u2019occupe pas r\u00e9guli\u00e8rement m\u00e9rite une attention\n            particuli\u00e8re. Une porte, une fen\u00eatre, une trace d\u2019humidit\u00e9 ou un\n            d\u00e9g\u00e2t visible peuvent passer inaper\u00e7us lorsque l\u2019on vit \u00e0 distance.\n          <\/p>\n\n          <p>\n            DAR S\u00c9R\u00c9NIT\u00c9 vous propose des visites de contr\u00f4le visuel \u00e0 intervalles\n            r\u00e9guliers. L\u2019objectif est simple : vous permettre de rester inform\u00e9\n            de la situation apparente de votre bien, sans avoir \u00e0 vous d\u00e9placer\n            \u00e0 chaque fois.\n          <\/p>\n\n          <div class=\"ds-about-card\">\n            <h3>Notre engagement<\/h3>\n            <p>\n              Des passages organis\u00e9s, des observations visuelles et un retour\n              photographique pour vous aider \u00e0 garder un \u0153il sur votre bien.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- Prestations -->\n    <section class=\"ds-section ds-services\" id=\"ds-prestations\">\n      <div class=\"ds-container\">\n\n        <div class=\"ds-center\">\n          <span class=\"ds-eyebrow\">Nos prestations<\/span>\n          <h2>Un suivi adapt\u00e9 \u00e0 votre besoin.<\/h2>\n          <p class=\"ds-intro\">\n            Que votre maison soit inoccup\u00e9e une partie de l\u2019ann\u00e9e ou que vous\n            souhaitiez suivre l\u2019avancement visuel de travaux, nous d\u00e9finissons\n            avec vous un accompagnement adapt\u00e9.\n          <\/p>\n        <\/div>\n\n        <div class=\"ds-grid-2\">\n\n          <article class=\"ds-service-card\">\n            <span class=\"ds-service-number\">01<\/span>\n            <h3>Contr\u00f4le de votre habitation<\/h3>\n\n            <p>\n              Des passages r\u00e9guliers pour observer l\u2019\u00e9tat apparent de votre\n              maison pendant votre absence.\n            <\/p>\n\n            <ul>\n              <li>V\u00e9rification visuelle des acc\u00e8s et des ouvertures<\/li>\n              <li>Observation de signes apparents de d\u00e9g\u00e2ts ou d\u2019intrusion<\/li>\n              <li>Rep\u00e9rage visuel de traces d\u2019eau ou d\u2019humidit\u00e9<\/li>\n              <li>Photos et compte rendu apr\u00e8s le passage<\/li>\n            <\/ul>\n\n            <a class=\"ds-btn ds-btn-outline\" href=\"#ds-formules\">\n              Voir les formules\n            <\/a>\n          <\/article>\n\n          <article class=\"ds-service-card\">\n            <span class=\"ds-service-number\">02<\/span>\n            <h3>Suivi visuel de chantier<\/h3>\n\n            <p>\n              Vous faites r\u00e9aliser des travaux \u00e0 distance et souhaitez obtenir\n              des nouvelles r\u00e9guli\u00e8res de leur avancement apparent ?\n            <\/p>\n\n            <ul>\n              <li>Visites visuelles programm\u00e9es<\/li>\n              <li>Photos dat\u00e9es de l\u2019avancement observ\u00e9<\/li>\n              <li>Transmission d\u2019un compte rendu<\/li>\n              <li>Signalement des \u00e9l\u00e9ments visuellement constat\u00e9s<\/li>\n            <\/ul>\n\n            <a class=\"ds-btn ds-btn-outline\" href=\"#ds-chantier\">\n              D\u00e9couvrir cette prestation\n            <\/a>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Formules -->\n    <section class=\"ds-section\" id=\"ds-formules\">\n      <div class=\"ds-container\">\n\n        <div class=\"ds-center\">\n          <span class=\"ds-eyebrow\">Nos formules<\/span>\n          <h2>Choisissez votre niveau de suivi.<\/h2>\n          <p class=\"ds-intro\">\n            Des formules mensuelles pens\u00e9es pour garder un contact r\u00e9gulier\n            avec votre habitation lorsque vous \u00eates loin.\n          <\/p>\n        <\/div>\n\n        <div class=\"ds-pricing-grid\">\n\n          <article class=\"ds-price-card\">\n            <span class=\"ds-price-label\">Formule 1<\/span>\n            <h3>Contr\u00f4le ext\u00e9rieur<\/h3>\n\n            <div class=\"ds-price\">\n              35\u20ac <small>\/ mois<\/small>\n            <\/div>\n\n            <p class=\"ds-price-description\">\n              Pour garder un \u0153il sur l\u2019ext\u00e9rieur de votre habitation.\n            <\/p>\n\n            <ul>\n              <li>Un passage par semaine<\/li>\n              <li>Observation visuelle ext\u00e9rieure<\/li>\n              <li>Contr\u00f4le apparent des acc\u00e8s<\/li>\n              <li>Photos apr\u00e8s le passage<\/li>\n              <li>Compte rendu des observations<\/li>\n            <\/ul>\n\n            <a class=\"ds-btn ds-btn-outline\" href=\"#ds-contact\">\n              Choisir cette formule\n            <\/a>\n          <\/article>\n\n          <article class=\"ds-price-card ds-dark\">\n            <span class=\"ds-price-label\">Formule 2<\/span>\n            <h3>Contr\u00f4le int\u00e9rieur et ext\u00e9rieur<\/h3>\n\n            <div class=\"ds-price\">\n              50\u20ac <small>\/ mois<\/small>\n            <\/div>\n\n            <p class=\"ds-price-description\">\n              Pour un suivi visuel plus complet de votre habitation.\n            <\/p>\n\n            <ul>\n              <li>Un passage par semaine<\/li>\n              <li>Observation visuelle ext\u00e9rieure<\/li>\n              <li>Contr\u00f4le visuel int\u00e9rieur accessible<\/li>\n              <li>Observation de signes apparents d\u2019humidit\u00e9 ou de d\u00e9g\u00e2ts<\/li>\n              <li>Photos et compte rendu apr\u00e8s le passage<\/li>\n            <\/ul>\n\n            <a class=\"ds-btn ds-btn-light\" href=\"#ds-contact\">\n              Choisir cette formule\n            <\/a>\n          <\/article>\n\n        <\/div>\n\n        <p class=\"ds-price-note\">\n          Tarifs pr\u00e9vus pour une habitation jusqu\u2019\u00e0 150 m\u00b2 situ\u00e9e dans la zone\n          habituelle d\u2019intervention, dans un rayon d\u2019environ 15 km autour de\n          Ghazaouet. Au-del\u00e0, une \u00e9tude personnalis\u00e9e est n\u00e9cessaire.\n          Les passages sont visuels et ne constituent pas une expertise technique.\n        <\/p>\n\n      <\/div>\n    <\/section>\n\n    <!-- Suivi de chantier -->\n    <section class=\"ds-section ds-construction\" id=\"ds-chantier\">\n      <div class=\"ds-container\">\n\n        <span class=\"ds-eyebrow\">Une prestation compl\u00e9mentaire<\/span>\n        <h2>Suivi visuel de chantier \u00e0 distance.<\/h2>\n\n        <p class=\"ds-intro\">\n          Vous faites construire ou r\u00e9nover un bien en Alg\u00e9rie et vous ne pouvez\n          pas \u00eatre pr\u00e9sent r\u00e9guli\u00e8rement ? Recevez des photos dat\u00e9es et des\n          informations sur les \u00e9l\u00e9ments visuellement observ\u00e9s lors des visites.\n        <\/p>\n\n        <div class=\"ds-construction-grid\">\n\n          <div class=\"ds-construction-price\">\n            <span class=\"ds-price-label\">Formule mensuelle<\/span>\n\n            <div class=\"ds-price\">\n              45\u20ac <small>\/ mois<\/small>\n            <\/div>\n\n            <p>\n              Trois visites par mois, espac\u00e9es d\u2019environ dix jours, sous r\u00e9serve\n              d\u2019acc\u00e8s au chantier.\n            <\/p>\n\n            <a class=\"ds-btn ds-btn-light\" href=\"#ds-contact\">\n              Demander des informations\n            <\/a>\n          <\/div>\n\n          <div>\n            <h3>Ce qui est pr\u00e9vu<\/h3>\n\n            <ul class=\"ds-construction-list\">\n              <li>Environ trois passages par mois<\/li>\n              <li>Photos dat\u00e9es des \u00e9l\u00e9ments visibles<\/li>\n              <li>Compte rendu de ce qui a pu \u00eatre observ\u00e9<\/li>\n              <li>Transmission des informations \u00e0 distance<\/li>\n              <li>Signalement visuel d\u2019un changement notable constat\u00e9<\/li>\n            <\/ul>\n\n            <div class=\"ds-disclaimer\">\n              <strong>\u00c0 savoir :<\/strong> cette prestation est un suivi visuel\n              uniquement. Elle ne comprend ni expertise technique, ni contr\u00f4le\n              de conformit\u00e9, ni validation de la qualit\u00e9 des travaux, ni gestion\n              des artisans, des mat\u00e9riaux ou du chantier. L\u2019acc\u00e8s doit \u00eatre\n              autoris\u00e9 et organis\u00e9 au pr\u00e9alable. En cas d\u2019impossibilit\u00e9 d\u2019acc\u00e8s,\n              les modalit\u00e9s d\u2019une nouvelle visite seront convenues ensemble.\n              Le tarif et la disponibilit\u00e9 sont \u00e0 confirmer selon la localisation\n              du chantier.\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Fonctionnement -->\n    <section class=\"ds-section\">\n      <div class=\"ds-container\">\n\n        <div class=\"ds-center\">\n          <span class=\"ds-eyebrow\">Comment \u00e7a fonctionne ?<\/span>\n          <h2>Un accompagnement simple et clair.<\/h2>\n          <p class=\"ds-intro\">\n            Nous d\u00e9finissons ensemble les besoins, la fr\u00e9quence des visites\n            et les informations que vous souhaitez recevoir.\n          <\/p>\n        <\/div>\n\n        <div class=\"ds-steps\">\n\n          <article class=\"ds-step\">\n            <div class=\"ds-step-number\">01<\/div>\n            <h3>Premier contact<\/h3>\n            <p>\n              Vous nous pr\u00e9sentez votre bien, sa localisation et vos besoins.\n            <\/p>\n          <\/article>\n\n          <article class=\"ds-step\">\n            <div class=\"ds-step-number\">02<\/div>\n            <h3>Choix de la formule<\/h3>\n            <p>\n              Nous d\u00e9terminons la prestation adapt\u00e9e, la fr\u00e9quence et les\n              modalit\u00e9s d\u2019acc\u00e8s.\n            <\/p>\n          <\/article>\n\n          <article class=\"ds-step\">\n            <div class=\"ds-step-number\">03<\/div>\n            <h3>Passage sur place<\/h3>\n            <p>\n              Nous effectuons les observations visuelles pr\u00e9vues dans la formule.\n            <\/p>\n          <\/article>\n\n          <article class=\"ds-step\">\n            <div class=\"ds-step-number\">04<\/div>\n            <h3>Compte rendu<\/h3>\n            <p>\n              Vous recevez des nouvelles et des photos des \u00e9l\u00e9ments observ\u00e9s.\n            <\/p>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Zone d'intervention -->\n    <section class=\"ds-section ds-zone\" id=\"ds-zone\">\n      <div class=\"ds-container\">\n\n        <span class=\"ds-eyebrow\">Notre secteur<\/span>\n        <h2>Zone d\u2019intervention<\/h2>\n\n        <p class=\"ds-intro\">\n          DAR S\u00c9R\u00c9NIT\u00c9 intervient \u00e0 Ghazaouet et dans sa p\u00e9riph\u00e9rie, selon\n          la localisation du bien et la prestation demand\u00e9e.\n        <\/p>\n\n        <div class=\"ds-zone-box\">\n          <h3>Ghazaouet et les environs<\/h3>\n          <p>\n            La zone habituelle de d\u00e9placement est d\u2019environ 15 km autour de\n            Ghazaouet. Pour une habitation ou un chantier situ\u00e9 plus loin,\n            contactez-nous afin d\u2019\u00e9tudier la faisabilit\u00e9 et le tarif.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- Contact -->\n    <section class=\"ds-section\" id=\"ds-contact\">\n      <div class=\"ds-container ds-contact-grid\">\n\n        <div>\n          <span class=\"ds-eyebrow\">Parlons de votre projet<\/span>\n          <h2>Vous souhaitez garder un \u0153il sur votre bien ?<\/h2>\n\n          <p class=\"ds-intro\">\n            D\u00e9crivez-nous votre besoin et la localisation de votre habitation.\n            Nous pourrons \u00e9changer sur la formule adapt\u00e9e et les modalit\u00e9s\n            de suivi.\n          <\/p>\n\n          <div class=\"ds-contact-info\">\n\n            <div class=\"ds-contact-item\">\n              <strong>WhatsApp<\/strong>\n              <span>Pour nous envoyer directement votre demande.<\/span>\n              <a\n                href=\"https:\/\/wa.me\/33612298713\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                06 12 29 87 13\n              <\/a>\n            <\/div>\n\n            <div class=\"ds-contact-item\">\n              <strong>Interlocuteur masculin<\/strong>\n              <span>Contact t\u00e9l\u00e9phonique en Alg\u00e9rie.<\/span>\n              <a href=\"tel:+213549285806\">\n                05 49 28 58 06\n              <\/a>\n            <\/div>\n\n            <div class=\"ds-contact-item\">\n              <strong>Interlocutrice f\u00e9minine<\/strong>\n              <span>Contact t\u00e9l\u00e9phonique en Alg\u00e9rie.<\/span>\n              <a href=\"tel:+213699798822\">\n                06 99 79 88 22\n              <\/a>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <!-- Formulaire WhatsApp -->\n        <form class=\"ds-contact-form\" id=\"dsContactForm\">\n\n          <h3>Envoyer une demande<\/h3>\n\n          <div class=\"ds-form-row\">\n\n            <div class=\"ds-field\">\n              <label for=\"ds-name\">Votre nom *<\/label>\n              <input\n                type=\"text\"\n                id=\"ds-name\"\n                name=\"name\"\n                autocomplete=\"name\"\n                required\n              >\n            <\/div>\n\n            <div class=\"ds-field\">\n              <label for=\"ds-email\">Votre adresse e-mail<\/label>\n              <input\n                type=\"email\"\n                id=\"ds-email\"\n                name=\"email\"\n                autocomplete=\"email\"\n              >\n            <\/div>\n\n          <\/div>\n\n          <div class=\"ds-field\">\n            <label for=\"ds-service\">Votre besoin *<\/label>\n            <select id=\"ds-service\" name=\"service\" required>\n              <option value=\"\">Choisir une prestation<\/option>\n              <option value=\"Contr\u00f4le ext\u00e9rieur\">Contr\u00f4le ext\u00e9rieur<\/option>\n              <option value=\"Contr\u00f4le int\u00e9rieur et ext\u00e9rieur\">\n                Contr\u00f4le int\u00e9rieur et ext\u00e9rieur\n              <\/option>\n              <option value=\"Suivi visuel de chantier\">\n                Suivi visuel de chantier\n              <\/option>\n              <option value=\"Demande d'information\">\n                Autre demande \/ information\n              <\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"ds-field\">\n            <label for=\"ds-location\">Localisation du bien *<\/label>\n            <input\n              type=\"text\"\n              id=\"ds-location\"\n              name=\"location\"\n              placeholder=\"Ex. : Ghazaouet, quartier...\"\n              required\n            >\n          <\/div>\n\n          <div class=\"ds-field\">\n            <label for=\"ds-message\">Votre message *<\/label>\n            <textarea\n              id=\"ds-message\"\n              name=\"message\"\n              placeholder=\"D\u00e9crivez bri\u00e8vement votre besoin...\"\n              required\n            ><\/textarea>\n          <\/div>\n\n          <button class=\"ds-btn ds-btn-primary\" type=\"submit\">\n            Envoyer ma demande sur WhatsApp\n          <\/button>\n\n          <p class=\"ds-form-note\">\n            Votre demande sera pr\u00e9par\u00e9e dans WhatsApp. V\u00e9rifiez le message,\n            puis appuyez sur \u00ab Envoyer \u00bb pour nous le transmettre.\n          <\/p>\n\n          <div class=\"ds-feedback\" id=\"dsFeedback\" role=\"status\" aria-live=\"polite\"><\/div>\n\n        <\/form>\n\n      <\/div>\n    <\/section>\n\n    <!-- Appel final -->\n    <section class=\"ds-final-cta\">\n      <div class=\"ds-container\">\n        <span class=\"ds-eyebrow\">DAR S\u00c9R\u00c9NIT\u00c9<\/span>\n        <h2>Votre maison m\u00e9rite une attention r\u00e9guli\u00e8re.<\/h2>\n\n        <p>\n          Vous \u00eates loin de votre bien ? \u00c9changeons sur vos besoins et trouvons\n          ensemble une solution adapt\u00e9e.\n        <\/p>\n\n        <a\n          class=\"ds-btn ds-btn-primary\"\n          href=\"https:\/\/wa.me\/33612298713\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Nous contacter sur WhatsApp\n        <\/a>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- Pied de page -->\n  <footer class=\"ds-footer\">\n    <div class=\"ds-container\">\n\n      <div class=\"ds-footer-main\">\n\n        <div>\n          <a class=\"ds-footer-logo\" href=\"#ds-accueil\" aria-label=\"DAR S\u00c9R\u00c9NIT\u00c9 - Accueil\">\n            <img decoding=\"async\"\n              src=\"https:\/\/ns-crea.com\/wp-content\/uploads\/2026\/10\/IMG_6523.jpeg\"\n              alt=\"Logo DAR S\u00c9R\u00c9NIT\u00c9\"\n              loading=\"lazy\"\n            >\n          <\/a>\n\n          <p>\n            Une pr\u00e9sence locale pour garder un \u0153il sur votre habitation\n            lorsque vous \u00eates loin.\n          <\/p>\n        <\/div>\n\n        <div>\n          <h3>Navigation<\/h3>\n\n          <div class=\"ds-footer-links\">\n            <a href=\"#ds-prestations\">Nos prestations<\/a>\n            <a href=\"#ds-formules\">Nos formules<\/a>\n            <a href=\"#ds-chantier\">Suivi de chantier<\/a>\n            <a href=\"#ds-approche\">Notre approche<\/a>\n            <a href=\"#ds-zone\">Zone d\u2019intervention<\/a>\n            <a href=\"#ds-contact\">Contact<\/a>\n          <\/div>\n        <\/div>\n\n        <div>\n          <h3>Nous contacter<\/h3>\n\n          <div class=\"ds-footer-links\">\n            <a href=\"https:\/\/wa.me\/33612298713\" target=\"_blank\" rel=\"noopener noreferrer\">\n              WhatsApp : 06 12 29 87 13\n            <\/a>\n\n            <a href=\"tel:+213549285806\">\n              Interlocuteur masculin\n            <\/a>\n\n            <a href=\"tel:+213699798822\">\n              Interlocutrice f\u00e9minine\n            <\/a>\n\n            <a href=\"#ds-zone\">\n              Ghazaouet et sa p\u00e9riph\u00e9rie\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"ds-footer-bottom\">\n\n        <p>\n          \u00a9 <span id=\"ds-year\"><\/span> DAR S\u00c9R\u00c9NIT\u00c9. Tous droits r\u00e9serv\u00e9s.\n        <\/p>\n\n        <div class=\"ds-credit\">\n          Site cr\u00e9\u00e9 par\n          <a\n            href=\"https:\/\/www.instagram.com\/ns__crea\/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"D\u00e9couvrir NS CR\u00c9A sur Instagram\"\n          >NS CR\u00c9A<\/a>\n          \u00b7 Cr\u00e9ation &amp; communication digitale\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/footer>\n\n  <!-- Bouton WhatsApp flottant -->\n  <a\n    class=\"ds-whatsapp-float\"\n    href=\"https:\/\/wa.me\/33612298713\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    aria-label=\"Contacter DAR S\u00c9R\u00c9NIT\u00c9 sur WhatsApp\"\n  >\n    <span class=\"ds-whatsapp-icon\" aria-hidden=\"true\">W<\/span>\n    Nous contacter sur WhatsApp\n  <\/a>\n\n  <script>\n    (function () {\n      const root = document.getElementById('dar-serenite');\n\n      if (!root) return;\n\n      \/* Ann\u00e9e automatique dans le pied de page *\/\n      const yearElement = root.querySelector('#ds-year');\n\n      if (yearElement) {\n        yearElement.textContent = new Date().getFullYear();\n      }\n\n      \/* Menu mobile *\/\n      const menuButton = root.querySelector('.ds-menu-toggle');\n      const navigation = root.querySelector('#ds-navigation');\n\n      if (menuButton && navigation) {\n        menuButton.addEventListener('click', function () {\n          const isOpen = navigation.classList.toggle('ds-open');\n\n          menuButton.setAttribute('aria-expanded', String(isOpen));\n          menuButton.setAttribute(\n            'aria-label',\n            isOpen ? 'Fermer le menu' : 'Ouvrir le menu'\n          );\n        });\n\n        navigation.querySelectorAll('a').forEach(function (link) {\n          link.addEventListener('click', function () {\n            navigation.classList.remove('ds-open');\n            menuButton.setAttribute('aria-expanded', 'false');\n            menuButton.setAttribute('aria-label', 'Ouvrir le menu');\n          });\n        });\n      }\n\n      \/* Formulaire : pr\u00e9paration du message WhatsApp *\/\n      const contactForm = root.querySelector('#dsContactForm');\n      const feedback = root.querySelector('#dsFeedback');\n\n      if (contactForm) {\n        contactForm.addEventListener('submit', function (event) {\n          event.preventDefault();\n\n          if (!contactForm.reportValidity()) {\n            return;\n          }\n\n          const name = root.querySelector('#ds-name').value.trim();\n          const email = root.querySelector('#ds-email').value.trim();\n          const service = root.querySelector('#ds-service').value;\n          const location = root.querySelector('#ds-location').value.trim();\n          const message = root.querySelector('#ds-message').value.trim();\n\n          const whatsappMessage = [\n            'Bonjour DAR S\u00c9R\u00c9NIT\u00c9,',\n            '',\n            'Je souhaite obtenir des informations sur vos prestations.',\n            '',\n            'Nom : ' + name,\n            'Adresse e-mail : ' + (email || 'Non renseign\u00e9e'),\n            'Prestation souhait\u00e9e : ' + service,\n            'Localisation du bien : ' + location,\n            '',\n            'Mon message :',\n            message\n          ].join('\\n');\n\n          const whatsappUrl =\n            'https:\/\/wa.me\/33612298713?text=' +\n            encodeURIComponent(whatsappMessage);\n\n          if (feedback) {\n            feedback.textContent =\n              'WhatsApp va s\u2019ouvrir avec votre demande. V\u00e9rifiez le message, puis appuyez sur Envoyer.';\n            feedback.classList.add('ds-visible');\n          }\n\n          window.open(whatsappUrl, '_blank', 'noopener,noreferrer');\n        });\n      }\n    })();\n  <\/script>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9sence locale \u00e0 Ghazaouet et sa p\u00e9riph\u00e9rie \u00b7 Des nouvelles concr\u00e8tes de votre bien, m\u00eame \u00e0 distance Menu Prestations Formules [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":5,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}