/* Candidats 10.58.3. Compiled from the explicitly approved V4 mockup. */
body.geiq56-candidates-v10583 #engagements,
body.geiq56-candidates-v10583 #metiers { scroll-margin-top: 112px; }
html body.geiq56-candidates-v10583 #engagements .benefit-card__icon svg { width: 25px; height: 25px; stroke-width: 1.65; }
html body.geiq56-candidates-v10583 #engagements .benefit-card > .benefit-card__icon { margin: 0px auto 14px !important; }
html body.geiq56-candidates-v10583 #engagements .benefit-card::before { content: none; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #engagements .benefit-card__title { color: rgb(255, 255, 255) !important; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #engagements .benefit-card__icon { color: rgb(255, 139, 170) !important; }
html body.geiq56-candidates-v10583.page.page-id-30700.wp-theme-ollie main section#metiers.section.section--metiers-duo { background: linear-gradient(115deg, rgb(227, 0, 67) 0%, rgb(199, 0, 59) 100%) !important; padding: 76px 24px 84px !important; color: rgb(255, 255, 255); overflow: hidden; }
html body.geiq56-candidates-v10583 #metiers > .section-eyebrow { color: rgb(255, 255, 255) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; opacity: 1; margin-bottom: 18px !important; }
html body.geiq56-candidates-v10583 #metiers > .section-eyebrow::before { background: rgb(255, 255, 255) !important; }
html body.geiq56-candidates-v10583 #metiers > .section-title { max-width: 850px !important; color: rgb(255, 255, 255) !important; font-size: clamp(38px, 4.4vw, 64px) !important; line-height: 1.08 !important; margin: 0px auto 44px !important; }
html body.geiq56-candidates-v10583 #metiers > .section-title em { color: rgb(255, 255, 255) !important; }
/* 14 Sep: the reveal's inline blocks must not strand the question mark. */
html body.geiq56-candidates-v10583 #metiers > .section-title .metiers-title-ending { display: inline-block; white-space: nowrap; }
html body.geiq56-candidates-v10583 #metiers > .container { max-width: 1120px !important; width: 100%; padding: 0px !important; margin: 0px auto !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px !important; margin: 0px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo__col { display: flex !important; flex-direction: column; align-items: flex-start; min-width: 0px; padding: 36px !important; background: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 20px !important; box-shadow: 0 16px 36px rgba(84,0,25,.12) !important; text-align: left !important; transform: none !important; }
html body.geiq56-candidates-v10583 #metiers .feature-card::before,
html body.geiq56-candidates-v10583 #metiers .feature-card::after { display: none !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo__logo { margin: 0px 0px 22px !important; min-height: 64px; display: flex; align-items: center; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo__logo img { width: auto !important; height: 62px !important; max-width: 100%; object-fit: contain; object-position: left center; }
html body.geiq56-candidates-v10583 #metiers .feature-card__desc { color: rgb(81, 89, 96) !important; font-size: 17px !important; line-height: 1.75 !important; text-align: left !important; margin: 0px 0px 28px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-index { list-style: none; padding: 0px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-index { display: flex !important; flex-wrap: wrap; align-content: flex-start; align-items: center; gap: 12px 10px; width: 100%; margin: 0px 0px 34px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-index li { position: relative; display: inline-flex; align-items: center; max-width: 100%; min-height: 48px; margin: 0px !important; padding: 12px 18px !important; border: 0px; border-radius: 16px; background: rgb(250, 233, 239); box-sizing: border-box; }
html body.geiq56-candidates-v10583 #metiers .metiers-index__name { display: block; font: 600 17px / 1.4 "Inter", Arial, sans-serif; letter-spacing: -0.01em; color: rgb(154, 0, 48); }
html body.geiq56-candidates-v10583 #metiers .metiers-index__name::first-letter { text-transform: uppercase; }
html body.geiq56-candidates-v10583 #metiers .metiers-index__punctuation { display: none; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .metiers-index__name { color: rgb(255, 197, 215); }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .metiers-index li { background: rgb(71, 39, 49); }
@media (hover: hover) and (pointer: fine) {
html body.geiq56-candidates-v10583 #metiers .metiers-index li { transition: background .25s ease, transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease; }
html body.geiq56-candidates-v10583 #metiers .metiers-index__name { transition: color .25s ease; }
html body.geiq56-candidates-v10583 #metiers .metiers-index li:hover { background: rgb(227, 0, 67); transform: translateY(-3px); box-shadow: 0 8px 18px #e3004326; }
html body.geiq56-candidates-v10583 #metiers .metiers-index li:hover .metiers-index__name { color: rgb(255, 255, 255); }
}
html body.geiq56-candidates-v10583 #metiers .metiers-duo__link { width: 100%; margin: auto 0px 0px !important; padding-top: 20px; border-top: 1px solid rgb(232, 229, 231); }
html body.geiq56-candidates-v10583 #metiers .link-arrow { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: rgb(199, 0, 59) !important; font-size: 16px; line-height: 1.5; font-weight: 600; text-decoration: none; }
html body.geiq56-candidates-v10583 #metiers .link-arrow span { flex-shrink: 0; transition: transform .2s; }
html body.geiq56-candidates-v10583 #metiers .link-arrow:hover span { transform: translateX(4px); }
html body.geiq56-candidates-v10583 #metiers .link-arrow:hover { text-decoration: underline; text-underline-offset: 5px; }
html body.geiq56-candidates-v10583 #metiers .link-arrow:focus-visible { outline: 2px solid #c7003b; outline-offset: 5px; border-radius: 2px; }
html[data-theme="dark"] body.geiq56-candidates-v10583.page.page-id-30700.wp-theme-ollie main section#metiers.section.section--metiers-duo { background: linear-gradient(115deg, rgb(207, 0, 62), rgb(174, 0, 52)) !important; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .metiers-duo__col { background: rgb(34, 33, 38) !important; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .feature-card__desc { color: rgb(236, 233, 236) !important; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .link-arrow { color: rgb(255, 157, 187) !important; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .metiers-duo__link { border-color: rgb(90, 74, 80); }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .metiers-duo__logo img { background: rgb(255, 255, 255); border-radius: 8px; padding: 7px; box-sizing: content-box; max-width: calc(100% - 14px); }
@media (min-width: 768px) and (max-width: 900px) {
html body.geiq56-candidates-v10583 #metiers .metiers-duo { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 767px) {
html body.geiq56-candidates-v10583.page.page-id-30700.wp-theme-ollie main section#metiers.section.section--metiers-duo { padding: 48px 22px 54px !important; }
html body.geiq56-candidates-v10583 #metiers > .section-title { font-size: clamp(34px, 8.7vw, 48px) !important; margin-bottom: 32px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo { grid-template-columns: minmax(0,1fr); gap: 20px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo__col { padding: 26px !important; border-radius: 18px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo__logo { margin-bottom: 18px !important; min-height: 56px; }
html body.geiq56-candidates-v10583 #metiers .metiers-duo__logo img { height: 54px !important; }
html body.geiq56-candidates-v10583 #metiers .feature-card__desc { font-size: 16px !important; line-height: 1.65 !important; margin-bottom: 22px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-index { gap: 10px 8px; margin-bottom: 26px !important; }
html body.geiq56-candidates-v10583 #metiers .metiers-index li { min-height: 44px; padding: 11px 14px !important; border-radius: 14px; }
html body.geiq56-candidates-v10583 #metiers .metiers-index__name { font-size: 15px; line-height: 1.45; }
html body.geiq56-candidates-v10583 #metiers .link-arrow { font-size: 15px; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
html body.geiq56-candidates-v10583 #metiers * { transition: none !important; animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html body.geiq56-candidates-v10583 #metiers .metiers-index li:hover { transform: none; }
}
html body.geiq56-candidates-v10583 #metiers .metiers-index.cloud-3d { position: relative; display: block !important; height: 390px; perspective: 650px; perspective-origin: 50% 50%; isolation: isolate; margin: 0px !important; touch-action: pan-y; }
html body.geiq56-candidates-v10583 #metiers .cloud-3d li { position: absolute; top: 50%; left: 50%; width: max-content; max-width: 76% !important; padding: 0px !important; min-height: 0px; background: transparent !important; border-radius: 15px; box-shadow: none !important; transition: none; will-change: transform; }
html body.geiq56-candidates-v10583 #metiers .cloud-tag { display: block; width: 100%; min-height: 44px; padding: 12px 16px; border: 1px solid rgb(243, 198, 212); border-radius: 15px; background: rgb(255, 243, 247); color: rgb(153, 0, 47); box-shadow: 0 8px 18px #72002212, 0 1px 0 #ffffff inset; cursor: pointer; text-align: center; transition: background .22s, box-shadow .22s, border-color .22s; }
html body.geiq56-candidates-v10583 #metiers .cloud-tag .metiers-index__name { font-size: 15px; line-height: 1.4; color: inherit; white-space: normal; }
html body.geiq56-candidates-v10583 #metiers .cloud-3d li:hover .metiers-index__name { color: inherit; }
html body.geiq56-candidates-v10583 #metiers .cloud-3d li.is-front .cloud-tag { background: rgb(227, 0, 67); color: rgb(255, 255, 255); border-color: rgb(227, 0, 67); box-shadow: 0 18px 35px #96002d38, 0 1px 0 #ff769d inset; }
html body.geiq56-candidates-v10583 #metiers .cloud-tag:focus-visible { outline: 3px solid #99002f; outline-offset: 5px; }
body.geiq56-candidates-v10583 .cloud-motion { display: none; }
html body.geiq56-candidates-v10583 #metiers .cloud-motion { display: block; align-self: center; margin: 12px auto 24px; padding: 5px 8px; min-height: 36px; border: medium; background: transparent; color: rgb(113, 112, 120); font: 500 12px / 1.4 Inter, sans-serif; text-underline-offset: 4px; cursor: pointer; }
html body.geiq56-candidates-v10583 #metiers .cloud-motion:hover { color: rgb(199, 0, 59); text-decoration: underline; }
html body.geiq56-candidates-v10583 #metiers .cloud-motion:focus-visible { outline: 2px solid #c7003b; outline-offset: 2px; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .cloud-tag { background: rgb(71, 39, 49); border-color: rgb(129, 80, 98); color: rgb(255, 211, 223); box-shadow: 0 8px 18px #0003; }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .cloud-motion { color: rgb(210, 191, 198); }
html[data-theme="dark"] body.geiq56-candidates-v10583 #metiers .cloud-tag:focus-visible { outline-color: rgb(255, 157, 187); }
@media (max-width:767px) {
html body.geiq56-candidates-v10583 #metiers .metiers-index.cloud-3d { height: 360px; }
html body.geiq56-candidates-v10583 #metiers .cloud-tag { padding: 10px 12px; }
html body.geiq56-candidates-v10583 #metiers .cloud-tag .metiers-index__name { font-size: 14px; }
}
@media (prefers-reduced-motion:reduce) {
html body.geiq56-candidates-v10583 #metiers .metiers-index.cloud-3d { display: flex !important; height: auto; perspective: none; gap: 10px; }
html body.geiq56-candidates-v10583 #metiers .cloud-3d li { position: static; max-width: 100% !important; transform: none !important; opacity: 1 !important; will-change: auto; }
html body.geiq56-candidates-v10583 #metiers .cloud-motion { display: none; }
}