widget-slider-static{margin-top: -46px;}/* ———————— Annuaire ESBDIR (scopé) ———————— *//* Conteneur namespacé, pas de conflit */.gs-embed { --radius: 16px; --shadow: 0 6px 24px rgba(0,0,0,.08); --bg: #fff; max-width: 1200px; margin-inline: auto; padding: 0 12px;}.gs-embed iframe { display: block; width: 100%; height: clamp(480px, 70vh, 900px); border: 0; border-radius: var(--radius); box-shadow: var(--shadow); background: var(--bg);}@media (prefers-color-scheme: dark) { .gs-embed iframe { box-shadow: 0 6px 24px rgba(0,0,0,.35); background: #111; }}/* ————— ESB Directory (scoped) ————— *//* Tout est limité au conteneur #esbdir-root pour éviter tout conflit global. */#esbdir-root { padding: 1.5rem; background: #fafafa; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.4; }#esbdir-root .esbdir-toolbar { display: grid; grid-template-columns: 1fr minmax(160px, 220px); gap: .75rem; align-items: center; margin-bottom: 1rem; }#esbdir-root .esbdir-label { font-size: .95rem; color: #444; }#esbdir-root .esbdir-input, #esbdir-root .esbdir-select { padding: .6rem .8rem; border: 1px solid #ccc; border-radius: .6rem; font-size: 1rem; background: #fff;}#esbdir-root .esbdir-countline { grid-column: 1 / -1; font-size: .9rem; color: #555; margin: 0; }#esbdir-root .esbdir-empty { margin-top: 1rem; padding: .8rem 1rem; background: #fff4f4; border: 1px solid #ffd6d6; color: #8a1f1f; border-radius: .6rem;}#esbdir-root .esbdir-directory { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }#esbdir-root .esbdir-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 1rem; padding: 1rem; }#esbdir-root .esbdir-name { margin: 0 0 .25rem; font-weight: 700; }#esbdir-root .esbdir-meta { margin: 0; color: #666; font-size: .95rem; }#esbdir-root .esbdir-mark { background: #ffec99; padding: 0 .1em; border-radius: .2em; }@media (max-width: 560px) { #esbdir-root .esbdir-toolbar { grid-template-columns: 1fr; }}/* HP Accueil */.cotise-topbar{ position:absolute; left:0; right:0; top:0; padding:6px; text-align:center;}.cotise-topbar-link{ color:#6d747c; /* gris texte */ text-transform:uppercase; display:inline-block; /* pour que la marge s’applique proprement */ margin:0 20px; /* ←→ espace entre les deux textes (20 px) */ /* ou, si tu préfères : padding:0 20px; */}.cotise-topbar-link:hover{ opacity:0.8; /* feedback discret au survol */}/* ====== BLOC COTISATION – version plus petite, alignée à droite ====== *//* conteneur général */.cotise-wrapper{ width:100%; /* occupe toute la largeur du bloc parent */ display:flex; justify-content:flex-end; /* pousse l’ensemble vers la droite */ align-items:center; gap:24px; /* espace entre bouton et liste d’icônes */}/* bouton */.cotise-btn{ display:inline-block; background:#00a5b7; color:#fff; font:600 14px/1 Helvetica,Arial,sans-serif; letter-spacing:1px; padding:10px 32px; /* plus compact */ border-radius:2px; text-decoration:none;}/* liste d’icônes */.cotise-social-list{ list-style:none; margin:0; padding:0; display:flex;}.cotise-social-list li::before{display:none!important;} /* supprime toute pseudo-puce *//* liens/icônes */.cotise-social-link{ width:26px; height:26px; border-radius:50%; background:#00a5b7; display:flex; align-items:center; justify-content:center; color:#fff; font-size:13px; /* taille du pictogramme */ text-decoration:none;}.cotise-btn:hover,.cotise-social-link:hover{ opacity:0.85; /* feedback visuel léger */}/*BOUTONS*//* ---------- Wrapper général ---------- */.account-btn-wrapper { display: flex; flex-wrap: wrap; gap: 2rem; /* espace horizontal/vertical entre les boutons */}/* ---------- Bouton principal ---------- */.account-btn { flex: 1 1 240px; /* 2 colonnes, 240 px mini avant passage à la ligne */ background: #0fa3b1; border-radius: 6px; text-decoration: none; color: #fff; min-height: 100px; /* objectif de hauteur globale */ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: background .25s ease;}.account-btn:hover,.account-btn:focus { background: #0c8c9b; /* hover plus sombre */}/* ---------- Icône circulaire ---------- */.account-btn__icon { width: 48px; height: 48px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px!important; /* taille de l’icône (bibl. MDI) */}/* ---------- Texte ---------- */.account-btn__text--primary,.account-btn__text--secondary { display: block; text-transform: uppercase; letter-spacing: 0.4px; line-height: 1!important; /* lignes serrées pour compacter */}/* ligne 1 */.account-btn__text--primary { font-weight: 600; font-size: 0.875rem; /* ≈ 14 px */}/* ligne 2 */.account-btn__text--secondary { font-size: 0.75rem; /* ≈ 12 px */ margin-top: 0.15rem; /* ≈ 3 px d’écart */}/* ---------- Responsive : 1 colonne sous 640 px ---------- */@media (max-width: 640px) { .account-btn { flex: 1 1 100%; }}