:root{--olive:#292c1d;--olive2:#30341f;--ivory:#f5ede2;--terra:#bd4b17;--white:#fff;--ink:#1b1b18}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#e9e3da;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-width:320px}
a{color:inherit}.site-page{width:100%}.canvas-wrap{width:100%;display:flex;justify-content:center;overflow:hidden;background:#e9e3da}.canvas{width:min(1536px,100vw);aspect-ratio:3/2;position:relative;container-type:inline-size;background:var(--ivory)}.reference{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;user-select:none;pointer-events:none}.hotspot{position:absolute;display:block;z-index:4;text-decoration:none;background:transparent}.email-patch{position:absolute;z-index:5;display:flex;align-items:center;color:white;background:rgb(41,44,29);font-family:Arial,Helvetica,sans-serif;font-weight:400;white-space:nowrap;overflow:hidden;text-decoration:none}.email-patch.small{font-size:1.05cqw;letter-spacing:.035em}.email-patch.medium{font-size:1.55cqw;letter-spacing:.02em}.email-patch.contact{font-size:1.07cqw;letter-spacing:.01em}.role-patch{position:absolute;z-index:5;color:#171711;font-size:.92cqw;letter-spacing:.22em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.legal-footer{background:#292c1d;color:#f7f3ec;padding:24px max(20px,calc((100vw - 1450px)/2));display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(320px,1.7fr);gap:34px;align-items:center;border-top:1px solid rgba(255,255,255,.12)}.legal-footer .ld-logo{max-width:330px;width:100%;height:auto;display:block}.legal-footer .professional{font-size:14px;line-height:1.65}.legal-footer .professional strong{font-size:16px}.legal-footer a{text-decoration:none}.legal-footer .email{color:#fff}.legal-footer .note{color:#d8d2c6;font-size:12px;margin-top:7px}.legal-footer .links{margin-top:8px;font-size:12px}.legal-footer .links a{color:#e4c9bb;margin-right:18px}.contact-input{position:absolute;z-index:6;border:0!important;outline:0;background:transparent;color:#111;font:1.03cqw/1.2 Arial,Helvetica,sans-serif;padding:.15cqw .2cqw}.contact-input:focus{background:rgba(255,255,255,.6);outline:1px solid rgba(189,75,23,.35)!important}.contact-select{appearance:none}.contact-check{position:absolute;z-index:7;accent-color:#bd4b17}.submit-hotspot{position:absolute;z-index:7;border:0;background:transparent;cursor:pointer}.status{position:absolute;z-index:8;left:37.1%;top:75.2%;width:35%;font-size:.8cqw;color:#8b3214;text-align:center;display:none}
@media(max-width:820px){.legal-footer{grid-template-columns:1fr;padding:20px}.legal-footer .ld-logo{max-width:250px}.legal-footer .professional{font-size:13px}.role-patch{letter-spacing:.16em}.status{font-size:1.4cqw}}

/* Corrections finales demandées */
.legal-footer .ld-social{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.legal-footer .ld-main-link{display:block}
.legal-footer .ld-logo{max-width:390px;width:100%;height:auto;display:block}
.legal-footer .social-row{display:flex;flex-direction:row;align-items:center;gap:10px}
.legal-footer .social-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.legal-footer .social-icon svg{display:block;width:30px;height:30px}
.legal-footer .social-icon.pending{opacity:.45}

.contact-input{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.contact-input:focus{background:rgba(245,237,226,.96)!important;outline:0!important}
.contact-input:-webkit-autofill,
.contact-input:-webkit-autofill:hover,
.contact-input:-webkit-autofill:focus{
  -webkit-text-fill-color:#111!important;
  -webkit-box-shadow:0 0 0 1000px #f5ede2 inset!important;
  transition:background-color 9999s ease-out 0s;
}
.contact-select{appearance:none;-webkit-appearance:none;padding-top:0;padding-bottom:0}
.contact-message{padding-top:0;padding-bottom:0}
.contact-check{margin:0;padding:0}

@media(max-width:820px){
  .legal-footer .ld-logo{max-width:320px}
  .legal-footer .social-icon,.legal-footer .social-icon svg{width:28px;height:28px}
}


/* Corrections demandées — 01/10/2026 */
.nav-hotspot{z-index:20}
.nav-hotspot[aria-label="Estimer"],
.nav-hotspot[aria-label="À propos"],
.nav-hotspot[aria-label="Contact"]{transform:scale(1.22);transform-origin:center}

/* Lloyd & Davis placé à côté de Google dans le pied de page. */
.legal-footer .ld-social{display:flex;align-items:center}
.legal-footer .social-row{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.legal-footer .lloyd-social-link{display:inline-flex;align-items:center;justify-content:center;height:30px;width:118px;text-decoration:none}
.legal-footer .lloyd-social-logo{display:block;max-width:118px;max-height:28px;width:auto;height:auto}

/* Le champ anti-spam ne modifie pas la mise en page. */
.hp-field{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* La coche utilise uniquement le carré imprimé dans la maquette. */
.contact-check{margin:0!important;padding:0!important;-webkit-appearance:none!important;appearance:none!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;cursor:pointer}
.contact-check:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.2 8.1 14 16 5.8' fill='none' stroke='%23bd4b17' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:90% 90%!important}

@media(max-width:820px){
  .legal-footer .lloyd-social-link{width:105px;height:28px}
  .legal-footer .lloyd-social-logo{max-width:105px;max-height:26px}
}

/* Ajustements validés — 01/10/2026, passe 2 */
/* Navigation : zones stables et sans transformation susceptible de créer des chevauchements. */
.nav-hotspot{z-index:30;transform:none!important;pointer-events:auto!important}

/* Logo rond Lloyd & Davis, à côté de Google. */
.legal-footer .lloyd-social-link{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 34px}
.legal-footer .lloyd-social-logo{width:34px;height:34px;max-width:34px;max-height:34px;object-fit:cover;border-radius:50%;display:block}

/* Bloc e-mail : l'adresse ne chevauche plus l'enveloppe imprimée dans les maquettes. */
.email-patch{padding-left:.55cqw}

/* Contact : le select reste transparent et net. */
.contact-select{background:transparent!important;color:#111!important}
.contact-select option{background:#fff;color:#111}

@media(max-width:820px){
 .legal-footer .lloyd-social-link,.legal-footer .lloyd-social-logo{width:30px;height:30px;max-width:30px;max-height:30px}
}
.contact-orange-title{position:absolute;z-index:8;left:36.9%;top:15.1%;width:30%;color:#bd4b17;font-family:"Noto Serif",Georgia,serif;font-style:italic;font-size:2.05cqw;line-height:1.22;letter-spacing:.01em;pointer-events:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}


/* Dernière passe validée — 01/10/2026 */
/* Menu supérieur homogène sur les six pages. Les libellés sont redessinés au-dessus de la maquette
   pour garantir exactement la même police, taille et graisse partout. */
.nav-hotspot{
  display:flex!important;align-items:center;justify-content:center;
  background:#f5ede2!important;color:#171711!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:.98cqw!important;
  font-weight:400!important;letter-spacing:.01em!important;text-transform:uppercase!important;
  line-height:1!important;text-decoration:none!important;white-space:nowrap!important;
  z-index:40!important;pointer-events:auto!important;
}
.nav-hotspot::before{content:attr(aria-label)}
.nav-hotspot.active{color:#bd4b17!important;font-weight:600!important}
.nav-hotspot.active::after{content:"";position:absolute;left:22%;right:22%;bottom:4%;height:1px;background:#bd4b17}

/* E-mail principal : masque l'ancien texte imprimé et reconstruit un bloc propre enveloppe + adresse. */
.email-patch.primary-email{
  padding-left:3.15cqw!important;overflow:visible!important;z-index:35!important;
}
.email-patch.primary-email::before{
  content:"";position:absolute;left:.45cqw;top:50%;transform:translateY(-50%);
  width:1.95cqw;height:1.35cqw;border:.10cqw solid #bd4b17;
  background:
    linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat;
}
/* Vendre/Acheter : étend légèrement le fond à gauche pour effacer tout fragment de l'ancienne adresse. */
body.page-vendre .email-patch.primary-email,body.page-acheter .email-patch.primary-email{margin-left:-2.6cqw;width:calc(100% + 2.6cqw)!important}

/* Accueil : vrais guillemets de fermeture, de même esprit que les guillemets d'ouverture. */
.closing-quote-patch{
  position:absolute;left:64.0%;top:84.1%;width:3.3%;height:5.2%;z-index:12;
  display:flex;align-items:center;justify-content:center;background:#292c1d;color:#bd4b17;
  font-family:Georgia,'Times New Roman',serif;font-size:4.0cqw;font-weight:700;line-height:.65;
  pointer-events:none;
}

@media(max-width:820px){.nav-hotspot{font-size:1.0cqw!important}}

/* Passe de finition — validation Eva 01/10/2026 */
/* Navigation propre : une seule occurrence de chaque page, même typographie et taille partout. */
.menu-clean{position:absolute;z-index:80;top:1.2%;left:32%;width:56%;height:7.8%;background:#f5ede2;display:flex;align-items:center;justify-content:space-between;padding:0 1.1%;font-family:Arial,Helvetica,sans-serif}
.menu-clean a{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:0 .65cqw;color:#171711;text-decoration:none;text-transform:uppercase;font-size:1.02cqw;font-weight:400;letter-spacing:.01em;white-space:nowrap}
.menu-clean a.active{color:#bd4b17;font-weight:600}
.menu-clean a.active::after{content:"";position:absolute;left:18%;right:18%;bottom:12%;height:1px;background:#bd4b17}
body.page-accueil .menu-clean{left:50.3%;width:44.5%;top:1.2%;height:7.2%}
body.page-contact .menu-clean{left:44.0%;width:47.0%;top:1.0%;height:7.2%}

/* E-mails : on garde l'enveloppe originale de la maquette (alignée avec le téléphone), jamais une seconde. */
.email-patch.primary-email{padding-left:.45cqw!important;overflow:hidden!important}
.email-patch.primary-email::before{display:none!important;content:none!important}
body.page-vendre .email-patch.primary-email,body.page-acheter .email-patch.primary-email{margin-left:0!important;width:auto!important}

/* Titres harmonisés : même famille et mêmes proportions sur toutes les pages. */
.title-patch{position:absolute;z-index:70;background:#f5ede2;font-family:Georgia,'Times New Roman',serif;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none}
.title-patch .title-main{display:block;color:#111;font-size:3.75cqw;line-height:1.0;font-weight:400;white-space:nowrap}
.title-patch .title-sub{display:block;color:#bd4b17;font-size:2.65cqw;line-height:1.08;font-weight:400;font-style:italic;margin-top:.55cqw;white-space:nowrap}
.title-vendre{left:2.3%;top:13.0%;width:31.8%;height:15.5%}
.title-acheter{left:2.6%;top:14.0%;width:33.4%;height:15.2%}
.title-estimer{left:2.9%;top:16.5%;width:31.5%;height:15.5%}
.title-apropos{left:3.0%;top:12.0%;width:31.0%;height:11.5%}
.title-apropos .title-sub{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:1.35cqw;letter-spacing:.08em;margin-top:.8cqw}
.title-contact{left:36.1%;top:7.8%;width:31.4%;height:15.3%;padding:1.0cqw 1.0cqw}
.title-contact .title-main{font-size:3.65cqw}
.title-contact .title-sub{font-size:2.05cqw;line-height:1.12;margin-top:.65cqw}

/* Accueil : guillemets de fermeture espacés comme les guillemets d'ouverture. */
.closing-quote-patch{left:63.1%!important;top:84.8%!important;width:4.0%!important;height:5.8%!important;font-size:4.3cqw!important;background:#292c1d!important}

/* Contact : efface le rectangle blanc imprimé derrière le select et conserve un champ intégré au fond. */
.select-bg-patch{position:absolute;z-index:5;left:56.55%;top:51.85%;width:16.7%;height:3.0%;background:#f5ede2;pointer-events:none}
.contact-select{z-index:7!important;background:#f5ede2!important;border-bottom:1px solid #7b6d5e!important}
.footer-email-label{position:absolute;z-index:7;left:42.35%;top:79.45%;width:7%;height:2.5%;background:#343520;color:#fff;font:1.05cqw/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;display:flex;align-items:center;pointer-events:none}
body.page-contact .email-patch.primary-email{left:42.35%!important;top:82.05%!important;width:13.9%!important;height:4.4%!important;padding-left:0!important;background:#343520!important}

@media(max-width:820px){.menu-clean a{font-size:1.0cqw}.title-patch .title-main{font-size:3.7cqw}.title-patch .title-sub{font-size:2.6cqw}}

/* Corrections ciblées validées — 02/10/2026. Ne pas modifier le reste. */
/* Accueil : menu décalé à gauche ; guillemets de fermeture descendus pour laisser PROJET visible. */
body.page-accueil .menu-clean{left:46.0%!important;width:44.5%!important}
body.page-accueil .closing-quote-patch{left:63.1%!important;top:88.4%!important;width:4.0%!important;height:5.4%!important}

/* Vendre : sous-titre parfaitement aligné sur la marge gauche du titre. */
body.page-vendre .title-vendre .title-sub{margin-left:0!important;padding-left:0!important}

/* Nettoyage des fragments d'ancienne adresse : garder l'enveloppe imprimée et reconstruire uniquement le texte à sa droite. */
body.page-vendre .email-patch.primary-email{left:48.1%!important;width:19.1%!important;padding-left:2.55cqw!important}
body.page-acheter .email-patch.primary-email{left:45.1%!important;width:20.4%!important;padding-left:2.55cqw!important}
body.page-estimer .email-patch.primary-email{left:44.9%!important;width:20.5%!important;padding-left:2.55cqw!important}
body.page-a-propos .email-patch.primary-email{left:54.8%!important;width:17.7%!important;padding-left:2.35cqw!important}

/* Estimer : même nettoyage sur le bloc e-mail du bandeau inférieur. */
body.page-estimer .email-patch:not(.primary-email){padding-left:.45cqw!important}

/* À propos : À PROPOS aligné exactement sur Qui suis-je ?. */
body.page-a-propos .title-apropos .title-sub{margin-left:0!important;padding-left:0!important}

/* Corrections strictement demandées — passe finale 02/10/2026 */
/* ACCUEIL : supprimer le signe orange ajouté et masquer le fragment ACT après CONTACT. */
body.page-accueil .closing-quote-patch{display:none!important}
body.page-accueil .menu-clean::after{content:"";position:absolute;left:100%;top:0;width:4.5%;height:100%;background:#f5ede2;z-index:1;pointer-events:none}

/* ACHETER : masquer la trace orange parasite au-dessus du titre, sans toucher au contenu. */
body.page-acheter .title-acheter::before{content:"";position:absolute;left:0;top:-2.0cqw;width:12.5cqw;height:2.3cqw;background:#f5ede2;z-index:-1}
/* E-mail : même fond et centrage que le bandeau. */
body.page-acheter .email-patch.primary-email{background:#292c1d!important;align-items:center!important;padding-left:0!important}

/* ESTIMER : alignement du mail dans le bandeau. */
body.page-estimer .email-patch.primary-email{background:#292c1d!important;align-items:center!important;padding-left:0!important}

/* À PROPOS : À PROPOS sur la même marge que le titre ; ne plus recouvrir l'enveloppe. */
body.page-a-propos .title-apropos .title-sub{margin-left:0!important;padding-left:0!important}
body.page-a-propos .email-patch.primary-email{left:58.0%!important;width:14.5%!important;padding-left:0!important;background:#292c1d!important;align-items:center!important}


/* Corrections demandées par Eva — uniquement la dernière liste. */
/* ACCUEIL : conserver les grands guillemets du visuel, masquer seulement les deux traits orange parasites ; dégager davantage le feuillage. */
body.page-accueil .closing-quote-patch{display:none!important}
body.page-accueil .canvas::after{content:"";position:absolute;z-index:79;left:64.15%;top:76.1%;width:3.15%;height:4.9%;background:#292c1d;pointer-events:none}
body.page-accueil .menu-clean{left:46.0%!important;width:41.5%!important}

/* ACHETER : e-mail centré ; trait du bandeau rendu continu. */
body.page-acheter .email-patch.primary-email{left:45.1%!important;width:20.4%!important;padding-left:0!important;justify-content:center!important;align-items:center!important;background:#292c1d!important}
body.page-acheter .canvas::after{content:"";position:absolute;z-index:25;left:2.4%;right:2.4%;top:7.08%;height:1px;background:#b9b1a6;pointer-events:none}

/* ESTIMER : centrer le texte du mail dans les deux bandeaux sans recouvrir l'enveloppe. */
body.page-estimer .email-patch.primary-email{left:44.9%!important;width:20.5%!important;padding-left:0!important;justify-content:center!important;align-items:center!important;background:#292c1d!important}
body.page-estimer .email-patch:not(.primary-email){padding-left:0!important;justify-content:center!important;align-items:center!important;background:#2e2f1d!important}

/* À PROPOS : léger retrait à droite du sous-titre ; nettoyer le mail tout en laissant l'enveloppe entière. */
body.page-a-propos .title-apropos .title-sub{margin-left:.45cqw!important;padding-left:0!important}
body.page-a-propos .email-patch.primary-email{left:55.0%!important;width:17.5%!important;padding-left:3.0cqw!important;justify-content:flex-start!important;align-items:center!important;background:#292c1d!important}

/* 02/10/2026 — 7 corrections strictes demandées par Eva. Aucun autre élément. */
/* 1-2 ACCUEIL : une seule navigation sans fragment CONTACT et conserver les grands guillemets,
   en masquant uniquement les deux petits traits orange parasites. */
body.page-accueil .menu-clean{left:46.0%!important;width:41.0%!important;background:#f5ede2!important;overflow:visible!important}
body.page-accueil .menu-clean::after{content:""!important;position:absolute;left:100%;top:0;width:1.4cqw;height:100%;background:#f5ede2!important;z-index:-1;pointer-events:none}
body.page-accueil .canvas::after{content:""!important;position:absolute;z-index:79;left:64.0%;top:76.0%;width:3.0%;height:4.5%;background:#292c1d!important;pointer-events:none}
body.page-accueil .closing-quote-patch{display:none!important}

/* 3 ACHETER : une seule ligne sous le logo + bloc e-mail propre et centré. */
body.page-acheter .canvas::after{content:""!important;position:absolute;z-index:25;left:2.4%;right:2.4%;top:7.08%;height:1px;background:#b9b1a6!important;pointer-events:none}
body.page-acheter .email-patch.primary-email,
body.page-estimer .email-patch.primary-email,
body.page-a-propos .email-patch.primary-email{
  overflow:hidden!important;padding-left:3.0cqw!important;justify-content:center!important;align-items:center!important;background:#292c1d!important;
}
body.page-acheter .email-patch.primary-email::before,
body.page-estimer .email-patch.primary-email::before,
body.page-a-propos .email-patch.primary-email::before{
  display:block!important;content:""!important;position:absolute;left:.75cqw;top:50%;transform:translateY(-50%);
  width:1.65cqw;height:1.08cqw;border:.085cqw solid #bd4b17;
  background:linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
             linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat;
}
body.page-acheter .email-patch.primary-email{left:45.1%!important;width:20.4%!important}

/* 4 ESTIMER : enveloppe entière et adresse centrée à côté, en haut et en bas. */
body.page-estimer .email-patch.primary-email{left:44.9%!important;width:20.5%!important}
body.page-estimer .email-patch:not(.primary-email){padding-left:0!important;justify-content:center!important;align-items:center!important;background:#2e2f1d!important}

/* 5-6 À PROPOS : sous-titre légèrement à droite + adresse exacte, enveloppe entière. */
body.page-a-propos .title-apropos .title-sub{margin-left:.45cqw!important;padding-left:0!important}
body.page-a-propos .email-patch.primary-email{left:54.8%!important;width:17.8%!important;padding-left:3.0cqw!important}


/* ACCUEIL — correction ciblée 02/10/2026 */
body.page-accueil .canvas::after{
  display:none !important;
  content:none !important;
}
body.page-accueil .menu-clean::after{
  display:none !important;
  content:none !important;
}


/* ACHETER — suppression définitive du trait horizontal artificiel — 02/10/2026 */
body.page-acheter .canvas::after{
  display:none !important;
  content:none !important;
}


/* ACHETER — masquer uniquement le fragment de l'ancienne enveloppe à gauche. */
body.page-acheter .email-patch.primary-email{
  box-shadow:-.45cqw 0 0 #292c1d!important;
}


/* ESTIMER — corrections ciblées, sur le même principe que ACHETER. */

/* Bandeau haut : recouvrir l'ancienne enveloppe imprimée à gauche,
   conserver une seule enveloppe CSS propre et centrer le bloc mail. */
body.page-estimer .email-patch.primary-email{
  left:44.9%!important;
  width:20.5%!important;
  padding-left:3.0cqw!important;
  justify-content:center!important;
  align-items:center!important;
  background:#292c1d!important;
  box-shadow:-.45cqw 0 0 #292c1d!important;
}
body.page-estimer .email-patch.primary-email::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:.75cqw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:1.65cqw!important;
  height:1.08cqw!important;
  border:.085cqw solid #bd4b17!important;
  background:
    linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat!important;
}

/* Bandeau bas : masquer le fragment/crochet de l'enveloppe imprimée,
   puis afficher une enveloppe propre à côté du mail. */
body.page-estimer .email-patch:not(.primary-email){
  padding-left:3.0cqw!important;
  justify-content:center!important;
  align-items:center!important;
  background:#2e2f1d!important;
  box-shadow:-.45cqw 0 0 #2e2f1d!important;
}
body.page-estimer .email-patch:not(.primary-email)::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:.75cqw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:1.65cqw!important;
  height:1.08cqw!important;
  border:.085cqw solid #bd4b17!important;
  background:
    linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat!important;
}


/* ESTIMER — suppression ciblée de la ligne horizontale sous le logo. */
body.page-estimer .canvas::after{
  display:none!important;
  content:none!important;
}


/* ESTIMER — correction finale e-mails 02/10/2026 : une seule enveloppe en haut, fragment masqué et alignement en bas. */
body.page-estimer .email-patch.primary-email{
  padding-left:0!important;
  justify-content:center!important;
  box-shadow:-2.8cqw 0 0 #292c1d!important;
}
body.page-estimer .email-patch.primary-email::before{
  display:none!important;
  content:none!important;
}
body.page-estimer .email-patch:not(.primary-email){
  padding-left:2.15cqw!important;
  justify-content:flex-start!important;
  align-items:center!important;
  box-shadow:-1.15cqw 0 0 #2e2f1d!important;
}
body.page-estimer .email-patch:not(.primary-email)::before{
  left:.35cqw!important;
}


/* ESTIMER — micro-correction e-mails 02/10/2026
   Haut : une seule enveloppe terracotta + mail.
   Bas : espacement et alignement enveloppe + mail.
   Aucun autre élément modifié. */

/* Bandeau haut */
body.page-estimer .email-patch.primary-email{
  padding-left:2.35cqw!important;
  justify-content:flex-start!important;
  align-items:center!important;
  box-shadow:-2.8cqw 0 0 #292c1d!important;
}
body.page-estimer .email-patch.primary-email::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:.35cqw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:1.65cqw!important;
  height:1.08cqw!important;
  border:.085cqw solid #bd4b17!important;
  background:
    linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat!important;
}

/* Bandeau bas */
body.page-estimer .email-patch:not(.primary-email){
  padding-left:2.55cqw!important;
  justify-content:flex-start!important;
  align-items:center!important;
  box-shadow:-1.15cqw 0 0 #2e2f1d!important;
}
body.page-estimer .email-patch:not(.primary-email)::before{
  left:.35cqw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}


/* ESTIMER — ultime micro-ajustement : espace enveloppe / adresse uniquement */
body.page-estimer .email-patch.primary-email{
  padding-left:2.70cqw!important;
}
body.page-estimer .email-patch:not(.primary-email){
  padding-left:2.90cqw!important;
}


/* ESTIMER — espace visible entre l'enveloppe et l'adresse uniquement */
body.page-estimer .email-patch.primary-email,
body.page-estimer .email-patch:not(.primary-email){
  text-indent:.55cqw!important;
}


/* À PROPOS — corrections ciblées 02/10/2026.
   Uniquement : taille du sous-titre terracotta + enveloppe e-mail unique. */
body.page-a-propos .title-apropos .title-sub{
  font-size:1.05cqw!important;
  margin-left:.45cqw!important;
  padding-left:0!important;
}
body.page-a-propos .email-patch.primary-email::before{
  display:none!important;
  content:none!important;
}
body.page-a-propos .email-patch.primary-email{
  left:54.8%!important;
  width:17.8%!important;
  padding-left:2.35cqw!important;
  justify-content:flex-start!important;
  align-items:center!important;
  background:#292c1d!important;
  box-shadow:none!important;
}


/* À PROPOS — harmonisation finale du sous-titre avec les autres pages.
   On annule la règle spéciale Arial/uppercase de la page À PROPOS
   et on reprend exactement la typographie des title-sub validés. */
body.page-a-propos .title-apropos .title-sub{
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-size:2.65cqw!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:0!important;
  margin-top:.55cqw!important;
  margin-left:0!important;
  padding-left:0!important;
  white-space:nowrap!important;
}


/* À PROPOS — correction du titre uniquement.
   L'enveloppe validée reste strictement inchangée.
   Taille intermédiaire cohérente avec les autres sous-titres du site. */
body.page-a-propos .title-apropos .title-sub{
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-size:2.05cqw!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:0!important;
  margin-top:.55cqw!important;
  margin-left:0!important;
  padding-left:0!important;
}


/* À PROPOS — correction ciblée suivante.
   1) Sous-titre : "À propos", même famille/italique que les autres pages, taille validée conservée.
   2) E-mail : masquer entièrement l'enveloppe imprimée tronquée et afficher une seule enveloppe CSS propre. */

body.page-a-propos .title-apropos .title-sub{
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-size:2.05cqw!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Le texte HTML reste À PROPOS ; affichage visuel remplacé par À propos. */
body.page-a-propos .title-apropos .title-sub{
  font-size:0!important;
}
body.page-a-propos .title-apropos .title-sub::after{
  content:"À propos";
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-size:2.05cqw!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#bd4b17!important;
}

/* Recouvrir le fragment de l'enveloppe d'origine et reconstruire une enveloppe entière. */
body.page-a-propos .email-patch.primary-email{
  left:54.8%!important;
  width:17.8%!important;
  padding-left:3.0cqw!important;
  justify-content:flex-start!important;
  align-items:center!important;
  background:#292c1d!important;
  box-shadow:-1.15cqw 0 0 #292c1d!important;
  overflow:hidden!important;
}
body.page-a-propos .email-patch.primary-email::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:.55cqw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:1.65cqw!important;
  height:1.08cqw!important;
  border:.085cqw solid #bd4b17!important;
  background:
    linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat!important;
}


/* À PROPOS — libellé demandé par Eva : entièrement en minuscules. */
body.page-a-propos .title-apropos .title-sub::after{
  content:"à propos"!important;
}


/* À PROPOS — ajustement validé : taille uniquement.
   Typographie et enveloppe inchangées. */
body.page-a-propos .title-apropos .title-sub::after{
  font-size:2.30cqw!important;
}


/* =========================================================
   À PROPOS — RÈGLE FINALE UNIQUE — 02/10/2026
   Cette section prévaut sur les anciennes passes À PROPOS.
   Aucun effet sur Accueil / Vendre / Acheter / Estimer.
   ========================================================= */

/* Sous-titre : même famille et même style que les sous-titres validés,
   libellé en minuscules, taille ajustée pour cette page. */
body.page-a-propos .title-patch.title-apropos > .title-sub{
  display:block!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:0!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin-top:.55cqw!important;
  margin-left:0!important;
  padding-left:0!important;
  color:#bd4b17!important;
  white-space:nowrap!important;
}
body.page-a-propos .title-patch.title-apropos > .title-sub::after{
  content:"à propos"!important;
  display:block!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:2.30cqw!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#bd4b17!important;
}

/* E-mail : masque largement l'ancien fragment à gauche,
   puis dessine une seule enveloppe complète. */
body.page-a-propos .email-patch.primary-email{
  left:54.8%!important;
  width:17.8%!important;
  padding-left:3.15cqw!important;
  justify-content:flex-start!important;
  align-items:center!important;
  background:#292c1d!important;
  box-shadow:-2.0cqw 0 0 #292c1d!important;
  overflow:hidden!important;
}
body.page-a-propos .email-patch.primary-email::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:.60cqw!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:1.65cqw!important;
  height:1.08cqw!important;
  border:.085cqw solid #bd4b17!important;
  box-sizing:border-box!important;
  background:
    linear-gradient(32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(-32deg,transparent 47%,#bd4b17 49%,#bd4b17 52%,transparent 54%) right top/50% 100% no-repeat!important;
}


/* À PROPOS — seul ajustement restant : taille du sous-titre.
   Enveloppe validée : aucune modification. */
body.page-a-propos .title-patch.title-apropos > .title-sub::after{
  font-size:2.45cqw!important;
}

/* =========================================================
   MOBILE UNIQUEMENT — FOOTER HORIZONTAL COMPACT — 02/10/2026
   La version ordinateur reste strictement inchangée.
   ========================================================= */
@media (max-width:820px){
  .legal-footer{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    padding:12px 14px!important;
  }

  .legal-footer .ld-social{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:6px!important;
  }

  .legal-footer .ld-main-link{
    width:112px!important;
    display:block!important;
  }

  .legal-footer .ld-logo{
    width:112px!important;
    max-width:112px!important;
    height:auto!important;
    display:block!important;
  }

  .legal-footer .social-row{
    width:112px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
  }

  .legal-footer .social-icon,
  .legal-footer .social-icon svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }

  .legal-footer .lloyd-social-link,
  .legal-footer .lloyd-social-logo{
    width:19px!important;
    height:19px!important;
    max-width:19px!important;
    max-height:19px!important;
    flex:0 0 19px!important;
  }

  .legal-footer .professional{
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:9px!important;
    line-height:1.28!important;
  }

  .legal-footer .professional strong{
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  .legal-footer .note{
    font-size:8px!important;
    line-height:1.25!important;
    margin-top:4px!important;
  }

  .legal-footer .links{
    margin-top:4px!important;
    font-size:8px!important;
    line-height:1.2!important;
  }

  .legal-footer .links a{
    margin-right:7px!important;
  }
}

/* =========================================================
   MOBILE — ADAPTATION PORTRAIT / PAYSAGE — 02/10/2026
   PC (>820px) strictement inchangé.
   ========================================================= */

/* PORTRAIT : on utilise surtout la hauteur disponible.
   La maquette reste au ratio 3:2 et se parcourt horizontalement. */
@media (max-width:820px) and (orientation:portrait){
  html,body{
    margin:0!important;
    padding:0!important;
    background:#e9e3da!important;
  }

  .site-page{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .canvas-wrap{
    width:100vw!important;
    height:calc(100dvh - 105px)!important;
    min-height:520px!important;
    display:block!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:0!important;
    padding:0!important;
    background:#e9e3da!important;
    -webkit-overflow-scrolling:touch;
  }

  .canvas{
    height:100%!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    aspect-ratio:3/2!important;
  }

  .reference{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  .legal-footer{
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
}

/* PAYSAGE : la maquette prend toute la largeur de l'écran.
   Plus de largeur fixe à 560 px, donc pas de bande beige à droite. */
@media (max-width:820px) and (orientation:landscape){
  html,body{
    margin:0!important;
    padding:0!important;
    background:#e9e3da!important;
  }

  .site-page{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .canvas-wrap{
    width:100vw!important;
    max-width:100vw!important;
    display:block!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    background:#e9e3da!important;
  }

  .canvas{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    aspect-ratio:3/2!important;
  }

  .legal-footer{
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
}

/* =========================================================
   MOBILE — AJUSTEMENT FIN TAILLE — 02/10/2026
   Portrait légèrement réduit / paysage légèrement agrandi.
   PC strictement inchangé.
   ========================================================= */

/* PORTRAIT : réduction d'environ 15 % par rapport au test précédent */
@media (max-width:820px) and (orientation:portrait){
  .canvas-wrap{
    height:calc((100dvh - 105px) * .85)!important;
    min-height:440px!important;
  }
}

/* PAYSAGE : léger agrandissement (+8 %), avec défilement horizontal si nécessaire */
@media (max-width:820px) and (orientation:landscape){
  .canvas-wrap{
    width:100vw!important;
    max-width:100vw!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
  }

  .canvas{
    width:108vw!important;
    min-width:108vw!important;
    max-width:none!important;
    aspect-ratio:3/2!important;
  }
}


/* BANDEAU DE CONSENTEMENT ANALYTICS — 04/10/2026 */
#ai-consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:99999;padding:14px 18px;background:#292c1d;color:#f7f3ec;font-family:Arial,Helvetica,sans-serif;box-shadow:0 -4px 18px rgba(0,0,0,.18)}
#ai-consent-banner .ai-consent-inner{width:min(1200px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
#ai-consent-banner .ai-consent-text{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.45}
#ai-consent-banner .ai-consent-text strong{font-size:16px}
#ai-consent-banner .ai-consent-text a{color:#e4c9bb;text-decoration:underline}
#ai-consent-banner .ai-consent-actions{display:flex;gap:10px;flex:0 0 auto}
#ai-consent-banner button{min-width:116px;padding:10px 14px;border:1px solid #bd4b17;border-radius:2px;font:600 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
#ai-consent-refuse{background:transparent;color:#f7f3ec}
#ai-consent-accept{background:#bd4b17;color:#fff}
#ai-consent-banner button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:700px){#ai-consent-banner{padding:12px}#ai-consent-banner .ai-consent-inner{flex-direction:column;align-items:stretch;gap:10px}#ai-consent-banner .ai-consent-actions{width:100%}#ai-consent-banner button{flex:1 1 50%;min-width:0}}
