/* UKM 04/11/2026 — menu « Admission en ligne » (motion design, bleu nuit + or) */
.ukm-adm-li{display:flex;align-items:center}
html body .ukm-adm-li>a.ukm-adm{position:relative;display:inline-flex!important;align-items:center;gap:8px;margin:0 6px!important;padding:9px 16px 9px 13px!important;border-radius:999px;
  background:linear-gradient(135deg,#0B2A4A 0%,#123D6B 50%,#1D4E89 100%)!important;background-size:100% 100%!important;color:#fff!important;text-transform:uppercase;font-size:13.5px!important;font-weight:800!important;letter-spacing:.3px;
  box-shadow:0 6px 18px rgba(11,42,74,.30),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;white-space:nowrap;line-height:1.1!important;
  animation:ukmAdmIn .8s cubic-bezier(.2,1.4,.4,1) both;transition:transform .25s cubic-bezier(.2,1.6,.4,1),box-shadow .25s}
html body .ukm-adm-li>a.ukm-adm:hover,html body .ukm-adm-li>a.ukm-adm:focus-visible{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 26px rgba(11,42,74,.40),0 0 0 3px rgba(227,194,111,.25)!important;color:#fff!important}
.ukm-adm-li>a.ukm-adm span{color:inherit}
.ukm-adm-li>a.ukm-adm::before,.ukm-adm-li>a.ukm-adm::after{display:none!important}
.ukm-adm .ukm-adm-shine{position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(227,194,111,.30),transparent);transform:skewX(-20deg);animation:ukmAdmShine 3.6s ease-in-out 1.2s infinite;pointer-events:none}
.ukm-adm .ukm-adm-dot{position:relative;width:9px;height:9px;flex:none}
.ukm-adm .ukm-adm-dot i,.ukm-adm .ukm-adm-dot b{position:absolute;inset:0;border-radius:50%;background:#34D399}
.ukm-adm .ukm-adm-dot i{animation:ukmAdmPing 1.6s cubic-bezier(0,0,.2,1) infinite}
.ukm-adm .ukm-adm-dot b{box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.ukm-adm .ukm-adm-ico{width:16px;height:16px;flex:none;display:inline-block!important;visibility:visible!important;opacity:1!important}
.ukm-adm .ukm-adm-gold{color:#E3C26F}
.ukm-adm .ukm-adm-ico path{stroke-dasharray:60;stroke-dashoffset:60;animation:ukmAdmDraw 1.2s ease .6s forwards}
.ukm-adm .ukm-adm-new{font-size:9px;font-weight:900;letter-spacing:.8px;background:#E3C26F;color:#0B2A4A!important;border-radius:6px;padding:2px 5px;margin-left:2px;animation:ukmAdmBob 1.8s ease-in-out infinite}
.ukm-adm .ukm-adm-arrow{transition:transform .25s}
.ukm-adm:hover .ukm-adm-arrow{transform:translateX(4px)}
/* menu mobile : pleine largeur */
.offscreen-navigation .ukm-adm-li,.mean-container .ukm-adm-li{display:block;padding:8px 12px}
html body .offscreen-navigation .ukm-adm-li>a.ukm-adm,html body .mean-container .ukm-adm-li>a.ukm-adm{display:flex!important;justify-content:center;margin:0!important;width:100%;padding:13px 16px!important;font-size:15px!important}
@keyframes ukmAdmIn{0%{opacity:0;transform:translateY(-14px) scale(.7)}100%{opacity:1;transform:none}}
@keyframes ukmAdmShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes ukmAdmPing{75%,100%{transform:scale(2.6);opacity:0}}
@keyframes ukmAdmDraw{to{stroke-dashoffset:0}}
@keyframes ukmAdmBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.ukm-adm,.ukm-adm *{animation:none!important}.ukm-adm .ukm-adm-ico path{stroke-dashoffset:0}}


/* ===== Bannière « Admission en ligne » de la page d’accueil (même présentation que l’appli) ===== */
.ukm-admb{max-width:1180px;margin:34px auto 10px;padding:0 20px;box-sizing:border-box;font-family:inherit}
.ukm-admb *{box-sizing:border-box}
.ukm-admb-card{position:relative;overflow:hidden;border-radius:28px;padding:30px 34px;color:#fff;
  background:linear-gradient(135deg,#0B2A4A 0%,#123D6B 55%,#1D4E89 100%);border:1px solid rgba(227,194,111,.38);
  box-shadow:0 24px 50px rgba(11,42,74,.28);opacity:0;transform:perspective(1000px) translateY(40px) rotateX(14deg);
  transition:opacity .9s ease,transform 1s cubic-bezier(.2,1.2,.35,1)}
.ukm-admb.vu .ukm-admb-card{opacity:1;transform:none}
.ukm-admb-card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:2px;background:linear-gradient(90deg,rgba(227,194,111,0),#E3C26F,rgba(227,194,111,0))}
.ukm-admb-c1,.ukm-admb-c2{position:absolute;border-radius:50%;pointer-events:none}
.ukm-admb-c1{width:360px;height:360px;top:-170px;right:-90px;background:rgba(255,255,255,.06)}
.ukm-admb-c2{width:220px;height:220px;bottom:-120px;left:-60px;background:rgba(194,155,64,.15)}
.ukm-admb-sheen{position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:ukmAdmbSheen 5.5s ease-in-out 2s infinite;pointer-events:none}
.ukm-admb-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.ukm-admb-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(227,194,111,.6);background:rgba(227,194,111,.12);border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:800;letter-spacing:1.4px;color:#E3C26F;text-transform:uppercase}
.ukm-admb-dot{position:relative;width:9px;height:9px}
.ukm-admb-dot i,.ukm-admb-dot b{position:absolute;inset:0;border-radius:50%;background:#34D399}
.ukm-admb-dot i{animation:ukmAdmPing 1.6s cubic-bezier(0,0,.2,1) infinite}
.ukm-admb h2.ukm-admb-title{margin:14px 0 6px!important;font-size:40px!important;line-height:1.1!important;font-weight:800!important;color:#fff!important;letter-spacing:-.5px;text-transform:none!important}
.ukm-admb-title span{color:#E3C26F!important}
.ukm-admb p.ukm-admb-sub{margin:0!important;font-size:16.5px!important;line-height:1.55!important;color:rgba(255,255,255,.85)!important;max-width:560px}
.ukm-admb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.ukm-admb-step{display:flex;align-items:center;gap:10px;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,1.3,.4,1)}
.ukm-admb.vu .ukm-admb-step{opacity:1;transform:none}
.ukm-admb.vu .ukm-admb-step:nth-child(1){transition-delay:.45s}.ukm-admb.vu .ukm-admb-step:nth-child(2){transition-delay:.6s}.ukm-admb.vu .ukm-admb-step:nth-child(3){transition-delay:.75s}
.ukm-admb-num{flex:none;width:24px;height:24px;border-radius:50%;background:#E3C26F;color:#0B2A4A;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.ukm-admb-step svg{flex:none;width:19px;height:19px}
.ukm-admb-step b{font-size:14px;font-weight:700;color:rgba(255,255,255,.95);line-height:1.25}
.ukm-admb-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.ukm-admb a.ukm-admb-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:16px;
  background:linear-gradient(135deg,#F0D58C,#E3C26F 55%,#C9A24A)!important;color:#0B2A4A!important;font-weight:800!important;font-size:16.5px!important;text-decoration:none!important;
  box-shadow:0 10px 22px rgba(138,106,31,.35);transition:transform .25s cubic-bezier(.2,1.6,.4,1),box-shadow .25s}
.ukm-admb a.ukm-admb-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 28px rgba(138,106,31,.45)}
.ukm-admb-cta:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-40%;width:28%;background:rgba(255,255,255,.5);transform:skewX(-20deg);animation:ukmAdmbSheen 3.2s ease-in-out 1.5s infinite}
.ukm-admb-cta .ar{display:inline-block;animation:ukmAdmbArrow 1.4s ease-in-out infinite}
.ukm-admb a.ukm-admb-follow{color:#fff!important;font-weight:700!important;font-size:15px!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid rgba(227,194,111,.6);padding-bottom:2px}
.ukm-admb a.ukm-admb-follow:hover{color:#E3C26F!important}
/* formulaire dessiné */
.ukm-admb-art{position:relative;width:190px;height:230px;border-radius:22px;background:#fff;padding:20px 18px;box-shadow:0 18px 40px rgba(2,6,23,.4);transform:rotate(-4deg);animation:ukmAdmbFloat 3.6s ease-in-out infinite}
.ukm-admb-art .hd{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.ukm-admb-art .av{width:38px;height:38px;border-radius:50%;background:#E8EEF7;display:flex;align-items:center;justify-content:center}
.ukm-admb-art .bar{height:7px;border-radius:4px;background:#B8C7DD;margin:4px 0}
.ukm-admb-art .row{display:flex;align-items:center;gap:9px;margin:14px 0}
.ukm-admb-art .row i{width:9px;height:9px;border-radius:50%;background:#C29B40;flex:none}
.ukm-admb-art .tr{flex:1;height:11px;border-radius:6px;background:#F1F5F9;overflow:hidden}
.ukm-admb-art .tr u{display:block;height:100%;width:0;border-radius:6px;background:#1D4E89;animation:ukmAdmbFill 4.6s ease-in-out infinite}
.ukm-admb-art .r2 .tr u{animation-delay:.45s}.ukm-admb-art .r3 .tr u{animation-delay:.9s}
.ukm-admb-ok{position:absolute;right:-14px;bottom:-14px;width:46px;height:46px;border-radius:50%;background:#16A34A;border:4px solid #fff;display:flex;align-items:center;justify-content:center;animation:ukmAdmbOk 4.6s ease-in-out infinite}
@keyframes ukmAdmbSheen{0%{left:-40%}55%,100%{left:130%}}
@keyframes ukmAdmbArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes ukmAdmbFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
@keyframes ukmAdmbFill{0%{width:0}35%,85%{width:100%}100%{width:0}}
@keyframes ukmAdmbOk{0%,55%{transform:scale(0);opacity:0}65%{transform:scale(1.25);opacity:1}72%,90%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@media(max-width:860px){
  .ukm-admb{margin-top:22px;padding:0 14px}
  .ukm-admb-card{padding:22px 18px;border-radius:22px}
  .ukm-admb-grid{display:block}
  .ukm-admb-grid>div:first-child{position:relative;z-index:1}
  .ukm-admb-tag{white-space:nowrap;font-size:10px;letter-spacing:1px;padding:4px 10px}
  .ukm-admb h2.ukm-admb-title,.ukm-admb p.ukm-admb-sub{max-width:calc(100% - 78px)!important}
  .ukm-admb h2.ukm-admb-title{font-size:24px!important;margin-top:12px!important}
  .ukm-admb p.ukm-admb-sub{font-size:14px!important}
  .ukm-admb-art{position:absolute;top:2px;right:2px;width:70px;height:88px;padding:8px 7px;border-radius:12px;z-index:0}
  .ukm-admb-art .hd{margin-bottom:7px;gap:5px}.ukm-admb-art .av{width:20px;height:20px}.ukm-admb-art .av svg{width:11px;height:11px}
  .ukm-admb-art .bar{height:4px;margin:2px 0}.ukm-admb-art .row{margin:7px 0;gap:5px}.ukm-admb-art .row i{width:5px;height:5px}.ukm-admb-art .tr{height:6px}
  .ukm-admb-ok{width:24px;height:24px;border-width:3px;right:-7px;bottom:-7px}.ukm-admb-ok svg{width:13px;height:13px}
  .ukm-admb-steps{gap:7px;margin-top:16px}
  .ukm-admb-step{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 9px}
  .ukm-admb-step b{font-size:11.5px}
  .ukm-admb-actions{margin-top:16px;gap:12px}
  .ukm-admb a.ukm-admb-cta{width:100%;justify-content:center;font-size:15px!important;line-height:1.2!important;padding:14px 18px;white-space:nowrap}
  .ukm-admb a.ukm-admb-follow{width:100%;justify-content:center;border-bottom:0;font-size:14px!important;line-height:1.3!important;white-space:nowrap}
  .ukm-admb-step b{line-height:1.25!important}
}
@media (prefers-reduced-motion:reduce){.ukm-admb *,.ukm-admb-card{animation:none!important;transition:none!important}.ukm-admb-card,.ukm-admb-step{opacity:1!important;transform:none!important}}