:root { --jp-color-navy-950: #07162d;
--jp-color-navy-900: #0d2448;
--jp-color-navy-800: #18345d;
--jp-color-navy-700: #244a7d;
--jp-color-orange-600: #e95b22;
--jp-color-orange-500: #f06a2c;
--jp-color-bordeaux-700: #7f1d35;
--jp-color-blue-600: #24659b;
--jp-color-green-600: #3d7f55;
--jp-color-white: #fff;
--jp-color-text: #1f2937;
--jp-color-muted: #667085;
--jp-color-surface: #fff;
--jp-color-surface-soft: #f5f7fb;
--jp-color-border: rgba(13, 36, 72, 0.14); --jp-font-body: "Open Sans", Arial, sans-serif;
--jp-font-heading: "Poppins", "Montserrat", Arial, sans-serif;
--jp-font-script: "Caveat", cursive;
--jp-font-size-body: 1rem;
--jp-font-size-small: 0.875rem;
--jp-font-size-h1: clamp(2.05rem, 2.55vw, 3rem);
--jp-font-size-h2: clamp(1.65rem, 2.1vw, 2.35rem);
--jp-font-size-h3: clamp(1.2rem, 1.45vw, 1.55rem);
--jp-font-size-script: clamp(2.5rem, 3vw, 3.5rem);
--jp-line-height-body: 1.65;
--jp-line-height-heading: 1.08; --jp-space-1: 0.25rem;
--jp-space-2: 0.5rem;
--jp-space-3: 0.75rem;
--jp-space-4: 1rem;
--jp-space-5: 1.5rem;
--jp-space-6: 2rem;
--jp-space-7: 3rem;
--jp-space-8: 4rem;
--jp-section-gap: clamp(3rem, 6vw, 6rem);
--jp-content-max: 1280px; --jp-radius-sm: 8px;
--jp-radius-md: 14px;
--jp-radius-lg: 24px;
--jp-radius-xl: 42px;
--jp-shadow-sm: 0 4px 16px rgba(13, 36, 72, 0.08);
--jp-shadow-md: 0 12px 32px rgba(13, 36, 72, 0.12);
--jp-shadow-lg: 0 24px 60px rgba(7, 22, 45, 0.18); --jp-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
--jp-duration-fast: 180ms;
--jp-duration-normal: 420ms;
--jp-duration-slow: 800ms; --jp-hero-height-desktop: 412px;
--jp-hero-image-x: 50%;
--jp-hero-image-y: 50%;
--jp-hero-image-scale: 1.015;
--jp-hero-overlay-start: rgba(8, 23, 47, 0.94);
--jp-hero-overlay-mid: rgba(8, 23, 47, 0.58);
--jp-hero-overlay-end: rgba(8, 23, 47, 0.05);
} @media (max-width: 900px) { :root {
--jp-font-size-script: clamp(2.15rem, 6vw, 3rem);
--jp-section-gap: clamp(2.5rem, 8vw, 4rem);
}
}body.single-formation .site-content, body.single-formation .site-main, body.single-formation .ast-container, body.single-formation .content-area, body.single-formation #primary {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}  .jp-formation {
overflow-x: hidden;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
font-family: "Montserrat","Arial",sans-serif;
color: var(--jp-text);
background: #fff;
} .jp-section {
padding: 43px 7% 0;
} .jp-section + .jp-section {
padding-top: 34px;
} .jp-title, .jp-small-title {
text-transform: uppercase;
font-weight: 900;
color: var(--jp-dark);
} .jp-title {
text-align: center;
font-size: 27px;
margin: 0 0 27px;
} .jp-small-title {
font-size: 22px;
margin: 0 0 22px;
} .jp-title span, .jp-small-title span {
color: var(--jp-main);
}  .jp-number, .jp-profile-card, .jp-step-icon {
border: 1px solid rgba(16,35,63,.08);
}  .single-formation .site-content, .single-contenu .site-content, .single-formation .ast-container, .single-contenu .ast-container, .single-formation .content-area, .single-contenu .content-area, .single-formation .site-main, .single-contenu .site-main {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}  .single-formation .jp-formation, .single-contenu .jp-page, .single-contenu .jp-hero, .single-formation .jp-hero {
width: 100%;
max-width: 100%;
margin-left: 0px;
margin-right: 0px;
}  body.single-formation, body.single-contenu {
overflow-x: hidden;
} html, body {
overflow-x: hidden;
} .jp-page, .jp-formation-page, .jp-contenu-page {
width: 100%;
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
} .jp-page *, .jp-formation-page *, .jp-contenu-page * {
box-sizing: border-box;
} body.single-formation .jp-formation p,
body.single-formation .jp-formation li,
body.single-contenu .jp-page p,
body.single-contenu .jp-page li,
body.single-jp_service .jp-page p,
body.single-jp_service .jp-page li,
body.single-jp_service .jp-service-page p,
body.single-jp_service .jp-service-page li {
text-align: justify;
text-justify: inter-word;
hyphens: auto;
} body.single-formation .jp-formation .jp-btn,
body.single-contenu .jp-page .jp-btn,
body.single-jp_service .jp-page .jp-btn,
body.single-jp_service .jp-service-page .jp-btn,
body.single-formation .jp-formation .jp-composition-card-info,
body.single-contenu .jp-page .jp-composition-card-info,
body.single-jp_service .jp-page .jp-composition-card-info,
body.single-jp_service .jp-service-page .jp-composition-card-info {
text-align: center;
hyphens: none;
}.jp-buttons {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 28px;
position: relative;
top: 0;
}  .jp-hero .jp-buttons {
margin-top: 24px;
top: 0;
} .jp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 17px;
border-radius: 9px;
font-size: 14px;
font-weight: 800;
text-decoration: none !important;
} .jp-btn-white {
background: #fff;
color: var(--jp-main) !important;
} .jp-btn-outline {
border: 2px solid #fff;
color: #fff !important;
} .jp-btn-main {
background: var(--jp-main);
color: #fff !important;
border: 2px solid var(--jp-main);
} .jp-hero[style*="--jp-hero-button-color"] .jp-btn-outline {
border-color: var(--jp-hero-button-color);
color: var(--jp-hero-button-color) !important;
}
.jp-hero[style*="--jp-hero-button-color"] .jp-btn-main {
background: var(--jp-hero-button-color);
border-color: var(--jp-hero-button-color);
color: var(--jp-hero-button-contrast, #fff) !important;
} .jp-btn-icon {
width: 22px;
height: 22px;
display: inline-block;
flex-shrink: 0;
background: currentColor;
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
}  @media (max-width:768px) { .jp-hero .jp-buttons {
margin-top: 22px;
top: 0;
}
}:root {
--jp-main: #e95b22;
--jp-dark: #10233f;
--jp-text: #26384f;
--jp-muted: #52627a;
--jp-soft: #fff3ec;
--jp-soft-2: #eef6fb;
--jp-radius-xl: 34px;
--jp-radius-lg: 24px;
--jp-radius-md: 16px;
--jp-shadow-sm: 0 8px 22px rgba(16,35,63,.08);
--jp-shadow-md: 0 14px 36px rgba(16,35,63,.10);
--jp-shadow-lg: 0 22px 54px rgba(16,35,63,.18);
} .jp-page, .jp-module, .jp-card, .jp-hero {
box-sizing: border-box;
} .jp-page *, .jp-module *, .jp-card *, .jp-hero * {
box-sizing: border-box;
} .jp-hero-bg-dark, .jp-hero.jp-hero-bg-dark {
background: linear-gradient(135deg, rgba(8,28,55,.96), rgba(11,99,116,.88)),
var(--jp-hero-image, none);
background-size: cover;
background-position: center;
} .jp-hero-bg-color, .jp-hero.jp-hero-bg-color {
background: linear-gradient(
135deg,
color-mix(in srgb, var(--jp-main,#e95b22) 88%, #10233f),
color-mix(in srgb, var(--jp-main,#e95b22) 54%, #10233f)
),
var(--jp-hero-image, none);
background-size: cover;
background-position: center;
} .jp-hero-bg-light, .jp-hero.jp-hero-bg-light {
background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,248,251,.93)),
var(--jp-hero-image, none);
background-size: cover;
background-position: center;
color: var(--jp-dark,#10233f);
} .jp-hero-bg-none, .jp-hero.jp-hero-bg-none {
background: var(--jp-hero-image, none);
background-size: cover;
background-position: center;
}  .jp-card {
--jp-card-color: var(--jp-main,#e95b22);
position: relative;
background: #fff;
border: 1px solid rgba(16,35,63,.10);
border-radius: var(--jp-radius-md,16px);
box-shadow: var(--jp-shadow-sm);
overflow: hidden;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
} .jp-card:hover {
transform: translateY(-3px);
box-shadow: 0 14px 32px rgba(16,35,63,.13);
border-color: color-mix(in srgb, var(--jp-card-color) 30%, white);
} .jp-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 4px;
background: var(--jp-card-color);
} .jp-card--horizontal {
min-height: 128px;
padding: 16px 16px 14px;
} .jp-card__top {
display: grid;
grid-template-columns: 78px 1fr;
gap: 14px;
align-items: center;
} .jp-card__visual {
width: 78px;
height: 78px;
border-radius: 50%;
background: color-mix(in srgb, var(--jp-card-color) 12%, white);
color: var(--jp-card-color);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-size: 30px;
font-weight: 950;
flex: 0 0 auto;
} .jp-card__visual img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
} .jp-card__title {
margin: 0 0 4px;
color: var(--jp-card-color);
font-size: 17px;
line-height: 1.12;
font-weight: 950;
text-transform: uppercase;
} .jp-card__subtitle {
margin: 0;
color: var(--jp-dark,#10233f);
font-size: 12.5px;
line-height: 1.25;
font-weight: 500;
} .jp-card__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 12px;
} .jp-card__meta {
margin: 0;
color: var(--jp-dark,#10233f);
font-size: 12.5px;
line-height: 1.2;
font-weight: 700;
} .jp-card__meta strong {
color: var(--jp-card-color);
font-size: 23px;
line-height: 1;
font-weight: 950;
} .jp-card__link {
color: var(--jp-card-color) !important;
text-decoration: none !important;
font-size: 12.5px;
line-height: 1.2;
font-weight: 950;
white-space: nowrap;
} .jp-stats-strip {
width: min(1180px, calc(100% - 42px));
margin: 0 auto 34px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 0;
background: #fff;
border: 1px solid rgba(16,35,63,.08);
border-radius: 22px;
box-shadow: 0 16px 42px rgba(16,35,63,.10);
overflow: hidden;
} .jp-stats-strip__item {
min-height: 86px;
padding: 18px 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
text-align: left;
background: #fff;
} .jp-stats-strip__item + .jp-stats-strip__item {
border-left: 1px solid rgba(16,35,63,.10);
} .jp-stats-strip__item strong {
display: block;
color: var(--jp-main,#e95b22);
font-size: 34px;
line-height: 1;
font-weight: 950;
} .jp-stats-strip__item span {
display: block;
margin-top: 4px;
color: var(--jp-dark,#10233f);
font-size: 14px;
line-height: 1.25;
font-weight: 750;
}  .jp-cta-universal {
width: min(1180px, calc(100% - 42px));
margin: 46px auto 0;
padding: 28px 34px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
border-radius: 24px;
background: linear-gradient(135deg,#eef8fb,#ffffff);
color: var(--jp-dark,#10233f);
box-shadow: 0 12px 30px rgba(16,35,63,.08);
border: 1px solid rgba(16,35,63,.07);
} .jp-cta-universal h2 {
margin: 0 0 7px;
color: #0b6374;
font-size: 26px;
line-height: 1.15;
font-weight: 950;
} .jp-cta-universal p {
margin: 0;
max-width: 760px;
color: var(--jp-text,#26384f);
font-size: 14px;
line-height: 1.5;
} @media (max-width:767px) { .jp-stats-strip {
grid-template-columns: 1fr;
width: min(100% - 28px, 1180px);
} .jp-stats-strip__item + .jp-stats-strip__item {
border-left: 0;
border-top: 1px solid rgba(16,35,63,.10);
} .jp-card__top {
grid-template-columns: 72px 1fr;
} .jp-card__visual {
width: 72px;
height: 72px;
} .jp-cta-universal {
width: min(100% - 28px, 1180px);
flex-direction: column;
align-items: flex-start;
padding: 24px;
}
}.jp-hero { --jp-hero-height: 412px;
--jp-hero-padding-y: 20px;
--jp-hero-padding-x: 7%;
--jp-hero-radius: 42px; --jp-hero-main-top: 5mm; --jp-title-margin-top: 6mm; --jp-hero-badges-left: 3cm;
--jp-hero-badges-top: 2mm; --jp-script-top: 38px;
--jp-script-left: 600px;
--jp-script-right: 330px; position: relative;
height: var(--jp-hero-height);
min-height: var(--jp-hero-height);
padding: var(--jp-hero-padding-y) var(--jp-hero-padding-x);
color: #fff;
background: linear-gradient(135deg, #0d2448, #18345d, #244a7d);
border-bottom-left-radius: var(--jp-hero-radius);
border-bottom-right-radius: var(--jp-hero-radius);
overflow: hidden;
width: 100%;
max-width: none;
} .jp-hero-main {
max-width: 780px;
position: relative;
z-index: 2;
top: var(--jp-hero-main-top);
} .jp-hero-bg-img {
position: absolute;
left: 0;
top: -2%;
width: 100%;
height: 104%;
object-fit: cover;
object-position: center center;
z-index: 0;
} .jp-hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(8, 23, 47, 0.92) 0%,
rgba(8, 23, 47, 0.86) 33%,
rgba(8, 23, 47, 0.55) 45%,
rgba(8, 23, 47, 0.18) 58%,
rgba(8, 23, 47, 0.04) 100%
);
z-index: 1;
pointer-events: none;
} .jp-hero-badges {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 6px;
flex-wrap: nowrap;
position: relative;
left: var(--jp-hero-badges-left);
top: var(--jp-hero-badges-top);
} .jp-type {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--jp-main);
color: #fff;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(20px, 1.3vw, 28px);
line-height: 1;
padding: 6px 18px;
border-radius: 8px;
white-space: nowrap;
} .jp-hero-surtitre {
display: inline-flex;
align-items: center;
padding: 14px 24px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
backdrop-filter: blur(6px);
white-space: nowrap;
position: relative;
top: -5px;
} .jp-hero h1 {
font-family: "Poppins", "Montserrat", sans-serif;
font-size: clamp(34px, 2.4vw, 48px);
line-height: 1.02;
font-weight: 500;
letter-spacing: -0.012em;
color: var(--jp-hero-title-color, #fff);
margin: var(--jp-title-margin-top) 0 1mm;
opacity: 0;
transform: scale(0.82);
transform-origin: left center;
animation: jp-title-zoom 0.9s cubic-bezier(0.2, 0.9, 0.25, 1.2) forwards;
} body.single-formation .jp-hero h1,
body.single-contenu .jp-hero h1 {
margin-top: calc(var(--jp-title-margin-top) + 35px);
}
body.single-formation .jp-hero .jp-script,
body.single-contenu .jp-hero .jp-script {
top: calc(var(--jp-script-top) + 10px);
} .jp-subtitle {
font-size: clamp(18px, 1.1vw, 21px);
font-weight: 100;
line-height: 1.18;
max-width: 700px;
color: var(--jp-hero-subtitle-color, #fff);
margin: 8px 0 18px;
padding: 0;
opacity: 0;
transform: scale(0.82);
transform-origin: left center;
animation: jp-subtitle-zoom 0.9s cubic-bezier(0.2, 0.9, 0.25, 1.2) 0.25s
forwards;
} .jp-desc {
font-size: 13px;
line-height: 1.4;
max-width: 700px;
color: var(--jp-hero-description-color, #fff);
margin-top: 12px;
margin-bottom: 18px;
} .jp-script {
position: absolute;
top: var(--jp-script-top);
left: var(--jp-script-left);
right: var(--jp-script-right);
width: var(--jp-script-width, auto);
max-width: var(--jp-script-max-width, none);
transform: var(--jp-script-transform, none);
text-align: var(--jp-script-align, center);
font-family: "Caveat", cursive;
font-size: var(--jp-script-size-desktop, clamp(42px, 3vw, 56px));
font-weight: 500;
font-style: normal;
line-height: var(--jp-script-line-height, 0.95);
letter-spacing: 0;
color: var(--jp-hero-script-color, #fff);
text-shadow: var(--jp-script-shadow, 0 2px 5px rgba(0, 0, 0, 0.18));
z-index: 4;
pointer-events: none;
white-space: normal;
overflow: visible;
}
.jp-script span {
transition: opacity 0.12s ease;
} .jp-hero-side {
position: absolute;
top: 0;
right: 24px;
width: 260px;
max-width: calc(100% - 48px);
display: flex;
flex-direction: column;
gap: 6px;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(8px);
padding: 8px 12px;
border-radius: 14px;
box-sizing: border-box;
}
.jp-info {
display: flex;
align-items: center;
gap: 8px;
color: #fff;
}
.jp-info-icon, .jp-info-icon svg {
width: 28px;
height: 28px;
}
.jp-info-icon {
color: var(--jp-main);
}
.jp-info-icon svg {
fill: none;
stroke: currentColor;
stroke-width: 1.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.jp-info-text {
font-size: 12px;
font-weight: 400;
line-height: 1.15;
color: var(--jp-hero-info-color, #fff);
} @keyframes jp-title-zoom {
from {
opacity: 0;
transform: scale(0.82);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes jp-subtitle-zoom {
from {
opacity: 0;
transform: scale(0.82);
}
to {
opacity: 1;
transform: scale(1);
}
}  @media (max-width: 1300px) {
.jp-hero {
--jp-script-left: 43%;
--jp-script-right: 4%;
--jp-script-top: 25px;
}
.jp-script {
font-size: var(--jp-script-size-medium, clamp(40px, 3.4vw, 52px));
}
}  @media (max-width: 1100px) {
.jp-hero {
--jp-script-left: 38%;
--jp-script-right: 4%;
--jp-script-top: 28px;
}
.jp-script {
font-size: var(--jp-script-size-tablet, clamp(38px, 4.2vw, 48px));
}
} .jp-hero {
--jp-hero-overlay-left: rgba(8, 23, 47, 0.92);
--jp-hero-overlay-mid: rgba(8, 23, 47, 0.55);
--jp-hero-overlay-end: rgba(8, 23, 47, 0.04);
}
.jp-hero::after {
background: linear-gradient(
90deg,
var(--jp-hero-overlay-left) 0%,
color-mix(in srgb, var(--jp-hero-overlay-left) 92%, transparent) 33%,
var(--jp-hero-overlay-mid) 45%,
rgba(8, 23, 47, 0.18) 58%,
var(--jp-hero-overlay-end) 100%
);
}
.jp-hero-bg-dark {
background: linear-gradient(135deg, #0d2448, #18345d, #244a7d);
}
.jp-hero-bg-color {
background: linear-gradient(
135deg,
color-mix(in srgb, var(--jp-main, #e95b22) 82%, #10233f),
color-mix(in srgb, var(--jp-main, #e95b22) 48%, #10233f)
);
}
.jp-hero-bg-light {
background: linear-gradient(135deg, #ffffff, #eef8fb);
color: var(--jp-dark, #10233f);
}
.jp-hero-bg-light::after {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.96),
rgba(255, 255, 255, 0.78),
rgba(255, 255, 255, 0.22)
);
}
.jp-hero-bg-light h1 {
color: var(--jp-hero-title-color, #fff);
}
.jp-hero-bg-light .jp-subtitle {
color: var(--jp-hero-subtitle-color, #fff);
}
.jp-hero-bg-light .jp-script {
color: var(--jp-hero-script-color, #fff);
}
.jp-hero-bg-light .jp-hero-surtitre {
color: var(--jp-dark, #10233f);
}
.jp-hero-bg-light .jp-desc {
color: var(--jp-hero-description-color, #fff);
}
.jp-hero-bg-light .jp-info-text {
color: var(--jp-hero-info-color, #fff);
}
.jp-hero-bg-none::after {
display: none;
} .jp-hero {
background-color: var(--jp-hero-gradient-color, #08172f);
}
.jp-hero::after {
background: linear-gradient(
90deg,
var(--jp-hero-overlay-start, rgba(8, 23, 47, .96)) 0%,
var(--jp-hero-overlay-strong, rgba(8, 23, 47, .90)) 18%,
var(--jp-hero-overlay-mid, rgba(8, 23, 47, .60)) 27%,
var(--jp-hero-overlay-soft, rgba(8, 23, 47, .22)) 38%,
var(--jp-hero-overlay-end, rgba(8, 23, 47, 0)) 50%
);
}
.jp-hero-gradient-none, .jp-hero-gradient-none::after, .jp-hero-bg-none::after {
background: transparent;
}
.jp-hero-gradient-none::after, .jp-hero-bg-none::after {
display: none;
}
.jp-hero-gradient-none {
background-color: transparent !important;
background-image: none !important;
}  @media (min-width: 901px) {
.jp-hero.jp-hero-text-center .jp-hero-main {
max-width: min(760px, 62%);
margin-inline: auto;
text-align: center;
}
.jp-hero.jp-hero-text-center .jp-hero-badges, .jp-hero.jp-hero-text-center .jp-buttons, .jp-hero.jp-hero-text-center .jp-statuses {
justify-content: center;
}
.jp-hero.jp-hero-text-center .jp-hero-badges {
left: 0;
}
.jp-hero.jp-hero-text-center h1, .jp-hero.jp-hero-text-center .jp-subtitle, .jp-hero.jp-hero-text-center .jp-desc {
margin-inline: auto;
}
.jp-hero.jp-hero-text-right .jp-hero-main {
max-width: min(720px, 55%);
margin-left: auto;
text-align: right;
}
.jp-hero.jp-hero-text-right .jp-hero-badges, .jp-hero.jp-hero-text-right .jp-buttons, .jp-hero.jp-hero-text-right .jp-statuses {
justify-content: flex-end;
}
.jp-hero.jp-hero-text-right .jp-hero-badges {
left: 0;
}
.jp-hero.jp-hero-text-right h1, .jp-hero.jp-hero-text-right .jp-subtitle, .jp-hero.jp-hero-text-right .jp-desc {
margin-left: auto;
}
.jp-hero.jp-hero-script-top-left {
--jp-script-left: 7%;
--jp-script-right: 48%;
--jp-script-top: 28px;
}
.jp-hero.jp-hero-script-top-center {
--jp-script-left: 34%;
--jp-script-right: 20%;
--jp-script-top: 28px;
}
.jp-hero.jp-hero-script-top-right {
--jp-script-left: 52%;
--jp-script-right: 5%;
--jp-script-top: 28px;
}
.jp-hero.jp-hero-script-over-title .jp-script {
top: 96px;
left: 28%;
right: auto;
width: max-content;
max-width: 58%;
text-align: left;
transform: rotate(-1deg);
}
}  body.single-formation .jp-hero .jp-desc, body.single-contenu .jp-hero .jp-desc, body.jp-construction-view .jp-hero .jp-desc {
font-family: "Caveat", cursive;
font-size: clamp(15px, 1.05vw, 21px);
font-weight: 500;
line-height: 1.18;
letter-spacing: 0;
max-width: 760px;
margin-top: 14px;
margin-bottom: 22px;
}
body.single-formation .jp-hero .jp-desc p, body.single-contenu .jp-hero .jp-desc p, body.jp-construction-view .jp-hero .jp-desc p {
margin: 0;
font: inherit;
line-height: inherit;
} @media (max-width: 900px) {
body.single-formation .jp-hero .jp-desc, body.single-contenu .jp-hero .jp-desc, body.jp-construction-view .jp-hero .jp-desc {
font-size: clamp(12px, 4vw, 18px);
line-height: 1.2;
max-width: 100%;
margin-top: 12px;
margin-bottom: 18px;
}
}  .jp-hero .jp-buttons .jp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
}
.jp-hero .jp-buttons .jp-btn .jp-btn-icon {
display: inline-block;
flex: 0 0 auto;
width: 20px;
height: 20px;
color: inherit;
background-color: currentColor;
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
}
.jp-hero .jp-buttons .jp-btn > span:not(.jp-btn-icon) {
display: inline-block;
}
@media (max-width: 600px) {
.jp-hero .jp-buttons .jp-btn .jp-btn-icon {
width: 18px;
height: 18px;
}
}  body.single-formation .jp-hero
.jp-desc[data-jp-formation-description="1"] {
visibility: hidden;
} body.single-formation .jp-hero
.jp-desc[data-jp-formation-description="1"].jp-formation-description-ready {
visibility: visible;
} body.single-formation .jp-hero
.jp-script > span[data-jp-formation-char="1"],
body.single-formation .jp-hero
.jp-desc[data-jp-formation-description="1"]
span[data-jp-formation-char="1"] {
opacity: 0;
visibility: hidden;
transition: opacity 45ms linear;
}
body.single-formation .jp-hero
.jp-script > span[data-jp-formation-char="1"].is-visible,
body.single-formation .jp-hero
.jp-desc[data-jp-formation-description="1"]
span[data-jp-formation-char="1"].is-visible {
opacity: 1;
visibility: visible;
} body.single-formation .jp-hero,
body.single-contenu .jp-hero {
--jp-hero-main-top: calc(5mm - 30px);
}
body.single-formation .jp-hero .jp-hero-side,
body.single-contenu .jp-hero .jp-hero-side {
top: -30px;
}
body.single-formation .jp-hero .jp-script,
body.single-contenu .jp-hero .jp-script {
top: calc(var(--jp-script-top) - 20px);
}
@media (max-width: 820px) {
body.single-formation .jp-hero,
body.single-contenu .jp-hero {
--jp-hero-main-top: calc(5mm - 18px);
}
body.single-formation .jp-hero .jp-hero-side,
body.single-contenu .jp-hero .jp-hero-side {
top: -18px;
}
body.single-formation .jp-hero .jp-script,
body.single-contenu .jp-hero .jp-script {
top: calc(var(--jp-script-top) - 8px);
}
}.jp-statuses {
display: flex;
flex-wrap: nowrap;
gap: 6px;
width: max-content;
max-width: 100%;
margin-top: 8px;
} .jp-statuses.nb-1 {
grid-template-columns: minmax(105px,135px);
} .jp-statuses.nb-1 .jp-status-badge {
justify-self: start;
} .jp-statuses.nb-3 .jp-status-badge:last-child {
grid-column: 1 / span 2;
justify-self: center;
width: 320px;
} .jp-status-badge {
background: rgba(8,23,47,.50);
border: 1px solid var(--jp-main);
border-radius: 10px;
padding: 4px 7px;
display: flex;
align-items: center;
gap: 5px;
color: #fff;
min-height: 34px;
text-transform: uppercase;
backdrop-filter: blur(6px);
opacity: 0;
transform: scale(.50);
animation: jp-status-zoom 1.8s cubic-bezier(.18,.89,.32,1.28) forwards;
width: 128px;
flex: 0 0 128px;
} .jp-status-large {
width: 220px;
flex-basis: 220px;
} .jp-status-badge:nth-child(1) {
animation-delay: .9s;
} .jp-status-badge:nth-child(2) {
animation-delay: 1.2s;
} .jp-status-badge:nth-child(3) {
animation-delay: 1.5s;
} .jp-status-badge:nth-child(4) {
animation-delay: 1.8s;
} .jp-status-subtitle {
display: block;
margin-top: 1px;
font-size: 8px;
font-weight: 400;
line-height: 0.95;
color: #fff;
white-space: nowrap;
text-transform: none;
opacity: .9;
} @keyframes jp-status-zoom { 0% {
opacity: 0;
transform: scale(.75);
} 70% {
opacity: 1;
transform: scale(1.06);
} 100% {
opacity: 1;
transform: scale(1);
}
} .jp-status-icon {
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
border: 1px solid var(--jp-main);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} .jp-status-icon svg {
width: 11px;
height: 11px;
fill: var(--jp-main);
color: var(--jp-main);
display: block;
} .jp-status-text {
display: flex;
flex-direction: column;
min-width: 0;
} .jp-status-text strong {
color: #fff;
font-size: 8px;
font-weight: 800;
line-height: 1;
}.jp-atouts {
--jp-atout-side-padding: 24px;
--jp-atout-gap: 24px;
display: flex;
flex-direction: column;
gap: 34px;
width: 100%;
padding: 0 var(--jp-atout-side-padding);
box-sizing: border-box;
} .jp-atouts-row {
--jp-atout-image-height: 180px;
--jp-atout-card-width: calc(var(--jp-atout-image-height) * 4 / 3 * 1.2);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: var(--jp-atout-gap);
width: 100%;
} .jp-atouts .jp-card {
flex: 0 0 var(--jp-atout-card-width);
width: var(--jp-atout-card-width);
max-width: 100%;
min-width: 0;
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 14px 34px rgba(0,0,0,.10);
transition: transform .25s ease, box-shadow .25s ease;
} .jp-atouts .jp-card:hover {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 22px 46px rgba(16,35,63,.22);
} .jp-atouts .jp-card img {
display: block;
width: 100%;
height: var(--jp-atout-image-height);
aspect-ratio: 4 / 3;
object-fit: cover;
} .jp-atouts .jp-card-body {
padding: 20px 18px 18px;
text-align: center;
} .jp-atouts .jp-card h3 {
color: var(--jp-dark);
font-size: 16px;
line-height: 1.2;
margin: 0 0 10px;
font-weight: 900;
text-align: center;
} .jp-atouts .jp-card p {
font-size: 13px;
line-height: 1.5;
text-align: center;
margin: 0;
} .jp-atouts-row-cols-2 {
--jp-atout-image-height: 320px;
} .jp-atouts-row-cols-3 {
--jp-atout-image-height: 260px;
} .jp-atouts-row-cols-4 {
--jp-atout-image-height: 200px;
} .jp-atouts-row-cols-5, .jp-atouts-count-5 .jp-atouts-row {
--jp-atout-image-height: 150px;
}  .jp-atouts-count-5 .jp-card-body {
padding: 18px 16px 16px;
} .jp-atouts-count-5 .jp-card h3 {
font-size: 15px;
} .jp-atouts-count-5 .jp-card p {
font-size: 12px;
}  @media (max-width:1200px) { .jp-atouts-row {
--jp-atout-image-height: 220px;
} .jp-atouts .jp-card-body, .jp-atouts-count-5 .jp-card-body {
padding: 20px 18px 18px;
} .jp-atouts .jp-card h3, .jp-atouts-count-5 .jp-card h3 {
font-size: 16px;
} .jp-atouts .jp-card p, .jp-atouts-count-5 .jp-card p {
font-size: 13px;
}
}  @media (max-width:768px) { .jp-atouts {
--jp-atout-side-padding: 0px;
gap: 26px;
} .jp-atouts-row {
--jp-atout-image-height: 190px;
gap: 26px;
} .jp-atouts .jp-card {
flex-basis: min(var(--jp-atout-card-width), 100%);
width: min(var(--jp-atout-card-width), 100%);
} .jp-atouts .jp-card img {
height: auto;
aspect-ratio: 4 / 3;
} .jp-atouts .jp-card-body, .jp-atouts-count-5 .jp-card-body {
padding: 22px 20px 20px;
}
}.jp-steps-section {
margin-top: 5mm;
background: linear-gradient(
135deg,
var(--jp-sec1) 0%,
color-mix(in srgb, var(--jp-sec1) 95%, var(--jp-dark) 5%) 100%
);
padding-top: 38px;
padding-bottom: 0;
} .jp-steps {
position: relative;
display: grid;
grid-template-columns: repeat(var(--jp-steps-cols, 4), 1fr);
gap: 26px;
margin-bottom: 0;
padding-bottom: 0;
} .jp-step {
position: relative;
background: transparent;
border-radius: 0;
padding: 20px 16px 0;
text-align: center;
box-shadow: none;
z-index: 1;
} .jp-step-top {
position: relative;
width: 155px;
height: 155px;
margin: 0 auto 16px;
} .jp-step-icon {
width: 145px;
height: 145px;
border-radius: 50%;
background: #fff;
border: 1px solid rgba(16,35,63,.08);
box-shadow: 0 12px 30px rgba(16,35,63,.12),
0 2px 8px rgba(16,35,63,.06);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
transition: transform .25s ease, box-shadow .25s ease;
} .jp-step:hover .jp-step-icon {
transform: translateY(-6px) scale(1.04);
box-shadow: 0 20px 42px rgba(16,35,63,.22);
} .jp-step-icon-mask {
width: 108px;
height: 108px;
display: block;
background: var(--jp-dark);
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
} .jp-step-number {
position: absolute;
top: -8px;
left: -8px;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--jp-main);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 900;
z-index: 4;
box-shadow: 0 4px 10px rgba(0,0,0,.14);
} .jp-step h3 {
font-size: 12px;
margin: 0 0 10px;
color: var(--jp-dark);
text-transform: uppercase;
font-weight: 900;
} .jp-step p {
font-size: 11px;
line-height: 1.45;
margin: 0;
} .jp-steps:before {
content: "";
position: absolute;
top: 92px;
left: 18% !important;
right: 18% !important;
border-top: 3px dashed rgba(16,35,63,.35);
z-index: 0;
} .jp-step,
.jp-step-top,
.jp-step-icon,
.jp-step h3 {
text-align: center;
} .jp-step-top,
.jp-step-icon {
margin-left: auto;
margin-right: auto;
} .jp-step h3 {
width: 100%;
} .jp-steps-rows {
width: 100%;
}
@media (min-width: 901px) {
.jp-steps-rows {
display: flex;
flex-direction: column;
gap: 34px;
}
.jp-steps-rows .jp-steps {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.jp-steps-rows .jp-steps--line-3 {
width: 75%;
}
.jp-steps-rows .jp-steps--line-3:before {
left: 16.6667% !important;
right: 16.6667% !important;
}
.jp-steps-rows .jp-steps--line-4:before {
left: 12.5% !important;
right: 12.5% !important;
}
}
@media (max-width: 900px) {
.jp-steps-rows {
display: block;
}
.jp-steps-rows .jp-steps + .jp-steps {
margin-top: 24px;
}
.jp-steps-rows .jp-steps--line-3,
.jp-steps-rows .jp-steps--line-4 {
width: 100%;
}
}.jp-composition-section {
--jp-comp-accent: var(--jp-main,#0a5f9e);
--jp-comp-soft: color-mix(in srgb,var(--jp-comp-accent) 9%,#fff);
} .jp-composition-intro,.jp-composition-level-intro {
max-width: 960px;
margin: 0 auto 28px;
color: var(--jp-text,#26364d);
font-size: 1.05rem;
line-height: 1.75;
text-align: center;
} .jp-composition-tabs {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin: 26px 0 32px;
} .jp-composition-tab {
appearance: none;
border: 1px solid color-mix(in srgb,var(--jp-main) 28%,#dbe3ed);
background: #fff;
color: var(--jp-dark);
padding: 12px 24px;
border-radius: 999px;
font: 700 .95rem/1.2 Poppins,sans-serif;
cursor: pointer;
transition: .2s ease;
} .jp-composition-tab:hover,.jp-composition-tab:focus-visible {
transform: translateY(-1px);
border-color: var(--jp-main);
outline: none;
} .jp-composition-tab.is-active {
background: var(--jp-main);
border-color: var(--jp-main);
color: #fff;
box-shadow: 0 8px 22px color-mix(in srgb,var(--jp-main) 26%,transparent);
} .jp-composition-panel {
display: none;
} .jp-composition-panel.is-active {
display: block;
} .jp-composition-level-title {
text-align: center;
margin: 0 0 14px;
font: 700 clamp(1.25rem,2vw,1.65rem)/1.25 Poppins,sans-serif;
color: var(--jp-dark);
} .jp-composition-notice {
display: flex;
align-items: flex-start;
gap: 14px;
max-width: 1100px;
margin: 0 auto 28px;
padding: 18px 22px;
border-left: 4px solid var(--jp-main);
border-radius: 12px;
background: color-mix(in srgb,var(--jp-main) 8%,#fff);
color: var(--jp-text);
box-shadow: 0 5px 18px rgba(16,35,63,.06);
} .jp-composition-notice-mark {
display: grid;
place-items: center;
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--jp-main);
color: #fff;
font-weight: 800;
} .jp-composition-notice p:first-child {
margin-top: 0;
} .jp-composition-notice p:last-child {
margin-bottom: 0;
} .jp-composition-grid {
display: grid;
gap: 22px;
align-items: start;
grid-template-columns: repeat(4,minmax(0,1fr));
} .jp-composition-grid--count-1 {
grid-template-columns: 1fr;
} .jp-composition-grid--count-2 {
grid-template-columns: repeat(2,minmax(0,1fr));
} .jp-composition-grid--count-3 {
grid-template-columns: repeat(3,minmax(0,1fr));
} .jp-composition-grid--large {
grid-template-columns: repeat(3,minmax(0,1fr));
} .jp-composition-grid--large.jp-composition-grid--count-1 {
grid-template-columns: 1fr;
} .jp-composition-grid--large.jp-composition-grid--count-2 {
grid-template-columns: repeat(2,minmax(0,1fr));
} .jp-composition-grid--compact {
gap: 16px;
} .jp-composition-column {
position: relative;
overflow: hidden;
border: 1px solid #dfe6ee;
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 30px rgba(16,35,63,.08);
} .jp-composition-column::before {
content: "";
display: block;
height: 5px;
background: var(--jp-column-accent,var(--jp-main));
} .jp-composition-column--secondaire {
--jp-column-accent: var(--jp-sec1,var(--jp-main));
} .jp-composition-column--neutre {
--jp-column-accent: #718096;
background: #f8fafc;
} .jp-composition-column--accent {
--jp-column-accent: var(--jp-sec2,var(--jp-main));
background: color-mix(in srgb,var(--jp-column-accent) 6%,#fff);
} .jp-composition-column-header {
display: flex;
align-items: center;
gap: 12px;
padding: 20px 20px 10px;
} .jp-composition-column-header h4 {
margin: 0;
color: var(--jp-dark);
font: 750 1.08rem/1.3 Poppins,sans-serif;
} .jp-composition-column-icon,.jp-composition-card-icon {
display: block;
flex: 0 0 auto;
background: var(--jp-column-accent,var(--jp-main));
-webkit-mask: var(--icon) center/contain no-repeat;
mask: var(--icon) center/contain no-repeat;
} .jp-composition-column-icon {
width: 28px;
height: 28px;
} .jp-composition-card-icon {
width: 240px;
height: 240px;
min-width: 240px;
min-height: 240px;
flex: 0 0 240px;
margin-top: 2px;
} .jp-composition-column-intro {
padding: 0 20px 15px;
color: #5a687a;
font-size: .94rem;
line-height: 1.6;
} .jp-composition-column-intro p:first-child {
margin-top: 0;
} .jp-composition-column-intro p:last-child {
margin-bottom: 0;
} .jp-composition-cards {
display: grid;
gap: 12px;
padding: 0 14px 14px;
} .jp-composition-card {
display: flex;
gap: 11px;
padding: 15px;
border: 1px solid #e3e9f0;
border-radius: 13px;
background: #fff;
box-shadow: 0 3px 12px rgba(16,35,63,.045);
} .jp-composition-card-content {
min-width: 0;
} .jp-composition-card h5 {
margin: 0 0 7px;
color: var(--jp-dark);
font: 700 .98rem/1.35 Poppins,sans-serif;
} .jp-composition-card-description {
color: #526176;
font-size: .9rem;
line-height: 1.55;
} .jp-composition-card-description p {
margin: .35em 0;
} .jp-composition-card-description p:first-child {
margin-top: 0;
} .jp-composition-card-description p:last-child {
margin-bottom: 0;
} .jp-composition-card-info {
display: inline-flex;
margin-top: 10px;
padding: 5px 9px;
border-radius: 999px;
background: color-mix(in srgb,var(--jp-column-accent,var(--jp-main)) 11%,#fff);
color: var(--jp-column-accent,var(--jp-main));
font: 700 .76rem/1.2 Poppins,sans-serif;
} @media (max-width:1100px) { .jp-composition-grid,.jp-composition-grid--large {
grid-template-columns: repeat(2,minmax(0,1fr));
}
} @media (max-width:680px) { .jp-composition-grid,.jp-composition-grid--large {
grid-template-columns: 1fr;
} .jp-composition-tabs {
position: sticky;
top: 8px;
z-index: 3;
padding: 6px;
border-radius: 999px;
background: rgba(255,255,255,.94);
box-shadow: 0 6px 20px rgba(16,35,63,.1);
} .jp-composition-tab {
flex: 1;
padding: 11px 14px;
} .jp-composition-notice {
padding: 16px;
} .jp-composition-column-header {
padding: 18px 16px 9px;
} .jp-composition-column-intro {
padding: 0 16px 13px;
} .jp-composition-cards {
padding: 0 10px 10px;
}
} .jp-composition-column-header {
justify-content: center;
text-align: center;
} .jp-composition-column-header .jp-composition-column-icon {
margin-left: auto;
margin-right: auto;
} .jp-composition-column-header h4 {
width: 100%;
text-align: center;
} .jp-composition-card {
text-align: left;
} .jp-composition-card .jp-composition-card-icon {
display: block;
margin-left: auto;
margin-right: auto;
} .jp-composition-card-content h5 {
width: 100%;
text-align: center;
} .jp-composition-card {
min-width: 0;
max-width: 100%;
}
.jp-composition-card-content {
flex: 1 1 auto;
width: auto;
min-width: 0;
max-width: 100%;
overflow-wrap: anywhere;
word-break: normal;
}
.jp-composition-card-content h5,
.jp-composition-card-description,
.jp-composition-card-description p {
max-width: 100%;
overflow-wrap: anywhere;
word-break: normal;
}.jp-3cols {
display: grid;
grid-template-columns: 1fr 1.05fr 1fr;
gap: 34px;
margin-bottom: 0;
padding-bottom: 0;
}  .jp-formation-info-grid {
display: grid;
grid-template-columns: repeat(6,minmax(0,1fr));
gap: 42px 34px;
align-items: start;
margin-bottom: 0;
padding-bottom: 0;
} .jp-formation-info-grid > div {
grid-column: span 2;
min-width: 0;
} .jp-info-count-5 > div:nth-child(4) {
grid-column: 2 / span 2;
} .jp-info-count-5 > div:nth-child(5) {
grid-column: 4 / span 2;
} .jp-info-count-4 > div:nth-child(1), .jp-info-count-4 > div:nth-child(3) {
grid-column: 2 / span 2;
} .jp-info-count-4 > div:nth-child(2), .jp-info-count-4 > div:nth-child(4) {
grid-column: 4 / span 2;
} .jp-info-count-2 > div:nth-child(1) {
grid-column: 2 / span 2;
} .jp-info-count-2 > div:nth-child(2) {
grid-column: 4 / span 2;
} .jp-info-count-1 > div:nth-child(1) {
grid-column: 3 / span 2;
} @media (max-width:1024px) { .jp-formation-info-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
} .jp-formation-info-grid > div, .jp-info-count-5 > div:nth-child(4), .jp-info-count-5 > div:nth-child(5), .jp-info-count-4 > div:nth-child(1), .jp-info-count-4 > div:nth-child(2), .jp-info-count-4 > div:nth-child(3), .jp-info-count-4 > div:nth-child(4), .jp-info-count-2 > div:nth-child(1), .jp-info-count-2 > div:nth-child(2), .jp-info-count-1 > div:nth-child(1) {
grid-column: auto;
} .jp-info-count-1 > div:last-child, .jp-info-count-3 > div:last-child, .jp-info-count-5 > div:last-child {
grid-column: 1 / -1;
width: calc(50% - 16px);
justify-self: center;
}
} @media (max-width:700px) { .jp-formation-info-grid {
grid-template-columns: 1fr !important;
gap: 28px !important;
width: 100% !important;
} .jp-formation-info-grid > div, .jp-info-count-1 > div:last-child, .jp-info-count-3 > div:last-child, .jp-info-count-5 > div:last-child {
grid-column: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
}  .jp-formation-info-section .jp-formation-info-grid {
width: min(calc(100% - 120px), 1680px);
max-width: 1680px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
} @media (max-width: 1200px) { .jp-formation-info-section .jp-formation-info-grid {
width: calc(100% - 64px);
}
} @media (max-width: 700px) { .jp-formation-info-section .jp-formation-info-grid {
width: 100% !important;
max-width: 100% !important;
}
}.jp-profile-card {
--profile-bg: #EAF4FF;
--profile-dark: #1E6091;
background: var(--profile-bg);
border-radius: 18px;
padding: 20px;
margin-bottom: 16px;
display: grid;
grid-template-columns: 80px 1fr;
gap: 16px;
align-items: center;
border: 1px solid color-mix(in srgb, var(--profile-dark) 25%, white);
box-shadow: 0 12px 28px rgba(16,35,63,.08),
0 0 0 1px color-mix(in srgb, var(--profile-dark) 15%, transparent);
transition: transform .2s ease, box-shadow .2s ease;
} .jp-profile-card:hover {
transform: translateY(-2px);
box-shadow: 0 16px 38px rgba(16,35,63,.14);
} .jp-profile-card:last-child {
margin-bottom: 0;
} .jp-profile-head {
display: contents;
} .jp-profile-icon-wrap {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.78);
border-radius: 18px;
grid-row: 1 / span 2;
box-shadow: 0 10px 24px rgba(16,35,63,.13);
} .jp-profile-icon-mask, .jp-profile-icon-fallback {
width: 58px;
height: 58px;
display: block;
} .jp-profile-icon-mask {
background: var(--profile-dark);
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
} .jp-profile-icon-fallback {
border-radius: 50%;
background: var(--profile-dark);
} .jp-profile-card h3 {
margin: 0 0 8px;
font-size: 16px;
font-weight: 900;
color: var(--profile-dark);
} .jp-profile-card p {
font-size: 13px;
margin: 0;
line-height: 1.6;
} .jp-profile-card {
display: flex;
flex-direction: column;
align-items: stretch;
text-align: left;
} .jp-profile-head {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 12px;
margin-bottom: 10px;
text-align: center;
} .jp-profile-icon-wrap {
grid-row: auto;
margin-left: auto;
margin-right: auto;
} .jp-profile-card h3 {
width: 100%;
margin: 0;
text-align: center;
} .jp-profile-card > p,
.jp-profile-card > div:not(.jp-profile-head) {
width: 100%;
text-align: left;
}.jp-tools {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 14px;
} .jp-tool {
background: #fff;
border-radius: 16px;
padding: 20px 16px;
text-align: center;
box-shadow: 0 8px 22px rgba(0,0,0,.07);
font-weight: 800;
transition: transform .25s ease, box-shadow .25s ease;
} .jp-tool:hover {
transform: translateY(-6px) scale(1.03);
box-shadow: 0 18px 38px rgba(16,35,63,.18);
} .jp-tool-image {
height: 108px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
} .jp-tool-image img {
max-width: 102px;
max-height: 102px;
object-fit: contain;
display: block;
} .jp-tool-title {
font-size: 15px;
font-weight: 800;
color: var(--jp-dark);
} .jp-tool-icon {
font-size: 28px;
color: var(--jp-main);
margin-bottom: 8px;
} .jp-tool,
.jp-tool-image,
.jp-tool-icon,
.jp-tool-title {
text-align: center;
} .jp-tool-icon {
display: block;
margin-left: auto;
margin-right: auto;
} .jp-tool-title {
width: 100%;
}.jp-faq details {
background: #fff;
border-radius: 14px;
padding: 18px 20px;
margin-bottom: 14px;
box-shadow: 0 8px 22px rgba(0,0,0,.06);
line-height: 1.75;
} .jp-faq details:last-child {
margin-bottom: 0;
} .jp-faq summary {
cursor: pointer;
font-size: 15px;
font-weight: 900;
color: var(--jp-dark);
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
} .jp-faq-summary-left {
display: flex;
align-items: center;
gap: 12px;
} .jp-faq-icon {
width: 24px;
height: 24px;
background: var(--jp-main);
-webkit-mask: var(--icon) center/contain no-repeat;
mask: var(--icon) center/contain no-repeat;
flex-shrink: 0;
} .jp-faq summary:before {
display: none;
} .jp-faq summary:after {
content: "⌄";
color: var(--jp-main);
font-size: 22px;
font-weight: 900;
transition: .25s;
} details[open] summary:after {
transform: rotate(180deg);
} .jp-faq details p, .jp-faq details li {
font-weight: 300;
line-height: 1.8;
color: #475569;
font-size: 13px;
} .jp-faq details[open] summary {
margin-bottom: 16px;
} .jp-faq details > *:last-child {
margin-bottom: 0 !important;
} .jp-faq details p {
margin-top: 0 !important;
margin-bottom: 8px !important;
} .jp-faq details p:last-child {
margin-bottom: 0 !important;
} .jp-faq details ul, .jp-faq details ol {
margin-top: 0 !important;
margin-bottom: 8px !important;
} .jp-faq details ul:last-child, .jp-faq details ol:last-child {
margin-bottom: 0 !important;
}.jp-bottom-grid {
display: grid;
grid-template-columns: 28% 33% 33%;
gap: 40px;
align-items: start;
margin-bottom: 0;
padding-bottom: 0;
} .jp-bottom-grid.jp-no-testimonials {
grid-template-columns: 1fr 1fr;
}.jp-quality {
display: grid;
grid-template-columns: 44px 1fr;
gap: 14px;
align-items: center;
margin-bottom: 18px;
} .jp-quality:last-child {
margin-bottom: 20px;
} .jp-quality-icon {
width: 40px;
height: 40px;
background: var(--jp-main);
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
} .jp-quality-content {
min-width: 0;
} .jp-quality-top {
display: flex;
justify-content: space-between;
gap: 14px;
font-size: 13px;
font-weight: 900;
margin-bottom: 8px;
} .jp-quality-no-icon {
grid-template-columns: 1fr;
} .jp-quality-no-icon .jp-quality-content {
grid-column: 1;
} .jp-bar {
height: 12px;
background: #e8edf4;
border-radius: 999px;
overflow: hidden;
} .jp-bar span {
display: block;
height: 100%;
background: var(--jp-main);
width: 0 !important;
transition: width 1.4s ease-out;
} .jp-bar span.jp-bar-visible {
width: var(--jp-width) !important;
}.jp-numbers {
display: grid;
grid-template-columns: repeat(2,1fr);
column-gap: 18px;
row-gap: 28px;
margin-top: -10px;
} .jp-number {
position: relative;
border-radius: 22px;
padding: 26px 24px 32px;
text-align: center;
box-shadow: 0 18px 35px rgba(16,35,63,.16),
inset 0 1px 0 rgba(255,255,255,.75);
transform: perspective(900px) rotateX(0deg) rotateY(0deg) translateY(0);
transition: transform .25s ease, box-shadow .25s ease;
overflow: hidden;
} .jp-number:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,.55), transparent 45%);
pointer-events: none;
} .jp-number:hover {
transform: perspective(900px) rotateX(4deg) rotateY(-4deg) translateY(-6px);
box-shadow: 0 26px 48px rgba(16,35,63,.24),
inset 0 1px 0 rgba(255,255,255,.9);
} .jp-number > * {
position: relative;
z-index: 1;
} .jp-number:nth-child(1), .jp-number:nth-child(2), .jp-number:nth-child(4) {
background: var(--jp-sec1);
} .jp-number:nth-child(3) {
background: var(--jp-sec2);
} .jp-number-icon {
width: 44px;
height: 44px;
display: block;
margin: 0 auto 20px;
background: var(--jp-main);
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
} .jp-number strong {
display: block;
font-size: 22px;
line-height: 1.35;
color: var(--jp-dark);
margin-bottom: 18px;
font-weight: 800;
} .jp-number div {
line-height: 1.7;
font-size: 12px;
} .jp-number,
.jp-number-icon,
.jp-number strong {
text-align: center;
} .jp-number-icon {
margin-left: auto;
margin-right: auto;
} .jp-number strong {
width: 100%;
}.jp-testimonials-shell {
position: relative;
padding: 0 34px;
} .jp-testimonials-scroll {
width: 100%;
overflow: hidden;
padding-bottom: 0;
} .jp-testimonials-track {
display: flex;
gap: 18px;
transition: transform 1.2s ease;
will-change: transform;
} .jp-testimonial-column {
min-width: 100%;
display: grid;
grid-template-rows: 1fr 1fr;
gap: 16px;
} .jp-testimonial {
position: relative;
display: grid;
grid-template-columns: 115px 1fr;
gap: 18px;
align-items: center;
background: #fff;
border-radius: 18px;
padding: 14px;
box-shadow: 0 10px 28px rgba(0,0,0,.08);
} .jp-testimonial-photo {
width: 115px;
height: 115px;
border-radius: 18px;
object-fit: cover;
display: block;
margin: auto;
box-shadow: 0 12px 26px rgba(16,35,63,.18);
} .jp-testimonial-content {
position: relative;
min-width: 0;
padding-left: 4px;
} .jp-testimonial-quote {
color: var(--jp-main);
font-size: 60px;
line-height: .8;
font-weight: 700;
margin-bottom: 12px;
opacity: .85;
} .jp-testimonial-text, .jp-testimonial p {
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 300;
color: #475569;
} .jp-author-line {
margin-top: 14px;
font-size: 12px;
font-weight: 700;
color: var(--jp-dark);
line-height: 1.3;
} .jp-testimonial-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: auto;
height: 46px;
border-radius: 50%;
border: none;
background: none;
color: var(--jp-main);
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
font-weight: 300;
line-height: 1;
cursor: pointer;
z-index: 5;
padding: 0;
box-shadow: none;
} .jp-testimonial-arrow-left {
left: 8px;
} .jp-testimonial-arrow-right {
right: 8px;
} .jp-testimonial-arrow, .jp-testimonial-arrow:hover, .jp-testimonial-arrow:focus, .jp-testimonial-arrow:active, .jp-testimonial-arrow:visited {
background: none !important;
color: var(--jp-main) !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
} .jp-testimonial-arrow:hover {
color: var(--jp-dark);
}.jp-videos-section {
padding-top: 36px;
padding-bottom: 0;
} .jp-videos-shell {
position: relative;
padding: 0 58px;
margin-bottom: 0;
} .jp-videos-scroll {
width: 100%;
overflow: hidden;
padding-bottom: 0;
} .jp-videos-track {
display: flex;
gap: 28px;
transition: transform 1.2s ease;
will-change: transform;
}  .jp-video-card {
flex: 0 0 calc((100% - 140px) / 6);
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(16,35,63,.10);
} .jp-video-embed {
aspect-ratio: 16/9;
background: #eef2f7;
} .jp-video-embed iframe {
width: 100%;
height: 100%;
display: block;
} .jp-video-card h3 {
margin: 0;
padding: 18px 20px;
color: var(--jp-dark);
font-size: 14px;
font-weight: 900;
line-height: 1.3;
text-align: center;
} .jp-video-link {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16/9;
padding: 24px;
text-align: center;
color: var(--jp-main) !important;
font-weight: 900;
text-decoration: none !important;
background: #eef2f7;
} .jp-video-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 46px;
height: 46px;
border-radius: 50%;
border: 2px solid var(--jp-main);
background: #fff;
color: var(--jp-main);
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
font-weight: 900;
line-height: 1;
cursor: pointer;
z-index: 5;
box-shadow: 0 10px 24px rgba(16,35,63,.16);
} .jp-video-arrow-left {
left: 4px;
} .jp-video-arrow-right {
right: 4px;
} .jp-video-arrow:hover {
background: var(--jp-main);
color: #fff;
}.jp-section {
padding: 70px 0;
} .jp-section > .jp-title, .jp-section .jp-title {
width: min(1200px, 92%);
margin: 0 auto 34px;
} .jp-texte-libre {
padding: 70px 0;
} .jp-texte-libre-inner {
width: min(1200px, 92%);
margin: 0 auto;
display: flex;
gap: 50px;
align-items: center;
} .jp-texte-libre-image, .jp-texte-libre-content {
flex: 1;
min-width: 0;
} .jp-texte-libre-image img {
display: block;
width: 100%;
border-radius: 24px;
object-fit: cover;
box-shadow: 0 18px 45px rgba(16, 35, 63, 0.14);
} .jp-texte-libre-image_droite .jp-texte-libre-inner {
flex-direction: row-reverse;
} .jp-texte-libre-pleine_largeur .jp-texte-libre-inner {
display: block;
max-width: 980px;
} .jp-texte-libre h2 {
margin: 0 0 18px;
color: var(--jp-main);
font-size: clamp(28px, 3vw, 44px);
line-height: 1.1;
} .jp-texte-libre-texte {
font-size: 18px;
line-height: 1.75;
color: var(--jp-text);
} .jp-texte-libre-texte p:first-child {
margin-top: 0;
} .jp-texte-libre-texte p:last-child {
margin-bottom: 0;
} .jp-alerte {
padding: 26px 0;
background: transparent;
} .jp-alerte-inner {
width: min(1200px, 92%);
margin: 0 auto;
display: flex;
gap: 18px;
align-items: flex-start;
border-left: 7px solid var(--jp-main);
background: var(--jp-sec2);
border-radius: 18px;
padding: 22px 26px;
box-shadow: 0 14px 36px rgba(16, 35, 63, 0.12);
} .jp-alerte-symbol {
width: 34px;
height: 34px;
border-radius: 999px;
background: var(--jp-main);
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 900;
flex: 0 0 34px;
} .jp-alerte h2 {
margin: 0 0 8px;
color: var(--jp-dark);
font-size: 24px;
} .jp-alerte-texte {
color: var(--jp-text);
line-height: 1.65;
} .jp-alerte-texte p:first-child {
margin-top: 0;
} .jp-alerte-texte p:last-child {
margin-bottom: 0;
}   .jp-cartes-info {
width: min(1600px, 96%);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(var(--jp-card-count, 3), minmax(0, 1fr));
gap: 18px;
align-items: stretch;
} .jp-cartes-info[style*="--jp-card-count:1"] {
grid-template-columns: minmax(0, 620px);
justify-content: center;
} .jp-cartes-info[style*="--jp-card-count:2"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 920px;
} .jp-cartes-info[style*="--jp-card-count:3"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: 1200px;
} .jp-cartes-info[style*="--jp-card-count:4"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
max-width: 1400px;
} .jp-cartes-info[style*="--jp-card-count:5"] {
grid-template-columns: repeat(5, minmax(0, 1fr));
max-width: 1500px;
} .jp-cartes-info[style*="--jp-card-count:6"] {
grid-template-columns: repeat(6, minmax(0, 1fr));
max-width: 1600px;
} .jp-info-card {
min-width: 0;
min-height: 100%;
display: flex;
flex-direction: column;
padding: 22px 18px;
background: #fff;
border: 1px solid rgba(16, 35, 63, 0.08);
border-radius: 22px;
box-shadow: 0 15px 38px rgba(16, 35, 63, 0.11);
transition: transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease;
} .jp-info-card:hover {
transform: translateY(-4px);
border-color: color-mix(in srgb, var(--jp-main) 30%, transparent);
box-shadow: 0 20px 46px rgba(16, 35, 63, 0.15);
} .jp-info-card-icon, .jp-document-icon, .jp-chiffre-icon, .jp-faq-page-icon {
display: block;
width: 44px;
height: 44px;
margin-bottom: 16px;
background: var(--jp-main);
mask: var(--icon) center / contain no-repeat;
-webkit-mask: var(--icon) center / contain no-repeat;
} .jp-info-card h3 {
margin: 0 0 10px;
color: var(--jp-dark);
font-size: clamp(16px, 1.25vw, 21px);
line-height: 1.2;
} .jp-info-card-text {
color: var(--jp-text);
font-size: 14px;
line-height: 1.55;
} .jp-info-card-text p:first-child {
margin-top: 0;
} .jp-info-card-text p:last-child {
margin-bottom: 0;
} .jp-cartes-info[style*="--jp-card-count:5"] .jp-info-card, .jp-cartes-info[style*="--jp-card-count:6"] .jp-info-card {
padding: 19px 15px;
} .jp-cartes-info[style*="--jp-card-count:5"] .jp-info-card h3, .jp-cartes-info[style*="--jp-card-count:6"] .jp-info-card h3 {
font-size: 17px;
} .jp-cartes-info[style*="--jp-card-count:5"] .jp-info-card-text, .jp-cartes-info[style*="--jp-card-count:6"] .jp-info-card-text {
font-size: 13px;
line-height: 1.48;
} .jp-galerie-grid {
width: min(1200px, 92%);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 22px;
} .jp-galerie-item {
overflow: hidden;
background: #fff;
border-radius: 24px;
box-shadow: 0 15px 40px rgba(16, 35, 63, 0.12);
} .jp-galerie-item img {
display: block;
aspect-ratio: 4/3;
} .jp-galerie-caption {
padding: 16px 18px 18px;
} .jp-galerie-caption h3 {
margin: 0 0 8px;
color: var(--jp-dark);
font-size: 16px;
line-height: 1.3;
font-weight: 800;
text-align: center;
} .jp-galerie-caption p {
margin: 0;
color: var(--jp-text);
font-size: 13px;
line-height: 1.55;
text-align: center;
} .jp-documents-list {
width: min(1000px, 92%);
margin: 0 auto;
display: grid;
gap: 14px;
} .jp-document-card {
display: flex;
align-items: center;
gap: 16px;
padding: 18px 22px;
background: #fff;
border-radius: 18px;
text-decoration: none;
box-shadow: 0 12px 32px rgba(16, 35, 63, 0.1);
color: var(--jp-dark);
border: 1px solid rgba(16, 35, 63, 0.08);
transition: transform 0.2s ease,
box-shadow 0.2s ease;
} .jp-document-card:hover {
transform: translateY(-2px);
box-shadow: 0 18px 42px rgba(16, 35, 63, 0.15);
} .jp-document-icon {
width: 32px;
height: 32px;
margin: 0;
flex: 0 0 32px;
} .jp-document-icon-default {
mask: none;
-webkit-mask: none;
background: var(--jp-main);
color: #fff;
border-radius: 999px;
font-weight: 900;
} .jp-document-title {
font-weight: 750;
} .jp-equipe-grid {
width: min(1200px, 92%);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 24px;
} .jp-partenaires-grid {
width: min(1200px, 92%);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 12px;
} .jp-equipe-card {
background: #fff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(16, 35, 63, 0.11);
} .jp-equipe-card img {
display: block;
aspect-ratio: 4/3;
} .jp-equipe-body {
padding: 20px;
} .jp-equipe-body h3 {
margin: 0 0 6px;
color: var(--jp-dark);
font-size: 21px;
} .jp-equipe-role {
margin: 0 0 12px;
color: var(--jp-main);
font-weight: 700;
} .jp-equipe-mail {
color: var(--jp-text);
text-decoration: none;
font-size: 14px;
} .jp-equipe-mail:hover {
text-decoration: underline;
} .jp-partenaire-card {
display: flex;
min-height: 105px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 7px;
padding: 10px 8px;
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 24px rgba(16, 35, 63, 0.1);
text-decoration: none;
color: var(--jp-dark);
text-align: center;
font-weight: 700;
} .jp-partenaire-card img {
display: block;
max-width: 90%;
max-height: 46px;
width: auto;
height: auto;
object-fit: contain;
} .jp-partenaire-card span {
font-size: 10px;
line-height: 1.15;
} a.jp-partenaire-card:hover {
transform: translateY(-2px);
} .jp-localisation-inner {
width: min(1200px, 92%);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 36px;
align-items: center;
} .jp-localisation-content .jp-title {
width: auto;
margin: 0 0 20px;
} .jp-localisation-adresse {
font-size: 18px;
line-height: 1.7;
color: var(--jp-text);
margin-bottom: 22px;
} .jp-localisation-map iframe {
width: 100%;
min-height: 430px;
border: 0;
border-radius: 24px;
box-shadow: 0 16px 42px rgba(16, 35, 63, 0.12);
} .jp-chiffres-page {
width: min(1100px, 92%);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 22px;
} .jp-chiffre-card {
background: #fff;
border-radius: 22px;
padding: 26px;
text-align: center;
box-shadow: 0 15px 38px rgba(16, 35, 63, 0.11);
} .jp-chiffre-card .jp-chiffre-icon {
margin: 0 auto 14px;
width: 42px;
height: 42px;
} .jp-chiffre-value {
font-size: 22px;
font-weight: 800;
color: var(--jp-main);
line-height: 1.35;
} .jp-chiffre-card h3 {
margin: 12px 0 8px;
color: var(--jp-dark);
font-size: 20px;
} .jp-chiffre-text {
font-size: 15px;
color: var(--jp-text);
line-height: 1.55;
} .jp-chiffre-text p {
margin: 0;
} .jp-faq-page-list {
width: min(950px, 92%);
margin: 0 auto;
display: grid;
gap: 14px;
} .jp-faq-page-item {
background: #fff;
border-radius: 18px;
box-shadow: 0 12px 32px rgba(16, 35, 63, 0.1);
overflow: hidden;
} .jp-faq-page-item summary {
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 22px;
font-weight: 800;
color: var(--jp-dark);
} .jp-faq-page-item summary::-webkit-details-marker {
display: none;
} .jp-faq-page-item summary::after {
content: "⌄";
color: var(--jp-main);
font-size: 22px;
font-weight: 900;
margin-left: auto;
transition: transform 0.25s ease;
} .jp-faq-page-item[open] summary::after {
transform: rotate(180deg);
} .jp-faq-page-icon {
width: 30px;
height: 30px;
margin: 0;
flex: 0 0 30px;
} .jp-faq-page-answer {
padding: 0 22px 20px 66px;
color: var(--jp-text);
line-height: 1.65;
} .jp-faq-page-answer p:first-child {
margin-top: 0;
} .jp-faq-page-answer p:last-child {
margin-bottom: 0;
} .jp-temoignages-page-list {
width: min(1000px, 92%);
margin: 0 auto;
display: grid;
gap: 22px;
} .jp-temoignage-page-card {
display: grid;
grid-template-columns: 220px 1fr;
gap: 26px;
align-items: center;
background: #fff;
border-radius: 24px;
padding: 24px;
box-shadow: 0 15px 40px rgba(16, 35, 63, 0.12);
} .jp-temoignage-page-card img {
width: 220px;
aspect-ratio: 4/3;
object-fit: cover;
border-radius: 18px;
} .jp-temoignage-page-quote {
font-size: 18px;
line-height: 1.75;
color: var(--jp-text);
position: relative;
} .jp-temoignage-page-quote:before {
content: "“";
font-size: 58px;
line-height: 0;
color: var(--jp-main);
font-weight: 900;
margin-right: 6px;
vertical-align: -0.25em;
} .jp-temoignage-page-author {
margin: 16px 0 0;
color: var(--jp-dark);
font-weight: 800;
} .jp-introduction-inner {
width: min(980px, 92%);
margin: 0 auto;
} .jp-introduction-inner .jp-title {
width: auto;
margin: 0 0 18px;
} .jp-introduction-texte {
font-size: 19px;
line-height: 1.8;
color: var(--jp-text);
} .jp-introduction-texte h2 {
font-size: clamp(22px, 1.8vw, 28px);
line-height: 1.28;
margin: 18px 0 8px;
}
.jp-partenaires-intro {
width: min(980px, 92%);
margin: -6px auto 26px;
text-align: center;
color: var(--jp-text);
line-height: 1.65;
}
.jp-partenaires-intro > :first-child { margin-top: 0; }
.jp-partenaires-intro > :last-child { margin-bottom: 0; }  @media (max-width: 1350px) { .jp-cartes-info, .jp-cartes-info[style*="--jp-card-count:5"], .jp-cartes-info[style*="--jp-card-count:6"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: 1100px;
}
} @media (max-width: 900px) { .jp-cartes-info, .jp-cartes-info[style*="--jp-card-count:3"], .jp-cartes-info[style*="--jp-card-count:4"], .jp-cartes-info[style*="--jp-card-count:5"], .jp-cartes-info[style*="--jp-card-count:6"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
} @media (max-width: 600px) { .jp-cartes-info, .jp-cartes-info[style*="--jp-card-count:2"], .jp-cartes-info[style*="--jp-card-count:3"], .jp-cartes-info[style*="--jp-card-count:4"], .jp-cartes-info[style*="--jp-card-count:5"], .jp-cartes-info[style*="--jp-card-count:6"] {
width: min(100% - 30px, 520px);
grid-template-columns: 1fr;
} .jp-info-card {
padding: 20px;
} .jp-info-card h3 {
font-size: 19px;
} .jp-info-card-text {
font-size: 14px;
}
} @media (max-width: 800px) { .jp-section, .jp-texte-libre {
padding: 48px 0;
} .jp-texte-libre-inner, .jp-localisation-inner, .jp-temoignage-page-card {
display: block;
} .jp-texte-libre-image {
margin-bottom: 24px;
} .jp-localisation-content {
margin-bottom: 24px;
} .jp-temoignage-page-card img {
width: 100%;
margin-bottom: 18px;
} .jp-faq-page-answer {
padding-left: 22px;
}
} .jp-document-icon-default {
min-width: 42px;
height: 42px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.02em;
background: var(--jp-sec1, #eef4ff);
color: var(--jp-main, #f28c28);
} @media (max-width: 900px) { .jp-partenaires-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
} .jp-partenaire-card {
min-height: 105px;
}
} @media (max-width: 520px) { .jp-partenaires-grid {
grid-template-columns: 1fr;
}
} .jp-galerie-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 280px));
justify-content: center;
align-items: start;
} .jp-galerie-item {
height: auto;
} .jp-galerie-item img {
width: 100%;
height: 190px;
aspect-ratio: auto;
object-fit: cover;
} .jp-equipe-grid {
grid-template-columns: repeat(auto-fit, minmax(210px, 260px));
justify-content: center;
align-items: start;
} .jp-equipe-card {
height: auto;
} .jp-equipe-card img {
width: 100%;
height: 180px;
aspect-ratio: auto;
object-fit: cover;
} @media (max-width: 768px) { .jp-galerie-grid, .jp-equipe-grid {
grid-template-columns: 1fr;
width: min(520px, 92%);
} .jp-galerie-item img, .jp-equipe-card img {
height: 220px;
}
} .jp-temoignages-page-section .jp-temoignages-page-list {
width: min(calc(100% - 120px), 1500px);
max-width: 1500px;
margin-left: auto;
margin-right: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: 24px;
} .jp-temoignages-page-section .jp-temoignage-page-card {
grid-template-columns: 150px minmax(0, 1fr);
gap: 20px;
align-items: center;
height: 100%;
min-width: 0;
padding: 20px;
box-sizing: border-box;
} .jp-temoignages-page-section .jp-temoignage-page-card img {
width: 150px;
height: 150px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 18px;
} .jp-temoignages-page-section .jp-temoignage-page-body {
min-width: 0;
} .jp-temoignages-page-section .jp-temoignage-page-quote {
font-size: 16px;
line-height: 1.6;
} .jp-temoignages-page-section .jp-temoignage-page-author {
margin-top: 12px;
} .jp-temoignages-page-section .jp-temoignage-page-card:not(:has(img)) {
grid-template-columns: 1fr;
} @media (max-width: 1050px) { .jp-temoignages-page-section .jp-temoignages-page-list {
width: calc(100% - 64px);
grid-template-columns: 1fr;
} .jp-temoignages-page-section .jp-temoignage-page-card {
grid-template-columns: 180px minmax(0, 1fr);
} .jp-temoignages-page-section .jp-temoignage-page-card img {
width: 180px;
height: 150px;
aspect-ratio: auto;
}
} @media (max-width: 620px) { .jp-temoignages-page-section .jp-temoignages-page-list {
width: calc(100% - 32px);
gap: 18px;
} .jp-temoignages-page-section .jp-temoignage-page-card {
grid-template-columns: 1fr;
gap: 16px;
padding: 16px;
} .jp-temoignages-page-section .jp-temoignage-page-card img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
}  .jp-info-card {
align-items: stretch;
} .jp-info-card .jp-info-card-icon {
margin-left: auto;
margin-right: auto;
} .jp-info-card h3 {
width: 100%;
text-align: center;
} .jp-chiffre-card .jp-chiffre-icon {
margin-left: auto !important;
margin-right: auto !important;
} .jp-chiffre-card h3,
.jp-chiffre-card .jp-chiffre-value {
width: 100%;
text-align: center !important;
} .jp-document-card {
flex-direction: column;
justify-content: center;
text-align: center;
} .jp-document-card .jp-document-icon {
margin-left: auto;
margin-right: auto;
} .jp-document-card .jp-document-title {
width: 100%;
text-align: center;
} .jp-faq-page-question {
text-align: center;
} .jp-faq-page-question .jp-faq-page-icon {
margin-left: auto;
margin-right: auto;
} .jp-faq-page-question strong,
.jp-faq-page-question span:not(.jp-faq-page-icon) {
text-align: center;
} .jp-cartes-info .jp-info-card-icon-wrap {
width: 100%;
min-height: 48px;
margin: 0 0 16px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
text-align: center;
}
.jp-cartes-info .jp-info-card-icon-wrap > .jp-info-card-icon,
.jp-cartes-info .jp-info-card-icon-wrap > .jp-universal-icon,
.jp-cartes-info .jp-info-card-icon-wrap > .jp-lottie-icon {
flex: 0 0 auto !important;
margin: 0 !important;
}  .jp-formation .jp-title,
.jp-formation .jp-small-title {
color: var(--jp-main);
} .jp-formation .jp-title {
font-size: 24px;
}
.jp-formation .jp-small-title {
font-size: 20px;
} .jp-formation .jp-introduction-inner .jp-title {
font-size: 22px;
line-height: 1.25;
margin-bottom: 14px;
}
.jp-formation .jp-introduction-texte {
font-size: 16px;
line-height: 1.6;
}
.jp-formation .jp-introduction-texte h1 {
font-size: 22px;
line-height: 1.25;
margin: 16px 0 7px;
}
.jp-formation .jp-introduction-texte h2 {
font-size: 19px;
line-height: 1.28;
margin: 15px 0 6px;
}
.jp-formation .jp-introduction-texte h3 {
font-size: 18px;
line-height: 1.3;
margin: 14px 0 6px;
}
.jp-formation .jp-introduction-texte h4 {
font-size: 17px;
line-height: 1.32;
margin: 13px 0 5px;
}
.jp-formation .jp-introduction-texte h5,
.jp-formation .jp-introduction-texte h6 {
font-size: 16px;
line-height: 1.35;
margin: 12px 0 5px;
}
.jp-formation .jp-introduction-texte p,
.jp-formation .jp-introduction-texte li {
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 767px) {
.jp-formation .jp-title {
font-size: 22px;
}
.jp-formation .jp-small-title {
font-size: 19px;
}
.jp-formation .jp-introduction-inner .jp-title {
font-size: 20px;
}
.jp-formation .jp-introduction-texte,
.jp-formation .jp-introduction-texte p,
.jp-formation .jp-introduction-texte li {
font-size: 15.5px;
}
.jp-formation .jp-introduction-texte h1 {
font-size: 20px;
}
.jp-formation .jp-introduction-texte h2 {
font-size: 18px;
}
.jp-formation .jp-introduction-texte h3 {
font-size: 17px;
}
} .jp-related-articles-section{padding:20px 0}.jp-related-articles-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.jp-related-article-card{background:#fff;border:1px solid rgba(16,35,63,.10);border-radius:9px;overflow:hidden;box-shadow:0 4px 12px rgba(16,35,63,.07);display:flex;flex-direction:column;min-width:0}.jp-related-article-card__image{display:block;aspect-ratio:16/8;background:#eef2f6 center/cover no-repeat}.jp-related-article-card__body{padding:9px;display:flex;flex-direction:column;gap:5px;flex:1}.jp-related-article-card time{font-size:10px;color:#68758a}.jp-related-article-card h3{font-size:13px;line-height:1.2;margin:0}.jp-related-article-card h3 a{color:var(--jp-dark,#10233f);text-decoration:none}.jp-related-article-card p{font-size:11px;line-height:1.3;margin:0;color:var(--jp-text,#26364d);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jp-related-article-card__link{margin-top:auto;font-size:11px;font-weight:700;color:var(--jp-main,#e95b22);text-decoration:none}.jp-related-article-card__link:hover{text-decoration:underline}@media(max-width:980px){.jp-related-articles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.jp-related-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.jp-related-articles-grid{grid-template-columns:1fr}}.jp-texte-libre {
padding: 70px 0;
background: #fff;
} .jp-texte-libre-inner {
width: 100%;
max-width: none;
margin: 0;
display: grid;
grid-template-columns: 26% minmax(0,1fr);
gap: 44px;
align-items: start;
} .jp-texte-libre-image img {
width: 100%;
max-height: 360px;
object-fit: cover;
object-position: center;
border-radius: 0 26px 26px 0;
display: block;
} .jp-texte-libre-content {
max-width: none;
width: 100%;
padding-right: 40px;
} .jp-texte-libre-content h2 {
margin: 0 0 24px;
color: var(--jp-main);
font-size: clamp(20px,2vw,30px);
line-height: 1.15;
font-weight: 800;
letter-spacing: -0.04em;
text-transform: uppercase;
} .jp-texte-libre-texte {
color: var(--jp-text);
} .jp-texte-libre-image_droite .jp-texte-libre-inner {
grid-template-columns: minmax(0,1fr) 32%;
} .jp-texte-libre-image_droite .jp-texte-libre-image {
order: 2;
} .jp-texte-libre-image_droite .jp-texte-libre-image img {
border-radius: 26px 0 0 26px;
} .jp-texte-libre-image_droite .jp-texte-libre-content {
padding-left: 6vw;
padding-right: 0;
} .jp-texte-libre-pleine_largeur .jp-texte-libre-inner {
display: block;
max-width: 1180px;
margin: 0 auto;
padding: 0 6vw;
} .jp-texte-libre-pleine_largeur .jp-texte-libre-content {
max-width: 950px;
padding: 0;
} @media (max-width:900px) { .jp-texte-libre {
padding: 48px 0;
} .jp-texte-libre-inner, .jp-texte-libre-image_droite .jp-texte-libre-inner {
display: block;
} .jp-texte-libre-image {
margin-bottom: 28px;
} .jp-texte-libre-image img, .jp-texte-libre-image_droite .jp-texte-libre-image img {
border-radius: 0;
max-height: 280px;
} .jp-texte-libre-content, .jp-texte-libre-image_droite .jp-texte-libre-content {
padding: 0 24px;
max-width: none;
} .jp-texte-libre-content h2 {
font-size: 34px;
}
}  .jp-texte-libre .jp-texte-libre-inner {
width: min(calc(100% - 120px), 1680px);
max-width: 1680px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
} .jp-texte-libre .jp-texte-libre-image img,
.jp-texte-libre-image_droite .jp-texte-libre-image img {
border-radius: 24px;
} .jp-texte-libre .jp-texte-libre-content,
.jp-texte-libre-image_droite .jp-texte-libre-content {
padding-left: 0;
padding-right: 0;
} @media (max-width: 1200px) { .jp-texte-libre .jp-texte-libre-inner {
width: calc(100% - 64px);
}
} @media (max-width: 900px) { .jp-texte-libre .jp-texte-libre-inner {
width: 100%;
max-width: 100%;
} .jp-texte-libre .jp-texte-libre-content,
.jp-texte-libre-image_droite .jp-texte-libre-content {
padding-left: 24px;
padding-right: 24px;
}
}.jp-cta {
width: 100%;
box-sizing: border-box;
margin-top: 0;
background: radial-gradient(circle at 15% 20%, rgba(255,255,255,.34), transparent 28%),
radial-gradient(circle at 85% 80%, rgba(255,255,255,.20), transparent 32%),
linear-gradient(135deg,
color-mix(in srgb, var(--jp-main) 92%, #ffffff) 0%,
var(--jp-main) 52%,
color-mix(in srgb, var(--jp-main) 78%, #ffffff) 100%
);
color: #fff;
padding: 10px 7%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 36px;
} .jp-cta-left {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
gap: 28px;
} .jp-cta-icon {
width: 144px;
height: 144px;
flex: 0 0 144px;
background: #fff;
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
} .jp-cta-text {
min-width: 0;
} .jp-cta h2 {
color: #fff;
font-size: 32px;
line-height: 1.1;
margin: 0 0 12px;
font-weight: 900;
} .jp-cta p {
font-size: 14px;
line-height: 1.45;
max-width: 650px;
margin-bottom: 0;
} .jp-cta .jp-buttons {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 18px;
margin-top: 0;
margin-bottom: 30px;
flex-wrap: wrap;
position: relative;
top: 4mm;
} .jp-cta .jp-btn {
padding: 18px 28px;
min-height: 58px;
gap: 12px;
box-sizing: border-box;
white-space: nowrap;
}body.page .jp-service-page, .jp-service-page {
width: 100%;
max-width: 100%;
overflow-x: hidden;
font-family: "Montserrat", "Arial", sans-serif;
color: var(--jp-text, #26384f);
background: #fff;
} body.page:has(.jp-service-page) .site-content, body.page:has(.jp-service-page) .site-main, body.page:has(.jp-service-page) .ast-container, body.page:has(.jp-service-page) .content-area, body.page:has(.jp-service-page) #primary {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .jp-service-page * {
box-sizing: border-box;
}  .jp-service-hero.jp-hero {
--jp-hero-height: 420px;
--jp-hero-main-top: 30px;
--jp-hero-badges-left: 42px;
--jp-hero-badges-top: 22px;
--jp-hero-padding-y: 20px;
--jp-hero-padding-x: 7%;
--jp-hero-radius: 42px;
--jp-script-top: 18px;
--jp-script-left: 49%;
--jp-script-right: 6%;
--jp-script-width: auto;
--jp-script-max-width: none;
--jp-script-align: left;
--jp-title-margin-top: 10mm;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
border-radius: 0 0 var(--jp-hero-radius) var(--jp-hero-radius) !important;
overflow: hidden !important;
} .jp-service-hero .jp-type {
background: var(--jp-main, #e95b22);
} .jp-service-hero .jp-hero-main {
position: relative;
z-index: 3 !important;
top: var(--jp-hero-main-top) !important;
margin-top: 0 !important;
} .jp-service-jobs .jp-service-hero .jp-hero-main {
left: 108px !important;
} .jp-service-jobs .jp-service-hero .jp-hero-main > *:not(.jp-hero-badges):not(.jp-badges) {
transform: translateY(32px) !important;
} .jp-service-hero .jp-script {
position: absolute !important;
left: var(--jp-script-left) !important;
right: var(--jp-script-right) !important;
top: var(--jp-script-top) !important;
width: var(--jp-script-width) !important;
max-width: var(--jp-script-max-width) !important;
text-align: var(--jp-script-align) !important;
white-space: normal !important;
overflow: visible !important;
font-family: "Caveat", cursive !important;
font-size: var(--jp-script-size-desktop, clamp(42px, 3vw, 56px)) !important;
font-weight: 500 !important;
line-height: var(--jp-script-line-height, 0.95) !important;
letter-spacing: 0 !important;
text-shadow: var(--jp-script-shadow, 0 2px 5px rgba(0, 0, 0, 0.18)) !important;
z-index: 3 !important;
} .jp-service-hero .jp-hero-bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
opacity: 1 !important;
z-index: 0;
} .jp-service-hero.jp-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(10, 24, 48, 0.98) 0%,
rgba(10, 24, 48, 0.96) 18%,
rgba(10, 24, 48, 0.88) 32%,
rgba(10, 24, 48, 0.64) 43%,
rgba(10, 24, 48, 0.32) 52%,
rgba(10, 24, 48, 0.1) 59%,
rgba(10, 24, 48, 0) 66%
);
} .jp-service-hero .jp-subtitle, .jp-service-hero .jp-hero-description {
max-width: 500px !important;
} .jp-service-jobs .jp-service-hero .jp-service-jobs-handwritten-subtitle {
font-family: "Caveat", cursive !important;
font-size: clamp(25px, 1.75vw, 32px) !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
max-width: 610px !important;
margin-top: 10px !important;
margin-bottom: 18px !important;
opacity: 1 !important;
transform: none !important;
animation: none !important;
}
@media (max-width: 900px) {
.jp-service-jobs .jp-service-hero .jp-service-jobs-handwritten-subtitle {
font-size: clamp(24px, 6.4vw, 30px) !important;
line-height: 1.08 !important;
max-width: 100% !important;
margin-bottom: 20px !important;
}
} .jp-service-stats, .jp-stats-strip.jp-service-stats {
width: min(1180px, calc(100% - 42px));
margin: -48px auto 28px;
position: relative;
z-index: 4;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
background: #fff;
border: 1px solid rgba(16, 35, 63, 0.08);
border-radius: 22px;
box-shadow: 0 16px 42px rgba(16, 35, 63, 0.1);
overflow: hidden;
} .jp-service-stat-card, .jp-stats-strip__item.jp-service-stat-card {
min-height: 78px;
padding: 14px 22px;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
text-align: left;
background: #fff;
} .jp-service-stat-card + .jp-service-stat-card {
border-left: 1px solid rgba(16, 35, 63, 0.1);
} .jp-service-stat-card strong {
display: block;
color: var(--jp-main, #e95b22);
font-size: 30px;
line-height: 1;
font-weight: 950;
} .jp-service-stat-card span {
display: block;
margin-top: 3px;
color: var(--jp-dark, #10233f);
font-size: 12.5px;
line-height: 1.2;
font-weight: 750;
text-transform: none;
letter-spacing: 0;
} .jp-service-cards {
width: min(1480px, calc(100% - 42px));
margin: 0 auto 0;
padding-top: 0;
padding-bottom: 0;
} .jp-service-section-heading {
margin-bottom: 12px;
text-align: left;
} .jp-service-section-heading .jp-kicker {
margin: 0 0 8px;
font-size: 12px;
font-weight: 950;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--jp-main, #e95b22);
} .jp-service-section-heading .jp-title {
margin: 0;
color: var(--jp-dark, #10233f);
font-size: 28px;
line-height: 1.15;
font-weight: 950;
text-align: center;
} .jp-service-section-heading .jp-title span {
color: var(--jp-main, #e95b22);
} .jp-service-section-heading p:last-child {
margin: 8px 0 0;
color: #52627a;
font-size: 14px;
line-height: 1.45;
} .jp-service-grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 12px;
max-width: 1480px;
margin: 0 auto 12px;
} .jp-service-empty {
margin: 20px 0;
color: #52627a;
font-weight: 700;
text-align: center;
} .jp-service-job-card {
min-height: 104px;
padding: 13px 12px 12px;
border-radius: 15px;
} .jp-service-job-card .jp-card__top {
display: grid;
grid-template-columns: 58px 1fr;
gap: 10px;
align-items: center;
} .jp-service-job-card .jp-card__visual {
width: 58px;
height: 58px;
font-size: 15px;
} .jp-service-job-card .jp-card__visual img {
width: 100%;
height: 100%;
object-fit: cover;
} .jp-service-job-card .jp-card__bottom {
margin-top: 9px;
gap: 6px;
} .jp-service-job-card .jp-service-card-icon span {
font-size: 15px;
font-weight: 950;
letter-spacing: -0.03em;
} .jp-service-job-card .jp-card__title, .jp-service-job-card .jp-service-card-content h3 {
font-size: 14px;
line-height: 1.08;
margin-bottom: 3px;
} .jp-service-job-card .jp-card__subtitle, .jp-service-job-card .jp-service-card-content p {
font-size: 11px;
line-height: 1.18;
} .jp-service-job-card .jp-card__meta, .jp-service-job-card .jp-service-card-meta {
background: transparent;
padding: 0;
border-radius: 0;
color: var(--jp-dark, #10233f);
margin: 0;
display: block;
text-transform: none;
letter-spacing: 0;
font-size: 11px;
line-height: 1.2;
} .jp-service-job-card .jp-card__meta strong, .jp-service-job-card .jp-service-card-meta strong {
color: var(--jp-card-color, var(--card-color, #e95b22));
font-size: 18px;
margin-right: 3px;
} .jp-service-job-card .jp-card__link, .jp-service-job-card .jp-service-card-link {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 1.2;
}  .jp-service-cta-section {
margin-top: 0 !important;
padding-top: 12px !important;
padding-bottom: 36px !important;
scroll-margin-top: 120px;
} .jp-service-cta .jp-kicker {
margin: 0 0 8px;
color: var(--jp-main, #e95b22);
font-size: 12px;
font-weight: 950;
letter-spacing: 0.08em;
text-transform: uppercase;
} .jp-service-cta .jp-btn-main {
white-space: nowrap;
} .jp-module-offres-emploi {
width: min(1180px, calc(100% - 42px));
margin: 42px auto;
padding: 26px 30px;
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: center;
border-radius: 24px;
background: linear-gradient(135deg, #ffffff, var(--jp-soft, #fff3ec));
border: 1px solid rgba(16, 35, 63, 0.08);
box-shadow: 0 14px 34px rgba(16, 35, 63, 0.09);
} .jp-module-offres-emploi__kicker {
margin: 0 0 8px;
color: var(--jp-main, #e95b22);
font-size: 12px;
font-weight: 950;
letter-spacing: 0.08em;
text-transform: uppercase;
} .jp-module-offres-emploi h2 {
margin: 0 0 8px;
color: var(--jp-dark, #10233f);
font-size: 26px;
line-height: 1.15;
font-weight: 950;
} .jp-module-offres-emploi p:not(.jp-module-offres-emploi__kicker) {
margin: 0;
color: #52627a;
font-size: 14px;
line-height: 1.5;
} .jp-module-offres-emploi__count {
display: inline-flex;
align-items: baseline;
gap: 7px;
margin-top: 12px;
font-weight: 850;
color: var(--jp-dark, #10233f);
} .jp-module-offres-emploi__count strong {
color: var(--jp-main, #e95b22);
font-size: 28px;
line-height: 1;
font-weight: 950;
}  @media (max-width: 1500px) { .jp-service-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
} @media (max-width: 1280px) { .jp-service-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
} .jp-service-hero.jp-hero {
--jp-script-left: 44%;
--jp-script-right: 3%;
--jp-script-width: auto;
--jp-script-max-width: none;
} .jp-service-hero .jp-script {
font-size: var(--jp-script-size-medium, clamp(40px, 3.4vw, 52px)) !important;
}
} @media (max-width: 1100px) { .jp-service-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .jp-service-hero.jp-hero {
--jp-script-left: 39%;
--jp-script-right: 3%;
--jp-script-width: auto;
--jp-script-max-width: none;
}
} @media (max-width: 900px) { .jp-service-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .jp-service-hero.jp-hero {
height: auto;
min-height: 0;
padding: 28px 22px 34px;
--jp-hero-main-top: 0;
--jp-hero-badges-left: 0;
--jp-script-width: auto;
--jp-script-max-width: none;
} .jp-service-hero .jp-script {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: auto !important;
max-width: none !important;
margin: 14px 0 4px !important;
font-family: "Caveat", cursive !important;
font-size: var(--jp-script-size-mobile, 36px) !important;
font-weight: 500 !important;
line-height: var(--jp-script-line-height, 0.95) !important;
text-align: left !important;
} .jp-service-hero .jp-hero-main {
top: 0;
}
} @media (max-width: 768px) { .jp-service-stats, .jp-stats-strip.jp-service-stats {
grid-template-columns: 1fr;
margin: -26px auto 28px;
} .jp-service-stat-card + .jp-service-stat-card {
border-left: 0;
border-top: 1px solid rgba(16, 35, 63, 0.1);
} .jp-service-cards {
width: min(100% - 28px, 1480px);
} .jp-service-section-heading .jp-title {
font-size: 24px;
} .jp-module-offres-emploi {
width: min(100% - 28px, 1180px);
grid-template-columns: 1fr;
padding: 24px;
}
} @media (max-width: 768px) {
.jp-service-jobs > .jp-service-stats,
.jp-service-jobs > .jp-stats-strip.jp-service-stats {
margin: 18px auto 28px !important;
}
} @media (max-width: 680px) { .jp-service-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 480px) { .jp-service-grid {
grid-template-columns: 1fr;
} .jp-service-job-card .jp-card__top {
grid-template-columns: 64px 1fr;
} .jp-service-job-card .jp-card__visual {
width: 64px;
height: 64px;
}
} .jp-service-reveal {
opacity: 0;
transform: translateY(18px);
} .jp-service-visible {
opacity: 1;
transform: translateY(0);
transition: opacity 0.45s ease,
transform 0.45s ease;
}  @media (min-width: 901px) { .jp-service-jobs .jp-service-hero.jp-hero {
--jp-script-top: 72px;
--jp-script-left: 0;
--jp-script-right: 0;
--jp-script-width: 100%;
--jp-script-max-width: none;
--jp-script-align: center;
} .jp-service-jobs .jp-service-hero .jp-script {
box-sizing: border-box;
padding-inline: 7%;
transform: none !important;
}
}  @media (min-width: 1025px) { body.page:has(.jp-service-jobs) .jp-service-jobs .jp-service-hero.jp-hero {
--jp-script-top: 88px !important;
} body.page:has(.jp-service-jobs) .jp-service-jobs .jp-service-hero .jp-script {
top: 88px !important;
transform: none !important;
}
} @media (max-width:1200px) { .jp-service-jobs .jp-service-hero .jp-hero-main {
left: 78px !important;
} .jp-service-jobs .jp-service-hero .jp-hero-main > *:not(.jp-hero-badges):not(.jp-badges) {
transform: translateY(32px) !important;
}
} @media (max-width:900px) { .jp-service-jobs .jp-service-hero .jp-hero-main {
left: 0 !important;
} .jp-service-jobs .jp-service-hero .jp-hero-main > *:not(.jp-hero-badges):not(.jp-badges) {
transform: translateY(32px) !important;
}
} .jp-service-jobs .jp-service-hero.jp-hero {
--jp-hero-badges-left: 0px !important;
} @media (min-width: 901px) and (max-width: 1024px) {
body.page:has(.jp-service-jobs) .jp-service-jobs .jp-service-hero.jp-hero {
--jp-script-top: 97px !important; }
body.page:has(.jp-service-jobs) .jp-service-jobs .jp-service-hero .jp-script {
top: 97px !important;
}
}
@media (min-width: 1025px) {
body.page:has(.jp-service-jobs) .jp-service-jobs .jp-service-hero.jp-hero {
--jp-script-top: 113px !important; }
body.page:has(.jp-service-jobs) .jp-service-jobs .jp-service-hero .jp-script {
top: 113px !important;
}
}.jp-form-admin .jp90-head{margin-bottom:22px}.jp-form-admin-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(500px,2fr);gap:18px}.jp-form-admin-card{background:#fff;border:1px solid #dce5ea;border-radius:16px;padding:22px;box-shadow:0 8px 26px rgba(15,45,70,.05);margin:0 0 18px}.jp-form-admin-card h2{margin-top:0;color:#123b63}.jp-form-template-actions{display:flex;flex-wrap:wrap;gap:10px}.jp-form-builder-top,.jp-form-builder-bottom{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin:0 0 16px}.jp-form-builder-top>a:first-child{margin-right:auto}.jp-form-admin-fields{display:grid;gap:14px;margin:16px 0}.jp-form-admin-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-form-admin-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.jp-form-admin-fields label{display:flex;flex-direction:column;gap:6px;font-weight:600}.jp-form-admin-fields input,.jp-form-admin-fields select,.jp-form-admin-card>label input{width:100%;max-width:none}.jp-form-info{margin:14px 0 0;padding:12px 14px;border-left:4px solid #2271b1;background:#eef6fc;border-radius:8px;color:#35566f}.jp-form-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.jp-form-card-head h2{margin-bottom:4px}.jp-form-card-head p{margin:0;color:#657887}.jp-form-builder-item{border:1px solid #dce5ea;border-radius:14px;margin:12px 0;background:#fbfcfd;overflow:hidden}.jp-form-builder-item-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f2f6f8}.jp-form-builder-item-head strong{flex:1}.jp-form-builder-item-body{padding:14px}.jp-form-builder-item.is-group{border-left:4px solid #f07a12}.jp-form-builder-item.is-group>.jp-form-builder-item-head{background:#fff5eb}.jp-form-child-list{padding:0 14px 14px}.jp-form-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jp-form-field-grid .full{grid-column:1/-1}.jp-form-field-grid label{display:flex;flex-direction:column;gap:5px;font-weight:600}.jp-form-field-grid input[type=text],.jp-form-field-grid input[type=number],.jp-form-field-grid select,.jp-form-field-grid textarea{width:100%;max-width:none}.jp-form-inline-checks{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}.jp-form-inline-checks label{display:flex;flex-direction:row;align-items:center;gap:5px;font-weight:500}.jp-form-class-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f3}.jp-form-response-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.jp-form-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef3f6;color:#4a6575;font-weight:700;font-size:12px}.jp-form-status.is-overdue,.jp-form-overdue-badge{background:#fdecec;color:#a12626}.jp-form-status.is-treated{background:#e8f6ed;color:#26703d}.jp-form-overdue-badge{padding:8px 12px;border-radius:999px;font-weight:800}.jp-form-response-meta{display:flex;gap:28px;margin:18px 0 24px}.jp-form-response-meta div{display:flex;gap:8px}.jp-form-response-meta dt{font-weight:700;color:#526777}.jp-form-response-meta dd{margin:0}.jp-form-response-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jp-form-response-value{padding:14px;border:1px solid #e2e9ed;border-radius:12px;background:#fbfcfd}.jp-form-response-value>span{display:block;color:#667b88;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:5px}.jp-form-response-value>strong{font-size:16px;color:#173d5d}.jp-form-sensitive{display:flex;align-items:center;gap:10px}.jp-form-sensitive code{font-size:17px}.jp-form-treatment-box{margin-top:24px;padding:18px;border-radius:14px;background:#fff7e9;border:1px solid #f0d9ab}.jp-form-treated-box{margin-top:24px;padding:18px;border-radius:14px;background:#eaf7ef;border:1px solid #c7e8d1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.jp-form-treated-box strong{color:#26703d;font-size:17px}.jp-form-treated-box form{margin-left:auto} .jp-public-form-shell{--jp-blue:#0a3f70;--jp-orange:#f07a12;max-width:980px;margin:32px auto 70px;padding:0 20px}.jp-public-form-head{margin-bottom:22px}.jp-public-form-head span{display:block;color:var(--jp-orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.jp-public-form-head h1{margin:4px 0 0;color:var(--jp-blue);font-size:clamp(30px,4vw,46px);line-height:1.1}.jp-public-form-intro{background:#f4f8fb;border-left:5px solid var(--jp-orange);border-radius:14px;padding:20px 22px;margin-bottom:22px;color:#314d63}.jp-public-form{background:#fff;border:1px solid #dce5ea;border-radius:20px;padding:clamp(20px,4vw,38px);box-shadow:0 14px 42px rgba(18,55,85,.08)}.jp-form-field{margin:0 0 22px}.jp-form-label{display:block;color:#153d5d;font-weight:800;margin-bottom:6px}.jp-form-required{color:#c0392b}.jp-form-help{margin:-1px 0 9px;color:#687c89;font-size:14px;line-height:1.45}.jp-public-form input[type=text],.jp-public-form input[type=email],.jp-public-form input[type=password],.jp-public-form textarea,.jp-public-form select{width:100%;border:1px solid #cfdbe3;border-radius:10px;padding:11px 13px;background:#fff;color:#1d3344;min-height:46px;box-shadow:none}.jp-public-form textarea{min-height:130px;resize:vertical}.jp-public-form input:focus,.jp-public-form textarea:focus,.jp-public-form select:focus{outline:none;border-color:#3483ba;box-shadow:0 0 0 3px rgba(52,131,186,.13)}.jp-form-options{display:flex;flex-wrap:wrap;gap:10px}.jp-form-option{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8e2e8;border-radius:10px;padding:10px 12px;background:#fbfcfd;cursor:pointer}.jp-form-option:has(input:checked){border-color:#f07a12;background:#fff6ed}.jp-form-condition-group{margin:24px 0;padding:20px;border-radius:16px;background:#f8fafb;border:1px dashed #b8c9d4}.jp-form-condition-group h3{margin-top:0;color:#0a3f70}.jp-form-password-wrap{display:flex;gap:8px}.jp-form-password-wrap input{flex:1}.jp-form-password-toggle{border:1px solid #cfdbe3;background:#f7fafb;border-radius:9px;padding:0 13px;cursor:pointer}.jp-form-password-rules{font-size:13px;color:#607582;margin:7px 0 0}.jp-form-class-groups fieldset{border:0;padding:0;margin:0 0 12px}.jp-form-class-groups legend{font-weight:800;color:#3b5a70;margin-bottom:8px}.jp-form-submit-row{display:flex;align-items:center;gap:16px;border-top:1px solid #e7edf1;padding-top:22px;margin-top:28px}.jp-form-submit{border:0;border-radius:999px;background:linear-gradient(135deg,#0a4d83,#0a3764);color:#fff;font-weight:800;padding:13px 24px;cursor:pointer;box-shadow:0 8px 20px rgba(10,63,112,.18)}.jp-form-submit-row span{color:#70818c;font-size:13px}.jp-form-message{max-width:980px;margin:0 auto 18px;padding:14px 18px;border-radius:12px;font-weight:700}.jp-form-message.is-success{background:#e8f6ed;color:#26703d}.jp-form-message.is-error{background:#fdecec;color:#a12626}.jp-form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.jp-form-admin-grid,.jp-form-admin-fields.three,.jp-form-response-values{grid-template-columns:1fr}.jp-form-admin-fields.two,.jp-form-field-grid{grid-template-columns:1fr}.jp-form-class-row{grid-template-columns:1fr 1fr}.jp-form-card-head{flex-direction:column}.jp-form-submit-row{align-items:flex-start;flex-direction:column}} body.single-jp_formulaire .site-content,
body.single-jp_formulaire .site-main,
body.single-jp_formulaire .ast-container,
body.single-jp_formulaire .content-area,
body.single-jp_formulaire #primary {
width:100% !important;
max-width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}
body.single-jp_formulaire .entry-header,
body.single-jp_formulaire .entry-title {
display:none !important;
}
.jp-form-page {
width:100%;
max-width:100%;
overflow-x:hidden;
background:#fff;
color:#26364d;
font-family:"Montserrat", Arial, sans-serif;
}
.jp-form-page,
.jp-form-page input,
.jp-form-page textarea,
.jp-form-page select,
.jp-form-page button {
font-family:"Montserrat", Arial, sans-serif;
} .jp-form-hero {
--jp-form-accent:#f07a12;
position:relative;
width:100%;
height:412px;
min-height:412px;
overflow:hidden;
color:#fff;
background:linear-gradient(135deg,#0d2448 0%,#18345d 58%,#244a7d 100%);
border-bottom-left-radius:42px;
border-bottom-right-radius:42px;
}
.jp-form-hero-bg {
position:absolute;
inset:0;
overflow:hidden;
pointer-events:none;
}
.jp-form-hero-bg::before {
content:"";
position:absolute;
width:540px;
height:540px;
right:-100px;
top:-230px;
border-radius:50%;
background:radial-gradient(circle,rgba(25,143,155,.42) 0%,rgba(25,143,155,.08) 58%,transparent 72%);
}
.jp-form-hero-bg::after {
content:"";
position:absolute;
width:390px;
height:390px;
right:12%;
bottom:-250px;
border-radius:50%;
border:58px solid rgba(240,122,18,.13);
}
.jp-form-hero-inner {
position:relative;
z-index:2;
width:min(86%,1500px);
height:100%;
margin:0 auto;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:18px 0 24px;
}
.jp-form-hero-badges {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px;
margin:0 0 22px;
}
.jp-form-hero-type {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:8px 18px;
border-radius:8px;
background:var(--jp-form-accent);
color:#fff;
font-size:15px;
font-weight:900;
line-height:1;
letter-spacing:.045em;
text-transform:uppercase;
}
.jp-form-hero-surtitre {
display:inline-flex;
align-items:center;
min-height:38px;
padding:8px 18px;
border-radius:999px;
background:rgba(255,255,255,.17);
border:1px solid rgba(255,255,255,.17);
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
backdrop-filter:blur(6px);
}
.jp-form-hero h1 {
max-width:900px;
margin:0 0 12px !important;
color:#fff !important;
font-family:"Poppins","Montserrat",Arial,sans-serif !important;
font-size:clamp(34px,3.2vw,54px) !important;
font-weight:500 !important;
line-height:1.03 !important;
letter-spacing:-.018em !important;
}
.jp-form-hero-subtitle {
max-width:720px;
margin:0 !important;
color:rgba(255,255,255,.92);
font-size:clamp(16px,1.25vw,20px);
font-weight:600;
line-height:1.42;
}
.jp-form-hero-script {
margin-top:20px;
color:#fff;
font-family:"Caveat",cursive !important;
font-size:clamp(26px,2.3vw,38px);
font-weight:500;
line-height:1;
transform:rotate(-1deg);
text-shadow:0 2px 5px rgba(0,0,0,.18);
} .jp-form-page-content {
width:100%;
padding:48px 0 80px;
}
.jp-public-form-shell {
--jp-blue:#0a3f70;
--jp-orange:#f07a12;
max-width:1040px;
margin:0 auto;
padding:0 24px;
font-family:"Montserrat",Arial,sans-serif;
}
.jp-public-form-intro {
margin:0 0 26px;
padding:22px 24px;
border:1px solid #e2e9ed;
border-left:5px solid var(--jp-orange);
border-radius:16px;
background:#f5f8fa;
color:#314d63;
font-size:16px;
line-height:1.65;
box-shadow:0 8px 24px rgba(18,55,85,.04);
}
.jp-public-form-intro > :first-child { margin-top:0; }
.jp-public-form-intro > :last-child { margin-bottom:0; }
.jp-public-form {
padding:clamp(24px,4vw,42px);
border:1px solid #dce5ea;
border-radius:22px;
background:#fff;
box-shadow:0 16px 45px rgba(18,55,85,.08);
}
.jp-form-label {
font-family:"Montserrat",Arial,sans-serif;
color:#102f4d;
font-weight:800;
}
.jp-form-help {
color:#657a88;
}
.jp-public-form input[type=text],
.jp-public-form input[type=email],
.jp-public-form input[type=password],
.jp-public-form textarea,
.jp-public-form select {
font-family:"Montserrat",Arial,sans-serif;
border-radius:12px;
border-color:#cbd8e0;
background:#fff;
}
.jp-form-option {
border-radius:12px;
}
.jp-form-submit {
min-height:48px;
padding:13px 26px;
border-radius:999px;
background:linear-gradient(135deg,#0a4d83,#0a3764);
font-family:"Montserrat",Arial,sans-serif;
font-weight:800;
letter-spacing:.01em;
} @media (max-width:900px) {
.jp-form-hero {
height:auto;
min-height:330px;
border-bottom-left-radius:26px;
border-bottom-right-radius:26px;
}
.jp-form-hero-inner {
width:min(calc(100% - 36px),1500px);
min-height:330px;
padding:36px 0 42px;
justify-content:flex-end;
}
.jp-form-hero-badges {
gap:8px;
margin-bottom:16px;
}
.jp-form-hero-type,
.jp-form-hero-surtitre {
min-height:34px;
padding:7px 12px;
font-size:11px;
}
.jp-form-hero h1 {
font-size:31px !important;
line-height:1.06 !important;
margin-bottom:10px !important;
}
.jp-form-hero-subtitle {
font-size:16px;
line-height:1.4;
}
.jp-form-hero-script {
margin-top:16px;
font-size:30px;
}
.jp-form-page-content {
padding:30px 0 56px;
}
.jp-public-form-shell {
padding:0 16px;
}
.jp-public-form-intro {
padding:18px;
border-radius:13px;
}
.jp-public-form {
padding:20px 16px;
border-radius:16px;
}
} .jp-form-hp{
position:absolute!important;
left:-10000px!important;
top:auto!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
.jp-form-field.has-error input,
.jp-form-field.has-error textarea,
.jp-form-field.has-error select{
border-color:#b32d2e!important;
box-shadow:0 0 0 2px rgba(179,45,46,.08)!important;
}
.jp-form-field-error{
margin-top:7px;
color:#b32d2e;
font-size:13px;
font-weight:700;
line-height:1.4;
}
.jp-form-message.is-error{
border-left:5px solid #b32d2e;
}
.jp-form-message.is-success{
border-left:5px solid #24843b;
} .jp-form-treatment-setting{
margin-top:20px;
padding:18px 20px;
border:1px solid #d9e3ea;
border-radius:14px;
background:#f7fafc;
}
.jp-form-treatment-setting label{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
}
.jp-form-treatment-setting p{
margin:8px 0 0;
color:#607383;
line-height:1.5;
}
.jp-form-treatment-password{
margin:18px 0 22px;
padding:18px;
border:1px solid #d8e4ec;
border-radius:14px;
background:#fff;
}
.jp-form-treatment-password label{
display:block;
margin-bottom:8px;
color:#173a59;
}
.jp-form-treatment-password .jp-form-password-wrap{
display:flex;
gap:8px;
align-items:center;
}
.jp-form-treatment-password input[type=password],
.jp-form-treatment-password input[type=text]{
width:min(520px,100%);
min-height:42px;
} .jp-form-password-toggle,
.jp-public-form .jp-form-password-toggle,
.jp-form-treatment-password .jp-form-password-toggle {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:9px 16px;
border:1px solid #0a3f70 !important;
border-radius:10px;
background:#0a3f70 !important;
color:#ffffff !important;
font-family:"Montserrat",Arial,sans-serif;
font-size:13px;
font-weight:800;
line-height:1;
text-decoration:none;
cursor:pointer;
box-shadow:none;
opacity:1;
transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.jp-form-password-toggle:hover,
.jp-form-password-toggle:focus,
.jp-public-form .jp-form-password-toggle:hover,
.jp-public-form .jp-form-password-toggle:focus,
.jp-form-treatment-password .jp-form-password-toggle:hover,
.jp-form-treatment-password .jp-form-password-toggle:focus {
background:#072f55 !important;
border-color:#072f55 !important;
color:#ffffff !important;
}
.jp-form-password-toggle:focus-visible {
outline:3px solid rgba(240,122,18,.35);
outline-offset:2px;
}
.jp-form-password-toggle:active {
transform:translateY(1px);
}
@media (max-width:600px) {
.jp-form-password-toggle,
.jp-public-form .jp-form-password-toggle,
.jp-form-treatment-password .jp-form-password-toggle {
min-height:44px;
padding:10px 14px;
}
} .jp-form-treatment-email{
margin:18px 0;
padding:16px;
border:1px solid #cdd9e6;
border-radius:10px;
background:#f7fafc;
}
.jp-form-treatment-email label{
display:block;
margin-bottom:8px;
}
.jp-form-treatment-email input[type="email"]{
width:min(100%,520px);
}
.jp-form-status.is-email-invalid,
.jp-form-status.is-mail-failed{
display:inline-block;
padding:4px 9px;
border-radius:999px;
font-weight:700;
}
.jp-form-status.is-email-invalid{
background:#fff1f0;
color:#9f1c17;
border:1px solid #efb3af;
}
.jp-form-status.is-mail-failed{
background:#fff7e8;
color:#8a4b08;
border:1px solid #edc985;
} .jp-form-treated-box{
display:block;
}
.jp-form-treated-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
}
.jp-form-treated-head>div{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}
.jp-form-treated-head form{
margin-left:auto;
}
.jp-form-treated-details{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
width:100%;
margin-top:16px;
}
.jp-form-treated-item{
padding:14px 16px;
border:1px solid #cfe4d6;
border-radius:12px;
background:#fff;
}
.jp-form-treated-item>span{
display:block;
margin-bottom:6px;
color:#60776a;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.02em;
}
.jp-form-treated-item>strong{
color:#173d5d;
font-size:15px;
overflow-wrap:anywhere;
}
.jp-form-treated-reply{
grid-column:1/-1;
}
.jp-form-treated-reply p{
margin:0;
color:#2e4659;
line-height:1.65;
}
.jp-form-treatment-resend-password{
border-color:#cfe0ee;
background:#f5f9fc;
}
@media(max-width:700px){
.jp-form-treated-details{
grid-template-columns:1fr;
}
.jp-form-treated-reply{
grid-column:auto;
}
}@media (max-width:1600px) { .jp-atouts {
grid-template-columns: repeat(var(--jp-atouts-cols, 4), minmax(0,330px));
gap: 32px;
}
} @media (max-width:1200px) { .jp-atouts {
grid-template-columns: repeat(var(--jp-atouts-cols-tablet, 2), minmax(300px,360px));
gap: 28px;
} .jp-video-card {
flex-basis: calc((100% - 28px) / 2);
}
} @media (max-width:1024px) { .jp-bottom-grid, .jp-steps, .jp-3cols {
grid-template-columns: 1fr;
} .jp-hero {
min-height: auto;
padding-top: 70px;
} .jp-hero-side {
position: static;
width: auto;
margin-top: 32px;
} .jp-steps:before {
display: none;
}
} @media (max-width:768px) { .jp-atouts {
grid-template-columns: 1fr;
gap: 24px;
}
} @media (max-width:700px) { .jp-video-card {
flex-basis: 100%;
}
}@media (max-width:900px) { html, body, body.single-formation {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
} .jp-formation, .jp-section, .jp-cta, .jp-bottom-grid, .jp-numbers, .jp-testimonials-area, .jp-testimonials-scroll, .jp-testimonials-track, .jp-testimonial-column, .jp-testimonial {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
} .jp-section {
padding-left: 18px !important;
padding-right: 18px !important;
} .jp-hero {
display: flex !important;
flex-direction: column !important;
height: auto !important;
min-height: 0 !important;
padding: 28px 18px 34px !important;
overflow: visible !important;
} .jp-hero-bg-img {
height: 100% !important;
min-height: 100% !important;
}  .jp-hero-side {
order: 1 !important;
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
margin: 72px 0 18px 0 !important; padding: 8px 6px !important;
transform: translateY(12px) !important;
box-sizing: border-box !important;
z-index: 3 !important;
} .jp-hero-side .jp-info {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 5px !important;
text-align: center !important;
min-width: 0 !important;
} .jp-hero-side .jp-info-icon, .jp-hero-side .jp-info-icon svg {
width: 24px !important;
height: 24px !important;
} .jp-hero-side .jp-info-text {
font-size: 10px !important;
line-height: 1.15 !important;
text-align: center !important;
overflow-wrap: normal !important;
word-break: normal !important;
} .jp-script {
order: 2 !important;
position: relative !important;
display: block !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 10px 0 16px !important;
padding: 0 !important;
font-family: "Caveat", cursive !important;
font-size: var(--jp-script-size-mobile, 36px) !important;
font-weight: 500 !important;
line-height: var(--jp-script-line-height, 0.95) !important;
letter-spacing: 0 !important;
text-align: center !important;
color: #fff !important;
text-shadow: var(--jp-script-shadow, 0 2px 5px rgba(0,0,0,.18)) !important;
white-space: normal !important;
overflow: visible !important;
overflow-wrap: normal !important;
word-break: normal !important;
z-index: 3 !important;
} .jp-hero-main {
order: 3 !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
top: auto !important;
z-index: 3 !important;
} .jp-hero-badges {
display: flex !important;
flex-wrap: wrap !important;
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
position: relative !important;
left: auto !important;
top: auto !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 14px 0 !important;
} .jp-hero h1 {
display: block !important;
opacity: 1 !important;
transform: none !important;
animation: none !important;
font-family: "Poppins", "Montserrat", sans-serif !important;
font-size: 31px !important;
font-weight: 500 !important;
letter-spacing: -0.01em !important;
line-height: 1.06 !important;
margin: 0 0 10px 0 !important;
} .jp-subtitle {
display: block !important;
opacity: 1 !important;
transform: none !important;
animation: none !important;
font-size: 17px !important;
line-height: 1.25 !important;
max-width: 100% !important;
margin: 0 0 14px 0 !important;
} .jp-statuses {
display: flex !important;
flex-wrap: nowrap !important;
width: 100% !important;
gap: 8px !important;
margin: 12px 0 0 0 !important;
} .jp-status-badge {
opacity: 1 !important;
transform: none !important;
animation: none !important;
} .jp-status-large {
width: 180px !important;
flex: 0 0 180px !important;
} .jp-status-large .jp-status-text {
min-width: 0 !important;
max-width: 100% !important;
} .jp-status-large .jp-status-subtitle {
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
font-size: 8px !important;
line-height: 1.15 !important;
} .jp-buttons {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 6px !important;
} .jp-script span {
display: inline !important;
white-space: normal !important;
} .jp-type {
font-size: 22px !important;
padding: 6px 18px !important;
} .jp-type, .jp-hero-surtitre {
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
box-sizing: border-box !important;
} .jp-hero-surtitre {
top: auto !important;
font-size: 15px !important;
line-height: 1.25 !important;
padding: 10px 16px !important;
} .jp-statuses.nb-3 .jp-status-badge:last-child {
grid-column: auto !important;
width: auto !important;
} .jp-atouts, .jp-steps, .jp-3cols, .jp-tools, .jp-bottom-grid, .jp-numbers {
display: grid !important;
grid-template-columns: 1fr !important;
width: 100% !important;
max-width: 100% !important;
gap: 24px !important;
} .jp-bottom-grid {
display: block !important;
} .jp-bottom-grid > div, .jp-3cols > div, .jp-card, .jp-quality, .jp-quality-content, .jp-number {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
} .jp-quality {
grid-template-columns: 36px minmax(0,1fr) !important;
gap: 12px !important;
} .jp-quality-top {
gap: 8px !important;
overflow-wrap: anywhere !important;
} .jp-number {
margin-bottom: 18px !important;
transform: none !important;
} .jp-testimonials-shell {
padding: 0 28px !important;
overflow: hidden !important;
} .jp-testimonials-scroll {
overflow: hidden !important;
width: 100% !important;
} .jp-testimonials-track {
display: flex !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
overflow: visible !important;
gap: 0 !important;
transition: transform 1.2s ease !important;
will-change: transform !important;
transform: translateX(0);
} .jp-testimonial-column {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 6px !important;
overflow: visible !important;
} .jp-testimonial {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
margin-bottom: 0 !important;
padding: 12px !important;
box-sizing: border-box !important;
} .jp-testimonial-photo {
width: 110px !important;
height: 110px !important;
margin: 0 auto 10px auto !important;
} .jp-testimonial-content {
padding-left: 0 !important;
} .jp-testimonial-quote {
font-size: 42px !important;
line-height: .6 !important;
margin-bottom: 4px !important;
} .jp-testimonial-text, .jp-testimonial p {
font-size: 13px !important;
line-height: 1.35 !important;
margin: 0 !important;
} .jp-author-line {
margin-top: 3px !important;
font-size: 11px !important;
line-height: 1.15 !important;
} .jp-testimonial-arrow-left {
left: 0 !important;
} .jp-testimonial-arrow-right {
right: 0 !important;
} .jp-info-icon, .jp-info-icon svg, .jp-status-icon, .jp-status-icon svg, .jp-quality-icon, .jp-number-icon, .jp-step-icon, .jp-step-icon-mask, .jp-profile-icon-wrap, .jp-profile-icon-mask, .jp-faq-icon, .jp-cta-icon, .jp-btn-icon {
max-width: none !important;
overflow: visible !important;
flex-shrink: 0 !important;
} .jp-info-icon, .jp-info-icon svg {
width: 28px !important;
height: 28px !important;
display: block !important;
} .jp-quality-icon {
width: 40px !important;
height: 40px !important;
display: block !important;
} .jp-number-icon {
width: 44px !important;
height: 44px !important;
display: block !important;
} .jp-status-icon {
width: 40px !important;
height: 40px !important;
display: flex !important;
} .jp-status-icon svg {
width: 21px !important;
height: 21px !important;
} .jp-cta {
flex-direction: column !important;
align-items: flex-start !important;
} .jp-cta-left {
width: 100% !important;
} .jp-cta h2 {
font-size: 20px;
} .jp-cta p {
font-size: 10px;
} .jp-cta .jp-buttons {
justify-content: flex-start !important;
margin-bottom: 36px !important;
} .jp-cta-icon {
width: 114px !important;
height: 114px !important;
flex-basis: 114px !important;
} .site-description {
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
font-size: 13px !important;
}
}  @media (min-width:901px) { .jp-steps {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
align-items: flex-start !important;
gap: 16px !important;
} .jp-step {
flex: 1 1 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 12px 6px 0 !important;
} .jp-step-top {
width: 105px !important;
height: 105px !important;
margin: 0 auto 12px !important;
} .jp-step-icon {
width: 100px !important;
height: 100px !important;
} .jp-step-icon-mask {
width: 70px !important;
height: 70px !important;
} .jp-step-number {
width: 28px !important;
height: 28px !important;
font-size: 13px !important;
top: -4px !important;
left: -4px !important;
} .jp-steps:before {
top: 62px !important;
left: 12.5% !important;
right: 12.5% !important;
}
}  @media (min-width:901px) { .jp-atouts:not(.jp-atouts--balanced) {
--jp-atout-gap: 24px;
--jp-atout-card-width: calc((100% - (4 * var(--jp-atout-gap))) / 5);
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: space-between !important;
gap: 34px var(--jp-atout-gap) !important;
width: 100% !important;
} .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-1 {
justify-content: center !important;
} .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-2, .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-3 {
justify-content: space-evenly !important;
} .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-4, .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-5, .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-6, .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-7, .jp-atouts:not(.jp-atouts--balanced).jp-atouts-count-8 {
justify-content: space-between !important;
} .jp-atouts:not(.jp-atouts--balanced) > .jp-card {
flex: 0 0 var(--jp-atout-card-width) !important;
width: var(--jp-atout-card-width) !important;
max-width: var(--jp-atout-card-width) !important;
min-width: 0 !important;
}
}  @media (max-width: 420px) { .jp-script, .jp-service-hero .jp-script {
font-size: var(--jp-script-size-small, 32px) !important;
}
}  @media (max-width: 900px) { .jp-hero {
overflow: hidden !important;
background-color: transparent !important;
background-image: none !important;
} .jp-hero-bg-img {
inset: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
} body.single-contenu .jp-hero {
padding-top: 108px !important;
} body.single-contenu .jp-hero .jp-script {
margin-top: 0 !important;
margin-bottom: 22px !important;
} body.single-contenu .jp-hero .jp-hero-badges {
margin-top: 0 !important;
}
} @media (max-width: 600px) { body.single-contenu .jp-hero {
padding-top: 100px !important;
} body.single-contenu .jp-hero .jp-script {
font-size: var(--jp-script-size-small, 32px) !important;
line-height: 1 !important;
}
}  @media (max-width: 600px) { body.page-id-14864 .elementor-14864 .elementor-element.elementor-element-33b696e {
position: relative !important;
overflow: hidden !important;
} body.page-id-14864 .jp-modern-header .jp-site-branding-logo {
position: relative !important;
display: block !important;
gap: 0 !important;
} body.page-id-14864 .jp-modern-header .jp-site-branding-logo img.custom-logo {
width: 100px !important;
max-width: 100px !important;
height: auto !important;
} body.page-id-14864 .jp-modern-header .jp-site-branding-logo > .jp-site-slogan {
position: absolute !important;
top: 49px !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
display: block !important;
width: max-content !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 600 !important;
white-space: nowrap !important;
} body.page-id-14864 #masthead .jp-site-slogan, body.page-id-14864 #masthead .site-description {
display: none !important;
}
}  @media (max-width: 900px) and (hover: none), (max-width: 900px) and (pointer: coarse) { body.jp-mobile-card-center-mode .jp-card:hover,
body.jp-mobile-card-center-mode .jp-atouts .jp-card:hover,
body.jp-mobile-card-center-mode .jp-profile-card:hover,
body.jp-mobile-card-center-mode .jp-tool:hover,
body.jp-mobile-card-center-mode .jp-info-card:hover,
body.jp-mobile-card-center-mode .jp-number:hover,
body.jp-mobile-card-center-mode .jp-document-card:hover,
body.jp-mobile-card-center-mode a.jp-partenaire-card:hover,
body.jp-mobile-card-center-mode .jp-temoignage-page-card:hover,
body.jp-mobile-card-center-mode .jp-testimonial-card:hover,
body.jp-mobile-card-center-mode .jp-video-card:hover {
transform: none !important;
box-shadow: revert-layer !important;
} body.jp-mobile-card-center-mode .jp-step:hover .jp-step-icon {
transform: none !important;
} body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-card,
body.jp-mobile-card-center-mode .jp-atouts .jp-mobile-center-active.jp-card,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-profile-card,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-tool,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-info-card,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-document-card,
body.jp-mobile-card-center-mode a.jp-mobile-center-active.jp-partenaire-card,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-temoignage-page-card,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-testimonial-card,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-video-card {
transform: translateY(-5px) scale(1.015) !important;
box-shadow: 0 20px 42px rgba(16, 35, 63, 0.18) !important;
} body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-info-card {
border-color: color-mix(in srgb, var(--jp-main) 30%, transparent) !important;
} body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-number {
transform: perspective(900px) translateY(-5px) scale(1.015) !important;
box-shadow: 0 22px 44px rgba(16, 35, 63, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
} body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-step .jp-step-icon {
transform: translateY(-6px) scale(1.04) !important;
box-shadow: 0 20px 42px rgba(16, 35, 63, 0.22) !important;
} body.jp-mobile-card-center-mode .jp-mobile-center-card {
-webkit-tap-highlight-color: transparent;
}
} @media (max-width: 900px) and (prefers-reduced-motion: reduce) { body.jp-mobile-card-center-mode .jp-mobile-center-active,
body.jp-mobile-card-center-mode .jp-mobile-center-active.jp-step .jp-step-icon {
transform: none !important;
transition: none !important;
}
} @media (max-width: 900px) { .jp-hero.jp-hero--without-info {
padding-top: 118px !important;
} .jp-hero.jp-hero--without-info > .jp-script {
margin-top: 8px !important;
margin-bottom: 22px !important;
} .jp-hero.jp-hero--without-info .jp-hero-main {
margin-top: 0 !important;
} .jp-hero.jp-hero--without-info .jp-hero-badges {
margin-top: 0 !important;
} .jp-service-hero.jp-hero--without-info {
padding-top: 118px !important;
}
} @media (max-width: 600px) { .jp-hero.jp-hero--without-info,
.jp-service-hero.jp-hero--without-info {
padding-top: 110px !important;
}
}:root {
--jp-font-body: "Open Sans", Arial, sans-serif;
--jp-font-heading: "Poppins", "Montserrat", Arial, sans-serif;
--jp-font-script: "Caveat", cursive; --jp-script-size-desktop: clamp(42px, 3vw, 56px);
--jp-script-size-medium: clamp(40px, 3.4vw, 52px);
--jp-script-size-tablet: clamp(38px, 4.2vw, 48px);
--jp-script-size-mobile: 36px;
--jp-script-size-small: 32px;
--jp-script-line-height: 0.95;
--jp-script-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}  .jp-page, .jp-formation, .jp-formation-page, .jp-contenu-page, .jp-service-page, .jpds-page, .jp-module, .jp-job-detail-page {
font-family: var(--jp-font-body);
}  .jp-page h1, .jp-page h2, .jp-page h3, .jp-formation h1, .jp-formation h2, .jp-formation h3, .jp-service-page h1, .jp-service-page h2, .jp-service-page h3, .jp-title, .jp-small-title, .jp-card__title, .jp-type, .jp-hero-surtitre, .jp-button, .jp-btn, .jp-cta a, .jp-service-page button, .jp-service-page .button {
font-family: var(--jp-font-heading);
} .jp-hero h1, .jp-service-hero h1, .jp-hero-preview-main h2 {
font-family: var(--jp-font-heading);
font-weight: 500;
}  .jp-title, .jp-service-title, .jp-page h2, .jp-formation h2, .jp-service-page h2 {
font-weight: 700;
letter-spacing: -0.012em;
} .jp-small-title, .jp-page h3, .jp-formation h3, .jp-service-page h3, .jp-card__title {
font-weight: 600;
letter-spacing: -0.008em;
}  .jp-type, .jp-hero-surtitre, .jp-button, .jp-btn, .jp-cta a, .jp-service-page button, .jp-service-page .button {
font-weight: 600;
} .jp-script, .jp-service-hero .jp-script, .jp-preview-handwritten, .jpds-hero__script, .jp-job-detail-hero h1.jp-job-detail-script {
font-family: var(--jp-font-script) !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
}.jp-framework-v4 :where(.jp-page, .jp-formation, .jp-contenu-page, .jp-service-page, .jpds-page) {
color: var(--jp-color-text);
font-family: var(--jp-font-body);
font-size: var(--jp-font-size-body);
line-height: var(--jp-line-height-body);
} .jp-framework-v4 :where(.jp-page, .jp-formation, .jp-contenu-page, .jp-service-page, .jpds-page) h2 {
font-family: var(--jp-font-heading);
font-size: var(--jp-font-size-h2);
line-height: var(--jp-line-height-heading);
font-weight: 700;
letter-spacing: -0.015em;
} .jp-framework-v4 :where(.jp-page, .jp-formation, .jp-contenu-page, .jp-service-page, .jpds-page) h3 {
font-family: var(--jp-font-heading);
font-size: var(--jp-font-size-h3);
line-height: 1.2;
font-weight: 600;
} .jp-framework-v4 :where(.jp-card, .jp-editor-card, .jpds-card) {
border-radius: var(--jp-radius-lg);
box-shadow: var(--jp-shadow-sm);
} .jp-framework-v4 :where(.jp-btn, .jp-button, .jpds-btn, button.button) {
font-family: var(--jp-font-heading);
font-weight: 600;
border-radius: var(--jp-radius-md);
}.jp-framework-v4 .jp-hero, .jp-framework-v4 .jpds-hero {
isolation: isolate;
min-height: var(--jp-hero-height-desktop);
border-radius: 0 0 var(--jp-radius-xl) var(--jp-radius-xl);
box-shadow: var(--jp-shadow-sm);
background-color: var(--jp-color-navy-900);
} .jp-framework-v4 .jp-hero-bg-img, .jp-framework-v4 .jpds-hero__image {
object-position: var(--jp-hero-image-x) var(--jp-hero-image-y);
transform: scale(var(--jp-hero-image-scale));
transition: transform 8s var(--jp-ease-standard), filter 700ms ease;
will-change: transform;
} .jp-framework-v4 .jp-hero.is-jp-ready .jp-hero-bg-img, .jp-framework-v4 .jpds-hero.is-jp-ready .jpds-hero__image {
transform: scale(1.035);
} .jp-framework-v4 .jp-hero::after {
background: linear-gradient(
90deg,
var(--jp-hero-overlay-start) 0%,
var(--jp-hero-overlay-strong) 18%,
var(--jp-hero-overlay-mid) 27%,
var(--jp-hero-overlay-soft) 38%,
var(--jp-hero-overlay-end) 50%
);
} .jp-framework-v4 .jp-hero-main, .jp-framework-v4 .jpds-hero__main {
opacity: 1;
transform: translateY(0);
animation: jpHeroMainEnter 650ms var(--jp-ease-standard) both;
} @keyframes jpHeroMainEnter { from {
opacity: 0;
transform: translateY(14px);
} to {
opacity: 1;
transform: translateY(0);
}
} .jp-framework-v4 .jp-script, .jp-framework-v4 .jpds-hero__script {
font-family: var(--jp-font-script) !important;
font-size: var(--jp-font-size-script) !important;
font-weight: 500 !important;
line-height: 0.98 !important;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.18) !important;
} .jp-framework-v4 .jp-hero h1, .jp-framework-v4 .jpds-hero h1 {
font-family: var(--jp-font-heading);
font-size: var(--jp-font-size-h1);
font-weight: 500;
line-height: var(--jp-line-height-heading);
letter-spacing: -0.015em;
} .jp-framework-v4 .jp-hero-surtitre, .jp-framework-v4 .jp-type, .jp-framework-v4 .jpds-badge {
border-radius: var(--jp-radius-sm);
} .jp-framework-v4 .jp-btn, .jp-framework-v4 .jpds-btn {
transition: transform var(--jp-duration-fast) var(--jp-ease-standard),
box-shadow var(--jp-duration-fast) var(--jp-ease-standard),
background-color var(--jp-duration-fast) ease;
} .jp-framework-v4 .jp-btn:hover, .jp-framework-v4 .jpds-btn:hover {
transform: translateY(-2px);
box-shadow: var(--jp-shadow-sm);
}  @media (min-width: 901px) { .jp-framework-v4 .jp-service-jobs .jp-service-hero.jp-hero {
--jp-script-top: 48px;
--jp-script-left: 0;
--jp-script-right: 0;
--jp-script-width: 100%;
--jp-script-max-width: 100%;
--jp-script-align: center;
} .jp-framework-v4 .jp-service-jobs .jp-service-hero .jp-script {
box-sizing: border-box;
padding-inline: 7%;
text-align: center !important;
}
} @media (max-width: 900px) { .jp-framework-v4 .jp-hero, .jp-framework-v4 .jpds-hero {
min-height: auto;
border-radius: 0 0 var(--jp-radius-lg) var(--jp-radius-lg);
} .jp-framework-v4 .jp-hero-bg-img, .jp-framework-v4 .jpds-hero__image {
transform: none;
}
} @media (prefers-reduced-motion: reduce) { .jp-framework-v4 .jp-hero-bg-img, .jp-framework-v4 .jpds-hero__image, .jp-framework-v4 .jp-hero-main, .jp-framework-v4 .jpds-hero__main, .jp-framework-v4 .jp-btn, .jp-framework-v4 .jpds-btn {
animation: none !important;
transition: none !important;
transform: none !important;
opacity: 1 !important;
}
} .jp-framework-v4 .jp-hero::after {
background: linear-gradient(
90deg,
var(--jp-hero-overlay-start, rgba(8, 23, 47, .94)) 0%,
var(--jp-hero-overlay-strong, rgba(8, 23, 47, .86)) 32%,
var(--jp-hero-overlay-mid, rgba(8, 23, 47, .58)) 46%,
var(--jp-hero-overlay-soft, rgba(8, 23, 47, .20)) 61%,
var(--jp-hero-overlay-end, rgba(8, 23, 47, .05)) 100%
);
} .jp-framework-v4 .jp-hero-gradient-none::after, .jp-framework-v4 .jp-hero-bg-none::after {
display: none;
}