/* Elodie Rampal — styles partages, generes a l'export. */
html { scroll-behavior: smooth; }
  body { margin: 0; background: #F7F5F0; color: #1A1A1A; -webkit-font-smoothing: antialiased; }
  a { color: #002FA7; text-decoration: none; }
  a:hover { color: #1A1A1A; }
  ::selection { background: #002FA7; color: #F7F5F0; }
  a, button, [role="button"] { transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .16s ease; }
  a:active, button:active { transform: translateY(1px) scale(.988); }
  button, [role="button"] { touch-action: manipulation; }
  a:focus-visible, button:focus-visible { outline: 2px solid #002FA7; outline-offset: 3px; }

/* pseudo-etats */
.x1:focus { left: 12px; top: 12px; }
.x2:hover { color: #002FA7; }
.x3:hover { background: #0A2472; color: #F7F5F0; }
.x4:hover { background: #002FA7; color: #F7F5F0; }
.x5:hover { background: #0A2472; color: #F7F5F0; box-shadow: inset 0 0 0 1px #0A2472; }
.x6:hover { border-bottom-color: #002FA7; color: #002FA7; }
.x7:hover { color: #ffffff; }
.x8:hover { background: #0A2472; color: #F7F5F0; box-shadow: inset 0 0 0 1px #F7F5F0; }
.x9:hover { background: #002FA7; color: #F7F5F0; box-shadow: inset 0 0 0 1px #F7F5F0; }
.x10:hover { border-bottom-color: #F7F5F0; }
.x11:hover { color: #1A1A1A; }
.x12:hover { border-color: #002FA7; color: #002FA7; }
.x13:focus { outline: none; border-color: #002FA7; }
.x14:hover { box-shadow: inset 0 0 0 1px #002FA7; color: #002FA7; }