body{margin:0;font-family:"Source Sans 3",sans-serif;color:#2b2b2b;background:#fff}a{color:inherit;text-decoration:none}img{display:block}.hist-bg{background-image:url(../images/pont-abidjan.jpg);background-size:cover;background-position:center;animation:kb 40s ease-in-out infinite alternate}@keyframes kb{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.22) translate(-2.5%,-2%)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(10deg)}}@keyframes rise{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}@keyframes fromL{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:none}}@keyframes fromR{0%{opacity:0;transform:translate(90px)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pulse{0%{box-shadow:0 0 #fec500a6}to{box-shadow:0 0 0 30px #fec50000}}@keyframes shimmer{to{background-position:200% center}}@keyframes slides{0%{opacity:0;transform:scale(1)}4%{opacity:1}20%{opacity:1}26%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1.1)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.rv.in{animation:rise .9s ease backwards}.rl.in{animation:fromL .9s ease backwards}.rr.in{animation:fromR .9s ease backwards}.d1{animation-delay:.15s}.d2{animation-delay:.3s}.d3{animation-delay:.45s}.d4{animation-delay:.6s}.tl-line{transform-origin:top}.tl-line.in{animation:grow 2.4s ease backwards}.pulse{animation:pulse 2s ease-out infinite}.shim{background:linear-gradient(90deg,#fec500,#fff,#8cc63e,#fec500);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.fl{animation:floaty 9s ease-in-out infinite}.slide{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:slides 25s linear infinite}.lift{transition:transform .3s ease,box-shadow .3s ease}.lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000040}.tl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 48px;margin-bottom:64px;position:relative}.c-left{grid-column:1;grid-row:1}.c-right{grid-column:2;grid-row:1}.tl-line{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,#fec500,#8cc63e)}@media(max-width:860px){.tl-row{grid-template-columns:minmax(0,1fr)}.c-left,.c-right{grid-column:1;grid-row:1}.tl-empty,.tl-line{display:none}}@property --n{syntax:"<integer>";initial-value:0;inherits:false}@counter-style pad3{system:extends decimal;pad:3 "0"}@keyframes cnt{0%{--n:0}to{--n:var(--t)}}@keyframes ring{0%{stroke-dashoffset:125.7}to{stroke-dashoffset:84}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%,60%{transform:translate(-120%) skew(-20deg)}to{transform:translate(320%) skew(-20deg)}}@keyframes barw{0%{width:0}to{width:56px}}.cnt{--n:var(--t);counter-reset:num var(--n)}.cnt.in{animation:cnt 2.8s cubic-bezier(.2,.7,.2,1) backwards}.cnt:before{content:counter(num)}.cnt-k.in{animation:cnt 2.8s cubic-bezier(.2,.7,.2,1) backwards}.cnt-k{--n:var(--t);counter-reset:k round(down,calc(var(--n) / 1000),1) r mod(var(--n),1000)}.cnt-k:before{content:counter(k) " " counter(r,pad3)}.ringc{stroke-dasharray:125.7;animation:ring 2.4s ease-out both}.shine:after{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shine 5s ease-in-out infinite;pointer-events:none}.bar{width:56px;height:5px;border-radius:3px;animation:barw 1.2s ease-out both}@keyframes draw{0%{stroke-dashoffset:2600}to{stroke-dashoffset:0}}.scr{stroke-dasharray:2600;stroke-dashoffset:0}.scr.in{animation:draw 4s ease-out .2s backwards}.tilt{transform:rotate(var(--rot));transition:transform .35s ease,box-shadow .35s ease}.tilt:hover{transform:rotate(0) translateY(-8px);box-shadow:0 28px 56px #00000047}@media(max-width:1000px){.deco{display:none}}.pnl img{transition:transform 1.2s ease,filter .6s ease}.pnl:hover img{transform:scale(1.12)}.pnl .ov{transition:opacity .5s ease}.pnl:hover .ov{opacity:.82}.pnl .txt{transition:transform .5s ease}.pnl:hover .txt{transform:translateY(-10px)}.btn2{display:inline-flex;align-items:stretch;border-radius:999px;overflow:hidden;font-family:Poppins,sans-serif;font-weight:600;font-size:16px;transition:transform .3s ease}.btn2:hover{transform:translate(6px)}.slot{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.slot:hover{transform:translateY(-6px) scale(1.03);border-color:#8cc63e;box-shadow:0 12px 28px #2b2b2b1f}.wa{animation:pulse 2.2s ease-out infinite;--p:0}@keyframes pulsewa{0%{box-shadow:0 0 #25d36699}to{box-shadow:0 0 0 24px #25d36600}}.wa{animation:pulsewa 2.2s ease-out infinite}.clink:hover{color:#2f7a2e}.soc{transition:transform .3s ease,background .3s ease}.soc:hover{transform:translateY(-4px);background:#fec500;color:#2b2b2b}.stat{border-left:1px solid #E3E3E3}.stat:first-child{border-left:none}@media(max-width:1000px){.stat{border-left:none;padding:20px 32px}}@media(max-width:860px){.stat{border-left:none!important;border-top:1px solid #E3E3E3;padding:28px 16px!important}.stat:first-child{border-top:none}}@keyframes zoomIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes blurIn{0%{opacity:0;filter:blur(14px);transform:translateY(28px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0 round 14px);opacity:.3}to{clip-path:inset(0 0 0 0 round 14px);opacity:1}}@keyframes flipUp{0%{opacity:0;transform:perspective(900px) rotateX(-38deg) translateY(50px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.4) rotate(-14deg)}70%{opacity:1;transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:none}}@keyframes rotIn{0%{opacity:0;transform:rotate(-9deg) translateY(70px) scale(.9)}to{opacity:1;transform:none}}@keyframes barx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes navDrop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.zoom.in{animation:zoomIn .9s ease backwards}.blurIn.in{animation:blurIn 1s ease backwards}.wipe.in{animation:wipe 1s cubic-bezier(.7,0,.2,1) backwards}.flip{transform-origin:center bottom}.flip.in{animation:flipUp .9s ease backwards}.popIn.in{animation:popIn .8s ease backwards}.rotIn.in{animation:rotIn 1s ease backwards}.barx{transform-origin:left}.barx.in{animation:barx .9s ease backwards}.navd{animation:navDrop .8s ease backwards}.blurL{animation:blurIn 1.1s .15s ease backwards}.riseL{animation:rise .9s .5s ease backwards}.popL{animation:rise .9s .75s ease backwards}.barL{transform-origin:left;animation:barx .9s 0s ease backwards}.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.pre{opacity:0}.cnt.pre,.cnt-k.pre{opacity:1;--n:0}.scr.pre{opacity:1;stroke-dashoffset:2600}.tl-line.pre{opacity:1;transform:scaleY(0)}@media(prefers-reduced-motion:reduce){*{animation:none!important}.pre{opacity:1!important}.cnt.pre,.cnt-k.pre{--n:var(--t)}.scr.pre{stroke-dashoffset:0}.tl-line.pre{transform:none}}@media(max-width:860px){.valeurs-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.valeurs-grid>div{padding:28px 18px 24px!important}}@media(max-width:480px){.valeurs-grid{grid-template-columns:1fr!important}.valeurs-grid>div{padding:28px 22px 26px!important}.valeurs-grid svg{width:52px;height:52px}}.partner-track{animation:drift 22s linear infinite}.partner-track:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.partner-track{animation:none}}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,svg{max-width:100%}.site-logo{height:52px;width:auto;flex:none;display:block}.footer-logo{width:100%;max-width:200px;height:auto}@media(max-width:860px){.site-logo{height:40px}}@media(max-width:420px){.site-logo{height:36px}}:root{--header-h:72px}@media(max-width:860px){:root{--header-h:60px}}@media(max-width:420px){:root{--header-h:54px}}section[id]{scroll-margin-top:var(--header-h)}.header-fixed{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 12px #0000;transition:box-shadow .3s ease}.header-fixed.scrolled{box-shadow:0 6px 24px #0f2a1214}.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}.menu-btn{display:none;flex:none;width:40px;height:40px;background:none;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;padding:0}.menu-btn span{display:block;width:26px;height:3px;background:#2b2b2b;border-radius:2px;margin:3px 0;transition:transform .25s ease,opacity .25s ease}@media(max-width:860px){.menu-btn{display:flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:#fff;padding:12px 24px 20px;border-bottom:1px solid #EDEDED;box-shadow:0 16px 28px #00000014}.main-nav.open{display:flex}.main-nav a{padding:12px 4px}}@keyframes blinkAI{0%,to{opacity:1}50%{opacity:.35}}.ai-blink{animation:blinkAI 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ai-blink{animation:none}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:#fec500;color:#2b2b2b}:focus-visible{outline:3px solid #FEC500;outline-offset:3px;border-radius:6px}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Poppins,sans-serif;font-weight:600;font-size:16px;line-height:1.2;padding:14px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;text-align:center}.btn .arr{transition:transform .25s ease}.btn:hover .arr{transform:translate(4px)}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:#fec500;color:#2b2b2b;box-shadow:0 8px 20px #fec50059}.btn-yellow:hover{background:#ffd12e;box-shadow:0 12px 26px #fec50073}.btn-green{background:#2f7a2e;color:#fff;box-shadow:0 8px 20px #2f7a2e47}.btn-green:hover{background:#276826}.btn-outline{background:transparent;color:#2b2b2b;border-color:#2b2b2b}.btn-outline:hover{background:#2b2b2b;color:#fff}.btn-ghost-light{background:#ffffff1f;color:#fff;border-color:#ffffff8c}.btn-ghost-light:hover{background:#fff;color:#2f7a2e}.btn-wa{background:#25d366;color:#0b2a14}.btn-wa:hover{background:#2ee273}.main-nav a.nav-link{position:relative;padding:6px 0;color:#2b2b2b;transition:color .2s ease}.main-nav a.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:2px;background:#8cc63e;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.main-nav a.nav-link:hover{color:#2f7a2e}.main-nav a.nav-link.active{color:#2f7a2e;font-weight:600}.main-nav a.nav-link.active:after{transform:scaleX(1)}.nav-cta{background:#fec500;color:#2b2b2b;padding:11px 22px;border-radius:999px;font-weight:600;transition:background .2s ease,transform .2s ease}.nav-cta:hover{background:#ffd12e;transform:translateY(-1px)}@media(max-width:860px){.main-nav a.nav-link:after{display:none}.main-nav a.nav-link.active{background:#f2f8ea;border-radius:8px;padding-left:12px}.nav-cta{text-align:center;margin-top:8px}}.hero{position:relative;background:#fff url(../images/hero-bg.jpg) no-repeat right center/cover;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff,#fffffff5 28%,#ffffffb3 42%,#fff0 58%);pointer-events:none}.hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:48px 24px;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));display:flex;align-items:center;box-sizing:border-box}.hero-text{flex:0 1 600px;min-width:0}.hero-media{display:none}.hero-kicker{display:inline-flex;align-items:center;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:2.2px;text-transform:uppercase;color:#2b2b2b}.hero h1{margin:22px 0 0;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-1.2px;color:#2b2b2b}.hero h1 .hl{color:#2f7a2e}.hero-lead{margin:22px 0 0;font-size:18px;line-height:1.6;color:#4a4a4a;max-width:480px}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}@media(max-width:820px){.hero{background:#fff}.hero:before{display:none}.hero-inner{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 48px}.hero-media{display:block;position:relative;height:clamp(240px,62vw,400px);background:url(../images/hero-mobile.jpg) no-repeat 30% center/cover}.hero-media:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:72px;background:linear-gradient(180deg,#fff0,#fff)}.hero-text{flex:none;padding:8px 20px 0}.hero-lead{font-size:17px}.hero-ctas .btn{flex:1 1 200px}}.sec-kicker{font-family:Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#2f7a2e}.sec-bar{width:56px;height:5px;border-radius:3px;background:#fec500;margin:18px auto 0}.card-hover{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card-hover:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2b2b2b1a;border-color:#cfe7ae}.icon-bubble{width:84px;height:84px;margin:0 auto;border-radius:24px;background:#f2f8ea;display:flex;align-items:center;justify-content:center}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{font-family:Poppins,sans-serif;font-weight:500;font-size:13.5px;color:#2f7a2e;background:#fff;border:1px solid #DCEFC4;padding:6px 12px;border-radius:999px}.partner-logo{background:#fff;border:1px solid #EEEEEE;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.partner-logo img{filter:grayscale(1);opacity:.7;transition:filter .3s ease,opacity .3s ease}.partner-logo:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2b2b2b1a;border-color:#cfe7ae}.partner-logo:hover img{filter:none;opacity:1}@media(hover:none){.partner-logo img{filter:none;opacity:1}}.video-facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;padding:0;cursor:pointer;background:#0f2a12 center/cover no-repeat}.video-facade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f2a1226,#0f2a128c)}.video-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#fec500;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px #fec50040;transition:transform .25s ease}.video-facade:hover .video-play{transform:scale(1.08)}.video-label{position:absolute;left:24px;bottom:20px;font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#fff;text-align:left}.contact-sec{position:relative;overflow:hidden;background:#f8f5e9;margin-top:104px}.contact-sec:before{content:"";position:absolute;right:4%;top:60px;width:120px;height:120px;background-image:radial-gradient(#8CC63E 2px,transparent 2px);background-size:16px 16px;opacity:.5;pointer-events:none}.contact-wrap{position:relative;max-width:1200px;margin:0 auto;padding:104px 24px 112px}.contact-title{margin:12px 0 0;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(28px,5vw,44px);line-height:1.15;color:#2b2b2b}.contact-sub{margin:20px auto 0;max-width:560px;font-size:18px;line-height:1.6;color:#4a4a4a}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}.contact-tile{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #EFEBDD;border-radius:20px;padding:28px 26px 24px;box-shadow:0 8px 24px #2b2b2b0d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.contact-tile:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2b2b2b1a;border-color:#cfe7ae}.contact-tile-icon{width:56px;height:56px;border-radius:16px;background:#f2f8ea;display:flex;align-items:center;justify-content:center}.contact-tile-label{margin-top:20px;font-family:Poppins,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:#2f7a2e}.contact-tile-value{margin-top:6px;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(18px,1.8vw,21px);line-height:1.3;color:#2b2b2b;word-break:break-word}.contact-tile-detail{margin-top:6px;font-size:15.5px;line-height:1.5;color:#6a6a6a}.contact-tile-action{margin-top:auto;padding-top:20px;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;color:#2f7a2e;display:inline-flex;gap:6px}.contact-tile-action .arr{transition:transform .25s ease}.contact-tile:hover .contact-tile-action .arr{transform:translate(4px)}.contact-band{position:relative;overflow:hidden;margin-top:32px;background:#2f7a2e;color:#fff;border-radius:24px;padding:40px 44px 28px}.contact-band-deco{position:absolute;right:-50px;top:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#fec50059,#fec50000 70%);pointer-events:none}.contact-band-main{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}.contact-band-text{flex:1 1 380px;min-width:0}.contact-band-text h3{margin:0;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(22px,3vw,30px);line-height:1.2}.contact-band-text p{margin:10px 0 0;font-size:17px;line-height:1.55;color:#ffffffe0}.contact-band-ctas{display:flex;flex-wrap:wrap;gap:12px}.contact-band-foot{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}.contact-social{display:flex;align-items:center;gap:10px}.contact-foot-label{font-family:Poppins,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:#fec500;margin-right:6px}.social-round{width:40px;height:40px;border-radius:50%;background:#ffffff24;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease,transform .25s ease}.social-round:hover{background:#fec500;color:#2b2b2b;transform:translateY(-3px)}.contact-useful{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}.contact-useful-text{font-size:16px;font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:4px;transition:text-decoration-color .2s ease}.contact-useful:hover .contact-useful-text{text-decoration-color:#fec500}@media(max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-tile{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:16px;padding:20px}.contact-tile-icon{grid-row:span 2}}@media(max-width:900px){.contact-tile{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:start}.contact-tile-icon{grid-row:1 / span 3}.contact-tile-label,.contact-tile-value,.contact-tile-detail,.contact-tile-action{grid-column:2;margin-top:0}.contact-tile-action{padding-top:8px}}@media(max-width:640px){.contact-band{padding:30px 22px 22px}.contact-band-ctas{width:100%}.contact-band-ctas .btn{flex:1 1 160px}}.field{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:12px;border:1.5px solid #E2E2E2;font-family:"Source Sans 3",sans-serif;font-size:16px;color:#2b2b2b;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.field:focus{outline:none;border-color:#8cc63e;box-shadow:0 0 0 4px #8cc63e33}.robot{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;will-change:transform;background:none;border:none;padding:0}.robot-bubble{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#2b2b2b;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:12px 12px 4px;white-space:nowrap;box-shadow:0 6px 14px #00000040;animation:zoomIn .3s ease}.robot-bubble.left{right:auto;left:0;border-radius:12px 12px 12px 4px}.foot-link{color:#ededed;transition:color .2s ease}.foot-link:hover{color:#fec500}@media(max-width:640px){.intro-p{text-align:left}}.vf{position:relative;background:#14220f}.vf-desktop{height:270vh}.vf-sticky{position:relative}.vf-desktop .vf-sticky{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow:hidden;contain:layout paint}.vf-voile{position:absolute;top:0;right:0;bottom:0;left:0;background:#06100a;opacity:0;pointer-events:none;will-change:opacity}.vf-titre{margin:0;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(24px,4vw,34px);line-height:1.2;color:#fff;text-align:center}.vf-desktop .vf-titre{position:absolute;left:0;right:0;top:0;z-index:3;will-change:transform,opacity}.vf-bord{display:none}.vf-desktop .vf-bord{display:block;position:absolute;left:0;top:0;z-index:1;box-sizing:border-box;border:2px solid rgba(254,197,0,.7);border-radius:30px;background:#ffffff0f;pointer-events:none;will-change:transform,opacity}.vf-cadre{position:relative;overflow:hidden;background:#0f2a12}.vf-desktop .vf-cadre{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;will-change:clip-path}.vf-mobile,.vf-statique{padding:8px 0 104px}.vf-mobile .vf-cadre,.vf-statique .vf-cadre{margin:32px auto 0;width:min(960px,calc(100% - 48px));aspect-ratio:16/9;border-radius:16px;box-shadow:0 0 0 2px #fec500b3;will-change:transform}.vf-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#0f2a12;cursor:pointer}.vf-desktop .vf-video{inset:auto;transform-origin:center center;will-change:transform}.vf-degrade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#06100a80,#06100a00 28%)}.vf-annees{position:absolute;z-index:3;display:flex;gap:2px;padding:4px;border-radius:999px;background:#0f2a1299;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:left top}.vf-annee{border:none;background:transparent;color:#ffffffd9;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;line-height:1;padding:9px 10px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.vf-annee:hover{background:#ffffff26;color:#fff}.vf-annee.actif{background:#fec500;color:#2b2b2b}.vf-ui{position:absolute;z-index:3;display:flex;gap:10px}.vf-desktop .vf-annees,.vf-desktop .vf-ui{left:0;top:0;will-change:transform}.vf-desktop .vf-degrade{display:none}.vf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0f2a128c;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,color .2s ease,border-color .2s ease}.vf-btn:hover{background:#0f2a12cc}.vf-btn-son.attire{background:#fec500;color:#2b2b2b;border-color:#fec500}.vf-btn-son.attire:hover{background:#ffd12e}.vf-mobile .vf-annees,.vf-statique .vf-annees{position:relative;margin:18px auto 0;width:max-content;max-width:calc(100% - 32px);overflow-x:auto;scrollbar-width:none}.vf-mobile .vf-annees::-webkit-scrollbar{display:none}@media(max-width:820px){.vf-annee{flex:none;padding:8px 7px;font-size:12px}.vf-annees{gap:0!important;padding:3px!important}}.vf-mobile .vf-ui,.vf-statique .vf-ui{right:12px;top:12px}.vf-mobile .vf-btn,.vf-statique .vf-btn{height:38px;min-width:38px;padding:0 12px;font-size:13px}@media(max-width:480px){.vf-btn-txt{display:none}.vf-mobile .vf-btn{padding:0}}
