/* SARRONE V41 - disposition horizontale approuvee. Source graphique unique : logo-officiel-2026.jpeg. */
html body .sarrone-horizontal-logo{display:inline-flex;align-items:center;gap:12px;max-width:100%;flex:0 0 auto;line-height:1.2;text-decoration:none;vertical-align:middle;min-width:0}
html body .sarrone-horizontal-logo .brand-emblem{display:block;position:relative;width:72px;height:60px;overflow:hidden;flex:0 0 72px;isolation:isolate}
html body .sarrone-horizontal-logo .brand-emblem-source{position:absolute;display:block;width:225.72px;height:225.72px;max-width:none;left:-74.52px;top:-38.34px;object-fit:fill;margin:0;border:0;border-radius:0;mix-blend-mode:multiply}
html body .sarrone-horizontal-logo .brand-wordmark{display:block;white-space:nowrap;min-width:0}
html body .sarrone-horizontal-logo .brand-wordmark strong{display:block;font-family:"DM Sans",Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:.06em;color:#063d2f;line-height:1.15}
html body .sarrone-horizontal-logo .brand-wordmark small{display:block;font-family:"DM Sans",Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.16em;color:#52665d;line-height:1.3;margin-top:6px}
/* Pied de page fonce : fond clair necessaire pour conserver exactement les couleurs de la marque. */
html body footer .sarrone-horizontal-logo.footer-brand{background:#fff;color:#063d2f;padding:7px 10px;border-radius:9px;width:max-content;max-width:100%;margin-bottom:12px}
html body footer .sarrone-horizontal-logo.footer-brand .brand-wordmark strong{color:#063d2f}
html body footer .sarrone-horizontal-logo.footer-brand .brand-wordmark small{color:#52665d}
html body .sarrone-horizontal-logo.sarrone-admin-brand{gap:8px}
html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-emblem{width:48px;height:40px;flex-basis:48px}
html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-emblem-source{width:150.48px;height:150.48px;left:-49.68px;top:-25.56px}
html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-wordmark strong{font-size:19px}
html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-wordmark small{font-size:7px;letter-spacing:.1em;margin-top:3px}
html body .sarrone-horizontal-logo.sarrone-confirmation-brand{justify-content:center;margin:0 auto}
html body .sarrone-horizontal-logo.sarrone-brochure-brand{background:#fff;padding:5px 10px;border-radius:8px}
@media(max-width:1100px){html body .sarrone-horizontal-logo .brand-wordmark strong{font-size:24px}}
@media(max-width:700px){
 html body .sarrone-horizontal-logo{gap:8px}
 html body .sarrone-horizontal-logo .brand-emblem{width:57.6px;height:48px;flex-basis:57.6px}
 html body .sarrone-horizontal-logo .brand-emblem-source{width:180.576px;height:180.576px;left:-59.616px;top:-30.672px}
 html body .sarrone-horizontal-logo .brand-wordmark strong{font-size:21px}
 html body .sarrone-horizontal-logo .brand-wordmark small{font-size:8px;letter-spacing:.11em;margin-top:4px}
 html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-emblem{width:43.2px;height:36px;flex-basis:43.2px}
 html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-emblem-source{width:135.432px;height:135.432px;left:-44.712px;top:-23.004px}
 html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-wordmark strong{font-size:16px}
 html body .sarrone-horizontal-logo.sarrone-admin-brand .brand-wordmark small{font-size:6px}
 html body .sarrone-horizontal-logo.sarrone-brochure-brand{max-width:100%}
}
@media(max-width:380px){html body .sarrone-horizontal-logo .brand-wordmark strong{font-size:19px}html body .sarrone-horizontal-logo .brand-wordmark small{font-size:7px}html body .sarrone-horizontal-logo{gap:6px}}