.chapeauOrientation{color:#163d65;padding:12px 0 30px}.chapeauOrientation>section{margin-bottom:48px;scroll-margin-top:110px}.chapeauOrientation h2{margin:12px 0 20px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2}.chapeauOrientation p{font-size:16px;line-height:1.7}.chapeauOrientationLead{max-width:900px}.chapeauOrientationLead nav{flex-wrap:wrap;gap:22px;display:flex}.chapeauOrientation a{color:inherit}.chapeauUniverseCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.chapeauUniverseCard{--entry:#2478a8;border:1px solid #d7e1e9;border-top:5px solid var(--entry);background:#f8fafc;border-radius:9px;flex-direction:column;padding:24px;text-decoration:none;display:flex}.chapeauUniverseCard--participer{--entry:#b9687e}.chapeauUniverseCard--actions{--entry:#c4674b}.chapeauUniverseCard--opportunites{--entry:#744083}.chapeauUniverseCard--ressources{--entry:#a47c16}.chapeauUniverseCard--digital{--entry:#31869c}.chapeauUniverseCard small{font-size:15px;font-weight:700}.chapeauUniverseCard h3{margin:15px 0 8px;font-size:1.25rem;line-height:1.35}.chapeauUniverseCard b{margin-top:auto;font-size:15px}.chapeauUniverseCard:hover{background:#edf4f9}.chapeauAudienceCards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.chapeauAudienceCards details{background:#fff;border:1px solid #cfdae5;border-radius:8px;padding:18px 22px}.chapeauAudienceCards summary{cursor:pointer;font-size:17px;font-weight:700}.chapeauAudienceCards nav{gap:12px;display:grid}.chapeauAudienceCards a{font-size:15px;line-height:1.5}.chapeauBoussole{background:#eef3f8;border-radius:12px;align-items:center;gap:30px;padding:28px;display:flex}.chapeauBoussole>div{flex:1}.chapeauBoussole>a{color:#fff;background:#173e64;border-radius:7px;padding:15px 20px;font-weight:700;text-decoration:none}.chapeauOrientation :focus-visible{outline-offset:5px;outline:3px solid #bb8b2c}@media (max-width:850px){.chapeauUniverseCards{grid-template-columns:repeat(2,minmax(0,1fr))}.chapeauBoussole{display:block}.chapeauBoussole>a{display:inline-block}}@media (max-width:580px){.chapeauUniverseCards,.chapeauAudienceCards{grid-template-columns:1fr}.chapeauUniverseCard{padding:20px}.chapeauBoussole{padding:22px}}.chapeauOrientation{background:#fff;border-radius:12px;padding:28px}.chapeauOrientation h2,.chapeauOrientation .kicker{color:#163d65}@media (max-width:580px){.chapeauOrientation{padding:20px}}