.hLVhsN2kjvWR98KCbxsI {
background: transparent;
margin: 0 0.25em 0.25em 0.25em;
}
.BaUxrSDBW6ZeNqqV3ymf {
display: inline-block;
margin-top: 0.25rem;
font-size: 0.875rem;
font-weight: 400;
color: #e70000;
font-family: Graphik, Helvetica, sans-serif;
height: 20px;
}
.kpBsNCGg6U3xDv_pAaX6 {
margin: 0;
height: 100%;
}
.VUyZqYKQ_poJjNMztn2B {
vertical-align: -4.75px;
margin-right: 0.2rem;
fill: #e70000;
}
:root {
--field-margin: 16px;
--element-height: 48px;
--corner-radius: 8px;
--margin-between-fields: 8px;
}
iframe {
border-radius: var( --corner-radius );
}
@media screen and ( max-width: 460px ) {
.oGT5mz7UHn0f8YHehsvX {
margin-bottom: var( --field-margin );
}
}
@media screen and ( min-width: 461px ) {
.NBcGWCrF2aJJbDJVaTHA {
display: flex;
}
.oGT5mz7UHn0f8YHehsvX {
flex-grow: 1;
margin-right: var( --margin-between-fields );
}
.yiwWd1MwMskoFYlthyhD {
flex-grow: 1;
margin-left: var( --margin-between-fields );
}
.Nn_OX1kqmL84kvjKhpbv {
display: flex;
}
.Laty6uK69U71mwYLMmpc {
margin-right: var( --margin-between-fields );
}
.oASHCxKh30L1XG6v1OgQ {
width: 50%;
}
}
.D8AkDHVNkF5j92eXLJeG,
.NBcGWCrF2aJJbDJVaTHA {
margin-bottom: var( --field-margin );
}
.vWA4o_JgP_XuYK6Hw9Yf {
height: var( --element-height );
border: 1px solid #727272;
border-radius: var( --corner-radius );
}
.Wfm4s3Av83PSoAXrNqgG {
height: var( --element-height );
border: 1px solid #e70000;
border-radius: var(	--corner-radius );
}   .gBfGdjkh1LX43iKTaivw {
height: var( --element-height );
border: 1px solid #228800;
border-radius: var( --corner-radius );
box-shadow: 0px 0px 3px 0px #228800;
}
.cPF8f2QMwPcB7ajfWRWr {
box-sizing: border-box;
height: 48px;
margin-bottom: 16px;
}
.DJXCuKMZj4AhutZdQwGC {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 28px;
padding: 4px 2px;
margin: 16px 0;
}
.hPUG05O67zzhE7BaNQoQ {
flex-grow: 1;
height: 1px;
background-color: #C7C7C7;
}
.ByyZ_WM1LYxUdJhgE5sL {
padding: 0 13px;
color: #5A5A5A;
line-height: 20px;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
}
.gBPqMKsI2QcRGSipLBry {
display: flex;
width: 100%;
justify-content: space-between;   }.af-parcours-grid {
--af-orange: #f87c24;
--af-orange-hover: #ff9a55;
--af-navy: #0d223b;
--af-blue: #1a3551;
--af-red: #b81c23;
--af-cut: 30px;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 22px;
width: 100%;
font-family: Arial, sans-serif;
}
.af-parcours-card {
position: relative;
isolation: isolate;
display: flex;
grid-column: span 2;
min-width: 0;
overflow: hidden;
flex-direction: column;
color: #fff;
background: var(--af-blue);
box-shadow: 0 18px 42px rgba(13, 34, 59, .14);
clip-path: polygon(var(--af-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--af-cut));
transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease;
}
.af-parcours-card:nth-child(4) { grid-column: 2 / span 2; }
.af-parcours-card:nth-child(5) { grid-column: 4 / span 2; }
.af-parcours-card:hover {
transform: translateY(-7px);
box-shadow: 0 26px 54px rgba(13, 34, 59, .19);
}
.af-parcours-card * {
min-width: 0;
box-sizing: border-box;
} .af-parcours-media {
position: relative;
height: 185px;
overflow: hidden;
flex: 0 0 185px;
background: #a2aebc;
}
.af-parcours-media::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(6, 23, 40, .72) 0%, rgba(6, 23, 40, .18) 48%, rgba(6, 23, 40, .28) 100%),
linear-gradient(135deg, transparent 62%, rgba(248, 124, 36, .62));
pointer-events: none;
}
.af-parcours-image,
.af-parcours-image-placeholder {
display: block;
width: 100%;
height: 100%;
}
.af-parcours-image {
object-fit: cover;
filter: saturate(.72) contrast(1.05);
transition: transform .6s cubic-bezier(.2, .8, .2, 1), filter .4s ease;
}
.af-parcours-card:hover .af-parcours-image {
transform: scale(1.045);
filter: saturate(.9) contrast(1.05);
}
.af-parcours-image-placeholder {
background:
radial-gradient(circle at 82% 16%, rgba(248, 124, 36, .28), transparent 34%),
linear-gradient(145deg, #294965, #102943);
}  .af-parcours-card.is-complet .af-parcours-image {
filter: saturate(.25) contrast(1.05);
}
.af-parcours-card.is-complet:hover .af-parcours-image {
filter: saturate(.35) contrast(1.05);
transform: none;
} .af-parcours-complet-tag {
position: absolute;
z-index: 3;
bottom: 14px;
left: 20px;
display: inline-flex;
align-items: center;
padding: 4px 10px;
background: var(--af-red);
color: #fff;
font-family: "Codec", Arial, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
border-radius: 2px;
} .af-parcours-btn.is-secondary {
background: transparent;
color: rgba(255, 255, 255, .6);
border: 1px solid rgba(255, 255, 255, .25);
}
.af-parcours-btn.is-secondary:hover,
.af-parcours-btn.is-secondary:focus-visible {
background: rgba(255, 255, 255, .07);
color: #fff;
border-color: rgba(255, 255, 255, .45);
}
.af-parcours-btn.is-secondary svg {
opacity: .5;
} .af-parcours-number,
.af-parcours-badge,
.af-parcours-kicker {
font-family: "Codec", Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.af-parcours-number {
position: absolute;
z-index: 2;
top: 22px;
left: 24px;
display: flex;
align-items: center;
gap: 10px;
color: #fff;
font-size: 15px;
letter-spacing: .1em;
text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
}
.af-parcours-number::before {
content: "";
width: 22px;
height: 2px;
background: var(--af-orange);
}
.af-parcours-badge {
position: absolute;
z-index: 2;
top: 24px;
right: 24px;
max-width: 55%;
overflow: hidden;
color: #fff;
font-size: 10px;
letter-spacing: .1em;
text-align: right;
text-overflow: ellipsis;
text-shadow: 0 1px 8px rgba(0, 0, 0, .6);
white-space: nowrap;
}
.af-parcours-card.is-featured .af-parcours-badge {
color: #ffad74;
} .af-parcours-body {
display: flex;
padding: 25px 26px 24px;
flex: 1;
flex-direction: column;
}
.af-parcours-kicker {
display: block;
margin-bottom: 14px;
color: #bfcbd7;
font-size: 12px;
letter-spacing: .08em;
}
.af-parcours-title {
margin: 0 0 16px;
font-family: "Digiva", Arial, sans-serif;
font-size: clamp(19px, 1.4vw, 23px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -.01em;
}
.af-parcours-title a,
.af-parcours-title a:hover,
.af-parcours-title a:focus {
color: #fff;
text-decoration: none;
}
.af-parcours-desc {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: #c9d3dd;
font-size: 14px;
line-height: 1.58;
margin-bottom: 16px;
}
.af-parcours-desc p        { margin: 0 0 12px; }
.af-parcours-desc p:last-child { margin-bottom: 0; }
.af-parcours-desc ul       { margin: 14px 0 0; padding-left: 18px; }
.af-parcours-desc li       { margin-bottom: 6px; }
.af-parcours-desc li::marker { color: var(--af-orange); } .af-parcours-bottom {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-top: auto;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, .16);
}
.af-parcours-price {
flex: 0 0 auto;
color: #e8edf2;
font-family: "Codec", Arial, sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 1.15;
white-space: nowrap;
}
.af-parcours-price del {
margin-right: 5px;
color: #96a8b9;
font-size: 13px;
font-weight: 300;
}
.af-parcours-price ins { text-decoration: none; }
.af-parcours-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
flex: 1;
min-height: 46px;
padding: 11px 16px;
color: var(--af-navy);
background: var(--af-orange);
font-family: "Codec", Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.af-parcours-btn:hover,
.af-parcours-btn:focus-visible {
color: var(--af-navy);
background: var(--af-orange-hover);
}
.af-parcours-btn:focus-visible {
outline: 3px solid rgba(248, 124, 36, .42);
outline-offset: 4px;
}
.af-parcours-btn svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
overflow: visible;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: square;
stroke-linejoin: miter;
transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}
.af-parcours-btn:hover svg { transform: translateX(4px); } @media (max-width: 960px) {
.af-parcours-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.af-parcours-card,
.af-parcours-card:nth-child(4),
.af-parcours-card:nth-child(5) {
grid-column: auto;
}
.af-parcours-card:last-child:nth-child(odd) {
grid-column: 1 / -1;
width: calc(50% - 11px);
justify-self: center;
}
}
@media (max-width: 640px) {
.af-parcours-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.af-parcours-card,
.af-parcours-card:last-child:nth-child(odd) {
grid-column: auto;
width: 100%;
min-height: 0;
}
.af-parcours-media {
height: 170px;
flex-basis: 170px;
}
.af-parcours-bottom {
align-items: stretch;
flex-direction: column;
}
.af-parcours-bottom.no-price { align-items: stretch; }
.af-parcours-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.af-parcours-card,
.af-parcours-image,
.af-parcours-btn,
.af-parcours-btn svg {
transition: none;
}
}