/* Christophe Durand Site 3.2.38 - consolidation des refinements réellement actifs en 3.2.37. */


/* ---- assets/css/refinements-3.2.9.css ---- */
/*
 * Christophe Durand Site autonome - finitions V3.2.9
 * Couche volontairement limitée a des ajustements visuels a faible risque.
 * Aucun changement de structure, de contenu ou de comportement.
 */

/* 1) Sortir de la grammaire sans-serif + serif italique, sans changer les
 * dimensions imposees localement aux titres par les feuilles existantes. */
body.cd-site .cd-display-serif,
body.cd-site .cd-about-emphasis,
body.cd-site .cd-work-principle-lead,
body.cd-site .cd-contact-accent {
  font-family: "Instrument Sans", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
}

/* 2) CTA : conserver leur gabarit et leur comportement, uniquement retirer
 * l'effet capsule integral. */
body.cd-site .cd-button,
body.cd-site .cd-header .cd-nav-cta {
  border-radius: 8px !important;
}

/* 3) Curseur editorial : meme mecanisme JS, mais presence visuelle attenuee. */
body.cd-site .cd-v2-cursor-dot {
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
body.cd-site .cd-v2-cursor-ring {
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-color: rgba(255,255,255,.72);
}
body.cd-site .cd-v2-cursor-ring.is-active {
  width: 46px;
  height: 46px;
  margin: -23px 0 0 -23px;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.88);
}


/* Correctif 3.2.8 : les pages interieures possedent aussi des accents
 * typographiques sur des span de titres sans classe .cd-display-serif. On
 * neutralise uniquement cette grammaire serif/italique, sans modifier couleur,
 * taille, marges, structure ou comportement. */
body.cd-site .cd-creation-hero h1 > span,
body.cd-site .cd-creation-section h2 > span,
body.cd-site .cd-creation-final h2 > span,
body.cd-site .cd-refonte-hero h1 > span,
body.cd-site .cd-refonte-section h2 > span,
body.cd-site .cd-refonte-final h2 > span,
body.cd-site .cd-method-hero h1 > span,
body.cd-site .cd-method-start h2 > span,
body.cd-site .cd-method-step h2 > span,
body.cd-site .cd-method-foundations h2 > span,
body.cd-site .cd-method-collab h2 > span,
body.cd-site .cd-method-decisions h2 > span,
body.cd-site .cd-method-flex h2 > span,
body.cd-site .cd-method-final h2 > span,
body.cd-site .cd-work-hero h1 > span,
body.cd-site .cd-work-principle h2 > span,
body.cd-site .cd-work-final h2 > span,
body.cd-site .cd-about-hero h1 > span,
body.cd-site .cd-about-before h2 > span,
body.cd-site .cd-about-experience h2 > span,
body.cd-site .cd-about-small-business h2 > span,
body.cd-site .cd-about-progressive h2 > span,
body.cd-site .cd-about-direct h2 > span,
body.cd-site .cd-about-useful h2 > span,
body.cd-site .cd-about-alicante h2 > span,
body.cd-site .cd-about-trust h2 > span,
body.cd-site .cd-about-final h2 > span,
body.cd-site .cd-contact-hero h1 > span,
body.cd-site.cd-home-2026 .cd-question-line-2026,
body.cd-site.cd-home-2026 .cd-proof-2026-statement {
  font-family: "Instrument Sans", Arial, sans-serif !important;
  font-style: normal !important;
}

/* Correctif d'espacement des grands titres - V3.2.9.
 * Ajustement plus mesure que la V3.2.8 :
 * - respiration reduite sur les grands titres deja corriges ;
 * - ajout de l'espacement manquant sous "A a Z" sur l'accueil ;
 * - meme regle pour les gabarits FR/ES partageant ces classes.
 * Aucun contenu, gabarit, couleur, taille de titre ou comportement n'est modifie. */
body.cd-site.cd-home-2026 #cd-home-title .cd-display-serif {
  margin-left: 0 !important;
}

body.cd-site.cd-home-2026 .cd-home-intro {
  margin-top: clamp(1.85rem, 2.6vw, 2.35rem) !important;
}

body.cd-site .cd-creation-hero h1,
body.cd-site .cd-refonte-hero h1,
body.cd-site .cd-method-hero h1,
body.cd-site .cd-work-hero h1,
body.cd-site .cd-about-hero h1,
body.cd-site .cd-contact-hero h1 {
  margin-bottom: clamp(2.1rem, 3vw, 2.8rem) !important;
}

/* Le titre "Je vous accompagne de A a Z" restait plus serre que les autres. */
body.cd-site.cd-home-2026 .cd-process-2026-heading h2 {
  margin-bottom: clamp(2.1rem, 2.8vw, 2.5rem) !important;
}

@media (max-width: 620px) {
  body.cd-site.cd-home-2026 .cd-home-intro {
    margin-top: 1.8rem !important;
  }

  body.cd-site .cd-creation-hero h1,
  body.cd-site .cd-refonte-hero h1,
  body.cd-site .cd-method-hero h1,
  body.cd-site .cd-work-hero h1,
  body.cd-site .cd-about-hero h1,
  body.cd-site .cd-contact-hero h1 {
    margin-bottom: 1.9rem !important;
  }

  body.cd-site.cd-home-2026 .cd-process-2026-heading h2 {
    margin-bottom: 1.9rem !important;
  }
}

/* -------------------------------------------------------------------------
 * Retouches visuelles legeres - anti-effet "template IA"
 * Intervention volontairement limitee : aucune structure, aucun contenu,
 * aucune image et aucun comportement JavaScript ne sont modifies.
 * ------------------------------------------------------------------------- */

/* Header : conserver son fonctionnement contextuel. Seul l'etat clair au
 * defilement passe du beige au blanc afin d'eviter l'esthetique "papier". */
body.cd-site .cd-header.cd-header-2026.cd-header-on-light.cd-header-scrolled {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: rgba(17, 17, 15, 0.14) !important;
}

/* Footer : meme structure et memes liens, mais fond blanc et contraste sombre.
 * Le changement est purement chromatique. */
body.cd-site .cd-footer.cd-footer-2026 {
  background: #ffffff !important;
  color: #171915 !important;
  border-top: 1px solid rgba(17, 17, 15, 0.14) !important;
}

body.cd-site .cd-footer.cd-footer-2026 .cd-brand,
body.cd-site .cd-footer.cd-footer-2026 .cd-brand-2026,
body.cd-site .cd-footer.cd-footer-2026 .cd-footer-list a,
body.cd-site .cd-footer.cd-footer-2026 .cd-footer-bottom a {
  color: #171915 !important;
}

body.cd-site .cd-footer.cd-footer-2026 .cd-footer-brand p,
body.cd-site .cd-footer.cd-footer-2026 .cd-brand-role {
  color: rgba(23, 25, 21, 0.62) !important;
}

body.cd-site .cd-footer.cd-footer-2026 .cd-footer-heading {
  color: rgba(23, 25, 21, 0.72) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

body.cd-site .cd-footer.cd-footer-2026 .cd-footer-bottom {
  border-top-color: rgba(17, 17, 15, 0.14) !important;
  color: rgba(23, 25, 21, 0.56) !important;
}

body.cd-site .cd-footer.cd-footer-2026 .cd-footer-list a:hover,
body.cd-site .cd-footer.cd-footer-2026 .cd-footer-bottom a:hover {
  color: #000000 !important;
}

/* Mobile : titres moins massifs, plus larges et centres. Les textes courants
 * restent alignes a gauche pour conserver une lecture naturelle. */
@media (max-width: 620px) {
  body.cd-site.cd-home-2026 #cd-home-title {
    max-width: 100% !important;
    margin-inline: auto !important;
    font-size: clamp(2.8rem, 11.8vw, 3.65rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.cd-site.cd-home-2026 .cd-home-kicker {
    margin-inline: auto !important;
    text-align: center !important;
  }

  body.cd-site.cd-home-2026 #cd-home-title .cd-display-serif {
    margin-inline: auto !important;
    text-align: center !important;
  }

  body.cd-site.cd-home-2026 .cd-home-intro {
    max-width: 36rem !important;
    margin-inline: auto !important;
    text-align: left !important;
  }

  body.cd-site.cd-home-2026 .cd-problem-2026-intro h2,
  body.cd-site.cd-home-2026 .cd-process-2026-heading h2,
  body.cd-site.cd-home-2026 .cd-home-section-head h2,
  body.cd-site.cd-home-2026 .cd-reasons-2026-heading h2,
  body.cd-site.cd-home-2026 .cd-about-2026-copy h2,
  body.cd-site.cd-home-2026 .cd-proof-2026-grid h2,
  body.cd-site.cd-home-2026 .cd-home-final h2 {
    max-width: 100% !important;
    margin-inline: auto !important;
    font-size: clamp(2.15rem, 9.2vw, 3rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.cd-site.cd-home-2026 .cd-home-section-index {
    width: 100% !important;
    margin-bottom: 1.1rem !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  body.cd-site.cd-home-2026 .cd-home-section-head {
    align-items: center !important;
    text-align: center !important;
  }

  body.cd-site.cd-home-2026 .cd-home-section-head > *,
  body.cd-site.cd-home-2026 .cd-work-heading-copy {
    width: 100% !important;
  }

  body.cd-site.cd-home-2026 .cd-home-section-head .cd-home-inline-link {
    margin-inline: auto !important;
  }

  body.cd-site.cd-home-2026 .cd-problem-2026-intro,
  body.cd-site.cd-home-2026 .cd-process-2026-heading,
  body.cd-site.cd-home-2026 .cd-reasons-2026-heading,
  body.cd-site.cd-home-2026 .cd-proof-2026-grid > div:first-child,
  body.cd-site.cd-home-2026 .cd-home-final .cd-final-2026-grid > div:first-child {
    text-align: center !important;
  }

  /* Les gros 01 / 02 des deux cartes sont purement decoratifs. */
  body.cd-site.cd-home-2026 .cd-service-2026-top strong {
    display: none !important;
  }

  body.cd-site.cd-home-2026 .cd-service-2026-top {
    justify-content: flex-start !important;
  }

  /* Les numeros de listes restent presents lorsqu'ils indiquent un ordre,
   * mais ils cessent de fabriquer une colonne graphique autonome. */
  body.cd-site.cd-home-2026 .cd-process-2026-item,
  body.cd-site.cd-home-2026 .cd-reasons-2026-list li {
    grid-template-columns: 2rem minmax(0, 1fr) !important;
    gap: 0.75rem !important;
  }

  body.cd-site.cd-home-2026 .cd-process-number,
  body.cd-site.cd-home-2026 .cd-reasons-2026-list > li > span,
  body.cd-site.cd-home-2026 .cd-method-2026-track > li > span {
    font-size: 0.7rem !important;
    letter-spacing: 0.04em !important;
    opacity: 0.5 !important;
  }

  body.cd-site.cd-home-2026 .cd-method-2026-track > li > span {
    margin-bottom: 1.1rem !important;
  }

  /* Heroes des pages interieures : meme correction mobile, sans toucher aux
   * textes, boutons, paragraphes ou composants graphiques adjacents. */
  body.cd-site .cd-creation-hero h1,
  body.cd-site .cd-refonte-hero h1,
  body.cd-site .cd-method-hero h1,
  body.cd-site .cd-work-hero h1,
  body.cd-site .cd-about-hero h1,
  body.cd-site .cd-contact-hero h1 {
    max-width: 100% !important;
    margin-inline: auto !important;
    font-size: clamp(2.45rem, 10.3vw, 3.35rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.cd-site .cd-creation-hero .cd-creation-label,
  body.cd-site .cd-refonte-hero .cd-refonte-label,
  body.cd-site .cd-method-hero .cd-method-label,
  body.cd-site .cd-work-hero .cd-work-label,
  body.cd-site .cd-about-hero .cd-about-label,
  body.cd-site .cd-contact-hero .cd-contact-index {
    display: block !important;
    width: 100% !important;
    letter-spacing: 0.03em !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* Contraste du pied de page clair : les paragraphes du bandeau legal avaient
 * une couleur claire definie plus specifiquement dans le bundle d'accueil. */
body.cd-site .cd-footer.cd-footer-2026 .cd-footer-bottom,
body.cd-site .cd-footer.cd-footer-2026 .cd-footer-bottom p {
  color: rgba(23, 25, 21, 0.58) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* -------------------------------------------------------------------------
 * V3.2.17 - RETOUCHE FINALE CIBLEE : « Votre site reste entre vos mains ».
 * Rien d'autre n'est modifie.
 * ------------------------------------------------------------------------- */

/* Desktop : respiration intermediaire entre le titre et le premier texte.
 * On neutralise les anciens padding/margin cumules qui creaient un trou trop grand. */
body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-copy {
  margin-top: clamp(2rem, 2.6vw, 2.75rem) !important;
  padding-top: 0 !important;
}

/* Desktop : les trois captures occupent la largeur utile du contenu, en trois
 * colonnes egales. Elles restent des preuves visuelles, mais sont lisibles. */
body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-gallery {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: clamp(1.7rem, 2.5vw, 2.35rem) 0 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.75rem, 1.35vw, 1.2rem) !important;
  align-items: start !important;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-shot,
body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-shot-main {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  grid-column: auto !important;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-thumb {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(17, 17, 15, 0.16) !important;
  background: #f3f3f3 !important;
  color: inherit !important;
  cursor: zoom-in !important;
  text-decoration: none !important;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-thumb img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-thumb::after {
  position: absolute;
  right: 0.55rem;
  bottom: 0.5rem;
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border: 1px solid rgba(17, 17, 15, 0.2);
  background: rgba(255, 255, 255, 0.94);
  color: #171915;
  content: "+";
  font-size: 1rem;
  line-height: 1;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-note {
  width: 100% !important;
  max-width: none !important;
  margin: 0.9rem 0 0 !important;
}

/* Pop-up desktop conserve. */
body.cd-site .cd-autonomy-lightbox {
  width: min(94vw, 1500px);
  max-width: 1500px;
  max-height: 92vh;
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

body.cd-site .cd-autonomy-lightbox::backdrop {
  background: rgba(8, 9, 8, 0.86);
}

body.cd-site .cd-autonomy-lightbox-frame {
  position: relative;
  display: flex;
  max-height: 92vh;
  align-items: center;
  justify-content: center;
}

body.cd-site .cd-autonomy-lightbox-image {
  display: block;
  width: auto;
  max-width: 94vw;
  height: auto;
  max-height: 88vh;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: #fff;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
}

body.cd-site .cd-autonomy-lightbox-close {
  position: absolute;
  z-index: 2;
  top: -1.15rem;
  right: -1.15rem;
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  background: #171915;
  color: #fff;
  cursor: pointer;
  font: 500 1.35rem/1 Arial, sans-serif;
}

@media (max-width: 700px) {
  /* Mobile : espace plus naturel, puis captures empilees. */
  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-copy {
    margin-top: 2rem !important;
    padding-top: 0 !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-gallery {
    display: grid !important;
    width: 100% !important;
    margin: 1.5rem 0 0 !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-shot,
  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-shot-main {
    width: 100% !important;
    max-width: none !important;
  }

  /* Sur mobile, ces images sont purement illustratives : aucun zoom, aucun +. */
  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-thumb {
    pointer-events: none !important;
    cursor: default !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-thumb::after {
    display: none !important;
    content: none !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-note-zoom {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------
 * V3.2.18 - Nettoyage de l'accueil : moins de mecanique de landing page.
 * Les numeros decoratifs ont ete retires du HTML. Ces deux regles suppriment
 * uniquement les colonnes devenues inutiles, sans changer le reste du design.
 * ------------------------------------------------------------------------- */
body.cd-site.cd-home-2026 .cd-process-2026-item,
body.cd-site.cd-home-2026 .cd-reasons-2026-list li {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.cd-site.cd-home-2026 .cd-service-2026-top {
  justify-content: flex-start !important;
}


/* -------------------------------------------------------------------------
 * V3.2.19 - Nettoyage transversal des pages interieures.
 * Les surtitres repetitifs et numeros purement decoratifs ont ete retires du
 * HTML. Ces regles ferment uniquement les colonnes devenues inutiles.
 * Les numeros des vraies etapes chronologiques restent conserves.
 * ------------------------------------------------------------------------- */
body.cd-site .cd-blueprint-node,
body.cd-site .cd-refonte-diagnostic-actions > div,
body.cd-site .cd-creation-page-list li,
body.cd-site .cd-refonte-sign-list li,
body.cd-site .cd-refonte-scope-list li,
body.cd-site .cd-about-principles li,
body.cd-site .cd-contact-start-list li {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.cd-site .cd-method-map-item {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.cd-site .cd-method-map-item small {
  grid-column: 1 !important;
}

body.cd-site .cd-work-more-head,
body.cd-site .cd-method-foundations-head,
body.cd-site .cd-method-collab-head,
body.cd-site .cd-about-direct-head,
body.cd-site .cd-about-experience-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.cd-site .cd-work-more-head,
body.cd-site .cd-method-foundations-head,
body.cd-site .cd-method-collab-head,
body.cd-site .cd-about-direct-head {
  gap: 0 !important;
}

/* -------------------------------------------------------------------------
 * V3.2.21 - Accueil, mobile uniquement.
 * Centrage du seul titre du bloc autonomie, pour l'aligner sur les autres
 * grands titres mobiles de la page. Aucun autre composant n'est modifie.
 * ------------------------------------------------------------------------- */
@media (max-width: 700px) {
  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-head > div:first-child {
    width: 100% !important;
    text-align: center !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy h2#cd-autonomy-title {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }
}


/* -------------------------------------------------------------------------
 * V3.2.22 - Harmonisation mobile des grands titres sur les pages interieures.
 * Uniquement sous 620 px : les titres principaux de section sont centres,
 * comme sur l'accueil. Les titres internes (etapes, projets, FAQ, juridique)
 * conservent leur alignement existant.
 * ------------------------------------------------------------------------- */
@media (max-width: 620px) {
  /* Creation / refonte / assistant / page partenaire. */
  body.cd-site .cd-creation-heading > h2,
  body.cd-site .cd-creation-section-head > h2,
  body.cd-site .cd-creation-dark-head > h2,
  body.cd-site .cd-creation-final-grid > div:first-child > h2,
  body.cd-site .cd-refonte-heading > h2,
  body.cd-site .cd-refonte-section-head > h2,
  body.cd-site .cd-refonte-dark-head > h2,
  body.cd-site .cd-refonte-final-grid > div:first-child > h2,

  /* Realisations : titres de sections uniquement, jamais les noms de projets. */
  body.cd-site .cd-work-more-head > h2,
  body.cd-site .cd-work-principle-grid > div:first-child > h2,
  body.cd-site .cd-work-final-grid > div:first-child > h2,

  /* Methode / memos : titres de sections, pas les titres des etapes. */
  body.cd-site .cd-method-start-grid > div:first-child > h2,
  body.cd-site .cd-method-foundations-head > h2,
  body.cd-site .cd-method-collab-head > h2,
  body.cd-site .cd-method-decisions-grid > div:first-child > h2,
  body.cd-site .cd-method-flex-grid > div:first-child > h2,
  body.cd-site .cd-method-final-grid > div:first-child > h2,

  /* A propos. */
  body.cd-site .cd-about-editorial-grid > div:first-child > h2,
  body.cd-site .cd-about-experience-grid > div:first-child > h2,
  body.cd-site .cd-about-dark-grid > div:first-child > h2,
  body.cd-site .cd-about-direct-head > h2,
  body.cd-site .cd-about-useful-grid > div:first-child > h2,
  body.cd-site .cd-about-alicante-grid > div:first-child > h2,
  body.cd-site .cd-about-final-grid > div:first-child > h2,

  /* Contact. */
  body.cd-site .cd-contact-form-wrap > h2,
  body.cd-site .cd-contact-direct > h2,
  body.cd-site .cd-contact-editorial-grid > div:first-child > h2 {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }

  /* Les pages juridiques n'ont qu'un grand titre editorial : le H1. */
  body.cd-site .cd-legal-hero h1 {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }
}


/* ---- assets/css/refinements-3.2.26.css ---- */
/* V3.2.26 - Corrections ponctuelles demandees.
 * Aucun changement de structure ni de contenu :
 * - suppression definitive de la mention geographique verticale du hero ;
 * - surtitre d'accueil simplifie, sans trait decoratif ;
 * - image complete du bureau sur mobile a la place du detourage ;
 * - harmonisation du centrage des grands titres mobiles ;
 * - introduction de l'accueil legerement rapprochee du hero sur mobile.
 */

/* Accueil : la mention verticale ne doit jamais reapparaitre, quelle que soit
 * la variante de bundle ou la classe de page appliquee par WordPress. */
body.cd-site .cd-home-hero::after {
  content: none !important;
  display: none !important;
}

/* Accueil : conserver le texte utile, mais retirer le trait/status qui donnait
 * au surtitre un aspect trop code visuellement. */
body.cd-site.cd-home-2026 .cd-home-kicker {
  gap: 0 !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  letter-spacing: .015em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  opacity: .82 !important;
}

body.cd-site.cd-home-2026 .cd-home-kicker .cd-status-dot {
  display: none !important;
}

@media (max-width: 620px) {
  /* Le visuel reste exactement a son emplacement mobile, mais on affiche la
   * scene complete afin de retrouver le bureau et les ombres naturelles. */
  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene {
    aspect-ratio: auto !important;
    background: none !important;
    overflow: hidden !important;
    border-radius: .65rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene .cd-home-scene-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
  }

  /* Introduction de l'accueil : centrage de la phrase d'ouverture et leger
   * rapprochement du hero, sans modifier la suite de la section. */
  body.cd-site.cd-home-2026 .cd-home-problem {
    padding-top: 4.5rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-introduction-lead {
    width: 100% !important;
    text-align: center !important;
  }

  body.cd-site.cd-home-2026 .cd-home-introduction-lead p {
    max-width: 24ch !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }

  /* La page Methode avait un cas particulier : son grand titre de debut de
   * section se trouve dans la seconde colonne, apres la petite note. */
  body.cd-site .cd-method-start-grid > div > h2 {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body.cd-site .cd-method-start-note {
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }
}

/* V3.2.27 - Accueil mobile uniquement : integration douce de la scene du hero.
 * Le visuel conserve toute sa matiere mais se fond progressivement dans le noir
 * du hero sur les quatre bords. Aucun changement de position ni de dimensions. */
@media (max-width: 620px) {
  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene {
    background: #0f0f0d !important;
    overflow: hidden !important;
  }

  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -1px !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(
        to bottom,
        #0f0f0d 0%,
        rgba(15, 15, 13, .78) 5%,
        rgba(15, 15, 13, .34) 13%,
        rgba(15, 15, 13, 0) 26%,
        rgba(15, 15, 13, 0) 70%,
        rgba(15, 15, 13, .22) 82%,
        rgba(15, 15, 13, .68) 93%,
        #0f0f0d 100%
      ),
      linear-gradient(
        to right,
        #0f0f0d 0%,
        rgba(15, 15, 13, .62) 4%,
        rgba(15, 15, 13, .24) 10%,
        rgba(15, 15, 13, 0) 18%,
        rgba(15, 15, 13, 0) 82%,
        rgba(15, 15, 13, .24) 90%,
        rgba(15, 15, 13, .62) 96%,
        #0f0f0d 100%
      ) !important;
  }

  body.cd-site.cd-home-2026 .cd-home-stage.cd-home-stage-scene .cd-home-scene-image {
    position: relative !important;
    z-index: 1 !important;
  }
}


/* ---- assets/css/refinements-3.2.30.css ---- */
/* V3.2.30 - pages mémos indexables, sans modification du design général. */
body.cd-site.cd-memo-2026 .cd-memo-article-hero{padding:clamp(4.5rem,8vw,7.5rem) 0;background:var(--home-ivory,#f4f0e7);border-bottom:1px solid var(--home-line,#d8d1c3)}
body.cd-site.cd-memo-2026 .cd-memo-article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
body.cd-site.cd-memo-2026 .cd-memo-back{display:inline-block;margin-bottom:1.5rem;color:var(--home-ink-soft,#5f5e59);font-size:.82rem;font-weight:700;text-decoration:none}
body.cd-site.cd-memo-2026 .cd-memo-back:hover{text-decoration:underline}
body.cd-site.cd-memo-2026 .cd-memo-article-kicker,body.cd-site.cd-memo-2026 .cd-memo-section-kicker{display:block;margin-bottom:.75rem;color:var(--home-accent-dark,#9f4329);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
body.cd-site.cd-memo-2026 .cd-memo-article-copy h1{max-width:900px;margin:0 0 1.35rem;font-size:clamp(3.25rem,6.2vw,6.8rem);font-weight:560;letter-spacing:-.06em;line-height:.94}
body.cd-site.cd-memo-2026 .cd-memo-article-lead{max-width:820px;margin:0;color:var(--home-ink-soft,#5f5e59);font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.62}
body.cd-site.cd-memo-2026 .cd-memo-article-update{margin:1.3rem 0 0;color:var(--home-ink-soft,#5f5e59);font-size:.78rem;font-weight:700}
body.cd-site.cd-memo-2026 .cd-memo-article-cover{margin:0;align-self:stretch;max-width:390px;justify-self:end;border:1px solid var(--home-line,#d8d1c3);background:#fff;box-shadow:0 28px 70px rgba(23,26,31,.11);overflow:hidden}
body.cd-site.cd-memo-2026 .cd-memo-article-cover img{display:block;width:100%;height:100%;max-height:520px;object-fit:cover;object-position:top center}
body.cd-site.cd-memo-2026 .cd-memo-article-main{padding:clamp(4.5rem,8vw,8rem) 0;background:#fff}
body.cd-site.cd-memo-2026 .cd-memo-article-layout{display:grid;grid-template-columns:minmax(170px,.25fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
body.cd-site.cd-memo-2026 .cd-memo-article-aside{position:sticky;top:7rem;display:grid;gap:.65rem;padding-top:.5rem}
body.cd-site.cd-memo-2026 .cd-memo-article-aside>span{margin-bottom:.6rem;color:var(--home-accent-dark,#9f4329);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
body.cd-site.cd-memo-2026 .cd-memo-article-aside a{padding:.35rem 0;border-bottom:1px solid var(--home-line,#d8d1c3);color:var(--home-ink-soft,#5f5e59);font-size:.85rem;text-decoration:none}
body.cd-site.cd-memo-2026 .cd-memo-article-content{min-width:0;max-width:900px}
body.cd-site.cd-memo-2026 .cd-memo-article-content h2{margin:0 0 2rem;font-size:clamp(2.35rem,4.2vw,4.5rem);font-weight:560;letter-spacing:-.05em;line-height:.98}
body.cd-site.cd-memo-2026 .cd-memo-points{display:grid;gap:0;border-top:1px solid var(--home-line,#d8d1c3)}
body.cd-site.cd-memo-2026 .cd-memo-point{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1.2rem;padding:1.65rem 0;border-bottom:1px solid var(--home-line,#d8d1c3)}
body.cd-site.cd-memo-2026 .cd-memo-point>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--home-accent,#c65d3b);color:#fff;font-size:.72rem;font-weight:800}
body.cd-site.cd-memo-2026 .cd-memo-point h3{margin:0 0 .45rem;font-size:clamp(1.28rem,2vw,1.65rem);font-weight:650;letter-spacing:-.025em}
body.cd-site.cd-memo-2026 .cd-memo-point p{margin:0;color:var(--home-ink-soft,#5f5e59);line-height:1.68}
body.cd-site.cd-memo-2026 .cd-memo-current{margin:clamp(3.5rem,6vw,5.5rem) 0;padding:clamp(1.6rem,3vw,2.4rem);border:1px solid var(--home-line,#d8d1c3);background:var(--home-ivory,#f4f0e7)}
body.cd-site.cd-memo-2026 .cd-memo-current h2{font-size:clamp(2rem,3.6vw,3.4rem);margin-bottom:1.1rem}
body.cd-site.cd-memo-2026 .cd-memo-current p{color:var(--home-ink-soft,#5f5e59);line-height:1.7}
body.cd-site.cd-memo-2026 .cd-memo-sources{font-size:.85rem}
body.cd-site.cd-memo-2026 .cd-memo-sources a{color:var(--home-accent-dark,#9f4329)}
body.cd-site.cd-memo-2026 .cd-memo-questions{margin-top:clamp(4rem,7vw,7rem)}
body.cd-site.cd-memo-2026 .cd-memo-questions ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--home-line,#d8d1c3)}
body.cd-site.cd-memo-2026 .cd-memo-questions li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1rem;align-items:start;padding:1.25rem 0;border-bottom:1px solid var(--home-line,#d8d1c3)}
body.cd-site.cd-memo-2026 .cd-memo-questions li span{color:var(--home-accent-dark,#9f4329);font-size:.78rem;font-weight:800;letter-spacing:.06em}
body.cd-site.cd-memo-2026 .cd-memo-questions li p{margin:0;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.5}
body.cd-site.cd-memo-2026 .cd-memo-takeaway{margin:clamp(3rem,5vw,4.5rem) 0;padding:clamp(1.6rem,3vw,2.5rem);background:var(--home-ink,#171a1f);color:#fff}
body.cd-site.cd-memo-2026 .cd-memo-takeaway span{display:block;margin-bottom:.7rem;color:#e18a67;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
body.cd-site.cd-memo-2026 .cd-memo-takeaway p{margin:0;max-width:760px;color:#fff;font-family:var(--cd-serif,"Instrument Serif",serif);font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.08}
body.cd-site.cd-memo-2026 .cd-memo-pdf-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:clamp(2rem,4vw,3rem);border:1px solid var(--home-line,#d8d1c3);background:var(--home-ivory,#f4f0e7)}
body.cd-site.cd-memo-2026 .cd-memo-pdf-cta h2{margin-bottom:.75rem;font-size:clamp(2rem,3.5vw,3.3rem)}
body.cd-site.cd-memo-2026 .cd-memo-pdf-cta p{max-width:680px;margin:0;color:var(--home-ink-soft,#5f5e59);line-height:1.65}
body.cd-site.cd-memo-2026 .cd-memo-pdf-cta .cd-button{white-space:nowrap;cursor:pointer}
body.cd-site.cd-memo-2026 .cd-memo-related{margin-top:clamp(4rem,7vw,6rem)}
body.cd-site.cd-memo-2026 .cd-memo-related>h2{font-size:clamp(2rem,3.5vw,3.3rem)}
body.cd-site.cd-memo-2026 .cd-memo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
body.cd-site.cd-memo-2026 .cd-memo-related-card{display:flex;min-height:190px;flex-direction:column;padding:1.35rem;border:1px solid var(--home-line,#d8d1c3);background:#fff;color:var(--home-ink,#171a1f);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
body.cd-site.cd-memo-2026 .cd-memo-related-card:hover{transform:translateY(-3px);border-color:var(--home-accent,#c65d3b)}
body.cd-site.cd-memo-2026 .cd-memo-related-card>span{margin-bottom:.7rem;color:var(--home-accent-dark,#9f4329);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.cd-site.cd-memo-2026 .cd-memo-related-card>strong{font-family:var(--cd-serif,"Instrument Serif",serif);font-size:1.35rem;line-height:1.08;font-weight:600}
body.cd-site.cd-memo-2026 .cd-memo-related-card>small{margin-top:auto;padding-top:1rem;color:var(--home-ink-soft,#5f5e59);font-weight:700}
body.cd-site.cd-memo-2026 .cd-memo-contact-link{margin-top:2rem}
body.cd-site.cd-method-2026 .cd-memo-card{text-decoration:none}
body.cd-site.cd-method-2026 .cd-memo-card>small span{margin-left:.25rem}
body.cd-site.cd-work-2026 .cd-work-more-shot img[src*="realisations/signatures"],body.cd-site.cd-work-2026 .cd-work-more-shot img[srcset*="realisations/signatures"]{object-position:left top}
@media(max-width:900px){body.cd-site.cd-memo-2026 .cd-memo-article-hero-grid{grid-template-columns:1fr}body.cd-site.cd-memo-2026 .cd-memo-article-cover{justify-self:start!important;max-width:300px!important}body.cd-site.cd-memo-2026 .cd-memo-article-layout{grid-template-columns:1fr!important}body.cd-site.cd-memo-2026 .cd-memo-article-aside{position:static!important;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}body.cd-site.cd-memo-2026 .cd-memo-article-aside>span{grid-column:1/-1}body.cd-site.cd-memo-2026 .cd-memo-related-grid{grid-template-columns:1fr!important}body.cd-site.cd-memo-2026 .cd-memo-pdf-cta{grid-template-columns:1fr!important;align-items:start!important}}
@media(max-width:620px){body.cd-site.cd-memo-2026 .cd-memo-article-hero{padding-top:3.2rem}body.cd-site.cd-memo-2026 .cd-memo-article-copy h1{font-size:clamp(2.8rem,13vw,4.3rem)!important}body.cd-site.cd-memo-2026 .cd-memo-article-cover{max-width:220px!important}body.cd-site.cd-memo-2026 .cd-memo-article-aside{display:none!important}body.cd-site.cd-memo-2026 .cd-memo-point{grid-template-columns:2.7rem minmax(0,1fr)!important}body.cd-site.cd-memo-2026 .cd-memo-questions li{grid-template-columns:2.8rem minmax(0,1fr)!important}body.cd-site.cd-memo-2026 .cd-memo-pdf-cta{padding:1.4rem!important}}


/* ---- assets/css/refinements-3.2.33.css ---- */
/* V3.2.33 - Retouches strictement ciblées demandées le 10/09/2026.
 * 1) Réalisations : Top Info Alicante et Signatures 34 affichés en entier,
 *    avec une marge blanche interne. Immobilier Alicante reste inchangé.
 * 2) Accueil : composition du seul bloc « Votre site reste entre vos mains »
 *    et de sa note sous les trois vignettes.
 */

/* Réalisations : ne toucher qu'aux vignettes 1 et 3. */
body.cd-site.cd-work-2026 .cd-work-more-shot[data-cd-asset="realisations/topinfo-alicante-2026.webp"],
body.cd-site.cd-work-2026 .cd-work-more-shot[data-cd-asset="realisations/signatures34-2026.webp"] {
  box-sizing: border-box !important;
  padding: clamp(.65rem, 1vw, .9rem) !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
}

body.cd-site.cd-work-2026 .cd-work-more-shot[data-cd-asset="realisations/topinfo-alicante-2026.webp"] img,
body.cd-site.cd-work-2026 .cd-work-more-shot[data-cd-asset="realisations/signatures34-2026.webp"] img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Accueil : alignement éditorial plus net du titre et du texte. */
body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-head {
  gap: clamp(3.25rem, 6vw, 6.5rem) !important;
  align-items: start !important;
  margin-bottom: clamp(2.6rem, 4.5vw, 4rem) !important;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-copy {
  margin-top: 0 !important;
  padding-top: .35rem !important;
  max-width: 42rem !important;
}

/* La légende devient une vraie légende, centrée sous les trois captures. */
body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-note {
  width: min(100%, 52rem) !important;
  max-width: 52rem !important;
  margin: 1.15rem auto 0 !important;
  padding-top: .8rem !important;
  border-top: 1px solid rgba(17, 17, 15, .12) !important;
  text-align: center !important;
  color: rgba(23, 25, 21, .62) !important;
  font-size: .76rem !important;
  line-height: 1.55 !important;
}

body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-note-zoom {
  display: inline-block !important;
  margin-left: .3rem !important;
}

@media (max-width: 900px) {
  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-copy {
    margin-top: 1.8rem !important;
    padding-top: 0 !important;
    max-width: 44rem !important;
  }
}

@media (max-width: 700px) {
  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-head {
    gap: 0 !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-2026-copy {
    margin-top: 1.6rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-note {
    width: 100% !important;
    margin-top: 1rem !important;
    padding-top: .7rem !important;
  }

  body.cd-site.cd-home-2026 .cd-home-autonomy .cd-autonomy-note-zoom {
    display: none !important;
  }
}