/* PlatOo! — petits rappels du logo, communs à toutes les pages */
/* le premier « o » d'un grand titre : corail, avec un anneau turquoise caché derrière */
.oo{position:relative;display:inline-block;color:#E48C70;isolation:isolate;margin-right:.18em}
.oo::before{content:"";position:absolute;z-index:-1;width:.54em;height:.54em;left:.25em;top:.40em;border:.09em solid #78BBC3;border-radius:50%;opacity:.9;box-sizing:border-box;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
h1:hover .oo::before,.titreP:hover .oo::before{transform:translateX(.08em)}
/* le logo écrit, pour les menus */
.logoP{display:inline-flex;align-items:center;font:700 24px/1 Sora,Inter,sans-serif;letter-spacing:-.04em;color:#F5EFE5;text-decoration:none}
.logoP svg{height:.82em;width:auto;margin-left:.04em}
@media (prefers-reduced-motion:reduce){.oo::before{transition:none}}

[hidden]{display:none!important}