/* Encart de contact d'une page d'expertise : une bande dans le design du bandeau
   d'accueil (surtitre espace, titre Playfair, bouton dore, bouton fantome pour le
   numero). Le blog garde son encart (blog-override.css). */
.encart-cta{column-span:all;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:34px 0 40px;padding:38px 44px;border-radius:18px;background:#0B3D2E}
/* la lettrine des pages d'expertise (p:first-of-type::first-letter) ne s'applique pas ici */
.encart-cta p::first-letter{font-family:inherit!important;font-size:inherit!important;float:none!important;line-height:inherit!important;padding:0!important;margin:0!important;color:inherit!important;font-weight:inherit!important}
.encart-cta .ecta-sur{font-family:'Inter',sans-serif!important;font-size:.68rem!important;font-weight:600!important;letter-spacing:.25em!important;text-transform:uppercase!important;color:#C9A96E!important;margin:0 0 6px!important;line-height:1.3!important}
.encart-cta .ecta-titre{font-family:'Playfair Display',serif!important;font-size:1.3rem!important;font-weight:400!important;line-height:1.3!important;color:#fff!important;margin:0!important;text-transform:none!important;letter-spacing:0!important}
.encart-cta .ecta-actions{display:flex;align-items:center;gap:16px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.encart-cta .ecta-btn{display:inline-block!important;padding:12px 28px!important;border:0!important;border-radius:50px!important;background:#C9A96E!important;color:#0B3D2E!important;font-family:'Inter',sans-serif!important;font-size:.85rem!important;font-weight:600!important;letter-spacing:.05em!important;line-height:1.5!important;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.encart-cta .ecta-btn:hover,.encart-cta .ecta-btn:focus{background:#fff!important;color:#0B3D2E!important;text-decoration:none!important}
.encart-cta .ecta-tel{display:inline-flex!important;align-items:center;gap:10px;padding:16px 38px!important;border-radius:50px!important;border:1px solid rgba(255,255,255,.25)!important;background:transparent!important;color:#fff!important;font-family:'Gotham-Book',Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.5!important;text-decoration:none!important;white-space:nowrap;transition:border-color .2s,color .2s}
.encart-cta .ecta-tel svg{width:16px;height:16px;flex:none}
.encart-cta .ecta-tel:hover,.encart-cta .ecta-tel:focus{border-color:#C9A96E!important;color:#C9A96E!important;background:transparent!important;text-decoration:none!important}
@media(max-width:1199px){.encart-cta{flex-direction:column;align-items:flex-start;gap:24px}.encart-cta .ecta-actions{justify-content:flex-start}}

/* La barre mobile : deux boutons fixes en bas de l'ecran, apres un ecran de lecture. */
.barre-contact{position:fixed;left:0;right:0;bottom:0;z-index:1030;display:none;gap:1px;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0B3D2E;transform:translateY(100%);transition:transform .28s ease}
.barre-contact.on{transform:none}
.modal-open .barre-contact{transform:translateY(100%)}
.barre-contact a{flex:1 1 50%;display:flex;align-items:center;justify-content:center;gap:9px;height:56px;font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.01em;text-decoration:none;line-height:1}
.barre-contact a svg{width:20px;height:20px;flex:none}
.barre-contact .bc-tel{background:#0B3D2E;color:#fff}
.barre-contact .bc-rappel{background:#C9A96E;color:#0B3D2E}
.barre-contact a:hover,.barre-contact a:focus{text-decoration:none;filter:brightness(1.08)}
/* Mobile et tablette : la barre existe, l'encart de contact se retire (un seul appel a l'action). */
@media(max-width:991px){.barre-contact{display:flex}body.barre-contact-on{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.encart-contact,.encart-cta{display:none}}