/* SymbiOse Manager · v1.29.0 · l'actualité en avant, le bouton flottant (piste C du 15/09/2026).
   Languette pourpre sur le bord droit en ordinateur, pastille en bas de l'écran en téléphone.
   Préfixe .sym-actu-flot pour ne rien devoir au thème. */
.sym-actu-flot{--pourpre:#6B1A5E;--pourpre-nuit:#2E0A2A;--or:#B8960C;--or-clair:#D4AC0D;--or-pale:#F0E0A0;--ivoire:#FDFAF5;--encre:#2A1825;--doux:#5C3D52;
  position:fixed;right:0;top:38vh;z-index:9000;display:flex;align-items:stretch;font-family:'Raleway',Arial,sans-serif;line-height:1.45;transform:translateX(0);transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.sym-actu-flot *{box-sizing:border-box}

/* La languette */
.sym-actu-flot-poignee{writing-mode:vertical-rl;transform:rotate(180deg);appearance:none;-webkit-appearance:none;border:0;margin:0;background:var(--pourpre);color:var(--or-pale);font-family:inherit;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:16px 11px;border-radius:0 10px 10px 0;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:-4px 6px 18px rgba(46,10,42,.28);transition:background .25s,color .25s}
.sym-actu-flot-poignee:hover{background:#7D2070}
.sym-actu-flot-poignee:focus-visible{outline:2px solid var(--or-clair);outline-offset:2px}
.sym-actu-flot-poignee i{width:9px;height:9px;border-radius:50%;background:var(--or-clair);display:inline-block;flex:none}
.sym-actu-flot.neuf .sym-actu-flot-poignee i{animation:sym-actu-flot-bat 1.8s ease-in-out infinite}
@keyframes sym-actu-flot-bat{0%,100%{box-shadow:0 0 0 0 rgba(212,172,13,.6)}60%{box-shadow:0 0 0 7px rgba(212,172,13,0)}}
.sym-actu-flot-ferme{display:none}

/* La carte */
.sym-actu-flot-carte{position:relative;width:300px;max-width:calc(100vw - 60px);background:var(--ivoire);color:var(--encre);box-shadow:-8px 10px 30px rgba(46,10,42,.28);display:none;border-radius:12px 0 0 12px;overflow:hidden}
.sym-actu-flot.ouvert .sym-actu-flot-carte{display:block}
.sym-actu-flot-img{display:block;text-decoration:none}
.sym-actu-flot-img img{width:100%;height:150px;object-fit:cover;display:block;margin:0;border:0;border-radius:0}
.sym-actu-flot-c{padding:14px 16px 16px}
.sym-actu-flot-k{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or);font-weight:700}
.sym-actu-flot-t{font-family:'Cinzel','Playfair Display',Georgia,serif;font-size:.98rem;color:var(--pourpre);font-weight:500;margin:5px 0 6px;line-height:1.3}
.sym-actu-flot-t a{color:inherit;text-decoration:none}
.sym-actu-flot-t a:hover{text-decoration:underline}
.sym-actu-flot-p{font-size:.82rem;color:var(--doux);margin:0}
.sym-actu-flot-btn{display:inline-block;margin-top:12px;background:linear-gradient(135deg,var(--or-pale),var(--or-clair) 55%,var(--or));color:var(--pourpre-nuit);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:10px 14px;border-radius:4px;text-decoration:none;transition:filter .2s}
.sym-actu-flot-btn:hover{filter:brightness(1.05);color:var(--pourpre-nuit)}
.sym-actu-flot-x{position:absolute;top:8px;right:8px;z-index:1;appearance:none;-webkit-appearance:none;border:0;margin:0;background:rgba(46,10,42,.78);color:var(--ivoire);font-family:inherit;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:7px 11px;border-radius:999px;cursor:pointer}
.sym-actu-flot-x:hover{background:var(--pourpre-nuit)}

/* Téléphone : la pastille en bas, la carte par-dessus */
@media (max-width:767px){
  .sym-actu-flot{top:auto;bottom:14px;right:12px;left:12px;display:block}
  .sym-actu-flot-poignee{writing-mode:horizontal-tb;transform:none;width:100%;border-radius:999px;padding:12px 18px;justify-content:center;box-shadow:0 8px 24px rgba(46,10,42,.3)}
  .sym-actu-flot-carte{width:100%;max-width:none;border-radius:14px;margin-bottom:8px}
  .sym-actu-flot.ouvert .sym-actu-flot-poignee{background:var(--ivoire);color:var(--pourpre);border:1.5px solid var(--pourpre)}
  .sym-actu-flot.ouvert .sym-actu-flot-poignee i{display:none}
  .sym-actu-flot.ouvert .sym-actu-flot-ouvre{display:none}
  .sym-actu-flot.ouvert .sym-actu-flot-ferme{display:inline}
  .sym-actu-flot-img img{height:130px}
}
@media (prefers-reduced-motion:reduce){.sym-actu-flot,.sym-actu-flot-poignee{transition:none}.sym-actu-flot.neuf .sym-actu-flot-poignee i{animation:none}}
@media print{.sym-actu-flot{display:none}}