/* Genere depuis la planche Design v6 (_app/build_from_design.py), puis complete par extras.css */
body{margin:0;background:#0F204A}
a{color:#F2A74B}a:hover{color:#F9F1E4}
.ym-box{clip-path:polygon(0% 22%, 82% 2%, 86% 0.7%, 90% 0.2%, 94% 1%, 97.4% 3.4%, 99.4% 7%, 100% 11%, 100% 100%, 0% 100%)}
.ym-field{box-sizing:border-box;width:100%;height:52px;border:0;border-radius:2px;background:#F9F1E4;padding:0 14px;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:400;color:#0F204A}
.ym-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
.ym-value{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center}
.ym-track{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.ym-slide{transition:transform .6s cubic-bezier(.22,.61,.36,1), opacity .6s ease}
.ym-arrow{width:52px;height:52px;border-radius:50%;border:1.5px solid #0F204A;background:transparent;color:#0F204A;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ym-arrow:hover{background:#0F204A;color:#F9F1E4}
@media (max-width:900px){.ym-qui-photo{max-width:none!important;flex-basis:100%!important}.ym-frame-txt{padding-top:2px!important;padding-bottom:2px!important}.ym-towers{width:680px!important;height:2125px!important;top:-130px!important;right:-140px!important}.ym-hero-filaire,.ym-valeurs-filaire{display:none}.ym-value{grid-template-columns:48px minmax(0,1fr);gap:8px 16px}.ym-value p{grid-column:2}.ym-fade{width:8%!important}}
@media (min-width:641px) and (max-width:900px){.ym-qui-img{aspect-ratio:4 / 3!important}#qui-sommes-nous{padding-top:72px!important;padding-bottom:56px!important}.ym-qui-inner{gap:40px!important}.ym-valeurs{padding-top:64px!important}}
@media (max-width:1100px){.ym-contact-filaire{display:none}}
@media (max-width:640px){
.ym-towers{display:none!important}
.ym-head-social{display:none!important}
.ym-logo{height:52px!important}
.ym-head-cta{padding:0 18px!important;margin-left:0!important}
.ym-hero{min-height:0!important}
.ym-hero-body{padding:48px 24px 32px!important}
.ym-sec{padding-top:80px!important;padding-bottom:80px!important}
#qui-sommes-nous{padding-top:0!important;padding-bottom:48px!important}
.ym-hero-cards{padding-bottom:168px!important;gap:32px!important}
.ym-hero-mono{align-self:flex-start!important}
.ym-qui-inner{gap:40px!important}
.ym-qui-photo{margin-top:-204px!important;z-index:1}
.ym-valeurs{padding-top:48px!important;padding-bottom:32px!important}
.ym-value:last-child{border-bottom:0!important}
.ym-sec-y{padding-top:48px!important;padding-bottom:56px!important}
.ym-h2-gap{margin-bottom:40px!important}
.ym-slider{margin-top:40px!important}
.ym-edge-arrow{display:none!important}
.ym-lead{margin-bottom:40px!important}
.ym-contact-title{font-size:min(8.6vw, 40px)!important;text-wrap:balance}
.ym-foot-logo{height:76px!important}
.ym-foot-inner{flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:24px!important}
.ym-foot-inner > div{justify-content:center!important}
.ym-ctrls{width:100%!important;justify-content:space-between!important}
.ym-counter{text-align:center!important}
.ym-slide-img{aspect-ratio:3 / 4!important}
.ym-dots{margin-top:8px!important;gap:0!important}
.ym-dot-btn{width:18px!important;height:32px!important}
.ym-dot{width:8px!important;height:8px!important;border-radius:50%!important}
.ym-value{padding:24px 0!important}
}
@media (max-width:560px){.ym-form{grid-template-columns:minmax(0,1fr)}}