@charset "UTF-8";
/* Global */
@font-face {
  font-family: "Gotham-Black";
  src: url("../Fonts/Gotham-Black.otf");
}
@font-face {
  font-family: "Gotham-BlackItalic";
  src: url("../Fonts/Gotham-BlackItalic.otf");
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("../Fonts/Gotham-Bold.otf");
}
@font-face {
  font-family: "Gotham-BoldItalic";
  src: url("../Fonts/Gotham-BoldItalic.otf");
}
@font-face {
  font-family: "Gotham-Book";
  src: url("../Fonts/Gotham-Book.otf");
}
@font-face {
  font-family: "Gotham-BookItalic";
  src: url("../Fonts/Gotham-BookItalic.otf");
}
@font-face {
  font-family: "Gotham-ExtraLight";
  src: url("../Fonts/Gotham-ExtraLight.otf");
}
@font-face {
  font-family: "Gotham-ExtraLightItalic";
  src: url("../Fonts/Gotham-Black.otf");
}
@font-face {
  font-family: "Gotham-Light";
  src: url("../Fonts/Gotham-Light.otf");
}
@font-face {
  font-family: "Gotham-LightItalic";
  src: url("/Fonts/Gotham-LightItalic.otf");
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("../Fonts/Gotham-Medium.otf");
}
@font-face {
  font-family: "Gotham-MediumItalic";
  src: url("../Fonts/Gotham-MediumItalic.otf");
}
@font-face {
  font-family: "Gotham-Thin";
  src: url("../Fonts/Gotham-Thin.otf");
}
@font-face {
  font-family: "Gotham-ThinItalic";
  src: url("../Fonts/Gotham-ThinItalic.otf");
}
@font-face {
  font-family: "Gotham-Ultra";
  src: url("../Fonts/Gotham-Ultra.otf");
}
@font-face {
  font-family: "Gotham-UltraItalic";
  src: url("../Fonts/Gotham-UltraItalic.otf");
}
@font-face {
  font-family: "Poppin-Black";
  src: url("../Fonts/Poppins-Black.ttf");
}
@font-face {
  font-family: "Poppin-BlackItalic";
  src: url("../Fonts/Poppins-BlackItalic.ttf");
}
@font-face {
  font-family: "Poppin-Bold";
  src: url("../Fonts/Poppins-Bold.ttf");
}
@font-face {
  font-family: "Poppin-BoldItalic";
  src: url("../Fonts/Poppins-BoldItalic.ttf");
}
@font-face {
  font-family: "Poppin-ExtraBold";
  src: url("../Fonts/Poppins-ExtraBold.ttf");
}
@font-face {
  font-family: "Poppin-ExtraBoldItalic";
  src: url("../Fonts/Poppins-ExtraBoldItalic.ttf");
}
@font-face {
  font-family: "Poppin-ExtraLight";
  src: url("../Fonts/Poppins-ExtraLight.ttf");
}
@font-face {
  font-family: "Poppin-ExtraLightItalic";
  src: url("../Fonts/Poppins-ExtraLight.ttf");
}
@font-face {
  font-family: "Poppin-Italic";
  src: url("../Fonts/Poppins-Italic.ttf");
}
@font-face {
  font-family: "Poppin-Light";
  src: url("../Fonts/Poppins-Light.ttf");
}
@font-face {
  font-family: "Poppin-LightItalic";
  src: url("../Fonts/Poppins-LightItalic.ttf");
}
@font-face {
  font-family: "Poppin-Medium";
  src: url("../Fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: "Poppin-MediumItalic";
  src: url("../Fonts/Poppins-MediumItalic.ttf");
}
@font-face {
  font-family: "Poppin-Regular";
  src: url("../Fonts/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppin-SemiBold";
  src: url("../Fonts/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: "Poppin-SemiBoldItalic";
  src: url("../Fonts/Poppins-SemiBoldItalic.ttf");
}
@font-face {
  font-family: "Poppin-Thin";
  src: url("../Fonts/Poppins-Thin.ttf");
}
@font-face {
  font-family: "Poppin-ThinItalic";
  src: url("../Fonts/Poppins-ThinItalic.ttf");
}
/* Couleurs principales */
/* Couleurs de la rémunération */
/* Couleurs des bandeaux (pour web/pdf) */
/* Couleurs utilitaires */
/* Autres couleurs */
/* Plateforme */
/* Fonts */
/* Couleurs des fonts */
/* Media queries */
/* Actions utilitaires */
/* MISC */
/* Tailles basées sur celle par défaut des navigateurs : 16px */
:root {
  --color-red-100: #fcdad9;
  --color-red-500: #f5908d;
  --color-red-700: #f04641;
  --color-blue-100: #c2e9f3;
  --color-blue-300: #93cddd;
  --color-blue-500: #31859c;
  --color-blue-700: #005573;
  --color-blue-900: #232d4b;
  --color-purple-300: #91a0cc;
  --color-purple-600: #5a70b3;
  --color-teal-100: #c4f6ef;
  --color-teal-500: #58dac7;
  --color-teal-700: #00aa9b;
  --color-slate-700: #303f48;
  --color-slate-900: #232d4b;
  --color-gray-100: #f8f8f8;
  --color-gray-200: #e8e8e8;
  --color-gray-300: #d9d9d9;
  --color-gray-500: #919192;
  --color-white: #ffffff;
  --color-primary: var(--color-teal-700);
  --color-secondary: var(--color-red-700);
  --color-tertiary: var(--color-purple-600);
  --color-accent: var(--color-secondary);
  --color-text-primary: var(--color-slate-900);
  --color-text-secondary: var(--color-slate-700);
  --color-text-inverse: var(--color-white);
  --color-text-heading: var(--color-primary);
  --color-text-link: var(--color-primary);
  --color-text-subheading: var(--color-slate-900);
  --color-background-dark: var(--color-slate-900);
  --color-border-active: var(--color-primary);
  --color-bg-secondary: var(--color-tertiary);
  --color-bg-secondary-hover: var(--color-purple-300);
}
:root {
  --spacing-4-xs: 0.125rem;
  --spacing-3-xs: 0.24rem;
  --spacing-2-xs: 0.5rem;
  --spacing-xs: 0.75rem;
  --spacing-s: 1rem;
  --spacing-m: 1.5rem;
  --spacing-l: 2.25rem;
  --spacing-xl: 2.5rem;
  --spacing-2-xl: 3rem;
  --spacing-3-xl: 3.5rem;
  --spacing-4-xl: 4rem;
  --spacing-5-xl: 4.5rem;
}
:root {
  --it-animation-duration-default: 0.3s;
}
/* 576px */
/* 768px */
/* 992px */
/* 1200px */
/* 1400px */
/* Boutons */
.btn-primary {
  background: none;
  border: 1px solid #0D2498;
  color: #0D2498;
  text-transform: uppercase;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  text-align: right;
  padding: 15px;
  border-radius: unset;
}
.btn-primary:hover,
.btn-primary:focus {
  background: none;
  border-color: #0D2498;
  color: #0D2498;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
}
.btn-secondary {
  background: none;
  border: 1px solid #25C7D6;
  color: #25C7D6;
  text-transform: uppercase;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  text-align: right;
  padding: 15px;
  border-radius: unset;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background: none;
  border-color: #25C7D6;
  color: #25C7D6;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
}
/* Quiz */
.quiz {
  position: relative;
}
.quiz .label-title {
  position: absolute;
  top: -24px;
  left: 40px;
  background-color: #FD365B;
  color: #0D2498;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  padding: 8px 25px;
  text-align: center;
}
.quiz .description {
  background-color: #0D2498;
  color: #ffffff;
  text-align: center;
  padding: 30px 20px;
  font-size: 1.5625rem;
}
.quiz .description svg {
  margin: 15px 0 15px;
}
.quiz .description a {
  display: inline-block;
  color: #ffffff;
  font-size: 1.25rem;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  padding: 5px 10px;
  margin-top: 10px;
  border: 1px solid #ffffff;
  transition: 0.3s ease;
}
.quiz .description a:hover,
.quiz .description a:focus {
  color: #0D2498;
  background-color: #ffffff;
}
/* Charts */
.highcharts-credits {
  display: none;
}
.highcharts-point {
  stroke: none;
}
canvas[id*="-chartjs"].centered {
  margin: 0 auto;
}
/* Liens d'évitement */
.skipLinks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: -10000px;
  top: 150px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 1000;
  list-style-type: none;
}
.skipLinks:focus-within {
  left: 45px;
  width: auto;
  height: auto;
}
@media (max-width: 1199px) {
  .skipLinks:focus-within {
    left: 12px;
  }
}
.skipLinks__link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #0D2498;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  text-align: center;
  border-radius: 30px;
  width: 200px;
  height: 53px;
  margin: 5px;
  text-decoration: none;
  border: 2px solid #0D2498;
}
.skipLinks__link:focus {
  position: static;
  background-color: #25C7D6;
  color: #ffffff;
  border: 2px solid #ffffff;
}
html {
  font-size: initial;
  /* Bandeau IE */
}
html .ie-warning {
  display: none;
  font-size: 1rem;
  font-family: Arial, sans-serif;
}
html .ie-warning a {
  font-size: 1rem;
  font-family: Arial, sans-serif;
}
html[data-useragent*='MSIE'] .ie-warning,
html[data-useragent*='Trident/'] .ie-warning {
  display: block;
}
body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  background-color: #ffffff;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-primary);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media (min-width: 48rem) {
  body {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
body main {
  min-height: calc(100vh - 425px);
  width: 100vw;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  margin: 0;
}
.h1--color1,
.h2--color1,
.h3--color1,
.h4--color1,
.h5--color1,
h6--color1 {
  color: #0D2498;
}
.h1--color2,
.h2--color2,
.h3--color2,
.h4--color2,
.h5--color2,
h6--color2 {
  color: #25C7D6;
}
.h1--color3,
.h2--color3,
.h3--color3,
.h4--color3,
.h5--color3,
h6--color3 {
  color: #FD365B;
}
.h1--color4,
.h2--color4,
.h3--color4,
.h4--color4,
.h5--color4,
h6--color4 {
  color: #60C260;
}
.h1--color5,
.h2--color5,
.h3--color5,
.h4--color5,
.h5--color5,
h6--color5 {
  color: #948EC8;
}
.h1--color6,
.h2--color6,
.h3--color6,
.h4--color6,
.h5--color6,
h6--color6 {
  color: #1D7682;
}
.h1--color7,
.h2--color7,
.h3--color7,
.h4--color7,
.h5--color7,
h6--color7 {
  color: #7660ED;
}
.h1--color8,
.h2--color8,
.h3--color8,
.h4--color8,
.h5--color8,
h6--color8 {
  color: #E66F89;
}
.h1--white,
.h2--white,
.h3--white,
.h4--white,
.h5--white,
h6--white {
  color: #ffffff;
}
.h1--banner,
.h2--banner,
.h3--banner,
.h4--banner,
.h5--banner,
h6--banner {
  font-size: 2.1875rem;
  line-height: 3.125rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .h1--banner,
  .h2--banner,
  .h3--banner,
  .h4--banner,
  .h5--banner,
  h6--banner {
    font-size: 1.5625rem;
    line-height: 1.75rem;
  }
}
.h1__label,
.h2__label,
.h3__label,
.h4__label,
.h5__label,
h6__label {
  font-size: 1.4375rem;
  line-height: 1.75rem;
}
@media (max-width: 767px) {
  .h1__label,
  .h2__label,
  .h3__label,
  .h4__label,
  .h5__label,
  h6__label {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
.h1__upperSection,
.h2__upperSection,
.h3__upperSection,
.h4__upperSection,
.h5__upperSection,
h6__upperSection {
  font-size: 1.5625rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.h1__section,
.h2__section,
.h3__section,
.h4__section,
.h5__section,
h6__section {
  font-size: 2.265rem;
  line-height: 3.125rem;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .h1__section,
  .h2__section,
  .h3__section,
  .h4__section,
  .h5__section,
  h6__section {
    font-size: 1.5625rem;
    line-height: 1.75rem;
    margin-bottom: 20px;
  }
}
.h1__section--span,
.h2__section--span,
.h3__section--span,
.h4__section--span,
.h5__section--span,
h6__section--span {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (max-width: 767px) {
  .h1__section--span,
  .h2__section--span,
  .h3__section--span,
  .h4__section--span,
  .h5__section--span,
  h6__section--span {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
.h1__title,
.h2__title,
.h3__title,
.h4__title,
.h5__title,
h6__title {
  font-size: 1.25rem;
  line-height: 1.5625rem;
}
@media (max-width: 767px) {
  .h1__title,
  .h2__title,
  .h3__title,
  .h4__title,
  .h5__title,
  h6__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.bold {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.textuel {
  margin-left: auto;
  margin-right: 0;
  color: #0D2498;
  position: relative;
  display: block;
  font-size: 1rem;
  transition: all ease 0.3s;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
}
.textuel:before {
  content: "";
  background: #0D2498;
  height: 2px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 3px;
  transition: all ease 0.3s;
}
.textuel:hover,
.textuel:focus {
  color: #7660ED;
  outline-offset: 5px;
  border-radius: 5px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
.textuel:hover:before,
.textuel:focus:before {
  background: #7660ED;
}
p.primary {
  color: #0D2498;
}
p.mgb {
  margin-bottom: 25px;
}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  word-break: break-word;
  hyphens: none;
}
button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
video {
  width: 100%;
}
ul {
  padding-left: 20px;
  margin: 10px 0;
}
svg * {
  clip-path: none !important;
}
.validation-summary-errors,
.field-validation-error {
  color: #DF0201;
  margin-bottom: 20px;
}
.no-scroll {
  overflow: hidden;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.inetum-container {
  width: 100%;
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 var(--spacing-l);
}
.scroll-top-container {
  padding-bottom: 20px;
  display: grid;
  place-content: center;
}
.scroll-top-container .it-btn-scroll:hover .svg-scroll-top path,
.scroll-top-container .it-btn-scroll:active .svg-scroll-top path {
  fill: #232d4b;
}
/**************Animation File Start Here (animate.css)****************/
/* Animation Delay */
.d01 {
  animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.d02 {
  animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.d03 {
  animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.d04 {
  animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.d05 {
  animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.d06 {
  animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.d07 {
  animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
.d08 {
  animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.d09 {
  animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.d10 {
  animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.d11 {
  animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}
.d12 {
  animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.d13 {
  animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}
.d14 {
  animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}
.d15 {
  animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
.d16 {
  animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}
.d17 {
  animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}
.d18 {
  animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}
.d19 {
  animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
}
.d21 {
  animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  -webkit-animation-delay: 2.1s;
}
.d26 {
  animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -webkit-animation-delay: 2.6s;
}
.t14 {
  animation-duration: 1.4s !important;
}
.t24 {
  animation-duration: 2.4s !important;
}
/*Animation ends*/
.anim,
.anima {
  opacity: 0;
}
.anim.animated,
.anima.animated {
  opacity: 1;
}
/***CSS Animations****/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.animated.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animated.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animated.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animated.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animated.rubber {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animated.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animated.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animated.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.animated.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animated.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animated.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.animated.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.animated.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animated.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animated.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animated.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animated.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animated.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animated.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animated.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animated.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animated.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animated.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animated.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animated.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animated.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animated.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animated.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animated.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animated.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.animated.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animated.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animated.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animated.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animated.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animated.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animated.hinge {
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animated.jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animated.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animated.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animated.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.animated.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.animated.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -1000%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animated.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-1000%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animated.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(1000%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animated.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 1000%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animated.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 1000%, 0);
  }
}
.animated.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-1000%, 0, 0);
  }
}
.animated.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(1000%, 0, 0);
  }
}
.animated.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -1000%, 0);
  }
}
.animated.slideOutUp {
  animation-name: slideOutUp;
}
.testimonial-sec {
  overflow: hidden !important;
}
/**************Animation CSS End Here****************/
/* Animation Site.less */
/* fleches animées */
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
.bounce.small {
  -webkit-animation-name: smallbounce;
  -moz-animation-name: smallbounce;
  -o-animation-name: smallbounce;
  animation-name: smallbounce;
}
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(30px);
  }
  60% {
    -moz-transform: translateX(15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateX(0);
  }
  40% {
    -o-transform: translateX(30px);
  }
  60% {
    -o-transform: translateX(15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
@-webkit-keyframes smallbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-15px);
  }
  60% {
    -webkit-transform: translateX(8px);
  }
}
@-moz-keyframes smallbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(15px);
  }
  60% {
    -moz-transform: translateX(8px);
  }
}
@-o-keyframes smallbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateX(0);
  }
  40% {
    -o-transform: translateX(15px);
  }
  60% {
    -o-transform: translateX(8px);
  }
}
@keyframes smallbounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(15px);
  }
  60% {
    transform: translateX(8px);
  }
}
/* Base */
.visibility-hidden {
  width: 0;
  height: 0;
  visibility: hidden;
}
.mg-top {
  margin-top: 8px !important;
}
.mg-top--x2 {
  margin-top: 16px !important;
}
.mg-top--x3 {
  margin-top: 24px !important;
}
.mg-top--x4 {
  margin-top: 32px !important;
}
.mg-bottom {
  margin-bottom: 8px !important;
}
.mg-bottom--x2 {
  margin-bottom: 16px !important;
}
.mg-bottom--x3 {
  margin-bottom: 24px !important;
}
.mg-bottom--x4 {
  margin-bottom: 32px !important;
}
.mg-left {
  margin-left: 8px !important;
}
.mg-left--x2 {
  margin-left: 16px !important;
}
.mg-left--x3 {
  margin-left: 24px !important;
}
.mg-left--x4 {
  margin-left: 32px !important;
}
.mg-right {
  margin-right: 8px !important;
}
.mg-right--x2 {
  margin-right: 16px !important;
}
.mg-right--x3 {
  margin-right: 24px !important;
}
.mg-right--x4 {
  margin-right: 32px !important;
}
/* Classes pour le dev */
.attente {
  position: relative;
  color: #FD365B !important;
  background-color: rgba(253, 54, 91, 0.5) !important;
  border: 1px solid #FD365B !important;
  border-radius: 4px;
}
.attente * {
  color: #FD365B !important;
}
.attente svg path,
.attente svg polygon,
.attente svg rect {
  fill: #FD365B;
}
.attente svg line {
  stroke: #FD365B;
}
.attente::after {
  content: "EN ATTENTE";
  font-size: 10px;
  padding: 0.4em 0.5em 0.3em 0.5em;
  position: absolute;
  top: -10px;
  right: -10px;
  transform: rotate(10deg);
  min-width: 50px;
  text-align: center;
  border-radius: 4px;
  color: #ffffff;
  text-shadow: 0px 0px 1px #4E4E4E;
  background-color: #FD365B;
}
.attente:hover::after,
.attente:focus::after {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.todo {
  position: relative;
  color: #7660ED !important;
  background-color: rgba(118, 96, 237, 0.5) !important;
  border: 1px solid #7660ED !important;
  border-radius: 4px;
}
.todo * {
  color: #7660ED !important;
}
.todo svg path,
.todo svg polygon,
.todo svg rect {
  fill: #7660ED;
}
.todo svg line {
  stroke: #7660ED;
}
.todo::after {
  content: "TO DO";
  font-size: 10px;
  padding: 0.4em 0.5em 0.3em 0.5em;
  position: absolute;
  top: -10px;
  right: -10px;
  transform: rotate(10deg);
  min-width: 50px;
  text-align: center;
  border-radius: 4px;
  color: #ffffff;
  text-shadow: 0px 0px 1px #4E4E4E;
  background-color: #7660ED;
}
.todo:hover::after,
.todo:focus::after {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.crea {
  position: relative;
  color: #948EC8 !important;
  background-color: rgba(183, 189, 223, 0.5) !important;
  border: 1px solid #948EC8 !important;
  border-radius: 4px;
}
.crea * {
  color: #948EC8 !important;
}
.crea svg path,
.crea svg polygon,
.crea svg rect {
  fill: #948EC8;
}
.crea svg line {
  stroke: #948EC8;
}
.crea::after {
  content: "ATTENTE CRÉA";
  font-size: 10px;
  padding: 0.4em 0.5em 0.3em 0.5em;
  position: absolute;
  top: -10px;
  right: -10px;
  transform: rotate(10deg);
  min-width: 50px;
  text-align: center;
  border-radius: 4px;
  color: #ffffff;
  text-shadow: 0px 0px 1px #4E4E4E;
  background-color: #B7BDDF;
}
.crea:hover::after,
.crea:focus::after {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.trad {
  position: relative;
  color: #ffffff !important;
  background-color: rgba(230, 111, 137, 0.5) !important;
  border: 1px solid #ffffff !important;
  border-radius: 4px;
}
.trad * {
  color: #ffffff !important;
}
.trad svg path,
.trad svg polygon,
.trad svg rect {
  fill: #ffffff;
}
.trad svg line {
  stroke: #ffffff;
}
.trad::after {
  content: "ATTENTE TRAD";
  font-size: 10px;
  padding: 0.4em 0.5em 0.3em 0.5em;
  position: absolute;
  top: -10px;
  right: -10px;
  transform: rotate(10deg);
  min-width: 50px;
  text-align: center;
  border-radius: 4px;
  color: #ffffff;
  text-shadow: 0px 0px 1px #4E4E4E;
  background-color: #E66F89;
}
.trad:hover::after,
.trad:focus::after {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
/* Components */
.it-heading {
  --it-heading-color: var(--color-text-heading);
  position: relative;
  display: inline-block;
  color: var(--it-heading-color);
  margin-bottom: var(--spacing-m);
}
.it-heading--lvl1-hero {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--color-text-inverse);
}
@media (min-width: 768px) {
  .it-heading--lvl1-hero {
    font-size: 2.8125rem;
    line-height: 4.0625rem;
  }
}
@media (min-width: 768px) {
  .it-heading--lvl1-hero {
    font-size: 2.8125rem;
    line-height: 4.0625rem;
  }
}
.it-heading--lvl1-mobile {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.1875rem;
  color: var(--color-text-inverse);
}
.it-heading--lvl2 {
  --it-heading-color: var(--color-text-heading);
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.1875rem;
  margin-block-end: var(--spacing-2-xs);
}
@media (min-width: 768px) {
  .it-heading--lvl2 {
    font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.1875rem;
    margin-bottom: var(--spacing-m);
  }
}
.it-heading--animated::before {
  content: '';
  position: absolute;
  top: -0.75rem;
  left: 0;
  width: 40px;
  height: 4px;
  background-color: var(--color-accent);
  transition: width 0.3s ease-in-out;
}
.it-heading--animated:hover::before {
  width: 150px;
}
.it-heading--modal {
  margin-bottom: 0;
}
.it-heading--modal::before {
  content: '';
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 150px;
  height: 4px;
  background-color: var(--color-accent);
}
.it-heading--light {
  --it-heading-color: var(--color-text-inverse);
}
.header-mobile {
  display: block;
  background-color: var(--color-blue-500);
  text-align: center;
  padding: 1.25rem 0;
}
.header-mobile .it-heading--lvl1-mobile {
  margin-block-end: 0;
}
@media (min-width: 768px) {
  .header-mobile {
    display: none;
  }
}
:root {
  --it-btn-border-radius: 0;
  --it-btn-padding-x: 1rem;
  --it-btn-padding-y: 0.5rem;
  --it-btn-transition: all 0.2s ease-in-out;
  --it-btn-box-shadow: none;
  --it-btn-max-height: 2.5rem;
  --it-btn-icon-margin: 0.5rem;
  --it-btn-icon-size: 1rem;
  --it-btn-primary-bg: var(--color-red-500);
  --it-btn-primary-bg-hover: var(--color-red-700);
  --it-btn-primary-text: var(--color-white);
  --it-btn-primary-text-hover: var(--color-white);
  --it-btn-primary-border: var(--color-red-500);
  --it-btn-primary-border-hover: var(--color-red-700);
  --it-btn-secondary-bg: var(--color-purple-300);
  --it-btn-secondary-bg-hover: var(--color-purple-600);
  --it-btn-secondary-text: var(--color-white);
  --it-btn-secondary-text-hover: var(--color-white);
  --it-btn-secondary-border: var(--color-purple-300);
  --it-btn-secondary-border-hover: var(--color-purple-600);
  --it-btn-tertiary-bg: var(--color-teal-500);
  --it-btn-tertiary-bg-hover: var(--color-teal-700);
  --it-btn-tertiary-text: var(--color-white);
  --it-btn-tertiary-text-hover: var(--color-white);
  --it-btn-tertiary-border: var(--color-teal-500);
  --it-btn-tertiary-border-hover: var(--color-teal-700);
}
/* Base Button */
.it-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 2px solid transparent;
  padding: var(--it-btn-padding-y) var(--it-btn-padding-x);
  border-radius: var(--it-btn-border-radius);
  transition: var(--it-btn-transition);
  box-shadow: var(--it-btn-box-shadow);
  max-height: var(--it-btn-max-height);
  /* Focus styles for accessibility */
  /* Disabled state */
}
.it-btn:focus {
  outline: none;
}
.it-btn:focus-visible {
  outline: 3px solid var(--color-blue-300);
  outline-offset: 2px;
}
.it-btn:disabled,
.it-btn.it-btn--disabled {
  opacity: 0.65;
  pointer-events: none;
}
/* Button with icon */
.it-btn--with-icon {
  padding-right: var(--spacing-3-xs);
}
.it-btn--with-icon .it-btn__text {
  margin-right: var(--it-btn-icon-margin);
}
.it-btn--with-icon .it-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}
.it-btn--with-icon.it-btn--icon-active .it-btn__icon {
  transform: rotate(180deg);
}
/* Primary Button (Red) */
.it-btn--primary {
  background-color: var(--it-btn-primary-bg);
  color: var(--it-btn-primary-text);
  border-color: var(--it-btn-primary-border);
  /* Outline variant */
}
.it-btn--primary:hover,
.it-btn--primary:active,
.it-btn--primary.it-btn--active {
  background-color: var(--it-btn-primary-bg-hover);
  border-color: var(--it-btn-primary-border-hover);
}
.it-btn--primary.it-btn--outline {
  background-color: transparent;
  color: var(--color-text-primary);
  border-color: var(--it-btn-primary-bg-hover);
}
.it-btn--primary.it-btn--outline:hover,
.it-btn--primary.it-btn--outline:active,
.it-btn--primary.it-btn--outline.it-btn--active {
  background-color: var(--it-btn-primary-bg-hover);
  color: var(--it-btn-primary-text-hover);
  border-color: var(--it-btn-primary-border-hover);
}
/* Secondary Button (Purple) */
.it-btn--secondary {
  background-color: var(--it-btn-secondary-bg);
  color: var(--it-btn-secondary-text);
  border-color: var(--it-btn-secondary-border);
  /* Outline variant */
}
.it-btn--secondary:hover,
.it-btn--secondary:active,
.it-btn--secondary.it-btn--active {
  background-color: var(--it-btn-secondary-bg-hover);
  border-color: var(--it-btn-secondary-border-hover);
}
.it-btn--secondary.it-btn--outline {
  background-color: transparent;
  color: var(--color-text-primary);
  border-color: var(--it-btn-secondary-bg-hover);
}
.it-btn--secondary.it-btn--outline:hover,
.it-btn--secondary.it-btn--outline:active,
.it-btn--secondary.it-btn--outline.it-btn--active {
  background-color: var(--it-btn-secondary-bg-hover);
  color: var(--it-btn-secondary-text-hover);
  border-color: var(--it-btn-secondary-border-hover);
}
/* Tertiary Button (Teal) */
.it-btn--tertiary {
  background-color: var(--it-btn-tertiary-bg);
  color: var(--it-btn-tertiary-text);
  border-color: var(--it-btn-tertiary-border);
  /* Outline variant */
}
.it-btn--tertiary:hover,
.it-btn--tertiary:active,
.it-btn--tertiary.it-btn--active {
  background-color: var(--it-btn-tertiary-bg-hover);
  border-color: var(--it-btn-tertiary-border-hover);
}
.it-btn--tertiary.it-btn--outline {
  background-color: transparent;
  color: var(--color-text-primary);
  border-color: var(--it-btn-tertiary-bg-hover);
}
.it-btn--tertiary.it-btn--outline:hover,
.it-btn--tertiary.it-btn--outline:active,
.it-btn--tertiary.it-btn--outline.it-btn--active {
  background-color: var(--it-btn-tertiary-bg-hover);
  color: var(--it-btn-tertiary-text-hover);
  border-color: var(--it-btn-tertiary-border-hover);
}
.it-btn--sm {
  height: var(--spacing-m);
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.it-link {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--color-text-link);
}
@media (min-width: 768px) {
  .it-link {
    font-size: 1.25rem;
  }
}
/******************************/
/****** BOUTON DYNAMIQUE ******/
/******************************/
.btnDynamic {
  position: relative;
  background-color: #0D2498;
  color: #ffffff;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  padding: 10px 30px 10px 15px;
}
.btnDynamic__icon {
  position: absolute;
  top: calc(50% - 29px/2);
  right: -15px;
}
.btnDynamic__icon--connection {
  display: none;
}
@media (max-width: 991px) {
  .btnDynamic {
    display: block;
    width: 96%;
    max-width: 475px;
  }
}
/*******************************/
/****** VIDEO EXPLICATIVE ******/
/*******************************/
.btnVideo {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #0D2498;
  color: #0D2498;
  padding: 20px 15px;
  width: 342px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  line-height: 1.4375rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btnVideo__text {
  margin-left: 75px;
}
.btnVideo__icon {
  position: absolute;
  top: calc(50% - 35px/2);
  left: 15px;
}
.btnVideo:hover,
.btnVideo:focus {
  background-color: #E66F89;
}
@media (max-width: 991px) {
  .btnVideo {
    max-width: 342px;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
/****************************/
/****** EN SAVOIR PLUS ******/
/****************************/
.btnPlus {
  display: flex;
  align-items: center;
  height: 38px;
  transition: 0.3s ease;
  width: max-content;
}
.btnPlus__block {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 0 15px;
  height: 100%;
  box-shadow: inset 0px 0px 0px 1px #0D2498;
  transition: all 0.3s ease;
}
.btnPlus__text {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  color: #0D2498;
}
.btnPlus__icon {
  color: #0D2498;
}
.btnPlus__icon text {
  transition: 0.3s ease;
  fill: #ffffff;
}
.btnPlus--color1:hover .btnPlus__block,
.btnPlus--color1:focus .btnPlus__block {
  background-color: #0D2498;
  box-shadow: inset 0px 0px 0px 1px #0D2498;
}
.btnPlus--color1:hover .btnPlus__text,
.btnPlus--color1:focus .btnPlus__text {
  color: #ffffff;
}
.btnPlus--color1:hover .btnPlus__icon,
.btnPlus--color1:focus .btnPlus__icon {
  color: #0D2498;
}
.btnPlus--color1:hover .btnPlus__icon text,
.btnPlus--color1:focus .btnPlus__icon text {
  fill: #0D2498;
}
.btnPlus--color2:hover .btnPlus__block,
.btnPlus--color2:focus .btnPlus__block {
  background-color: #25C7D6;
  box-shadow: inset 0px 0px 0px 1px #0D2498;
}
.btnPlus--color2:hover .btnPlus__text,
.btnPlus--color2:focus .btnPlus__text {
  color: #ffffff;
}
.btnPlus--color2:hover .btnPlus__icon,
.btnPlus--color2:focus .btnPlus__icon {
  color: #0D2498;
}
.btnPlus--color2:hover .btnPlus__icon text,
.btnPlus--color2:focus .btnPlus__icon text {
  fill: #25C7D6;
}
.btnPlus--color5:hover .btnPlus__block,
.btnPlus--color5:focus .btnPlus__block {
  background-color: #948EC8;
  box-shadow: inset 0px 0px 0px 1px #0D2498;
}
.btnPlus--color5:hover .btnPlus__text,
.btnPlus--color5:focus .btnPlus__text {
  color: #ffffff;
}
.btnPlus--color5:hover .btnPlus__icon,
.btnPlus--color5:focus .btnPlus__icon {
  color: #0D2498;
}
.btnPlus--color5:hover .btnPlus__icon text,
.btnPlus--color5:focus .btnPlus__icon text {
  fill: #ffffff;
}
.btnPlus--color8:hover .btnPlus__block,
.btnPlus--color8:focus .btnPlus__block {
  background-color: #E66F89;
  box-shadow: inset 0px 0px 0px 1px #0D2498;
}
.btnPlus--color8:hover .btnPlus__text,
.btnPlus--color8:focus .btnPlus__text {
  color: #0D2498;
}
.btnPlus--color8:hover .btnPlus__icon,
.btnPlus--color8:focus .btnPlus__icon {
  color: #0D2498;
}
.btnPlus--color8:hover .btnPlus__icon text,
.btnPlus--color8:focus .btnPlus__icon text {
  fill: #E66F89;
}
.btnPlus--inverse .btnPlus__block {
  background-color: #0D2498;
  box-shadow: inset 0px 0px 0px 1px #25C7D6;
}
.btnPlus--inverse .btnPlus__icon {
  color: #25C7D6;
}
.btnPlus--inverse .btnPlus__icon text {
  fill: #0D2498;
}
.btnPlus--inverse .btnPlus__text {
  color: #ffffff;
}
.btnPlus--inverse:hover .btnPlus__block,
.btnPlus--inverse:focus .btnPlus__block {
  background-color: #0D2498;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.btnPlus--inverse:hover .btnPlus__text,
.btnPlus--inverse:focus .btnPlus__text {
  color: #ffffff;
}
.btnPlus--inverse:hover .btnPlus__icon,
.btnPlus--inverse:focus .btnPlus__icon {
  color: #ffffff;
}
.btnPlus--inverse:hover .btnPlus__icon text,
.btnPlus--inverse:focus .btnPlus__icon text {
  fill: #0D2498;
}
.hero-banner {
  position: relative;
  width: 100%;
  min-height: var(--hero-banner-min-height);
  background-image: url('../images/1_Accueil/visuel-bandeau@2x.jpg');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-dark);
  opacity: 0.59;
  z-index: 1;
}
.hero-banner__container {
  width: 100%;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-banner__container {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
    background-image: url('../images/1_Accueil/carres_decoratif.svg');
    background-size: 269px 216px;
    background-position: bottom right;
    background-repeat: no-repeat;
  }
}
.hero-banner__content {
  max-width: 800px;
}
.hero-banner__main-title {
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--color-text-inverse);
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .hero-banner__main-title {
    font-size: 2.8125rem;
    line-height: 4.0625rem;
  }
}
.hero-banner__main-title::before {
  content: '';
  position: absolute;
  top: -0.75rem;
  left: 0;
  width: 40px;
  height: 4px;
  background-color: #F04641;
  transition: width 0.3s ease-in-out;
}
.hero-banner__main-title:hover::before {
  width: 150px;
}
.hero-banner__greeting {
  display: block;
  margin-bottom: 0.5rem;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
.situation-card {
  position: relative;
  border-radius: 3px 3px 0 0;
  padding: 20px 4px 10px;
  background-color: #F5F2F2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 235px;
}
.situation-card__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-transform: capitalize;
}
.situation-card__title:before {
  content: "";
  width: 82px;
  height: 7px;
  background-color: var(--color-purple-600);
  margin-bottom: 12px;
}
.situation-card__value {
  margin-top: 12px;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  text-align: center;
  flex: 1;
}
.situation-card .evolution-button:hover .it-btn__icon svg path {
  fill: #fff;
}
.situation-card .evolution-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  background-color: var(--color-red-500);
  opacity: 0;
  z-index: 10;
  padding: 15px;
  border-radius: 3px 3px 0 0;
  transition: opacity 0.3s ease;
  /* Important: Ajout de ces propri�t�s pour que l'overlay ne capture pas les clics quand il est cach� */
}
.situation-card .evolution-overlay[hidden] {
  visibility: hidden;
  pointer-events: none;
  display: none;
}
.situation-card .evolution-overlay__text {
  color: var(--color-white);
  font-size: 0.75rem;
  line-height: 1.25;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}
.situation-card .evolution-overlay__close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  border: none;
  color: var(--color-white);
  font-size: 20px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
}
.situation-card .evolution-overlay__close:hover,
.situation-card .evolution-overlay__close:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline: none;
}
.situation-card .evolution-overlay__close:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
}
.situation-card .evolution-overlay__close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.metrics-card {
  position: relative;
  display: grid;
  place-content: center;
  padding: 20px 5%;
}
@media (min-width: 768px) {
  .metrics-card {
    height: 200px;
  }
}
.metrics-card--pink {
  background-color: var(--color-red-100);
}
.metrics-card--teal {
  background-color: var(--color-teal-500);
  color: var(--color-text-inverse);
}
.metrics-card--blue {
  background-color: var(--color-purple-600);
  color: var(--color-text-inverse);
}
.metrics-card__metric-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.metrics-card__metric-container.baseline {
  flex-direction: row;
  align-items: baseline;
}
.metrics-card__metric {
  display: block;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 4.0625rem;
  margin-block-end: 4px;
  white-space: nowrap;
}
.metrics-card__sub-metric {
  display: flex;
  align-items: center;
  gap: 5px;
}
.metrics-card__sub-value {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-purple-600);
}
.metrics-card__label {
  margin-top: -12px;
  display: block;
  text-align: center;
}
.metrics-card__illustration {
  height: 100%;
  display: none;
}
.metrics-card__illustration > svg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .metrics-card__illustration {
    display: block;
  }
}
.info-block {
  position: relative;
  /* Colors */
  /* Spacing */
}
.info-block--teal {
  background-color: var(--color-teal-500);
}
.info-block--teal .info-block__amount,
.info-block--teal .it-heading--lvl2 {
  color: inherit;
}
.info-block--light-teal {
  background-color: var(--color-teal-100);
}
.info-block--pink {
  background-color: var(--color-red-100);
}
.info-block--dark-pink {
  background-color: var(--color-red-500);
  color: var(--color-text-inverse);
}
.info-block--dark-pink .info-block__amount,
.info-block--dark-pink .it-heading--lvl2,
.info-block--dark-pink .info-block__text {
  color: inherit;
}
@media (max-width: 767px) {
  .info-block--dark-pink .it-btn--primary.it-btn--outline {
    color: inherit;
    border-color: var(--color-white);
  }
}
.info-block--purple {
  background-color: var(--color-purple-600);
  color: var(--color-text-inverse);
}
.info-block--purple .info-block__amount,
.info-block--purple .it-heading--lvl2,
.info-block--purple .info-block__text {
  color: inherit;
}
.info-block--light-purple {
  background-color: var(--color-purple-300);
  color: var(--color-text-inverse);
}
.info-block--light-purple .info-block__amount,
.info-block--light-purple .it-heading--lvl2,
.info-block--light-purple .info-block__text {
  color: inherit;
}
.info-block--blue {
  background-color: var(--color-blue-300);
}
.info-block--blue .it-heading--lvl2 {
  color: inherit;
}
@media (min-width: 768px) {
  .info-block {
    background-color: var(--color-white);
  }
  .info-block .info-block__text {
    color: var(--color-text-secondary);
  }
  .info-block .info-block__amount,
  .info-block .it-heading--lvl2 {
    color: var(--color-primary);
  }
}
.info-block__container {
  display: flex;
  max-width: 1054px;
  margin: 0 auto;
  padding: var(--spacing-m) var(--spacing-l);
}
@media (min-width: 768px) {
  .info-block__container {
    padding: 0 var(--spacing-l);
    align-items: start;
    gap: 8%;
  }
}
@media (min-width: 992px) {
  .info-block__container {
    gap: 12%;
  }
}
.info-block__content {
  padding: var(--spacing-xs) 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .info-block__content {
    width: 50%;
  }
}
.info-block__content .it-btn {
  margin-block-start: var(--spacing-m);
}
.info-block__subtitle {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}
.info-block__text {
  line-height: 1.5;
}
.info-block__text p {
  margin-block-start: 0;
  margin-block-end: var(--spacing-s);
}
.info-block__text p:last-child {
  margin-block-end: 0;
}
.info-block__text strong {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
.info-block__amount {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-primary);
  white-space: nowrap;
}
.info-block__email {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  color: var(--color-text-secondary);
}
.info-block__illustration {
  display: none;
}
@media (min-width: 768px) {
  .info-block__illustration {
    display: block;
    padding: var(--info-block-padding);
    min-height: auto;
  }
}
.info-block__illustration > svg {
  width: 100%;
  height: auto;
}
.info-block__content-mobile {
  display: block;
  margin-block-start: 1.25rem;
}
.info-block__content-mobile .caption-text {
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25;
}
.info-block__content-mobile > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.info-block__content-mobile > div p {
  color: var(--color-blue-700);
  font-family: Poppin-MediumItalic, Helvetica, Arial, sans-serif;
  text-align: center;
}
.info-block__content-mobile > div svg {
  min-width: 80px;
}
@media (min-width: 768px) {
  .info-block__content-mobile {
    display: none;
  }
}
.info-block__pdf-info {
  display: none;
  margin-block-start: 20px;
}
.info-block__pdf-info p {
  font-size: 0.5rem;
  line-height: 0.75rem;
  margin: 0;
}
:root {
  --collapsible-table-border-color: var(--color-purple-300);
  --collapsible-table-header-bg: var(--color-gray-200);
  --collapsible-table-header-color: var(--color-purple-600);
  --collapsible-table-row-border: var(--color-purple-600);
  --collapsible-table-bg: var(--color-gray-200);
  --collapsible-table-spacing: var(--spacing-md, 1.5rem);
  --collapsible-table-cell-padding: 0.5rem 0.5rem 0.5rem 0;
  --collapsible-header-cell-padding: 1.875rem 0.5rem 0.5rem 0;
  --collapsible-table-animation-speed: 0.3s;
}
.collapsible-table--certif {
  --collapsible-table-border-color: var(--color-red-700);
  --collapsible-table-header-color: var(--color-red-700);
  --collapsible-table-bg: var(--color-red-100);
}
.collapsible-table__container::-webkit-details-marker {
  display: none;
}
.collapsible-table__toggle {
  text-align: left;
  list-style: none;
}
.collapsible-table__toggle::-webkit-details-marker {
  display: none;
}
.collapsible-table__toggle::marker {
  display: none;
}
.collapsible-table__container[open] .it-btn--with-icon .it-btn__icon {
  transform: rotate(180deg);
}
.collapsible-table__content {
  border-top: none;
  animation: slide-down var(--collapsible-table-animation-speed) ease;
  background-color: var(--collapsible-table-bg);
  padding: 0 20px 20px;
}
@media (min-width: 768px) {
  .collapsible-table__content {
    padding: 0 0 10px 6%;
  }
}
.collapsible-table__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-collapse: collapse;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .collapsible-table__table {
    display: table;
  }
}
.collapsible-table thead {
  border-bottom: 1px solid var(--collapsible-table-border-color);
}
@media (min-width: 768px) {
  .collapsible-table thead {
    border: none;
  }
}
.collapsible-table__header {
  padding: 1.25rem 0.5rem 0.5rem 0;
  text-align: left;
  color: var(--collapsible-table-header-color);
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .collapsible-table__header {
    padding: var(--collapsible-header-cell-padding);
    border-bottom: 1px solid var(--collapsible-table-border-color);
  }
}
.collapsible-table__header:first-child {
  width: 60%;
}
.collapsible-table tbody tr {
  display: flex;
  flex-direction: column;
  margin-block-start: 1rem;
}
@media (min-width: 768px) {
  .collapsible-table tbody tr {
    display: table-row;
  }
}
.collapsible-table__cell {
  padding: 0 0 0.5rem;
  flex: 1;
}
@media (min-width: 768px) {
  .collapsible-table__cell {
    padding: var(--collapsible-table-cell-padding);
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.banner {
  position: relative;
  height: 255px;
  margin-bottom: 75px;
}
.banner__picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 38%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner__picture::before {
  content: '';
  position: absolute;
  top: calc(50% - 100px/2);
  right: -20px;
  width: 25px;
  height: 100px;
  background-color: #0D2498;
}
.banner__column {
  position: relative;
  display: table;
  height: 255px;
}
.banner__title {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  padding-left: 80px;
}
@media (max-width: 991px) {
  .banner__title {
    font-size: 1.875rem;
    padding-left: 0;
    text-align: center;
  }
}
.banner--remuneration {
  background-color: #25C7D6;
}
.banner--remuneration .banner__title {
  color: #0D2498;
}
.banner--remuneration .banner__picture::before {
  background-color: #0D2498;
}
.banner--remuneration::before {
  background-color: #0D2498;
}
.banner--remuneration .bannerPdf__h1 {
  color: #0D2498;
}
.banner--remuneration .banner__picture {
  background-image: url('../images/2_Remuneration/photo.jpg');
}
.banner--epargne {
  background-color: #1D7682;
}
.banner--epargne .banner__title {
  color: #ffffff;
}
.banner--epargne .banner__picture::before {
  background-color: #0D2498;
}
.banner--epargne::before {
  background-color: #0D2498;
}
.banner--epargne .bannerPdf__h1 {
  color: #ffffff;
}
.banner--epargne .banner__picture {
  background-image: url('../images/3_Epargne/photo1.jpg');
}
.banner--protection {
  background-color: #E66F89;
}
.banner--protection .banner__title {
  color: #ffffff;
}
.banner--protection .banner__picture::before {
  background-color: #0D2498;
}
.banner--protection::before {
  background-color: #0D2498;
}
.banner--protection .bannerPdf__h1 {
  color: #ffffff;
}
.banner--protection .banner__picture {
  background-image: url('../images/4_CouvertureSociale/photo1.jpg');
}
.banner--formation {
  background-color: #7660ED;
}
.banner--formation .banner__title {
  color: #ffffff;
}
.banner--formation .banner__picture::before {
  background-color: #0D2498;
}
.banner--formation::before {
  background-color: #0D2498;
}
.banner--formation .bannerPdf__h1 {
  color: #ffffff;
}
.banner--formation .banner__picture {
  background-image: url('../images/10_FormationTemps/photo.jpg');
}
.banner--avantages {
  background-color: #ffffff;
  margin-bottom: 0;
}
.banner--avantages .banner__title {
  color: #0D2498;
}
.banner--avantages .banner__picture::before {
  background-color: #0D2498;
}
.banner--avantages::before {
  background-color: #0D2498;
}
.banner--avantages .bannerPdf__h1 {
  color: #0D2498;
}
.banner--avantages .banner__picture {
  background-image: url('../images/5_Avantages/photo.jpg');
}
.banner--news {
  background-color: #25C7D6;
}
.banner--news .banner__title {
  color: #0D2498;
}
.banner--news .banner__picture::before {
  background-color: #0D2498;
}
.banner--news::before {
  background-color: #0D2498;
}
.banner--news .bannerPdf__h1 {
  color: #0D2498;
}
.banner--news .banner__picture {
  background-image: url('../images/11_Actus/photo.jpg');
}
.banner--profile {
  background-color: #25C7D6;
}
.banner--profile .banner__title {
  color: #0D2498;
}
.banner--profile .banner__picture::before {
  background-color: #0D2498;
}
.banner--profile::before {
  background-color: #0D2498;
}
.banner--profile .bannerPdf__h1 {
  color: #0D2498;
}
.banner--profile .banner__picture {
  background-image: url('../images/8_AccesCollaborateur/photo.jpg');
}
.banner--quiz {
  background-color: #25C7D6;
}
.banner--quiz .banner__title {
  color: #0D2498;
}
.banner--quiz .banner__picture::before {
  background-color: #0D2498;
}
.banner--quiz::before {
  background-color: #0D2498;
}
.banner--quiz .bannerPdf__h1 {
  color: #0D2498;
}
.banner--quiz .banner__picture {
  background-image: url('../images/7_Quizz/photo.jpg');
}
.banner--remLive {
  background-color: #25C7D6;
}
.banner--remLive .banner__title {
  color: #0D2498;
}
.banner--remLive .banner__picture::before {
  background-color: #0D2498;
}
.banner--remLive::before {
  background-color: #0D2498;
}
.banner--remLive .bannerPdf__h1 {
  color: #0D2498;
}
.banner--remLive .banner__picture {
  background-image: url('../images/6_RemunerationLive/photo.jpg');
}
.banner--dashboard {
  background-color: #25C7D6;
}
.banner--dashboard .banner__title {
  color: #0D2498;
}
.banner--dashboard .banner__picture::before {
  background-color: #0D2498;
}
.banner--dashboard::before {
  background-color: #0D2498;
}
.banner--dashboard .bannerPdf__h1 {
  color: #0D2498;
}
.banner--dashboard .banner__picture {
  background-image: url('../images/9_EspaceManager/photo.jpg');
}
.banner--accesBsi,
.banner--planSite {
  background-color: #25C7D6;
}
.banner--accesBsi .banner__title,
.banner--planSite .banner__title {
  color: #0D2498;
}
.banner--accesBsi .banner__picture::before,
.banner--planSite .banner__picture::before {
  background-color: #0D2498;
}
.banner--accesBsi::before,
.banner--planSite::before {
  background-color: #0D2498;
}
.banner--accesBsi .bannerPdf__h1,
.banner--planSite .bannerPdf__h1 {
  color: #0D2498;
}
.banner--accesBsi .banner__picture,
.banner--planSite .banner__picture {
  background-image: url('../images/8_AccesCollaborateur/photo.jpg');
}
.connection__logo img,
.errorLayout__logo img {
  display: block;
  width: 160px;
  height: 100px;
  margin: 30px 0 50px auto;
}
@media (max-width: 767px) {
  .connection__logo img,
  .errorLayout__logo img {
    margin: 10px auto;
  }
}
.connection__right,
.errorLayout__right {
  padding: 110px 30px 60px 30px;
}
@media (min-width: 768px) {
  .connection__right,
  .errorLayout__right {
    padding: 110px 82px 35px 35px;
  }
}
.connection__header,
.errorLayout__header {
  position: relative;
}
.connection__header .test-users,
.errorLayout__header .test-users {
  position: absolute;
  top: -30px;
  left: calc(50% - 300px/2);
  width: 300px;
  text-align: center;
  text-decoration: underline;
}
.connection__header__title,
.errorLayout__header__title {
  position: relative;
  margin: 0 0 25px 0;
  font-size: 2.8125rem;
  color: #232d4b;
}
@media (min-width: 768px) {
  .connection__header__title,
  .errorLayout__header__title {
    font-size: 2.8125rem;
    line-height: 3.125rem;
  }
}
.connection__header__title::after,
.errorLayout__header__title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: calc(100% + 12px);
  height: 4px;
  width: 150px;
  background-color: #F04641;
}
.connection__header__title span,
.errorLayout__header__title span {
  color: #ffffff;
}
.connection__header__text,
.errorLayout__header__text {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.connection__content__tab__item,
.errorLayout__content__tab__item {
  display: none;
}
.connection__content__tab__item:not(#tab-login):not(#tab-first):not(#tab-reset),
.errorLayout__content__tab__item:not(#tab-login):not(#tab-first):not(#tab-reset) {
  padding: 50px 0;
}
.connection__content__tab__item:focus,
.errorLayout__content__tab__item:focus,
.connection__content__tab__item:focus-visible,
.errorLayout__content__tab__item:focus-visible {
  outline: 1px solid #F3F1F1;
}
body.error,
body.signin {
  background-color: #232d4b;
  padding-block: 46px 90px;
}
.errorHeader {
  text-align: center;
}
@media (min-width: 768px) {
  .errorLayout {
    padding-inline-start: 50%;
  }
}
.errorLayout__content__tab p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #005573;
}
@media (max-width: 767px) {
  .errorLayout__content__tab p {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.errorLayout__content__tab .btn-home {
  position: absolute;
  bottom: -28px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 56px;
  padding: 10px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-align: center;
  color: #ffffff;
  background-color: #0D2498;
  border: 1px solid #0D2498;
  transition: 0.3s ease-out;
}
@media (max-width: 767px) {
  .errorLayout__content__tab .btn-home {
    font-size: 1.25rem;
  }
}
.errorLayout__content__tab .btn-home:hover,
.errorLayout__content__tab .btn-home:focus {
  background-color: #ffffff;
  color: #0D2498;
}
.flipCard {
  background-color: transparent;
  perspective: 1000px;
  transition: all 0.3s ease-in-out;
}
.flipCard__inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -moz-transition: transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flipCard__front,
.flipCard__back {
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}
.flipCard__front__btn {
  visibility: visible;
}
.flipCard__back {
  visibility: hidden;
  transform: rotateY(-180deg);
  transition: all 0.6s ease-in-out;
}
.flipCard__back__btn {
  visibility: hidden;
}
.flipCard:focus-within {
  transform: translateY(-7px);
}
.flipCard--active .flipCard__inner {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flipCard--active .flipCard__front__btn {
  visibility: hidden;
}
.flipCard--active .flipCard__back {
  visibility: visible;
  transition: all 0.6s ease-in-out;
}
.flipCard--active .flipCard__back__btn {
  visibility: visible;
}
.footer {
  position: relative;
  background-color: var(--color-background-dark);
  text-align: center;
}
.footer__list {
  margin: 0;
  padding: 12px 0;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  gap: 10px;
}
@media (max-width: 767px) {
  .footer__list {
    flex-direction: column;
    height: auto;
  }
}
.footer__link {
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-inverse);
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
}
.footer__link:visited {
  color: var(--color-text-inverse);
}
.footer__link:hover,
.footer__link:focus,
.footer__link:active {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  text-decoration: underline;
  color: var(--color-text-inverse);
}
.footer__link:focus {
  outline: 1px solid var(--color-white);
  outline-offset: 5px;
  border-radius: 5px;
}
.inlineListRadio {
  display: flex;
}
.inlineListRadio > * {
  margin-right: 16px;
}
.inlineListRadio--center {
  justify-content: center;
}
.inlineListRadio--center > * {
  margin: 0 8px;
}
.inputGroup {
  margin-top: 40px;
  position: relative;
}
.inputGroup__label {
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  margin-bottom: 10px;
  font-weight: 500;
  color: #000000;
}
.inputGroup input {
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 25px;
  padding: 5px 10px;
  background: #F3F1F1;
  border: 1px solid #0D2498;
}
@media (min-width: 768px) {
  .inputGroup input {
    height: 56px;
    margin-bottom: 0;
    padding: 5px 20px;
  }
}
.inputGroup input.input-validation-error {
  border-color: #DF0201;
}
.inputGroup__error {
  bottom: -5px;
  transform: translateY(100%);
  position: absolute;
  color: #DF0201;
  font-size: 0.875rem;
}
.inputGroup--login,
.inputGroup--date,
.inputGroup--number {
  font-size: 0.875rem;
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
}
.inputRadio__label {
  position: relative;
  cursor: pointer;
}
.inputRadio__label::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
.menu {
  position: relative;
  background-color: var(--color-background-dark);
  color: var(--color-text-inverse);
  margin: 0;
  border: 0;
  border-radius: 0;
  z-index: 100;
}
.menu .navbar-header {
  display: none;
}
@media (max-width: 991px) {
  .menu {
    background-color: var(--color-white);
  }
  .menu .inetum-container {
    padding: 0;
  }
  .menu .navbar-header {
    display: flex;
    align-items: center;
    height: 56px;
    float: none;
  }
  .menu .navbar-toggle {
    display: block;
    float: left;
    margin: 0 15px 0 25px;
    padding: 8px;
  }
  .menu .navbar-toggle:focus-visible {
    border: 1px solid var(--color-background-dark);
  }
  .menu .icon-bar {
    background-color: var(--color-background-dark);
    width: 20px;
    height: 2px;
  }
  .menu .icon-bar + .icon-bar {
    margin-top: 6px;
  }
  .menu .navbar-collapse {
    padding: 0;
    width: 100%;
    border: none;
  }
  .menu .navbar-collapse.collapse {
    display: none !important;
  }
  .menu .navbar-collapse.collapse.in {
    display: block !important;
    box-shadow: 0px 3px 6px #00000029;
  }
  .menu .container {
    padding: 0;
  }
}
.menu .navbar-collapse {
  padding: 0;
  flex: 1;
}
.menu .navbar__logo {
  margin-left: -12px;
}
.menu .navbar__logo > svg {
  min-width: 130px;
  max-width: 180px;
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .menu .navbar__logo {
    display: none;
  }
}
.menu .navbar__content {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .menu .navbar__content {
    display: block;
  }
}
.menu .navbar-nav {
  display: flex;
  justify-content: space-between;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background-color: var(--color-background-dark);
  list-style-type: none;
  float: none;
  margin-left: 3%;
}
@media (max-width: 991px) {
  .menu .navbar-nav {
    background-color: var(--color-white);
    flex-direction: column;
    margin: 0;
    padding: 12px 36px;
  }
}
.menu .navbar-nav .nav-item {
  display: flex;
  align-items: center;
  height: 72px;
  float: none;
  text-align: center;
}
@media (max-width: 991px) {
  .menu .navbar-nav .nav-item {
    display: block;
    width: 100% !important;
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
  }
}
.menu .navbar-nav .nav-item--mobile {
  display: none;
}
@media (max-width: 991px) {
  .menu .navbar-nav .nav-item--mobile {
    display: inline-block;
  }
}
.menu .navbar-nav .nav-item ul {
  padding: 0;
}
.menu .navbar-nav .nav-item > u {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.menu .navbar-nav .nav-item > a,
.menu .navbar-nav .nav-item > button {
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-inverse);
  margin: auto;
  padding: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  border-bottom: 8px solid transparent;
  margin-bottom: -4px;
  box-shadow: none;
}
@media (max-width: 1080px) {
  .menu .navbar-nav .nav-item > a,
  .menu .navbar-nav .nav-item > button {
    font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
  }
}
@media (max-width: 991px) {
  .menu .navbar-nav .nav-item > a,
  .menu .navbar-nav .nav-item > button {
    margin: 0 0 5px;
    color: var(--color-text-primary);
    padding: 0;
    border: 0;
    font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    text-align: left;
    justify-content: start;
  }
}
.menu .navbar-nav .nav-item > a:hover,
.menu .navbar-nav .nav-item > button:hover,
.menu .navbar-nav .nav-item > a:focus,
.menu .navbar-nav .nav-item > button:focus {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  border-bottom: 8px solid var(--color-border-active);
}
@media (max-width: 991px) {
  .menu .navbar-nav .nav-item > a:hover,
  .menu .navbar-nav .nav-item > button:hover,
  .menu .navbar-nav .nav-item > a:focus,
  .menu .navbar-nav .nav-item > button:focus {
    border-bottom: 0;
  }
}
.menu .navbar-nav .nav-item > a:hover .nav-item--home path,
.menu .navbar-nav .nav-item > button:hover .nav-item--home path,
.menu .navbar-nav .nav-item > a:focus .nav-item--home path,
.menu .navbar-nav .nav-item > button:focus .nav-item--home path {
  stroke: #0D2498;
  stroke-width: 1px;
}
.menu .navbar-nav .nav-item > a:focus-visible,
.menu .navbar-nav .nav-item > button:focus-visible {
  outline: 1px solid #0D2498;
  border-radius: 5px;
}
.menu .navbar-nav .nav-item.active > a,
.menu .navbar-nav .nav-item.active > button {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  border-bottom: 8px solid var(--color-border-active);
}
@media (max-width: 991px) {
  .menu .navbar-nav .nav-item.active > a,
  .menu .navbar-nav .nav-item.active > button {
    border-bottom: 0;
  }
}
.menu .navbar-nav .nav-item.active > a .nav-item--home path,
.menu .navbar-nav .nav-item.active > button .nav-item--home path {
  stroke: #0D2498;
  stroke-width: 1px;
}
.menu .navbar-nav .nav-item.subMenu a {
  color: #7660ED;
}
.menu .navbar-nav .nav-item.subMenu a:hover,
.menu .navbar-nav .nav-item.subMenu a:focus {
  color: #0D2498;
}
.menu .navbar-nav .nav-item__dropdown {
  display: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 74px;
  width: 100%;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  list-style: none;
  flex-direction: column;
  gap: 2px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}
.menu .navbar-nav .nav-item__dropdown > li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  background-color: var(--color-bg-secondary-hover);
  flex-direction: column;
  padding: 10px 0;
}
.menu .navbar-nav .nav-item__dropdown > li > button {
  background-color: inherit !important;
  text-align: center;
}
.menu .navbar-nav .nav-item__dropdown > li > button:hover {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
.menu .navbar-nav .nav-item__dropdown > li .nav-item-pdf__submenu {
  align-self: start;
  padding-left: 30px;
}
.menu .navbar-nav .nav-item__dropdown a {
  color: var(--color-text-inverse);
}
.menu .navbar-nav .nav-item__dropdown a:hover {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
  .menu .navbar-nav .nav-item__dropdown {
    position: static;
    display: flex;
    visibility: visible;
    opacity: 1;
    width: 100%;
    border-top: 1px solid var(--color-gray-300);
    padding-top: 16px !important;
    margin-top: 16px;
  }
  .menu .navbar-nav .nav-item__dropdown > li {
    justify-content: start;
    align-items: start;
    background: none;
    min-height: auto;
    padding: 0;
  }
  .menu .navbar-nav .nav-item__dropdown > li > button {
    text-align: left;
    color: var(--color-tertiary);
    margin: 0 0 5px !important;
  }
  .menu .navbar-nav .nav-item__dropdown > li .nav-item-pdf__title {
    color: var(--color-tertiary);
  }
  .menu .navbar-nav .nav-item__dropdown > li .nav-item-pdf__submenu {
    color: var(--color-tertiary);
    align-self: start;
    margin: 5px 0 0;
  }
  .menu .navbar-nav .nav-item__dropdown a {
    color: var(--color-tertiary);
    margin: 0 0 5px;
  }
}
.menu .navbar-nav .nav-item.has-dropdown {
  flex-direction: column;
  position: relative;
  width: 150px;
}
.menu .navbar-nav .nav-item.has-dropdown button {
  background-color: var(--color-bg-secondary);
  border-radius: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
.menu .navbar-nav .nav-item.has-dropdown button:hover {
  background-color: var(--color-bg-secondary-hover);
  border: 0;
}
.menu .navbar-nav .nav-item.has-dropdown:hover .nav-item__dropdown,
.menu .navbar-nav .nav-item.has-dropdown:focus-within .nav-item__dropdown,
.menu .navbar-nav .nav-item.has-dropdown .nav-item__dropdown:hover,
.menu .navbar-nav .nav-item.has-dropdown .nav-item__dropdown:focus {
  visibility: visible;
  opacity: 1;
  display: flex;
}
.menu .navbar-nav .separator {
  height: 42px;
  width: 1px;
  background-color: #0D2498;
  margin-top: 15px;
}
.menu__closeBtn {
  transform: rotate(-90deg);
  display: inline-flex;
  color: #0D2498;
}
.menu #closeMenu {
  cursor: pointer;
}
.modal {
  display: none;
  padding: 0 !important;
}
.modal .modal-dialog {
  margin: 84px auto 30px auto;
}
.modal .modal-dialog .modal-content {
  position: relative;
  border-radius: 0;
  border: none;
  padding: 60px 70px;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-content {
    padding: 50px 15px 30px 15px;
    margin: 15px;
  }
}
.modal .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 0;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header {
    margin-bottom: 30px;
  }
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #0D2498;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 1.375rem;
  }
}
.modal .modal-dialog .modal-content .modal-header .close {
  display: flex;
  align-items: center;
  gap: 14px;
  position: absolute;
  top: 55px;
  right: 10px;
  transform: translateY(-100%);
  margin: 0;
  opacity: 1;
  color: #000000;
  text-shadow: none;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
  z-index: 5;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header .close {
    font-size: 1.25rem;
  }
}
.modal .modal-dialog .modal-content .modal-header .close svg {
  flex-shrink: 0;
}
.modal .modal-dialog .modal-content .modal-header .close:active,
.modal .modal-dialog .modal-content .modal-header .close:hover,
.modal .modal-dialog .modal-content .modal-header .close:focus {
  color: #0D2498;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  outline: none;
  transition: all 0.1s ease-in-out;
}
.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-footer {
  padding: 0;
  border: 0;
}
.modal--mentions .modal-dialog .modal-content .modal-header {
  margin-bottom: 20px;
}
.modal--mentions .modal-dialog .modal-content .modal-header .modal-title {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 2.25rem;
  color: #0D2498;
}
@media (max-width: 767px) {
  .modal--mentions .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 1.875rem;
  }
}
.modal--mentions .modal-dialog .modal-content .modal-body h3 {
  color: #7660ED;
  margin: 30px 0;
}
@media (max-width: 767px) {
  .modal--mentions .modal-dialog .modal-content .modal-body h3 {
    font-size: 1.5625rem;
  }
}
.modal--mentions .modal-dialog .modal-content .modal-body h4 {
  font-size: 1.25rem;
  margin-top: 30px;
}
.modal--mentions .modal-dialog .modal-content a {
  color: #7660ED;
  text-decoration: underline;
}
.modal--mentions .modal-dialog .modal-content a:hover,
.modal--mentions .modal-dialog .modal-content a:focus {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
.modal--exemplesRemboursement .modal-dialog {
  min-width: min-content;
}
.modal--testUsers .modal-dialog .modal-content {
  padding: 30px;
}
@media (max-width: 767px) {
  .modal--testUsers .modal-dialog .modal-content {
    padding: 50px 15px 15px 15px;
  }
}
.modal--testUsers .modal-dialog .modal-content .modal-header {
  margin-bottom: 20px;
}
.modal--testUsers .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 1.625rem;
  color: #0D2498;
}
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users {
  font-size: 1rem;
}
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users select,
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users input[type=text],
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users input[type=password] {
  width: 100%;
  border: 1px black solid;
  margin-top: 2px;
  text-align: center;
}
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users select {
  height: 29px;
}
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users button {
  background-color: #0D2498;
  color: #ffffff;
  width: 100%;
  margin-top: 10px;
  padding: 20px 10px;
  border: 1px #0D2498 solid;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .modal--testUsers .modal-dialog .modal-content .modal-body .test-users button {
    margin-bottom: 20px;
  }
}
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users button:hover,
.modal--testUsers .modal-dialog .modal-content .modal-body .test-users button:focus {
  background-color: #ffffff;
  color: #0D2498;
}
.modal--cookie .modal-dialog .modal-content,
.modal--session .modal-dialog .modal-content {
  padding: 50px;
  font-size: 1rem;
  line-height: 1rem;
}
.modal--cookie .modal-dialog .modal-content #cookieTitle:focus-visible,
.modal--session .modal-dialog .modal-content #cookieTitle:focus-visible,
.modal--cookie .modal-dialog .modal-content #sessionTitle:focus-visible,
.modal--session .modal-dialog .modal-content #sessionTitle:focus-visible {
  outline: none;
  text-decoration: underline;
}
.modal--cookie .modal-dialog .modal-footer,
.modal--session .modal-dialog .modal-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.modal--cookie .modal-dialog .modal-footer .btn-cookie,
.modal--session .modal-dialog .modal-footer .btn-cookie,
.modal--cookie .modal-dialog .modal-footer .btn-session,
.modal--session .modal-dialog .modal-footer .btn-session {
  display: inline;
  width: 100%;
  height: 56px;
  padding: 10px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-align: center;
  color: #ffffff;
  background-color: #4E4E4E;
  transition: 0.3s ease-out;
  border: 1px solid #4E4E4E;
}
.modal--cookie .modal-dialog .modal-footer .btn-cookie:hover,
.modal--session .modal-dialog .modal-footer .btn-cookie:hover,
.modal--cookie .modal-dialog .modal-footer .btn-session:hover,
.modal--session .modal-dialog .modal-footer .btn-session:hover,
.modal--cookie .modal-dialog .modal-footer .btn-cookie:focus,
.modal--session .modal-dialog .modal-footer .btn-cookie:focus,
.modal--cookie .modal-dialog .modal-footer .btn-session:focus,
.modal--session .modal-dialog .modal-footer .btn-session:focus,
.modal--cookie .modal-dialog .modal-footer .btn-cookie:active,
.modal--session .modal-dialog .modal-footer .btn-cookie:active,
.modal--cookie .modal-dialog .modal-footer .btn-session:active,
.modal--session .modal-dialog .modal-footer .btn-session:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0D2498;
  border: 1px solid #0D2498;
}
.modal--contact .modal-dialog .modal-content .contacts__container {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (min-width: 48rem) {
  .modal--contact .modal-dialog .modal-content .contacts__container {
    flex-direction: row;
    gap: 10%;
  }
}
.modal--contact .modal-dialog .modal-content .contacts__hr abbr {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  color: var(--color-teal-700);
  text-decoration: none;
}
.modal--contact .modal-dialog .modal-content .contacts__health-heading {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--color-teal-700);
}
@media (min-width: 48rem) {
  .modal--contact .modal-dialog .modal-content .contacts__health-heading {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.modal--contact .modal-dialog .modal-content .contacts__health-details p {
  margin-bottom: 0;
}
.modal--contact .modal-dialog .modal-content .contacts__link,
.modal--contact .modal-dialog .modal-content .contacts__tel {
  color: var(--color-text-primary);
}
.modal--contact .modal-dialog .modal-content .contacts__mail {
  color: var(--color-red-700);
}
.modal--contact .modal-dialog .modal-content .contacts__hr-details {
  margin-bottom: 0;
}
.modal--contact .modal-dialog .modal-content .contacts__hr-details p {
  margin-bottom: 0;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media (min-width: 48rem) {
  .modal--contact .modal-dialog .modal-content .contacts__hr-details p {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}
.modal--contact .modal-dialog .modal-content .contacts__hr-details a {
  color: var(--color-text-primary);
}
@media (min-width: 48rem) {
  .modal .couverture-sante .modal-content {
    background-image: url("../images/_Common/plus@2x.png");
    background-repeat: no-repeat;
    background-position: bottom 30px right 30px;
    background-size: 137px 137px;
  }
}
.modal .couverture-sante__container strong {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.modal .couverture-sante__container strong.highlight {
  color: var(--color-teal-700);
}
.modal .couverture-sante__subtitle {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  margin-bottom: 20px;
}
@media (min-width: 48rem) {
  .modal .couverture-sante__subtitle {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
.modal .couverture-sante__pct-list {
  list-style: square;
}
.modal--titres-restau .payroll-block {
  font-family: Arial, sans-serif;
  max-width: 100%;
  padding: 1.25rem;
  box-sizing: border-box;
  color: #232D4B;
}
.modal--titres-restau .payroll-block__activity-rate {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  font-weight: 400;
}
.modal--titres-restau .payroll-block__section {
  margin-bottom: 1.5rem;
}
.modal--titres-restau .payroll-block__title {
  font-size: 1.125rem;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  margin: 0 0 0.5rem;
  line-height: 1.25rem;
}
.modal--titres-restau .payroll-block__example {
  color: #00AA9B;
  font-size: 1.125rem;
  margin: 0;
}
.modal--titres-restau .payroll-block__calculation {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.modal--titres-restau .payroll-block__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.modal--titres-restau .payroll-block__box {
  border: 2px solid #F04641;
  padding: 1rem;
  background-color: #ffffff;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}
.modal--titres-restau .payroll-block__box-content {
  color: #00AA9B;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  display: block;
  text-align: center;
}
.modal--titres-restau .payroll-block__operator {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #F04641;
  background-color: #ffffff;
  margin: 0.5rem 0;
}
.modal--titres-restau .payroll-block__operator-symbol {
  color: #F04641;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
.modal--titres-restau .payroll-block__result {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal--titres-restau .payroll-block__arrow {
  margin: 0.5rem 0;
}
.modal--titres-restau .payroll-block__arrow-symbol {
  color: #F04641;
  font-size: 2.5rem;
  font-weight: bold;
  display: inline-block;
  transform: rotate(90deg);
}
.modal--titres-restau .payroll-block__row {
  display: flex;
  flex-direction: column;
}
.modal--titres-restau .payroll-block__left,
.modal--titres-restau .payroll-block__right {
  width: 100%;
}
@media (min-width: 62rem) {
  .modal--titres-restau .payroll-block {
    max-width: 68.75rem;
    margin: 0 auto;
    padding: 2rem;
  }
  .modal--titres-restau .payroll-block__title {
    font-size: 1.25rem;
  }
  .modal--titres-restau .payroll-block__row {
    flex-direction: row;
    align-items: flex-start;
  }
  .modal--titres-restau .payroll-block__left {
    width: 40%;
    padding-right: 2rem;
  }
  .modal--titres-restau .payroll-block__right {
    width: 60%;
  }
  .modal--titres-restau .payroll-block__result {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .modal--titres-restau .payroll-block__arrow {
    margin: 0 1.5rem;
  }
  .modal--titres-restau .payroll-block__arrow-symbol {
    transform: rotate(0);
  }
  .modal--titres-restau .payroll-block__box {
    min-width: 15rem;
  }
}
.modal .focusTrap {
  display: block;
  height: 0;
  width: 0;
  opacity: 0;
}
.modal-backdrop {
  background-color: #c4c4c400;
}
.modal-backdrop.in {
  backdrop-filter: blur(30px);
  opacity: 1 !important;
}
.modal-open {
  margin-right: 0 !important;
  padding-right: 0 !important;
  overflow-y: hidden;
}
@media (min-width: 1200px) {
  .modal-lg {
    width: 1170px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-lg {
    width: 900px;
  }
}
.modalWaiting {
  position: fixed;
  z-index: 500;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
}
.modalWaiting.jsIsShow {
  opacity: 1;
  visibility: visible;
}
.modalWaiting__container {
  width: 30%;
  padding: 20px;
  background-color: #0D2498;
  color: #ffffff;
}
.modalWaiting__container.jsIsError {
  background-color: #DF0201;
}
.modalWaiting__text {
  margin-bottom: 10px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  text-align: center;
}
.modalWaiting__loader {
  text-align: center;
}
.modalWaiting__loader__inner {
  width: 30px;
}
.signin__content,
.error__content {
  position: relative;
  min-height: 100vh;
  font-size: 1rem;
  margin-block: 70px 38px;
  margin-inline: auto;
  max-width: 1280px;
  background-color: #ffffff;
}
.signin__content::before,
.error__content::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 50%;
  background-image: url('../images/0_Connexion/photo.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  content: '';
}
@media (min-width: 768px) {
  .signin__content::before,
  .error__content::before {
    display: block;
  }
}
.signinForm {
  position: relative;
  padding: 30px 0 80px 0;
}
.signinForm__h2 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 30px;
  color: #232d4b;
}
.signinForm--margin {
  margin-top: 150px;
}
.signinForm__indicator {
  font-family: Gotham-BookItalic, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  margin-bottom: -20px;
}
.signinForm__firstConnection {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  right: calc(50% - 215px/2);
  width: 215px;
  height: 48px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #0D2498;
  text-align: center;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  padding: 12px 30px;
  transition: 0.3s ease-out;
}
@media (min-width: 768px) {
  .signinForm__firstConnection {
    right: 0;
  }
}
@media (max-width: 767px) {
  .signinForm__firstConnection {
    border: 1px solid #0D2498;
  }
}
.signinForm__firstConnection:hover,
.signinForm__firstConnection:focus,
.signinForm__firstConnection:active {
  background-color: #25C7D6;
  border: 1px solid #25C7D6;
  color: #0D2498;
  text-decoration: none;
}
.signinForm__firstConnection sup {
  font-size: 59%;
  top: -0.55em;
}
.signinForm__firstConnection .arrow {
  position: absolute;
  right: -15px;
  top: calc(50% - 29px/2);
}
.signinForm__title {
  margin: 0 0 32px;
  text-align: center;
}
.signinForm__description {
  margin: 0 0 20px;
}
.signinForm__recaptcha {
  margin: 35px auto;
}
.signinForm__recaptcha__label {
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.signinForm__recaptcha__form {
  width: 100%;
}
.signinForm__recaptcha__form img {
  display: block;
  margin-bottom: 10px;
  min-width: 240px;
  max-width: 300px;
}
.signinForm__recaptcha__form input {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .signinForm__recaptcha__form img,
  .signinForm__recaptcha__form input {
    display: inline-block;
    height: 56px;
    width: 50%;
    min-width: auto;
    max-width: none;
    margin: 0;
  }
}
.signinForm__reset {
  margin: 0;
}
.signinForm__reset__link {
  display: block;
  font-family: Gotham-BookItalic, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  margin: 10px 0 0 auto;
  text-decoration: underline;
  cursor: pointer;
  text-align: right;
  color: #000000;
  width: fit-content;
}
.signinForm__reset__link:hover,
.signinForm__reset__link:focus,
.signinForm__reset__link:active {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  text-decoration: underline;
  font-style: italic;
  color: #000000;
  outline-offset: 3px;
  border-radius: 3px;
}
.signinForm__button {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .signinForm__button {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    transform: translateY(50%);
  }
}
.signinForm__button__inner {
  display: block;
  width: 100%;
  height: 56px;
  padding: 10px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-align: center;
  color: #ffffff;
  background-color: #0D2498;
  transition: 0.3s ease-out;
  border: 1px solid #0D2498;
}
.signinForm__button__inner--back {
  background-color: #ffffff;
  color: #0D2498;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signinForm__button__inner--validate {
  margin-bottom: 16px;
}
.signinForm__button__inner--white {
  width: auto !important;
  margin: auto;
  color: #0D2498;
  background-color: #ffffff;
}
.signinForm__button__inner--white:hover,
.signinForm__button__inner--white:focus,
.signinForm__button__inner--white:active {
  background-color: #0D2498;
  color: #ffffff;
}
@media (min-width: 992px) {
  .signinForm__button__inner {
    width: max-content;
    padding: 10px 50px;
  }
  .signinForm__button__inner--back {
    float: left;
  }
  .signinForm__button__inner--validate {
    float: right;
    margin-bottom: 0;
  }
}
.signinForm__button__inner:hover,
.signinForm__button__inner:focus,
.signinForm__button__inner:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #4E4E4E;
  border: 1px solid #4E4E4E;
}
.signinForm__fieldset__legend,
.signinForm fieldset__legend,
.signinForm__fieldset legend,
.signinForm fieldset legend {
  font-size: 1rem;
  border-bottom: none;
}
.signinForm__summary ul,
.signinForm .validation-summary-errors ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.signinForm__summary li,
.signinForm .validation-summary-errors li {
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #DF0201;
  text-align: center;
}
.signinForm__summary li:first-child,
.signinForm .validation-summary-errors li:first-child {
  margin-top: 0;
}
.signinForm #sendNewCode {
  color: #0D2498;
  text-decoration: underline;
  margin-top: 15px;
}
.signinForm #sendNewCode:hover,
.signinForm #sendNewCode:focus {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
.supervisorMode {
  background-color: #25C7D6;
  color: #ffffff;
  font-size: 1.125rem;
  padding: 10px 20px;
}
.supervisorMode__returnLink {
  text-decoration: underline;
  float: right;
}
.supervisorMode__returnLink__inner {
  color: #ffffff;
}
.supervisorMode p {
  margin: 0;
}
.toolBox {
  background-color: #ffffff;
  box-shadow: 0 3px 6px #00000029;
  padding: 4px 6px;
  overflow: hidden;
  transition: all ease 0.3s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /******************************/
  /****** PERSONNALISATION ******/
  /******************************/
  /****** TOP ******/
  /****** BOTTOM ******/
  /****** LEFT ******/
  /****** RIGHT ******/
}
.toolBox.maintain-click {
  border-radius: 15px;
}
.toolBox__content {
  position: fixed;
  top: 0;
  left: calc(50% - 122px/2);
  right: auto;
  bottom: auto;
  z-index: 500;
}
.toolBox__body {
  display: flex;
  gap: 10px;
}
.toolBox__item__link {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
.toolBox__item__link__icon {
  background-color: #ffffff;
  box-shadow: 0 3px 6px #00000029;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
  color: #0D2498;
}
.toolBox__item__link__icon__svg {
  width: 60%;
  height: auto;
  margin-top: -1px;
}
.toolBox__item__link__text {
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  color: #0D2498;
  transition: all ease 0.3s;
  white-space: nowrap;
}
.toolBox__item__link:hover,
.toolBox__item__link:focus {
  outline: none;
}
.toolBox__item__link:hover .toolBox__item__link__icon,
.toolBox__item__link:focus .toolBox__item__link__icon {
  background-color: #25C7D6;
  color: #ffffff;
}
.toolBox__item__link:hover .toolBox__item__link__text,
.toolBox__item__link:focus .toolBox__item__link__text {
  color: #25C7D6;
}
.toolBox--top {
  height: 50px;
  border-radius: 0 0 15px 15px;
}
.toolBox--top:hover,
.toolBox--top:focus-within {
  height: 72px;
  border-radius: 0 0 5px 5px;
}
.toolBox--top .toolBox__item__link {
  flex-direction: column;
  margin: 0 5px;
}
.toolBox--bottom {
  height: 50px;
  border-radius: 15px 15px 0 0;
  display: flex;
  align-items: flex-end;
}
.toolBox--bottom:hover,
.toolBox--bottom:focus {
  height: 72px;
  border-radius: 5px 5px 0 0;
}
.toolBox--bottom .toolBox__item__link {
  position: relative;
  margin: 0 5px;
}
.toolBox--bottom .toolBox__item__link__text {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.toolBox--left {
  width: 54px;
  border-radius: 0 15px 15px 0;
}
.toolBox--left:hover,
.toolBox--left:focus {
  width: 94px;
  border-radius: 0 5px 5px 0;
}
.toolBox--left .toolBox__body {
  flex-direction: column;
}
.toolBox--left .toolBox__item__link {
  position: relative;
  flex-direction: row;
  margin: 5px 0;
}
.toolBox--left .toolBox__item__link__text {
  position: absolute;
  left: 50px;
  top: 56%;
  transform: translateY(-50%);
}
.toolBox--right {
  width: 54px;
  border-radius: 15px 0 0 15px;
}
.toolBox--right:hover,
.toolBox--right:focus {
  width: 94px;
  border-radius: 5px 0 0 5px;
}
.toolBox--right .toolBox__body {
  flex-direction: column;
}
.toolBox--right .toolBox__item__link {
  position: relative;
  flex-direction: row;
  justify-content: flex-end;
  margin: 5px 0;
  width: 100%;
}
.toolBox--right .toolBox__item__link__text {
  position: absolute;
  right: 50px;
  top: 56%;
  transform: translateY(-50%);
}
.it-tooltip {
  color: var(--color-purple-600);
  font-size: 1.25rem;
}
.it-tooltip:hover {
  color: var(--color-background-dark);
}
.it-tooltip--blue {
  color: var(--color-blue-700);
}
.it-tooltip--white {
  color: var(--color-white);
}
.it-tooltip--text-sub-align {
  vertical-align: sub;
}
.tooltip .tooltip-inner {
  background-color: var(--color-white);
  color: var(--color-text-primary);
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25;
  border-radius: 0;
  padding: 7px 5px;
  max-width: 200px;
  text-align: left;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top {
  margin-top: 0;
}
.tooltip.top .tooltip-arrow {
  border: 0;
}
.userContext {
  background-color: #0D2498;
  color: #ffffff;
  padding: 25px 0;
  height: fit-content;
}
.userContext__logo {
  display: block;
  padding: 5px;
}
.userContext__logo:focus {
  padding: 5px;
  border-radius: 5px;
}
.userContext__logo svg {
  width: 100%;
}
.userContext__options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
}
.userContext__options__item {
  position: relative;
  width: 92px;
  height: 57px;
  margin-left: 5px;
}
.userContext__options__item:first-child {
  margin-left: 0;
}
.userContext__options__item .dropdown-menu {
  top: 60px;
  right: 50%;
  left: auto;
  width: 100px;
  min-width: 100px;
  color: #4E4E4E;
  transform: translate(50%);
  transition-duration: 0.2s;
}
.userContext__options__item .dropdown-menu--big {
  width: 200px;
}
.userContext__options__item .dropdown-item {
  position: relative;
  display: block;
  margin: 14px 10px;
  text-align: center;
  color: #0D2498;
  font-size: 0.9375rem;
  word-break: break-word;
  hyphens: none;
}
.userContext__options__item .dropdown-item:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 20%;
  bottom: -8px;
  width: 60%;
  height: 1px;
  background-color: #0D2498;
}
.userContext__options__item .dropdown-item:hover,
.userContext__options__item .dropdown-item:focus {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  border-radius: 5px;
}
.userContext__options__item.jsNotification .notification-icon {
  display: none;
}
.userContext__options__item.jsNotification .notification-icon.new-notification {
  display: inline-block;
  background-color: #7660ED;
  color: #000000;
  font-size: 0.6875rem;
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
  text-align: center;
  border-radius: 25px;
  position: absolute;
  top: -3px;
  right: 28px;
  width: 17px;
  height: 17px;
  z-index: 10;
  pointer-events: none;
}
.userContext__options__item.jsNotification .dropdown-menu h3 {
  word-break: initial;
}
.userContext__options__item.jsNotification .dropdown-menu #no-notif {
  margin: 10px;
  text-align: center;
}
.userContext__options__item.jsNotification .dropdown-menu li .infos {
  margin-top: 10px;
  min-height: 1.2em;
}
.userContext__options__item.jsNotification .dropdown-menu li .infos .date {
  float: right;
  text-align: right;
}
.userContext__options__item.jsNotification .dropdown-menu li a {
  padding: 10px 20px;
  color: #4E4E4E;
  float: none;
  white-space: pre-wrap;
  font-size: 0.75rem;
}
.userContext__options__item.jsNotification .dropdown-menu li a h3 {
  margin: 0 0 10px 0;
  font-size: 0.875rem;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
}
.userContext__options__item.jsNotification .dropdown-menu li a:hover,
.userContext__options__item.jsNotification .dropdown-menu li a:focus {
  background-color: #0D2498;
  color: white;
}
.userContext__options__item.jsNotification .dropdown-menu li .icon {
  width: 20px;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.userContext__options__item.jsNotification .dropdown-menu li .icon.actualite::before {
  content: "\e241";
}
.userContext__options__item.jsNotification .dropdown-menu li .icon.notification-manuelle::before {
  content: "\e086";
}
.userContext__options__item.jsNotification .dropdown-menu li.unread {
  background-color: #E7E9F4;
}
.userContext__options__item.jsNotification .dropdown-menu li:last-child {
  border-bottom: unset;
}
.userContext__options__item:focus .userContext__options__collapse {
  display: block;
}
.userContext__options__icon {
  display: flex;
  justify-content: center;
  width: 40px;
  height: 30px;
  margin: auto;
}
.userContext__options__description {
  display: block;
  margin: 5px auto 0 auto;
  font-size: 0.75rem;
  color: #ffffff;
  text-align: center;
  opacity: 0;
}
.userContext__options__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  color: #ffffff;
}
.userContext__options__link:hover,
.userContext__options__link:focus {
  color: #ffffff;
}
.userContext__options__link:hover .userContext__options__description,
.userContext__options__link:focus .userContext__options__description {
  opacity: 1;
}
.userContext__options__link:focus {
  outline: 1px solid #ffffff !important;
  outline-offset: 5px;
  border-radius: 2px;
}
.userContext__title {
  margin: 0 0 30px 50px;
}
.userContext__title__icon {
  float: left;
}
.userContext__title__year {
  position: relative;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 7.5rem;
  line-height: 8.25rem;
}
.userContext__title__text {
  display: inline-block;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 3.25rem;
  line-height: 3rem;
  color: #25C7D6;
}
.userContext .tooltip .tooltip-inner {
  padding: 10px;
  white-space: nowrap;
}
.services-table {
  width: 100%;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #000000;
}
.services-table__table {
  display: none;
}
.services-table__slider {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.services-table__slides-container {
  width: 100%;
  position: relative;
}
.services-table__slide {
  width: 100%;
  box-sizing: border-box;
}
.services-table__slide:not(:first-child) {
  display: none;
}
.services-table__slide.active {
  display: block;
}
.services-table__slide-header {
  color: white;
  padding: 1.5rem;
  position: relative;
  text-align: center;
}
.services-table__nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: none;
  border: none;
  color: #000000;
  font-size: 1.5rem;
  padding: 0;
  z-index: 2;
}
.services-table__nav-button--prev {
  left: 10px;
}
.services-table__nav-button--next {
  right: 10px;
}
.services-table__nav-button:focus {
  outline: 2px solid white;
}
.services-table__slide-title {
  background-color: var(--color-blue-700);
  color: white;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  padding: 24px 10px;
  margin: 0 30px;
  line-height: 1.3;
  text-align: center;
  min-height: 200px;
  display: grid;
  place-content: center;
}
.services-table__slide-content {
  background-color: white;
  color: #303F48;
  padding: 1.5rem;
}
.services-table__icon {
  width: min-content;
  margin: 0 auto 2rem;
  display: block;
  color: #00AC9C;
}
.services-table__details-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
}
.services-table__details-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}
.services-table__details-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.375rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-blue-700);
}
.services-table__details-label {
  flex: 1;
  margin-right: 1rem;
  color: #303F48;
}
.services-table__details-value {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  text-align: right;
  color: var(--color-blue-700);
}
.services-table__footnote {
  font-size: 0.75rem;
  opacity: 0.9;
  line-height: 1.4;
  color: #303F48;
}
@media (min-width: 768px) {
  .services-table__slider {
    display: none;
  }
  .services-table__table {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
  .services-table__header {
    background-color: #232D4B;
    color: white;
  }
  .services-table__header th {
    padding: 0.75rem;
    text-align: left;
  }
  .services-table__row:nth-child(even) {
    background-color: #F5F5F5;
  }
  .services-table__row td {
    padding: 0.75rem;
    text-align: left;
  }
  .services-table__service {
    color: #00AC9C;
  }
}
/* Pages du site */
.edito-section {
  position: relative;
  background-color: var(--color-white);
  padding: 1rem 0 1.75rem;
  /* Styles spécifiques pour le toggle "Lire la suite" */
}
@media (min-width: 768px) {
  .edito-section {
    padding: 0 0 3.75rem;
  }
}
.edito-section__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .edito-section__content {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
  }
}
.edito-section__text-container {
  display: grid;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .edito-section__text-container {
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .edito-section__text-container {
    grid-template-columns: 140px auto;
    gap: 5%;
  }
}
.edito-section__icon {
  display: none;
}
@media (min-width: 992px) {
  .edito-section__icon {
    display: block;
    position: absolute;
    top: -75px;
  }
}
.edito-section__ampoule {
  height: auto;
  transition: transform var(--it-animation-duration-default) ease-out;
}
.edito-section__ampoule path,
.edito-section__ampoule line {
  transition: stroke var(--it-animation-duration-default) ease;
}
.edito-section__ampoule:hover {
  animation: swing 1.2s ease-out;
}
.edito-section__ampoule:hover path,
.edito-section__ampoule:hover line {
  stroke: #F04641;
}
@media (prefers-reduced-motion: reduce) {
  .edito-section__ampoule {
    transition: none;
  }
  .edito-section__ampoule:hover {
    animation: none;
  }
  .edito-section__ampoule:hover path,
  .edito-section__ampoule:hover line {
    transition: stroke 0.1s ease;
  }
  .edito-section__play-button {
    transition: none !important;
  }
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.edito-section__text {
  position: relative;
}
@media (min-width: 768px) {
  .edito-section__text {
    margin-top: var(--spacing-5-xl);
    grid-column-start: 2;
  }
}
.edito-section__paragraph {
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-primary);
}
@media (min-width: 48rem) {
  .edito-section__paragraph {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.edito-section__text .edito-section__extended {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: var(--it-animation-duration-default) ease;
}
.edito-section__text .ellipsis {
  display: inline;
}
.edito-section__text .edito-section__toggle:checked ~ .edito-section__paragraph .edito-section__extended {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.edito-section__text .edito-section__toggle:checked ~ .edito-section__paragraph .ellipsis {
  display: none;
}
.edito-section__text .edito-section__toggle:checked ~ .edito-section__paragraph .spacer {
  display: block;
  margin: var(--spacing-m) 0;
}
.edito-section__text .edito-section__toggle:checked ~ .it-btn.it-btn--with-icon .it-btn__icon {
  transform: rotate(180deg);
}
.edito-section__text .edito-section__toggle:checked ~ .it-btn.it-btn--outline {
  background-color: var(--it-btn-primary-bg-hover);
  color: var(--it-btn-primary-text-hover);
}
.edito-section__text .edito-section__toggle {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
}
.edito-section__text .it-btn {
  margin: 1rem 0 0;
}
.edito-section__video {
  width: 100%;
  cursor: pointer;
}
@media (min-width: 768px) {
  .edito-section__video {
    width: 35%;
    margin: -20px 0 0;
  }
}
.edito-section__play-button {
  display: grid;
  place-content: center;
  position: relative;
  background: url('../images/1_Accueil/macBook@2x.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 391px;
  height: 266px;
}
.edito-section__play-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-dark);
  opacity: 0.53;
  z-index: 1;
}
.edito-section__play-button:hover .edito-section__play-icon {
  transform: rotate(90deg);
}
.edito-section__play-icon {
  position: relative;
  width: 40px;
  height: auto;
  z-index: 5;
  transition: all var(--it-animation-duration-default) ease;
}
@media (min-width: 768px) {
  .edito-section__play-icon {
    width: 60px;
  }
}
.situation {
  padding: 50px 0 0;
  background: url('../images/1_Accueil/swirls.svg'), linear-gradient(262deg, var(--color-teal-500) 0%, var(--color-teal-700) 100%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  height: 263px;
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .situation__container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 64% 298px;
    grid-template-areas: "header  header" "slider  svg";
  }
}
.situation .it-heading {
  grid-area: header;
}
.situation__pdf-subheading {
  display: none;
  color: var(--color-white);
}
.situation__slider {
  overflow: hidden;
}
@media (min-width: 992px) {
  .situation__slider {
    grid-area: slider;
    max-width: 780px;
  }
}
.situation__cards-container {
  margin-top: 38px;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fill, 235px);
  grid-auto-flow: column;
  grid-template-rows: 155px;
}
.situation__navigation {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.situation__illustration {
  display: none;
}
@media (min-width: 992px) {
  .situation__illustration {
    display: block;
    position: relative;
    grid-area: svg;
    width: 100%;
    max-width: 298px;
  }
}
.situation__illustration .situation__svg {
  position: absolute;
  top: -149px;
}
.situation__illustration {
  position: relative;
  max-width: 100%;
}
.situation__illustration .situation__svg {
  width: 100%;
  height: auto;
  cursor: pointer;
}
.situation__illustration .situation__svg #head-group {
  transform-box: fill-box;
  transform-origin: center 80%;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.situation__illustration .situation__svg:hover #head-group {
  transform: rotate(10deg);
}
@media (prefers-reduced-motion: reduce) {
  .situation .situation__illustration .situation__svg #head-group {
    transition: none;
  }
}
.statistique__container {
  padding: 40px 0;
}
.statistique .it-heading--lvl2 {
  max-width: 485px;
}
.statistique__sub-heading {
  margin-top: -15px;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.statistique__dashboard {
  display: grid;
  grid-gap: 20px;
  grid-template-rows: minmax(180px, 200px);
  margin-top: 30px;
}
.statistique .metrics-card--employee .metrics-card__sub-metrics {
  display: grid;
  grid-template-columns: 130px auto;
  gap: 10px;
}
.statistique .metrics-card--employee .metrics-card__sub-metric:last-child {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .statistique__dashboard {
    grid-template-columns: repeat(auto-fit, minmax(min(70px, 100%), 1fr));
    grid-gap: 40px 3%;
    margin-top: 78px;
  }
  .statistique .metrics-card--employee {
    grid-column: span 5;
    grid-row: span 1;
    place-content: stretch;
    align-items: center;
  }
  .statistique .metrics-card--employee .metrics-card__sub-metrics {
    margin-left: 16%;
  }
  .statistique .metrics-card--employee .svg-employees {
    right: -10%;
    --wink-duration: 0.3s;
    /* Durée de l'animation du clin d'œil */
    --eyebrow-move-distance: 2px;
    /* Distance de déplacement du sourcil */
    transition: all 0.1s;
    /* État initial */
    /* Animation au survol */
  }
  .statistique .metrics-card--employee .svg-employees #eye,
  .statistique .metrics-card--employee .svg-employees #eyebrow {
    transition: all var(--wink-duration) ease-in-out;
  }
  .statistique .metrics-card--employee .svg-employees:hover #eye {
    opacity: 0;
  }
  .statistique .metrics-card--employee .svg-employees:hover #eyebrow {
    transform: translateY(var(--eyebrow-move-distance));
  }
  .statistique .metrics-card--hiring {
    grid-column: span 2;
    grid-row: span 1;
  }
  .statistique .metrics-card--gender {
    grid-column: span 5;
    grid-row: span 1;
    align-items: center;
    place-content: stretch;
  }
  .statistique .metrics-card--gender .metrics-card__label {
    text-align: left;
  }
  .statistique .metrics-card--gender .svg-gender {
    right: 12%;
    /* État initial des étincelles - invisibles */
    /* Position initiale des mains - légèrement écartées */
    /* Animations déclenchées au survol */
    /* Animation supplémentaire pour l'effet d'étincelle */
  }
  .statistique .metrics-card--gender .svg-gender #sparks {
    opacity: 0;
    transform-origin: center;
    transition: opacity 0.2s ease-out;
  }
  .statistique .metrics-card--gender .svg-gender #hand1 {
    transform-origin: 72px 38px;
    transform: rotate(10deg) translate(3px, 0);
    transition: transform 0.6s ease-in-out;
  }
  .statistique .metrics-card--gender .svg-gender #hand2 {
    transform-origin: 70px 40px;
    transform: rotate(13deg) translate(8px, 0);
    transition: transform 0.6s ease-in-out;
  }
  .statistique .metrics-card--gender .svg-gender:hover #sparks {
    opacity: 1;
    animation: sparkleEffect 1s ease-out forwards;
  }
  .statistique .metrics-card--gender .svg-gender:hover #hand1 {
    transform: rotate(0) translate(0, 0);
  }
  .statistique .metrics-card--gender .svg-gender:hover #hand2 {
    transform: rotate(0) translate(0, 0);
  }
  @keyframes sparkleEffect {
    0% {
      transform: scale(0.8);
    }
    70% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
  .statistique .metrics-card__icon {
    margin-right: 15px;
  }
  .statistique .metrics-card--seniority {
    place-content: start;
    grid-column: span 2;
    grid-row: span 1;
  }
  .statistique .metrics-card--seniority .baseline {
    justify-content: center;
  }
  .statistique .metrics-card--seniority .svg-seniority {
    left: -13px;
    bottom: -14px;
    /* Animation du bras pour le geste "OK" */
    --arm-rotation: -6deg;
    /* Angle de rotation du bras (négatif = vers la gauche) */
    --rotation-duration: 0.3s;
    /* Durée de l'animation */
    /* État initial du bras */
    /* Animation au survol */
  }
  .statistique .metrics-card--seniority .svg-seniority #arm {
    transform-origin: 98px 45px;
    /* Point de pivot au niveau de l'épaule */
    transition: transform var(--rotation-duration) ease-in-out;
  }
  .statistique .metrics-card--seniority .svg-seniority:hover #arm {
    transform: rotate(var(--arm-rotation)) translateY(-4px) translateX(1px);
  }
  .statistique .metrics-card--age {
    grid-column: span 2;
    grid-row: span 1;
  }
  .statistique .metrics-card--training {
    padding: 20px 0 20px 4%;
    grid-template-columns: repeat(auto-fit, minmax(10ch, 1fr));
    grid-column: span 5;
    grid-row: span 1;
  }
  .statistique .metrics-card--training .metrics-card__content:last-child {
    align-self: end;
    margin-block-end: -20px;
  }
  .statistique .metrics-card--training .svg-training {
    left: 55%;
    transform: translate(-50%);
  }
  .statistique .metrics-card--training .svg-training #bubbles {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .statistique .metrics-card--training .svg-training:hover #bubbles {
    opacity: 1;
  }
  .statistique .metrics-card--recruitment {
    place-content: start;
    grid-column: span 3;
    grid-row: span 1;
  }
  .statistique .metrics-card--recruitment .metrics-card__label {
    text-align: left;
    width: 60%;
  }
  .statistique .metrics-card--recruitment .metrics-card__metric-container {
    align-items: start;
  }
  .statistique .metrics-card--recruitment .svg-recruitment {
    right: -10%;
    /* Animation de poignée de main */
    --handshake-rotation-angle: 5deg;
    /* Angle de rotation de la poignée de main */
    --handshake-duration: 0.5s;
    /* Durée d'un cycle d'animation */
    --handshake-timing: ease-in-out;
    /* Fonction de transition */
    /* État initial du groupe de poignée de main */
    /* Animation au survol */
    /* Définition de l'animation de poignée de main */
  }
  .statistique .metrics-card--recruitment .svg-recruitment #handshake {
    transform-origin: 80px 105px;
    /* Point central approximatif où les mains se rencontrent */
    transition: transform var(--handshake-duration) var(--handshake-timing);
  }
  .statistique .metrics-card--recruitment .svg-recruitment:hover #handshake {
    animation: handshake-motion 0.8s var(--handshake-timing) 2;
    /* 2 répétitions uniquement */
  }
  @keyframes handshake-motion {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(var(--handshake-rotation-angle));
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(calc(-1 * var(--handshake-rotation-angle)));
    }
    100% {
      transform: rotate(0deg);
    }
  }
}
.ChartEvol {
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  padding: 50px 0 20px;
}
@media (min-width: 75rem) {
  .ChartEvol {
    padding: 50px 0 0;
  }
}
@media (min-width: 75rem) {
  .ChartEvol .inetum-container {
    background-image: url("../images/2_Remuneration/homme-pourcentage@2x.png");
    background-repeat: no-repeat;
    background-position: bottom 0 right 10%;
    background-size: auto 365px;
    padding-bottom: 120px;
  }
}
@media (max-width: 1280px) {
  .ChartEvol .inetum-container {
    background-position: bottom 0 right 20px;
  }
}
.ChartEvol__container {
  display: flex;
  max-width: 1090px;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 62rem) {
  .ChartEvol__container {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 48rem) {
  .ChartEvol__chart {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }
}
@media (min-width: 62rem) {
  .ChartEvol__chart {
    flex: 950px 0 1;
  }
}
@media (min-width: 48rem) {
  .ChartEvol__chart.no-chart .ChartEvol__caption {
    display: flex;
    flex-wrap: wrap;
    max-width: none;
    gap: 1.5rem;
  }
}
.ChartEvol__chart.no-chart .ChartEvol__caption .ChartLegend {
  min-height: unset;
  flex: 1 1 auto;
  min-width: 330px;
}
.ChartEvol__chart.no-chart .ChartEvol__caption::before {
  top: 0;
}
.ChartEvol__caption {
  display: grid;
  grid-auto-rows: min-content;
}
@media (min-width: 48rem) {
  .ChartEvol__caption {
    padding-top: 80px;
    position: relative;
    grid-auto-rows: 133px;
    gap: 1.375rem;
    max-width: 365px;
  }
  .ChartEvol__caption:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url("../images/2_Remuneration/femme_cache@2x.png");
    background-repeat: no-repeat;
    background-size: 89px 120px;
    width: 89px;
    height: 120px;
  }
}
.ChartEvol .ChartLegend {
  display: grid;
  place-content: center;
  text-align: center;
  min-height: 133px;
  padding: 1rem 1.5rem;
  color: white;
  cursor: pointer;
}
.ChartEvol .ChartLegend[data-dataset="rem theorique"] {
  background-color: var(--color-red-500);
}
.ChartEvol .ChartLegend[data-dataset="rem theorique"]:hover {
  background-color: #F04641;
}
.ChartEvol .ChartLegend[data-dataset="rem fix"] {
  background-color: var(--color-teal-500);
}
.ChartEvol .ChartLegend[data-dataset="rem fix"]:hover {
  background-color: #00AA9B;
}
.ChartEvol .ChartLegend[data-dataset="rem var"] {
  background-color: var(--color-purple-300);
}
.ChartEvol .ChartLegend[data-dataset="rem var"]:hover {
  background-color: #5A70B3;
}
.ChartEvol .ChartLegend .amount {
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.ChartEvol #ChartEvol {
  display: none !important;
  margin-top: 80px;
  padding: 20px;
  max-width: 510px;
  box-shadow: 0px 3px 8px #00000029;
}
@media (min-width: 48rem) {
  .ChartEvol #ChartEvol {
    display: block !important;
  }
}
.ChartEvol__augment {
  display: flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .ChartEvol__augment {
    padding-top: 80px;
    position: relative;
  }
  .ChartEvol__augment:before {
    content: "";
    display: block;
    position: absolute;
    top: -110px;
    left: -10px;
    width: 142px;
    height: 431px;
    background-image: url("../images/2_Remuneration/ruban_remun_bloc_a.svg");
    background-repeat: no-repeat;
    background-position: top right;
  }
}
.ChartEvol__augment > p {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  color: var(--color-blue-500);
  text-align: center;
}
@media (min-width: 62rem) {
  .ChartEvol__augment > p {
    text-align: right;
    width: 196px;
  }
}
.ChartEvol__augment .percentage {
  color: var(--color-blue-500);
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 4.0625rem;
  text-align: center;
}
@media (min-width: 62rem) {
  .ChartEvol__augment .percentage {
    margin-top: 30%;
    margin-left: 30%;
  }
}
.compensation-history {
  --compensation-history-background-color: #f27272;
  --compensation-history-header-background-color: #f27272;
  --compensation-history-border-color: transparent;
  --compensation-history-padding: 0.5rem;
  --compensation-history-table-padding: 0.75rem 1.25rem;
  --compensation-history-icon-size: 1.25rem;
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 48rem) {
  .compensation-history {
    display: none;
  }
}
.compensation-history--total {
  --compensation-history-background-color: var(--color-red-500);
}
.compensation-history--variable {
  --compensation-history-background-color: var(--color-purple-300);
}
.compensation-history--fixe {
  --compensation-history-background-color: var(--color-teal-500);
}
.compensation-history__details {
  overflow: hidden;
}
.compensation-history__details::-webkit-details-marker {
  display: none;
}
.compensation-history__summary {
  list-style: none;
  cursor: pointer;
}
.compensation-history__summary:focus {
  outline: none;
}
.compensation-history__summary:focus-visible {
  outline: 3px solid #4d90fe;
  outline-offset: 2px;
}
.compensation-history__header {
  display: flex;
  align-items: center;
  background-color: var(--compensation-history-header-background-color);
  color: var(--color-white);
  padding: var(--compensation-history-padding);
}
.compensation-history__header--total {
  --compensation-history-header-background-color: var(--color-red-500);
}
.compensation-history__header--variable {
  --compensation-history-header-background-color: var(--color-purple-300);
}
.compensation-history__header--fixe {
  --compensation-history-header-background-color: var(--color-teal-500);
}
.compensation-history details[open] .compensation-history__header--total {
  --compensation-history-header-background-color: var(--color-red-700);
}
.compensation-history details[open] .compensation-history__header--fixe {
  --compensation-history-header-background-color: var(--color-teal-700);
}
.compensation-history details[open] .compensation-history__header--variable {
  --compensation-history-header-background-color: var(--color-purple-600);
}
.compensation-history__icon-container {
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}
.compensation-history__graph-icon {
  width: var(--compensation-history-icon-size);
  height: var(--compensation-history-icon-size);
  fill: currentColor;
}
.compensation-history__title {
  flex: 1;
  margin: 0;
  font-size: 0.75rem;
  font-family: Poppin-SemiBold, Helvetica, Arial, sans-serif;
}
.compensation-history__arrow-container {
  display: flex;
  align-items: center;
}
.compensation-history__arrow-icon {
  width: var(--compensation-history-icon-size);
  height: var(--compensation-history-icon-size);
  fill: currentColor;
  transition: transform 0.3s ease;
}
.compensation-history details[open] .compensation-history__arrow-icon {
  transform: rotate(180deg);
}
.compensation-history__content {
  background-color: var(--compensation-history-background-color);
  color: var(--color-white);
  overflow: hidden;
}
.compensation-history__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.125rem;
}
.compensation-history__year,
.compensation-history__amount {
  padding: var(--compensation-history-table-padding);
}
.compensation-history__year {
  text-align: left;
}
.compensation-history__amount {
  text-align: right;
}
.chart-year-section {
  background-color: var(--color-gray-100);
  padding-top: 40px;
}
.chart-year-section__img {
  display: none;
}
@media (min-width: 75rem) {
  .chart-year-section__img {
    display: block;
    width: 100%;
    max-width: 544px;
    height: auto;
    align-self: end;
  }
}
.chart-year-section__container {
  min-height: 500px;
}
@media (min-width: 75rem) {
  .chart-year-section__container {
    display: grid;
    grid-template-columns: auto minmax(min-content, 780px);
  }
}
.chart-year-section .it-heading--lvl2 {
  grid-column: span 2;
}
.ChartYear {
  grid-column: 2;
  display: flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .ChartYear {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.ChartYear__chart-container {
  position: relative;
  flex-basis: 37%;
  flex-grow: 0;
}
.ChartYear__total {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  line-height: 1.2;
}
.ChartYear__tot-title {
  font-size: 1.5rem;
  display: block;
}
.ChartYear__tot-value {
  font-size: 2.25rem;
  display: block;
}
.ChartYear__caption {
  flex-basis: 37%;
  flex-grow: 0;
  margin-top: 26px;
}
.ChartLegend {
  margin-block-end: var(--spacing-s);
}
.ChartLegend--fix {
  --legend-bg-color: var(--color-purple-300);
  --legend-bg-color-hover: var(--color-purple-600);
}
.ChartLegend--var {
  --legend-bg-color: var(--color-teal-500);
  --legend-bg-color-hover: var(--color-teal-700);
  color: var(--color-slate-900);
}
.ChartLegend--var[aria-expanded=true] {
  color: #ffffff;
}
.ChartLegend--nat {
  --legend-bg-color: var(--color-red-500);
  --legend-bg-color-hover: var(--color-red-700);
}
.ChartLegend--par {
  --legend-bg-color: transparent;
  --legend-bg-color-hover: var(--legend-bg-color);
  margin-block: var(--spacing-2-xl) 0;
  border-block-start: 3px solid var(--color-slate-900);
}
.ChartLegend__header {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--spacing-s) var(--spacing-2-xl) var(--spacing-s) var(--spacing-s);
  color: #ffffff;
  transition-property: background-color, color;
  transition-timing-function: ease-in, ease-out;
  transition-duration: 0.3s;
  background-color: var(--legend-bg-color);
}
.ChartLegend__header.active,
.ChartLegend__header:hover,
.ChartLegend__header:focus-visible {
  background-color: var(--legend-bg-color-hover);
  color: #ffffff;
}
.ChartLegend__header:focus {
  color: #ffffff;
}
.ChartLegend__header:hover {
  cursor: pointer;
}
.ChartLegend__header::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11.122'%3E%3Cpath fill='%23fff' d='m0 9 2.123 2.122L9 4.245l6.877 6.877L18 9 9 0Z' data-name='Trac� 10608'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  right: var(--spacing-m);
  top: 50%;
  translate: 0 -50%;
  rotate: 180deg;
}
.ChartLegend__header[aria-expanded=true] {
  background-color: var(--legend-bg-color-hover);
  color: #ffffff;
}
.ChartLegend__header[aria-expanded=true]::after {
  rotate: 0deg;
}
.ChartLegend__header--var {
  color: var(--color-slate-900);
}
.ChartLegend__header--var::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11.122'%3E%3Cpath fill='%23232d4b' d='m0 9 2.123 2.122L9 4.245l6.877 6.877L18 9 9 0Z' data-name='Trac� 10608'/%3E%3C/svg%3E");
}
.ChartLegend__header--var.active,
.ChartLegend__header--var:hover,
.ChartLegend__header--var:focus-visible,
.ChartLegend__header--var[aria-expanded=true] {
  color: #ffffff;
}
.ChartLegend__header--var.active::after,
.ChartLegend__header--var:hover::after,
.ChartLegend__header--var:focus-visible::after,
.ChartLegend__header--var[aria-expanded=true]::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11.122'%3E%3Cpath fill='%23fff' d='m0 9 2.123 2.122L9 4.245l6.877 6.877L18 9 9 0Z' data-name='Trac� 10608'/%3E%3C/svg%3E");
}
.ChartLegend__header--var[aria-expanded=false]:focus {
  color: var(--color-slate-900);
}
.ChartLegend__header--var[aria-expanded=false]:focus:hover {
  color: #ffffff;
}
.ChartLegend__header--par {
  color: var(--color-slate-900);
}
.ChartLegend__header--par:hover {
  color: inherit;
}
.ChartLegend__amount {
  font-size: 1.125rem;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
.ChartLegend__table-container {
  padding-inline: var(--spacing-s);
  padding-block-start: var(--spacing-s);
  background-color: var(--legend-bg-color);
}
.ChartLegend__label {
  font-family: Poppin-Light, Helvetica, Arial, sans-serif;
  padding-block-end: var(--spacing-s);
}
.ChartLegend__value {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  padding-block-end: var(--spacing-s);
  padding-left: var(--spacing-m);
  vertical-align: top;
}
.ChartSocial {
  position: relative;
  grid-column: 1;
  box-shadow: 0px 3px 6px #00000029;
}
.ChartSocial .ChartSocial-total {
  position: absolute;
  left: calc(50% - 43px);
  top: calc(50% - 20px);
  text-align: center;
  font-family: Poppin-SemiBold, Helvetica, Arial, sans-serif;
}
.ChartSocialDetails__tooltip {
  position: absolute;
  pointer-events: none;
  background: transparent;
  font-size: 18px;
  font-family: "Poppin-bold", sans-serif;
  font-weight: 700;
  color: #232d4b;
  white-space: nowrap;
  z-index: 100;
}
.ChartSocialDetails .chart-data-mobile {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20%;
  padding: 20px 30px 0;
}
.ChartSocialDetails .chart-data-mobile .data-bloc {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-white);
  background: transparent linear-gradient(180deg, #93cddd 0%, #5a70b3 100%) 0% 0% no-repeat padding-box;
  margin-block-end: 10px;
}
.ChartSocialDetails .chart-data-mobile .data-bloc:first-child {
  background: transparent linear-gradient(180deg, #58dac7 0%, #31859c 100%) 0% 0% no-repeat padding-box;
}
@media (min-width: 62rem) {
  .ChartSocialDetails .chart-data-mobile {
    display: none;
  }
}
.ChartSocialDetails .ChartSocialLegend {
  padding: 0 30px;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 62rem) {
  .ChartSocialDetails .ChartSocialLegend {
    padding: 0;
  }
}
.ChartSocialDetails .ChartSocialLegend > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  background-color: var(--color-white);
}
.ChartSocialDetails .ChartSocialLegend > span:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
}
.ChartSocialDetails .ChartSocialLegend .cotis-employeur:before {
  background: transparent linear-gradient(180deg, #58dac7 0%, #31859c 100%) 0% 0% no-repeat padding-box;
}
.ChartSocialDetails .ChartSocialLegend .cotis-salarie:before {
  background: transparent linear-gradient(180deg, #93cddd 0%, #5a70b3 100%) 0% 0% no-repeat padding-box;
}
.chart-social-section {
  padding: 50px 0 30px;
}
.chart-social-section__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 62rem) {
  .chart-social-section__container {
    display: grid;
    grid-template-columns: minmax(200px, 400px) minmax(200px, 500px) auto;
  }
}
@media (min-width: 75rem) {
  .chart-social-section__container {
    background-image: url("../images/2_Remuneration/illustration-cotisation@2x.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 352px 320px;
  }
}
.chart-social-section .it-heading--lvl2 {
  grid-column: span 2;
}
.schemaEpargne {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .schemaEpargne {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
}
.schemaEpargne__asterisk {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-top: 10px;
}
.schemaEpargne__line {
  z-index: -1;
  position: absolute;
  background-color: #0D2498;
}
.schemaEpargne__line__container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.schemaEpargne__line__vertical {
  width: 1px;
}
.schemaEpargne__line__vertical--one {
  left: 72.5px;
  top: 150px;
  bottom: 250px;
}
@media (max-width: 991px) {
  .schemaEpargne__line__vertical--one {
    left: 60px;
    top: 100px;
    height: 275px;
  }
}
.schemaEpargne__line__vertical--two {
  right: 72.5px;
  top: 150px;
  bottom: 250px;
}
@media (max-width: 991px) {
  .schemaEpargne__line__vertical--two {
    right: 60px;
    top: 100px;
    height: 275px;
  }
}
.schemaEpargne__line__vertical--three {
  right: 217.5px;
  top: 295px;
  bottom: 250px;
}
@media (max-width: 991px) {
  .schemaEpargne__line__vertical--three {
    left: 50%;
    top: 75px;
    bottom: 50px;
    height: 250px;
  }
}
.schemaEpargne__line__vertical--four {
  left: 145px;
  top: 490px;
  bottom: 55px;
}
.schemaEpargne__line__vertical--five {
  right: 145px;
  top: 490px;
  bottom: 55px;
}
.schemaEpargne__line__horizontal {
  height: 1px;
  left: 72.5px;
  right: 217.5px;
  top: 295px;
}
.schemaEpargne__line__arrow {
  position: absolute;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0D2498;
  border-left: 1px solid #0D2498;
  transform-origin: top left;
}
.schemaEpargne__line__arrow--bottom {
  transform: rotate(225deg);
  bottom: -15px;
}
.schemaEpargne__line__arrow--top {
  transform: rotate(45deg);
}
.schemaEpargne__line__arrow--left {
  transform: rotate(-45deg);
  left: 0;
  top: 1px;
}
.schemaEpargne__line__arrow--right {
  transform: rotate(135deg);
  right: -15px;
  top: 1px;
}
.schemaEpargne__blocs__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 45px;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__container {
    gap: 25px;
  }
}
.schemaEpargne__blocs__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.schemaEpargne__blocs__row--margin {
  margin-top: 45px;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__row {
    gap: 10px;
  }
}
.schemaEpargne__blocs__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
.schemaEpargne__blocs__item--type1 {
  width: 50%;
  padding: 20px;
  min-height: 150px;
  max-width: 290px;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item--type1 {
    padding: 5px;
  }
}
.schemaEpargne__blocs__item--type2 {
  width: 100%;
  max-height: 55px;
  padding: 15px;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item--type2 {
    padding: 5px;
  }
}
.schemaEpargne__blocs__item--type3 {
  width: 100%;
  padding: 5px;
  min-height: 100px;
}
.schemaEpargne__blocs__item__text {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  text-align: center;
  margin: 0 !important;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item__text {
    font-size: 0.875rem;
  }
}
.schemaEpargne__blocs__item__text--title {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item__text--title {
    font-size: 0.875rem;
  }
}
.schemaEpargne__blocs__item--color1 {
  background-color: #0D2498;
  color: #ffffff;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item--color1 {
    height: 50px;
  }
}
.schemaEpargne__blocs__item--color2 {
  background-color: #25C7D6;
  color: #0D2498;
  border: 1px solid #0D2498;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item--color2 {
    height: 50px;
  }
}
.schemaEpargne__blocs__item--color6 {
  background-color: #1D7682;
  color: #ffffff;
}
@media (max-width: 991px) {
  .schemaEpargne__blocs__item--color6 {
    height: 100px;
  }
}
.schemaEpargne__blocs__item--color9 {
  background-color: #ffffff;
  color: #0D2498;
  border: 1px solid #0D2498;
}
.schemaEpargne__textuel {
  margin-top: 25px;
}
@media (max-width: 767px) {
  .schemaEpargne__textuel {
    margin: 0 auto 70px auto;
  }
}
.actionnariat__content {
  background-color: #F3F1F1;
  padding: 60px 0;
}
.actionnariat__schema {
  max-width: 345px;
  margin: auto;
}
@media (max-width: 767px) {
  .actionnariat__schema--last {
    margin-top: 70px;
  }
}
.actionnariat__schema__title {
  margin: 0 0 25px 120px;
}
.actionnariat__schema__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 70px 0;
}
.actionnariat__schema__list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 90px;
  width: 1px;
  height: 100%;
  background-color: #0D2498;
}
.actionnariat__schema__list dt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1D7682;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  color: #ffffff;
  text-align: center;
  width: 90px;
  height: 40px;
  padding: 5px 15px;
}
.actionnariat__schema__list dd {
  position: relative;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #0D2498;
  width: calc(100% - 90px);
  padding-left: 30px;
}
@media (max-width: 767px) {
  .actionnariat__schema__list dd {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.collapseBox {
  margin-top: 85px;
}
@media (max-width: 767px) {
  .collapseBox {
    margin-top: 30px;
  }
}
.collapseBox__btn {
  position: relative;
  display: block;
  background-color: #ffffff;
  border: 1px solid #0D2498;
  color: #0D2498;
  text-align: left;
  padding: 10px 24% 10px 30px;
  box-shadow: 0 3px 6px #00000029;
  word-break: break-word;
  hyphens: none;
}
@media (max-width: 1199px) {
  .collapseBox__btn {
    min-height: 80px;
    padding: 10px 60px 10px 20px;
  }
}
@media (max-width: 991px) {
  .collapseBox__btn {
    height: 100px;
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .collapseBox__btn {
    margin-top: 15px;
    height: auto;
  }
}
.collapseBox__btn.jsIsRotate {
  background-color: #0D2498;
  color: #ffffff;
}
.collapseBox__btn__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  color: #7660ED;
  filter: drop-shadow(0 3px 6px #00000029);
}
.collapseBox__btn__icon.jsIsRotate {
  transform: rotateX(180deg) translateY(-50%);
  transform-origin: top;
}
.collapseBox__btn__icon.jsIsRotate circle {
  fill: #0D2498;
  stroke: #ffffff;
}
.collapseBox__btn__icon.jsIsRotate path {
  fill: #ffffff;
}
.collapseBox__dropdown__container {
  background-color: #E7E9F4;
  padding: 40px;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .collapseBox__dropdown__container {
    padding: 20px;
  }
}
.collapseBox__list__item {
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .collapseBox__list__item {
    font-size: 1rem;
  }
}
.collapseBox__list__item::marker {
  color: #0D2498;
}
body.epargneretraite .epargne__content {
  margin-bottom: 125px;
}
@media (max-width: 767px) {
  body.epargneretraite .epargne__content {
    margin-bottom: 50px;
  }
}
body.epargneretraite .epargne__chapo {
  margin-bottom: 80px;
  font-size: 1.5625rem;
}
@media (max-width: 991px) {
  body.epargneretraite .epargne__chapo {
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
}
body.epargneretraite .epargne__schema {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
body.epargneretraite .epargne__quiz {
  position: relative;
  display: flex;
  flex-direction: column;
}
body.epargneretraite .epargne__quiz .sideBlock__title {
  position: absolute;
  top: -24px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 8px 25px;
  text-align: center;
  height: 48px;
  background-color: #ffffff;
  color: #0D2498;
}
body.epargneretraite .epargne__quiz .sideBlock__content {
  background-color: #0D2498;
  padding: 45px 20px 30px 20px;
}
body.epargneretraite .epargne__quiz .sideBlock__content__icon {
  display: block;
  margin: 20px auto;
}
body.epargneretraite .epargne__quiz .sideBlock__content__text {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  body.epargneretraite .epargne__quiz .sideBlock__content__text {
    font-size: 1rem;
  }
}
body.epargneretraite .epargne__quiz .sideBlock__content__text--quiz {
  font-size: 1.5625rem;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 991px) {
  body.epargneretraite .epargne__quiz .sideBlock__content__text--quiz {
    font-size: 1.25rem;
  }
}
body.epargneretraite .epargne__quiz .sideBlock__content__link {
  display: block;
  width: max-content;
  color: #ffffff;
  font-size: 1.25rem;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 5px 10px;
  margin: 25px auto 0 auto;
  border: 1px solid #ffffff;
  transition: 0.3s ease;
}
body.epargneretraite .epargne__quiz .sideBlock__content__link:hover,
body.epargneretraite .epargne__quiz .sideBlock__content__link:focus {
  color: #0D2498;
  background-color: #ffffff;
}
body.epargneretraite .epargne__quiz .sideBlock__content__list--noBullet {
  list-style-type: none;
  padding: 0;
}
body.epargneretraite .epargne__quiz .sideBlock__details {
  position: relative;
  padding-left: 45px;
  margin-top: 15px;
}
body.epargneretraite .epargne__quiz .sideBlock__details__icon {
  position: absolute;
  top: 0;
  left: -15px;
  color: #7660ED;
}
body.epargneretraite .epargne__quiz .sideBlock__details__text__value {
  display: block;
  color: #7660ED;
  font-size: 1.25rem;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
body.epargneretraite .epargne__quiz .sideBlock__details__text__value--big {
  font-size: 1.875rem;
}
body.epargneretraite .epargne__quiz__image {
  display: flex;
  flex-grow: 1;
  background: #ffffff url(../images/3_Epargne/photo2.jpg) center center no-repeat;
  background-size: cover;
}
.protectionsociale {
  /* Animation de clin d'œil */
}
.protectionsociale .highlight-illustration {
  --wink-duration: 0.3s;
  /* Durée de l'animation du clin d'œil */
  --eyebrow-move-distance: 4px;
  /* Distance de déplacement du sourcil */
  /* État initial */
  /* Animation au survol */
  /* ajouter un petit délai avant le retour à l'état normal */
}
.protectionsociale .highlight-illustration #eye,
.protectionsociale .highlight-illustration #eyebrow {
  transition: all var(--wink-duration) ease-in-out;
}
.protectionsociale .highlight-illustration:hover #eye {
  opacity: 0;
}
.protectionsociale .highlight-illustration:hover #eyebrow {
  transform: translateY(var(--eyebrow-move-distance));
}
.protectionsociale .highlight-illustration .highlight-illustration {
  transition: all 0.1s;
}
.medical-opinion {
  --medical-opinion-padding: 2rem;
  --medical-opinion-margin: 1.5rem;
  --medical-opinion-step-gap: 1.5rem;
  position: relative;
  padding: 50px 0 25px;
  background-color: var(--color-gray-100);
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
}
.medical-opinion__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .medical-opinion__container {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
  }
}
.medical-opinion__content {
  flex: 1;
}
.medical-opinion__content strong {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.medical-opinion__description {
  margin-bottom: 1rem;
}
@media (min-width: 48rem) {
  .medical-opinion__description {
    margin-bottom: 1.5rem;
  }
}
.medical-opinion__steps {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  gap: 1.25rem;
}
@media (min-width: 48rem) {
  .medical-opinion__steps {
    gap: var(--medical-opinion-step-gap);
  }
}
.medical-opinion__step {
  display: flex;
  align-items: flex-start;
  gap: 1.625rem;
}
@media (min-width: 48rem) {
  .medical-opinion__step {
    flex-direction: row-reverse;
    text-align: right;
    gap: 1rem;
  }
}
.medical-opinion__step:first-child .highlight {
  color: var(--color-red-500);
}
.medical-opinion__step:nth-child(2) .highlight {
  color: var(--color-teal-700);
}
.medical-opinion__step:nth-child(3) .highlight {
  color: var(--color-purple-600);
}
.medical-opinion__step:nth-child(4) .highlight {
  color: var(--color-gray-500);
}
.medical-opinion__step:nth-child(5) .highlight {
  color: var(--color-blue-700);
}
.medical-opinion__step:nth-child(6) .highlight {
  color: var(--color-blue-900);
}
.medical-opinion__step-num {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  flex-shrink: 0;
}
@media (min-width: 48rem) {
  .medical-opinion__step-num {
    min-width: 130px;
    height: 130px;
  }
}
.medical-opinion__step-num > span {
  color: var(--color-white);
  font-family: Poppin-Black, Helvetica, Arial, sans-serif;
}
@media (min-width: 48rem) {
  .medical-opinion__step-num > span {
    position: absolute;
    font-size: 7.8125rem;
  }
}
.medical-opinion__step-num--1 {
  background-color: var(--color-red-100);
}
@media (min-width: 48rem) {
  .medical-opinion__step-num--1 {
    margin-right: 10%;
  }
}
.medical-opinion__step-num--1 > span {
  top: 12px;
  color: var(--color-red-500);
}
.medical-opinion__step-num--2 {
  background-color: var(--color-teal-100);
}
@media (min-width: 48rem) {
  .medical-opinion__step-num--2 {
    margin-right: 25%;
    margin-top: -38px;
  }
}
.medical-opinion__step-num--2 > span {
  bottom: 22px;
  color: var(--color-teal-500);
}
.medical-opinion__step-num--3 {
  background-color: var(--color-purple-300);
}
@media (min-width: 48rem) {
  .medical-opinion__step-num--3 {
    margin-right: 7.5%;
    margin-top: -52px;
  }
}
.medical-opinion__step-num--3 > span {
  color: var(--color-purple-600);
}
.medical-opinion__step-num--4 {
  background-color: var(--color-gray-200);
}
@media (min-width: 48rem) {
  .medical-opinion__step-num--4 {
    margin-right: 20%;
  }
}
.medical-opinion__step-num--4 > span {
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-gray-500);
}
.medical-opinion__step-num--5 {
  background-color: var(--color-blue-300);
}
@media (min-width: 48rem) {
  .medical-opinion__step-num--5 {
    margin-right: 7.5%;
    margin-top: -30px;
  }
}
.medical-opinion__step-num--5 > span {
  bottom: 22px;
  color: var(--color-blue-700);
}
.medical-opinion__step-num--6 {
  background-color: #a4aabc;
}
@media (min-width: 48rem) {
  .medical-opinion__step-num--6 {
    margin-right: 25%;
    margin-top: -30px;
  }
}
.medical-opinion__step-num--6 > span {
  bottom: 22px;
  color: var(--color-blue-900);
}
.medical-opinion__step-text {
  margin: 0;
}
@media (min-width: 48rem) {
  .medical-opinion__step-text {
    padding-top: 0.5rem;
    max-width: 296px;
  }
}
.medical-opinion__support-text {
  margin: 0;
  grid-column: span 2;
}
.medical-opinion__support-text .highlight {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 48rem) {
  .medical-opinion__support-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: 290px;
  }
}
.medical-opinion__support-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (min-width: 48rem) {
  .medical-opinion__support-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.medical-opinion__support-content .it-btn {
  max-height: min-content;
  align-self: center;
}
.medical-opinion__illustration {
  grid-row: 2;
  width: 100%;
  height: auto;
}
@media (min-width: 48rem) {
  .medical-opinion__illustration {
    width: 289px;
  }
}
.garantie-prevoyance {
  position: relative;
  padding: 10px 0 10px;
  background-color: var(--color-gray-100);
}
@media (min-width: 48rem) {
  .garantie-prevoyance {
    padding: 50px 0 30px;
  }
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block {
    background-color: transparent;
  }
}
.garantie-prevoyance .info-block__container {
  max-width: 1352px;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block__container {
    flex-direction: row;
  }
}
.garantie-prevoyance .info-block .it-btn {
  align-self: start;
  margin-block-start: 1rem;
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block .it-btn {
    width: max-content;
  }
}
.garantie-prevoyance .info-block__highlight {
  margin-top: 18px;
  position: relative;
  background-color: var(--color-gray-200);
  margin-left: -36px;
  margin-right: -36px;
  padding: 15px 36px;
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block__highlight {
    padding: 30px 30px 30px 12px;
    max-width: 412px;
    margin: 25px 0 0;
  }
}
.garantie-prevoyance .info-block__highlight .highlight-illustration {
  display: none;
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block__highlight .highlight-illustration {
    display: block;
    position: absolute;
    top: 0;
    right: -88px;
  }
}
.garantie-prevoyance .info-block__highlight--teal {
  margin: 20px 0 0;
  padding: 12px 12px 20px 8px;
  background-color: var(--color-blue-500);
  color: var(--color-white);
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block__highlight--teal {
    max-width: 290px;
    margin-top: 0;
  }
}
.garantie-prevoyance .info-block__highlight--teal a {
  color: var(--color-white);
}
.garantie-prevoyance .info-block__illustration {
  display: block;
}
.garantie-prevoyance .info-block__illustration > img {
  display: none;
}
@media (min-width: 48rem) {
  .garantie-prevoyance .info-block__illustration > img {
    display: block;
    position: absolute;
    bottom: -200px;
    left: 55%;
  }
}
.health-info {
  margin-bottom: 2rem;
  padding-top: 50px;
}
.health-info__grid {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 48rem) {
  .health-info__grid {
    background-image: url("../images/4_CouvertureSociale/illustration_frais-sante@2x.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 290px 290px;
    grid-template-columns: 400px 510px;
    grid-auto-rows: 80px;
    gap: 1rem 150px;
    max-width: 1060px;
  }
}
.health-info__button {
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #FFFFFF;
  color: #333333;
  border: 1px solid #E0E0E0;
  cursor: pointer;
  text-align: left;
  font-weight: 500;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
  box-shadow: 0px 3px 6px #00000029;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 48rem) {
  .health-info__button {
    grid-column: 1;
  }
}
.health-info__button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--color-primary);
}
.health-info__button[aria-expanded="true"] {
  color: #FFFFFF;
}
@media (min-width: 48rem) {
  .health-info__button[aria-expanded="true"]:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 2px;
    background-color: inherit;
  }
}
.health-info__arrow {
  position: relative;
  width: 12px;
  height: 12px;
}
.health-info__arrow::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(135deg);
}
@media (min-width: 48rem) {
  .health-info__arrow::before {
    transform: rotate(45deg);
  }
}
@media (max-width: 47rem) {
  .health-info__button[aria-expanded="true"] .health-info__arrow::before {
    transform: rotate(-45deg);
  }
}
.health-info__panel {
  background-color: #FFFFFF;
  color: #333333;
  transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  position: relative;
  padding: 1rem;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 12px;
  border-top: none;
  opacity: 0;
}
.health-info__panel[aria-hidden="false"] {
  max-height: 500px;
  padding: 1rem;
  opacity: 1;
}
@media (min-width: 48rem) {
  .health-info__panel {
    grid-column: 2;
    grid-row: 1 / 4;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin: -45px 0 -40px;
  }
  .health-info__panel[aria-hidden="false"] {
    display: block;
    opacity: 1;
    visibility: visible;
    padding: 45px 28px 28px;
  }
}
.health-info__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: currentColor;
}
.health-info__close:focus {
  outline: none;
  box-shadow: 0 0 0 2px #000000;
}
.health-info__panel-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Poppin-Medium, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1;
}
.health-info__panel-content p {
  margin-bottom: 0.75rem;
}
.health-info__link {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  color: currentColor;
  border: 1px solid currentColor;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.health-info__link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.health-info__link:focus {
  outline: none;
  box-shadow: 0 0 0 2px #000000;
}
.garantie-frais-sante {
  padding: 30px 0 0;
}
@media (min-width: 62rem) {
  .garantie-frais-sante .info-block {
    background-image: url("../images/4_CouvertureSociale/illustration_docteur@2x.png");
    background-repeat: no-repeat;
    background-size: 769px 554px;
    background-position: bottom right 30px;
  }
}
.garantie-frais-sante .info-block__container {
  flex-direction: column;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 48rem) {
  .garantie-frais-sante .info-block__container {
    flex-direction: row;
  }
}
.garantie-frais-sante .info-block__content {
  width: auto;
  max-width: 522px;
}
.garantie-frais-sante .info-block__content .it-btn {
  align-self: start;
}
.garantie-frais-sante .info-block__highlight--teal {
  margin-block-end: 1rem;
  margin-block-start: 2rem;
  color: var(--color-white);
  background-color: var(--color-blue-500);
  padding: 1rem;
}
@media (min-width: 48rem) {
  .garantie-frais-sante .info-block__highlight--teal {
    margin-block-end: 2rem;
    max-width: 271px;
  }
}
.garantie-frais-sante .info-block__highlight--teal h3 {
  margin-block-end: 1.25rem;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}
.garantie-frais-sante .info-block__highlight--teal .it-btn--outline {
  color: var(--color-white);
}
.garantie-frais-sante .info-block__highlight--teal p {
  margin-block-end: 0;
}
.garantie-frais-sante .info-block__highlight--teal .highlight-link {
  display: block;
  color: var(--color-white);
}
.garantie-frais-sante .info-block__illustration {
  display: block;
}
.garantie-frais-sante .info-block__highlight {
  position: relative;
  background-color: var(--color-gray-200);
  margin-left: -36px;
  margin-right: -36px;
  padding: 15px 36px;
}
@media (min-width: 48rem) {
  .garantie-frais-sante .info-block__highlight {
    margin-top: 18px;
    padding: 25px 50px 25px 16px;
    margin: 25px 100px 0 0;
  }
}
.garantie-frais-sante .info-block__highlight .it-btn--outline {
  max-height: fit-content;
}
.garantie-frais-sante .info-block__highlight .highlight-illustration {
  display: none;
}
@media (min-width: 48rem) {
  .garantie-frais-sante .info-block__highlight .highlight-illustration {
    display: block;
    position: absolute;
    top: 0;
    right: -88px;
  }
}
.prevoyance {
  padding: 50px 0;
}
.info-cards {
  width: 100%;
  padding: 2rem 0 0;
  position: relative;
}
.info-cards__nav {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: white;
  font-size: 2.5rem;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: background 0.3s ease;
}
.info-cards__nav:hover,
.info-cards__nav:focus {
  background: rgba(255, 255, 255, 0.5);
}
.info-cards__nav--prev {
  left: 0.5rem;
}
.info-cards__nav--next {
  right: 0.5rem;
}
@media (max-width: 48rem) {
  .info-cards__nav {
    display: flex;
  }
}
.info-cards__container {
  display: flex;
  justify-content: space-between;
  gap: 2%;
}
@media (max-width: 48rem) {
  .info-cards__container {
    flex-wrap: nowrap;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 0;
  }
}
.info-card {
  perspective: 1000px;
  width: 25%;
  height: 400px;
}
@media (max-width: 48rem) {
  .info-card {
    width: 100%;
    flex: 0 0 100%;
    scroll-snap-align: center;
    padding: 0;
    margin: 0;
  }
}
.info-card:focus-within .info-card__inner {
  transform: rotateY(180deg);
}
.info-card:hover .info-card__inner,
.info-card:focus-within .info-card__inner {
  transform: rotateY(180deg);
}
.info-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  cursor: pointer;
}
.info-card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.5rem;
  color: #ffffff;
}
@media (min-width: 48rem) {
  .info-card__face {
    padding: 1.5rem;
  }
}
.info-card__face--front {
  overflow: hidden;
}
.info-card__face--back {
  transform: rotateY(180deg);
}
.info-card:nth-child(1) .info-card__face--front,
.info-card:nth-child(1) .info-card__face--back {
  background-color: #31859C;
}
.info-card:nth-child(2) .info-card__face--front,
.info-card:nth-child(2) .info-card__face--back {
  background-color: #00AA9B;
}
.info-card:nth-child(3) .info-card__face--front,
.info-card:nth-child(3) .info-card__face--back {
  background-color: #58DAC7;
}
.info-card:nth-child(3) .info-card__title,
.info-card:nth-child(3) .info-card__content {
  color: var(--color-text-primary);
}
.info-card:nth-child(3) .info-card__icon svg path {
  fill: var(--color-text-primary);
}
.info-card:nth-child(4) .info-card__face--front,
.info-card:nth-child(4) .info-card__face--back {
  background-color: #C4F6EF;
}
.info-card:nth-child(4) .info-card__title,
.info-card:nth-child(4) .info-card__content {
  color: var(--color-text-primary);
}
.info-card:nth-child(4) .info-card__icon svg path {
  fill: var(--color-text-primary);
}
.info-card__title {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  text-align: center;
}
.info-card__content {
  text-align: center;
}
.info-card__content .question {
  display: block;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  margin-block-end: 1.25rem;
}
.info-card__icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.protection-retraite {
  padding: 30px 0;
  background-color: var(--color-gray-100);
}
.protection-retraite .it-heading--lvl2 br {
  display: none;
}
@media (min-width: 48rem) {
  .protection-retraite .it-heading--lvl2 br {
    display: block;
  }
}
.protection-retraite__schemes {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 48rem) {
  .protection-retraite__schemes {
    flex-direction: row;
  }
}
.protection-retraite__scheme {
  display: grid;
  place-content: center;
  background-color: var(--color-blue-700);
  color: var(--color-white);
  height: 73px;
}
.protection-retraite__scheme-title {
  font-family: Poppin-Medium, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5625rem;
  text-align: center;
}
.protection-retraite__scheme-text {
  margin: 1rem 0 0;
  text-align: center;
}
.protection-retraite__connector {
  margin: 1rem 0;
  color: var(--color-teal-700);
  font-size: 3rem;
  width: 32px;
  height: 28px;
}
@media (min-width: 48rem) {
  .protection-retraite__connector {
    align-self: flex-start;
    margin-top: 30px;
  }
}
.protection-retraite__info-text {
  margin-block-start: 1.5rem;
  padding: 10px 10px 20px;
  background-color: var(--color-gray-300);
}
@media (min-width: 62rem) {
  .protection-retraite__info-text {
    padding: 32px 100px 32px 32px;
    max-width: 840px;
  }
}
.protection-retraite__info-intro {
  margin-block-start: 1.5rem;
}
.protection-retraite__info-points {
  display: grid;
}
@media (min-width: 48rem) {
  .protection-retraite__info-points {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
.protection-retraite__info-point {
  margin-block-start: 1rem;
  display: flex;
  gap: 8px;
}
.protection-retraite__info-number {
  font-family: Poppin-Black, Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  color: var(--color-purple-600);
}
.protection-retraite__info-provider strong {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--color-purple-600);
}
.protection-retraite__info-content {
  display: flex;
}
.protection-retraite__illustration {
  display: none;
}
@media (min-width: 62rem) {
  .protection-retraite__illustration {
    display: block;
    align-self: end;
    margin-left: -50px;
  }
}
.paid-leave {
  padding: 25px 0;
}
@media (min-width: 48rem) {
  .paid-leave {
    padding-top: 38px;
    padding-bottom: 46px;
  }
}
.paid-leave__content {
  margin-block-start: 50px;
  display: grid;
}
@media (min-width: 48rem) {
  .paid-leave__content {
    gap: 25px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 62rem) {
  .paid-leave__content {
    gap: 10px;
  }
}
.paid-leave__intro {
  margin: 0;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1;
}
.paid-leave__description p + p {
  margin-block-start: 1.5rem;
}
.paid-leave__examples {
  margin-block-start: 30px;
  margin-block-end: 16px;
  padding: 15px 30px;
  background-color: var(--color-blue-500);
  color: var(--color-text-inverse);
}
@media (min-width: 48rem) {
  .paid-leave__examples {
    max-width: 456px;
    margin-block-end: 40px;
  }
}
.paid-leave__examples .seniority-list {
  list-style: square;
  color: var(--color-teal-700);
}
.paid-leave__examples .seniority-list__item p {
  color: var(--color-text-inverse);
}
.paid-leave__illustration-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media (min-width: 48rem) {
  .paid-leave__illustration-container {
    max-width: 480px;
  }
}
.paid-leave__illustration {
  display: none;
}
@media (min-width: 48rem) {
  .paid-leave__illustration {
    display: block;
    position: absolute;
    top: -20px;
    right: -26px;
  }
}
@media (min-width: 62rem) {
  .paid-leave__illustration {
    top: -45px;
  }
}
.paid-leave__info-box {
  padding: 16px;
  background-color: var(--color-gray-300);
}
.paid-leave__info-box .title {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
.paid-leave__info-box .text {
  margin: 0;
  text-wrap: pretty;
}
@media (min-width: 48rem) {
  .paid-leave__info-box .text {
    max-width: 82%;
  }
}
.exceptional-leave {
  color: var(--color-text-inverse);
  padding: 25px 0;
}
.exceptional-leave__content {
  display: flex;
  flex-direction: column;
}
.exceptional-leave__illustration {
  display: none;
}
.exceptional-leave__description {
  margin-bottom: 1.5rem;
  color: var(--color-text-primary);
}
.exceptional-leave__description strong {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
.exceptional-leave__categories {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.exceptional-leave__category {
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.exceptional-leave__category--marriage {
  background-color: var(--color-teal-500);
}
.exceptional-leave__category--moving {
  background-color: var(--color-purple-600);
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 48rem) {
  .exceptional-leave__category--moving {
    flex-direction: column;
  }
}
@media (min-width: 48rem) {
  .exceptional-leave__category--moving:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    bottom: -25px;
    background-image: url("../images/5_Avantages/carton_plantes@2x.png");
    background-size: 100px 129px;
    background-repeat: no-repeat;
    width: 100px;
    height: 129px;
  }
}
.exceptional-leave__category--disability {
  background-color: var(--color-red-500);
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 48rem) {
  .exceptional-leave__category--disability {
    flex-direction: column;
  }
}
.exceptional-leave__category--death {
  background-color: var(--color-gray-500);
}
@media (min-width: 48rem) {
  .exceptional-leave__category--death {
    background-image: url("../images/5_Avantages/deco_fleurs@2x.png");
    background-size: 163px 93px;
    background-position: right 40px top;
    background-repeat: no-repeat;
  }
}
.exceptional-leave__category-title {
  margin: 0 0 0.75rem 0;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.exceptional-leave__category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-auto-rows: minmax(32px, auto);
}
.exceptional-leave__category-list--double {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .exceptional-leave__category-list--double {
    grid-template-columns: 1fr 1fr;
    column-gap: 8%;
  }
}
.exceptional-leave__category-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.exceptional-leave__category-item:last-child {
  margin-bottom: 0;
}
.exceptional-leave__label {
  flex: 1;
}
.exceptional-leave__days {
  font-family: Poppin-Black, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  line-height: 1.25rem;
}
.exceptional-leave__category-days {
  font-family: Poppin-Black, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
}
.exceptional-leave__category-days-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 48rem) {
  .exceptional-leave {
    background-color: var(--color-gray-100);
    padding: 50px 0 0;
  }
  .exceptional-leave__content {
    flex-direction: row;
  }
  .exceptional-leave__illustration {
    display: block;
    flex: 0 0 250px;
    z-index: 5;
    margin-right: -8px;
  }
  .exceptional-leave__info {
    flex: 1;
  }
  .exceptional-leave__categories {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
    gap: 35px 4%;
  }
  .exceptional-leave__category--death {
    grid-column: 1 / -1;
  }
}
.exceptional-leave__benefits {
  padding: 25px 0 35px;
  display: grid;
  grid-template-columns: 1fr;
  color: var(--color-text-primary);
  gap: 22px;
}
@media (min-width: 48rem) {
  .exceptional-leave__benefits {
    padding: 50px 0 70px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 62rem) {
  .exceptional-leave__benefits {
    gap: 40px;
  }
}
.exceptional-leave__benefits .benefit-panel[open] .benefit-panel__summary {
  color: var(--color-text-inverse);
}
.exceptional-leave__benefits .benefit-panel[open] .benefit-panel__icon {
  transform: translate(-50%, 0) rotate(180deg);
}
.exceptional-leave__benefits .benefit-panel--maternity .benefit-panel__summary {
  color: var(--color-purple-600);
  background-image: url("../images/5_Avantages/illustration_mini_biberon@2x.png");
  background-size: 65px 77px;
}
@media (min-width: 62rem) {
  .exceptional-leave__benefits .benefit-panel--maternity .benefit-panel__summary {
    background-size: 127px 143px;
  }
}
.exceptional-leave__benefits .benefit-panel--maternity .benefit-panel__summary:hover {
  background-color: var(--color-purple-600);
  color: var(--color-text-inverse);
}
.exceptional-leave__benefits .benefit-panel--maternity[open] .benefit-panel__summary {
  background-color: var(--color-purple-600);
}
.exceptional-leave__benefits .benefit-panel--maternity[open] .benefit-panel__content {
  display: block;
  background-color: var(--color-purple-300);
}
.exceptional-leave__benefits .benefit-panel--paternity .benefit-panel__summary {
  color: var(--color-blue-500);
  background-image: url("../images/5_Avantages/illustration_mini_abc@2x.png");
  background-size: 78px 73px;
}
@media (min-width: 62rem) {
  .exceptional-leave__benefits .benefit-panel--paternity .benefit-panel__summary {
    background-size: 117px 110px;
  }
}
.exceptional-leave__benefits .benefit-panel--paternity .benefit-panel__summary:hover {
  background-color: var(--color-blue-500);
  color: var(--color-text-inverse);
}
.exceptional-leave__benefits .benefit-panel--paternity[open] .benefit-panel__summary {
  background-color: var(--color-blue-500);
}
.exceptional-leave__benefits .benefit-panel--paternity[open] .benefit-panel__content {
  display: block;
  background-color: var(--color-teal-500);
}
.exceptional-leave__benefits .benefit-panel--adoption .benefit-panel__summary {
  color: var(--color-red-500);
  background-image: url("../images/5_Avantages/illustration_mini_ourson@2x.png");
  background-size: 69px 78px;
}
@media (min-width: 62rem) {
  .exceptional-leave__benefits .benefit-panel--adoption .benefit-panel__summary {
    background-size: 127px 143px;
  }
}
.exceptional-leave__benefits .benefit-panel--adoption .benefit-panel__summary:hover {
  background-color: var(--color-red-500);
  color: var(--color-text-inverse);
}
.exceptional-leave__benefits .benefit-panel--adoption[open] .benefit-panel__summary {
  background-color: var(--color-red-500);
}
.exceptional-leave__benefits .benefit-panel--adoption[open] .benefit-panel__content {
  display: block;
  background-color: var(--color-red-100);
}
.exceptional-leave__benefits .benefit-panel__summary {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  background-color: var(--color-white);
  box-shadow: 0px 3px 6px #00000029;
  height: 122px;
  list-style: none;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  user-select: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: bottom right;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.exceptional-leave__benefits .benefit-panel__summary ::-webkit-details-marker {
  display: none;
}
@media (min-width: 48rem) {
  .exceptional-leave__benefits .benefit-panel__summary {
    height: 165px;
  }
}
.exceptional-leave__benefits .benefit-panel__icon {
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translate(-50%, 0);
  transition: transform 0.3s ease;
}
.exceptional-leave__benefits .benefit-panel__content {
  padding: 20px 25px;
  display: none;
}
@media (min-width: 768px) {
  .dvp-formation {
    padding: 50px 0;
  }
}
.dvp-formation .info-block--dvp .info-block__container {
  display: grid;
}
@media (min-width: 768px) {
  .dvp-formation .info-block--dvp .info-block__container {
    grid-template-columns: 50% 40%;
    grid-auto-rows: auto;
    gap: 0 8%;
  }
}
@media (min-width: 992px) {
  .dvp-formation .info-block--dvp .info-block__container {
    gap: 0 8%;
  }
}
@media (min-width: 768px) {
  .dvp-formation .info-block--dvp .info-block__content {
    width: 100%;
  }
}
.dvp-formation .info-block__image #bubble {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.dvp-formation .info-block__image:hover #bubble {
  opacity: 1;
}
.dvp-formation .info-block .collapsible-table {
  grid-column: span 2;
}
.dvp-formation .collapsible-table {
  margin-block-start: 10px;
}
.dvp-certification .info-block--dvp .info-block__container {
  padding-top: 0;
}
.dvp-certification .collapsible-table--certif {
  margin-block-end: 1.875rem;
}
.dvp-certification .info-block__image #bubbles {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.dvp-certification .info-block__image:hover #bubbles {
  opacity: 1;
}
.career-paths {
  width: 100%;
  margin: 10px 0 50px;
  font-family: Poppin-Regular, Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .career-paths {
    margin: 40px 0 50px;
  }
}
.career-paths__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .career-paths__container {
    flex-direction: row;
    gap: 2.5rem;
  }
}
.career-paths__card {
  background-color: var(--color-white);
  flex: 1;
}
.career-paths__card[open] .career-paths__icon {
  transform: rotate(180deg) translateX(50%);
}
.career-paths__card[open] .career-paths__content {
  display: block;
}
.career-paths__header {
  position: relative;
  padding: 20px;
  cursor: pointer;
  border: 0;
  text-align: center;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 140px;
}
.career-paths__header:before {
  content: "";
  display: block;
  width: 92%;
  height: 52%;
  background-color: #fff;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
}
.career-paths__header::-webkit-details-marker {
  display: none;
}
.career-paths__header:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.career-paths__header--mobility {
  background-color: var(--color-blue-100);
}
.career-paths__header--skills {
  background-color: var(--color-teal-500);
}
.career-paths__header--evolution {
  background-color: var(--color-purple-300);
}
.career-paths__title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  line-height: 1;
  z-index: 4;
  position: relative;
}
@media (min-width: 768px) {
  .career-paths__title {
    font-size: 1.25rem;
  }
}
.career-paths__subtitle {
  margin: 0;
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  z-index: 4;
  position: relative;
}
@media (min-width: 768px) {
  .career-paths__subtitle {
    font-size: 1rem;
  }
}
.career-paths__icon {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  z-index: 1;
  background-color: inherit;
  color: #fff;
}
.career-paths__icon::before {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-top: -4px;
}
.career-paths__content {
  position: relative;
  display: none;
  padding: 2rem 1.5rem 1.25rem;
  box-shadow: 0px 3px 6px #00000029;
  z-index: 4;
}
.career-paths__content strong {
  font-family: Poppin-Bold, Helvetica, Arial, sans-serif;
}
.career-paths__text {
  margin: 0 0 1rem;
  color: var(--color-text-primary);
}
.career-paths__list {
  list-style: square;
  margin: 0 0 1rem;
}
.career-paths__list-item {
  margin-bottom: 1rem;
  color: var(--color-blue-100);
}
.career-paths__cta {
  color: var(--color-text-primary);
  margin: 1.5rem 0 0;
}
.avantages-container {
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
  /* État par défaut - définition du point d'origine de la transformation pour la queue */
  /* Pas d'animation quand il n'y a pas de survol */
  /* Ajoute l'animation lors du survol du chat */
  /* Définition de l'animation de balancement de la queue */
  /* Point d'origine de la transformation pour la rotation du bras */
  /* État initial sans survol - pas de rotation */
  /* Animation lors du survol de l'illustration */
}
@media (min-width: 768px) {
  .avantages-container {
    padding: 40px 0 80px;
    gap: 80px;
  }
}
.avantages-container .info-block:nth-of-type(even) .info-block__container {
  flex-direction: row-reverse;
}
.avantages-container #cseIllustration .info-block__image #bubbles,
.avantages-container #expensesIllustration .info-block__image #bubble,
.avantages-container #supportIllustration .info-block__image #bubble,
.avantages-container #referralIllustration .info-block__image #text-swirl {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.avantages-container #cseIllustration .info-block__image:hover #bubbles,
.avantages-container #expensesIllustration .info-block__image:hover #bubble,
.avantages-container #supportIllustration .info-block__image:hover #bubble,
.avantages-container #referralIllustration .info-block__image:hover #text-swirl {
  opacity: 1;
}
.avantages-container #transportIllustration .info-block__image #open-button {
  transition: fill 0.3s ease-in-out;
}
.avantages-container #transportIllustration .info-block__image:hover #open-button {
  fill: #00aa9b;
}
.avantages-container #cat-tail {
  transform-origin: 265px 260px;
  /* Définit le point de pivot près de là où la queue se connecte au corps */
  transition: transform 0.3s ease;
}
.avantages-container #telework-illustration:not(:hover) #cat-tail {
  transform: rotate(0);
}
.avantages-container #telework-illustration:hover #cat-tail {
  animation: tailSwing 1.5s ease-in-out infinite alternate;
}
@keyframes tailSwing {
  0% {
    transform: rotate(-10deg);
    /* Position de départ: légèrement vers le haut */
  }
  100% {
    transform: rotate(15deg);
    /* Position finale: plus vers le bas */
  }
}
.avantages-container #right-arm {
  /* Ajustement du point de pivot pour correspondre exactement à l'articulation de l'épaule */
  transform-origin: 375px 133px;
  transition: transform 0.3s ease;
  /* Transition douce pour un mouvement naturel */
}
.avantages-container #company-car-illustration:not(:hover) #right-arm {
  transform: rotate(0);
}
.avantages-container #company-car-illustration:hover #right-arm {
  /* Rotation plus légère pour éviter la déconnexion */
  transform: translate(-3px) rotate(-10deg);
}
body.supervisor .accesBSI .access__intro {
  text-align: center;
  font-size: 1.125rem;
}
body.supervisor .accesBSI .access__btn {
  display: none;
  background-color: #0D2498;
  border: 1px solid #0D2498;
  color: #ffffff !important;
  text-decoration: none !important;
  text-align: center;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  width: 215px;
  height: 48px;
  margin: 30px auto 0 auto;
  padding: 12px 30px;
  transition: 0.3s ease-out;
}
body.supervisor .accesBSI .access__btn:hover,
body.supervisor .accesBSI .access__btn:focus,
body.supervisor .accesBSI .access__btn:active {
  background-color: #25C7D6;
  border: 1px solid #0D2498;
  color: #0D2498;
  text-decoration: none;
}
body.supervisor .accesBSI .access__btn--active {
  display: block;
}
body.supervisor .accesBSI .access__container {
  max-width: 675px;
  margin: 0 auto 100px auto;
}
body.supervisor .accesBSI .access__container a {
  text-decoration: underline;
  color: #FD365B;
}
body.supervisor .accesBSI .access__container .autocomplete {
  position: relative;
  display: inline-block;
}
body.supervisor .accesBSI .access__container .autocomplete .autocomplete-results {
  position: absolute;
  border: 1px solid #e7e8e8;
  background-color: #ffffff;
  z-index: 999;
}
body.supervisor .accesBSI .access__container .autocomplete .autocomplete-results.loading {
  background: #ffffff url('images/_Common/loader.gif') white no-repeat;
  background-position: center;
}
body.supervisor .accesBSI .access__container .autocomplete__input--focused {
  outline: 3px solid #25C7D6;
}
body.supervisor .accesBSI .access__search {
  background-color: #F3F1F1;
  margin-top: 30px;
  padding: 25px 50px 50px 50px;
}
@media (max-width: 767px) {
  body.supervisor .accesBSI .access__search {
    padding: 15px;
  }
}
body.supervisor .accesBSI .access__search__label {
  margin-bottom: 15px;
}
body.supervisor .accesBSI .access__search__input {
  padding: 20px 30px;
  width: 100%;
  border: 1px solid #0D2498;
}
body.supervisor .accesBSI .access__noaccess {
  display: table;
  padding: 50px;
}
@media (max-width: 767px) {
  body.supervisor .accesBSI .access__noaccess {
    padding: 15px;
  }
}
body.supervisor .accesBSI .access__noaccess svg,
body.supervisor .accesBSI .access__noaccess .text {
  display: table-cell;
  vertical-align: middle;
}
body.supervisor .accesBSI .access__noaccess svg {
  margin-right: 25px;
}
body.supervisor .espace-manager .dashboards__filters,
body.supervisor .espace-managerN1 .dashboards__filters {
  text-align: center;
  margin-bottom: 45px;
}
body.supervisor .espace-manager .dashboards__filters__listBtn,
body.supervisor .espace-managerN1 .dashboards__filters__listBtn,
body.supervisor .espace-manager .dashboards__filters__datas,
body.supervisor .espace-managerN1 .dashboards__filters__datas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0;
  list-style-type: none;
  gap: 20px;
}
body.supervisor .espace-manager .dashboards__filters__btn,
body.supervisor .espace-managerN1 .dashboards__filters__btn,
body.supervisor .espace-manager .dashboards__filters select,
body.supervisor .espace-managerN1 .dashboards__filters select {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  color: #0D2498;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #0D2498;
  width: 180px;
  height: 40px;
  padding: 5px 15px;
  cursor: pointer;
  transition: 0.3s ease;
}
body.supervisor .espace-manager .dashboards__filters__btn:hover,
body.supervisor .espace-managerN1 .dashboards__filters__btn:hover,
body.supervisor .espace-manager .dashboards__filters select:hover,
body.supervisor .espace-managerN1 .dashboards__filters select:hover,
body.supervisor .espace-manager .dashboards__filters__btn:focus,
body.supervisor .espace-managerN1 .dashboards__filters__btn:focus,
body.supervisor .espace-manager .dashboards__filters select:focus,
body.supervisor .espace-managerN1 .dashboards__filters select:focus {
  background-color: #0D2498;
  color: #ffffff;
}
body.supervisor .espace-manager .dashboards__filters__btn:hover option,
body.supervisor .espace-managerN1 .dashboards__filters__btn:hover option,
body.supervisor .espace-manager .dashboards__filters select:hover option,
body.supervisor .espace-managerN1 .dashboards__filters select:hover option,
body.supervisor .espace-manager .dashboards__filters__btn:focus option,
body.supervisor .espace-managerN1 .dashboards__filters__btn:focus option,
body.supervisor .espace-manager .dashboards__filters select:focus option,
body.supervisor .espace-managerN1 .dashboards__filters select:focus option {
  background-color: #ffffff;
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__filters__btn.active,
body.supervisor .espace-managerN1 .dashboards__filters__btn.active,
body.supervisor .espace-manager .dashboards__filters select.active,
body.supervisor .espace-managerN1 .dashboards__filters select.active {
  background-color: #25C7D6;
  color: #0D2498;
  border: 3px solid #0D2498;
}
body.supervisor .espace-manager .dashboards__filters__legend,
body.supervisor .espace-managerN1 .dashboards__filters__legend {
  border: 0;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__filters__legend,
  body.supervisor .espace-managerN1 .dashboards__filters__legend {
    font-size: 1rem;
  }
}
body.supervisor .espace-manager .dashboards__filters__submit,
body.supervisor .espace-managerN1 .dashboards__filters__submit {
  display: block;
  width: 180px;
  height: 40px;
  background-color: #0D2498;
  color: #ffffff;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  text-align: center;
  border: 1px solid #0D2498;
  margin: 20px auto 0 auto;
  padding: 5px 15px;
  transition: 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__filters__submit,
  body.supervisor .espace-managerN1 .dashboards__filters__submit {
    margin: 10px auto;
  }
}
body.supervisor .espace-manager .dashboards__filters__submit:hover,
body.supervisor .espace-managerN1 .dashboards__filters__submit:hover,
body.supervisor .espace-manager .dashboards__filters__submit:focus,
body.supervisor .espace-managerN1 .dashboards__filters__submit:focus {
  background-color: #ffffff;
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__content__noResult,
body.supervisor .espace-managerN1 .dashboards__content__noResult {
  font-size: 2.25rem;
  line-height: 2.5rem;
  text-align: center;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__content__noResult,
  body.supervisor .espace-managerN1 .dashboards__content__noResult {
    font-size: 1.5rem;
  }
}
body.supervisor .espace-manager .dashboards__synthese,
body.supervisor .espace-managerN1 .dashboards__synthese {
  position: relative;
  display: table;
  margin-bottom: 90px;
  width: 100%;
}
body.supervisor .espace-manager .dashboards__synthese:not(:last-child)::before,
body.supervisor .espace-managerN1 .dashboards__synthese:not(:last-child)::before {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 90%;
  height: 1px;
  background-color: #0D2498;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese:not(:last-child)::before,
  body.supervisor .espace-managerN1 .dashboards__synthese:not(:last-child)::before {
    width: 100%;
  }
}
body.supervisor .espace-manager .dashboards__synthese__title,
body.supervisor .espace-managerN1 .dashboards__synthese__title {
  font-size: 2.1875rem;
  line-height: 2.5rem;
  margin-bottom: 60px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__title,
  body.supervisor .espace-managerN1 .dashboards__synthese__title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-align: center;
  }
}
body.supervisor .espace-manager .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese__icon,
body.supervisor .espace-manager .dashboards__synthese__global,
body.supervisor .espace-managerN1 .dashboards__synthese__global,
body.supervisor .espace-manager .dashboards__synthese__moyenne,
body.supervisor .espace-managerN1 .dashboards__synthese__moyenne,
body.supervisor .espace-manager .dashboards__synthese__mediane,
body.supervisor .espace-managerN1 .dashboards__synthese__mediane {
  display: table-cell;
  vertical-align: top;
}
body.supervisor .espace-manager .dashboards__synthese__icon ul,
body.supervisor .espace-managerN1 .dashboards__synthese__icon ul,
body.supervisor .espace-manager .dashboards__synthese__global ul,
body.supervisor .espace-managerN1 .dashboards__synthese__global ul,
body.supervisor .espace-manager .dashboards__synthese__moyenne ul,
body.supervisor .espace-managerN1 .dashboards__synthese__moyenne ul,
body.supervisor .espace-manager .dashboards__synthese__mediane ul,
body.supervisor .espace-managerN1 .dashboards__synthese__mediane ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 0 0;
  padding: 0;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__icon ul,
  body.supervisor .espace-managerN1 .dashboards__synthese__icon ul,
  body.supervisor .espace-manager .dashboards__synthese__global ul,
  body.supervisor .espace-managerN1 .dashboards__synthese__global ul,
  body.supervisor .espace-manager .dashboards__synthese__moyenne ul,
  body.supervisor .espace-managerN1 .dashboards__synthese__moyenne ul,
  body.supervisor .espace-manager .dashboards__synthese__mediane ul,
  body.supervisor .espace-managerN1 .dashboards__synthese__mediane ul {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
body.supervisor .espace-manager .dashboards__synthese__icon ul li,
body.supervisor .espace-managerN1 .dashboards__synthese__icon ul li,
body.supervisor .espace-manager .dashboards__synthese__global ul li,
body.supervisor .espace-managerN1 .dashboards__synthese__global ul li,
body.supervisor .espace-manager .dashboards__synthese__moyenne ul li,
body.supervisor .espace-managerN1 .dashboards__synthese__moyenne ul li,
body.supervisor .espace-manager .dashboards__synthese__mediane ul li,
body.supervisor .espace-managerN1 .dashboards__synthese__mediane ul li {
  display: inline-block;
  width: 49%;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__icon ul li,
  body.supervisor .espace-managerN1 .dashboards__synthese__icon ul li,
  body.supervisor .espace-manager .dashboards__synthese__global ul li,
  body.supervisor .espace-managerN1 .dashboards__synthese__global ul li,
  body.supervisor .espace-manager .dashboards__synthese__moyenne ul li,
  body.supervisor .espace-managerN1 .dashboards__synthese__moyenne ul li,
  body.supervisor .espace-manager .dashboards__synthese__mediane ul li,
  body.supervisor .espace-managerN1 .dashboards__synthese__mediane ul li {
    text-align: center;
    margin-top: 10px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__icon,
  body.supervisor .espace-managerN1 .dashboards__synthese__icon,
  body.supervisor .espace-manager .dashboards__synthese__global,
  body.supervisor .espace-managerN1 .dashboards__synthese__global,
  body.supervisor .espace-manager .dashboards__synthese__moyenne,
  body.supervisor .espace-managerN1 .dashboards__synthese__moyenne,
  body.supervisor .espace-manager .dashboards__synthese__mediane,
  body.supervisor .espace-managerN1 .dashboards__synthese__mediane {
    display: flex;
    flex-direction: column;
  }
}
body.supervisor .espace-manager .dashboards__synthese__moyenne,
body.supervisor .espace-managerN1 .dashboards__synthese__moyenne,
body.supervisor .espace-manager .dashboards__synthese__mediane,
body.supervisor .espace-managerN1 .dashboards__synthese__mediane {
  display: none;
}
body.supervisor .espace-manager .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese__icon {
  height: 50px;
  width: 50px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__icon,
  body.supervisor .espace-managerN1 .dashboards__synthese__icon {
    margin: 0 auto 10px auto;
    padding-right: 0;
  }
}
body.supervisor .espace-manager .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese__remTitle {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__remTitle,
  body.supervisor .espace-managerN1 .dashboards__synthese__remTitle {
    text-align: center;
  }
}
body.supervisor .espace-manager .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese__value {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__value,
  body.supervisor .espace-managerN1 .dashboards__synthese__value {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
body.supervisor .espace-manager .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese__pct {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__synthese__pct,
  body.supervisor .espace-managerN1 .dashboards__synthese__pct {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
body.supervisor .espace-manager .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese__pct {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
body.supervisor .espace-manager .dashboards__synthese.totrem1 .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem1 .dashboards__synthese__icon {
  color: #F36D03;
}
body.supervisor .espace-manager .dashboards__synthese.totrem1 .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem1 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese.totrem1 .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem1 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese.totrem1 .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem1 .dashboards__synthese__pct {
  color: #F36D03;
}
body.supervisor .espace-manager .dashboards__synthese.totrem2 .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem2 .dashboards__synthese__icon {
  color: #5EA558;
}
body.supervisor .espace-manager .dashboards__synthese.totrem2 .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem2 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese.totrem2 .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem2 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese.totrem2 .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem2 .dashboards__synthese__pct {
  color: #5EA558;
}
body.supervisor .espace-manager .dashboards__synthese.totrem3 .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem3 .dashboards__synthese__icon {
  color: #1D7682;
}
body.supervisor .espace-manager .dashboards__synthese.totrem3 .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem3 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese.totrem3 .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem3 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese.totrem3 .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem3 .dashboards__synthese__pct {
  color: #1D7682;
}
body.supervisor .espace-manager .dashboards__synthese.totrem4 .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem4 .dashboards__synthese__icon {
  color: #7660ED;
}
body.supervisor .espace-manager .dashboards__synthese.totrem4 .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem4 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese.totrem4 .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem4 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese.totrem4 .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem4 .dashboards__synthese__pct {
  color: #7660ED;
}
body.supervisor .espace-manager .dashboards__synthese.totrem5 .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem5 .dashboards__synthese__icon {
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__synthese.totrem5 .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem5 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese.totrem5 .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem5 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese.totrem5 .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem5 .dashboards__synthese__pct {
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__synthese.totrem6 .dashboards__synthese__icon,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem6 .dashboards__synthese__icon {
  color: #25C7D6;
}
body.supervisor .espace-manager .dashboards__synthese.totrem6 .dashboards__synthese__remTitle,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem6 .dashboards__synthese__remTitle,
body.supervisor .espace-manager .dashboards__synthese.totrem6 .dashboards__synthese__value,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem6 .dashboards__synthese__value,
body.supervisor .espace-manager .dashboards__synthese.totrem6 .dashboards__synthese__pct,
body.supervisor .espace-managerN1 .dashboards__synthese.totrem6 .dashboards__synthese__pct {
  color: #25C7D6;
}
body.supervisor .espace-manager .dashboards__chart,
body.supervisor .espace-managerN1 .dashboards__chart {
  position: relative;
  margin-top: 140px;
}
@media (max-width: 991px) {
  body.supervisor .espace-manager .dashboards__chart,
  body.supervisor .espace-managerN1 .dashboards__chart {
    width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__chart,
  body.supervisor .espace-managerN1 .dashboards__chart {
    margin-top: 90px;
    width: 290px;
  }
}
body.supervisor .espace-manager .dashboards__chart #manager-chartjs,
body.supervisor .espace-managerN1 .dashboards__chart #manager-chartjs {
  margin: auto;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__chart #manager-chartjs,
  body.supervisor .espace-managerN1 .dashboards__chart #manager-chartjs {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__chart #manager-chartjs,
  body.supervisor .espace-managerN1 .dashboards__chart #manager-chartjs {
    width: 290px !important;
    height: 290px !important;
  }
}
body.supervisor .espace-manager .dashboards__chart__legend,
body.supervisor .espace-managerN1 .dashboards__chart__legend {
  position: absolute;
  color: #0D2498;
  width: 150px;
}
@media (max-width: 400px) {
  body.supervisor .espace-manager .dashboards__chart__legend,
  body.supervisor .espace-managerN1 .dashboards__chart__legend {
    font-size: 1rem;
  }
}
body.supervisor .espace-manager .dashboards__chart__legend--moyenne,
body.supervisor .espace-managerN1 .dashboards__chart__legend--moyenne {
  top: -75px;
  left: calc(50% + 20px);
  text-align: left;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__chart__legend--moyenne,
  body.supervisor .espace-managerN1 .dashboards__chart__legend--moyenne {
    top: -55px;
  }
}
body.supervisor .espace-manager .dashboards__chart__legend--moyenne::before,
body.supervisor .espace-managerN1 .dashboards__chart__legend--moyenne::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 0;
  height: 150%;
  width: 1px;
  background-color: #0D2498;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__chart__legend--moyenne::before,
  body.supervisor .espace-managerN1 .dashboards__chart__legend--moyenne::before {
    height: 110%;
  }
}
body.supervisor .espace-manager .dashboards__chart__legend--mediane,
body.supervisor .espace-managerN1 .dashboards__chart__legend--mediane {
  top: calc(50% - 60px/2);
  left: 30%;
  text-align: right;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__chart__legend--mediane,
  body.supervisor .espace-managerN1 .dashboards__chart__legend--mediane {
    left: 24%;
  }
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__chart__legend--mediane,
  body.supervisor .espace-managerN1 .dashboards__chart__legend--mediane {
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
body.supervisor .espace-manager .dashboards__chart__legend--mediane::before,
body.supervisor .espace-managerN1 .dashboards__chart__legend--mediane::before {
  content: '';
  position: absolute;
  left: 106%;
  top: 50%;
  height: 1px;
  width: 26%;
  background-color: #0D2498;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__chart__legend--mediane::before,
  body.supervisor .espace-managerN1 .dashboards__chart__legend--mediane::before {
    width: 25%;
  }
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__chart__legend--mediane::before,
  body.supervisor .espace-managerN1 .dashboards__chart__legend--mediane::before {
    left: 50%;
    top: initial;
    height: 50px;
    width: 1px;
    bottom: -53px;
  }
}
body.supervisor .espace-manager .dashboards__aug,
body.supervisor .espace-managerN1 .dashboards__aug {
  position: relative;
  max-width: 375px;
  min-height: 175px;
  margin: 60px auto;
  padding: 50px 20px 40px 60px;
  border: 1px solid #0D2498;
}
body.supervisor .espace-manager .dashboards__aug::before,
body.supervisor .espace-managerN1 .dashboards__aug::before {
  content: "";
  position: absolute;
  top: 0;
  left: 60px;
  width: 1px;
  height: 100%;
  background-color: #0D2498;
}
body.supervisor .espace-manager .dashboards__aug .label-title,
body.supervisor .espace-managerN1 .dashboards__aug .label-title {
  position: absolute;
  top: -24px;
  left: 30px;
  background-color: #0D2498;
  color: #ffffff;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.4375rem;
  padding: 8px 25px;
  text-align: center;
  padding: 10px 8px;
}
body.supervisor .espace-manager .dashboards__aug ul,
body.supervisor .espace-managerN1 .dashboards__aug ul {
  padding-left: 30px;
  list-style-type: none;
}
body.supervisor .espace-manager .dashboards__aug ul li,
body.supervisor .espace-managerN1 .dashboards__aug ul li {
  position: relative;
}
body.supervisor .espace-manager .dashboards__aug ul li::before,
body.supervisor .espace-managerN1 .dashboards__aug ul li::before {
  content: url(../images/6_RemunerationLive/arrow_blue.svg);
  position: absolute;
  top: 0;
  left: -29px;
}
body.supervisor .espace-manager .dashboards__aug ul li:not(:last-child),
body.supervisor .espace-managerN1 .dashboards__aug ul li:not(:last-child) {
  margin-bottom: 30px;
}
body.supervisor .espace-manager .dashboards__aug__value,
body.supervisor .espace-managerN1 .dashboards__aug__value {
  color: #0D2498;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
body.supervisor .espace-manager .dashboards__panel,
body.supervisor .espace-managerN1 .dashboards__panel {
  border: 1px solid #0D2498;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 75px;
}
body.supervisor .espace-manager .dashboards__panel__header,
body.supervisor .espace-managerN1 .dashboards__panel__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px;
  width: 100%;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__panel__header:not(.collapsed),
  body.supervisor .espace-managerN1 .dashboards__panel__header:not(.collapsed) {
    border-bottom: 1px solid #0D2498;
  }
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__panel__header,
  body.supervisor .espace-managerN1 .dashboards__panel__header {
    padding: 15px 50px 15px 15px;
  }
}
body.supervisor .espace-manager .dashboards__panel__header .arrow,
body.supervisor .espace-managerN1 .dashboards__panel__header .arrow {
  position: absolute;
  top: 16px;
  right: 46px;
  transition: 0.1s linear all;
}
@media (min-width: 497px) and (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__panel__header .arrow,
  body.supervisor .espace-managerN1 .dashboards__panel__header .arrow {
    top: 12px;
    right: 24px;
  }
}
@media (max-width: 496px) {
  body.supervisor .espace-manager .dashboards__panel__header .arrow,
  body.supervisor .espace-managerN1 .dashboards__panel__header .arrow {
    top: 24px;
    right: 24px;
  }
}
body.supervisor .espace-manager .dashboards__panel__header.rotate .arrow,
body.supervisor .espace-managerN1 .dashboards__panel__header.rotate .arrow {
  transform: rotate(-90deg);
}
body.supervisor .espace-manager .dashboards__panel__title,
body.supervisor .espace-managerN1 .dashboards__panel__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #0D2498;
  text-transform: uppercase;
  text-align: left;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__panel__title,
  body.supervisor .espace-managerN1 .dashboards__panel__title {
    font-size: 1rem;
  }
}
body.supervisor .espace-manager .dashboards__panel__collapse,
body.supervisor .espace-managerN1 .dashboards__panel__collapse {
  padding: 15px 30px;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__panel__collapse,
  body.supervisor .espace-managerN1 .dashboards__panel__collapse {
    padding: 0;
  }
}
body.supervisor .espace-manager .dashboards__panel__body,
body.supervisor .espace-managerN1 .dashboards__panel__body {
  padding: 0;
}
body.supervisor .espace-manager .dashboards__panel__body table,
body.supervisor .espace-managerN1 .dashboards__panel__body table {
  width: 100%;
}
body.supervisor .espace-manager .dashboards__panel__body table thead,
body.supervisor .espace-managerN1 .dashboards__panel__body table thead {
  background-color: #0D2498;
  color: #ffffff;
}
body.supervisor .espace-manager .dashboards__panel__body table thead th,
body.supervisor .espace-managerN1 .dashboards__panel__body table thead th {
  font-size: 1.0625rem;
  text-align: center;
  height: 38px;
  padding: 5px;
}
body.supervisor .espace-manager .dashboards__panel__body table tbody tr,
body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr {
  /*cursor: pointer; // à remettre quand on aura réparé la fonction de comparaison */
}
body.supervisor .espace-manager .dashboards__panel__body table tbody tr:nth-child(even),
body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr:nth-child(even) {
  background-color: #F3F1F1;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__panel__body table tbody tr th,
  body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr th {
    padding: 10px;
    font-size: 0.875rem;
    background-color: #0D2498;
    color: #ffffff;
    width: 50%;
  }
  body.supervisor .espace-manager .dashboards__panel__body table tbody tr th.last,
  body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr th.last {
    border-bottom: 1px solid #ffffff;
  }
}
body.supervisor .espace-manager .dashboards__panel__body table tbody tr td,
body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr td {
  font-size: 1rem;
  padding: 5px 10px;
  height: 38px;
}
@media (max-width: 1199px) {
  body.supervisor .espace-manager .dashboards__panel__body table tbody tr td,
  body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr td {
    padding: 10px;
    width: 50%;
    text-align: right;
  }
  body.supervisor .espace-manager .dashboards__panel__body table tbody tr td.last,
  body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr td.last {
    border-bottom: 1px solid #0D2498;
  }
}
body.supervisor .espace-manager .dashboards__panel__body table tbody tr.active,
body.supervisor .espace-managerN1 .dashboards__panel__body table tbody tr.active {
  background-color: #25C7D6;
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__indicators,
body.supervisor .espace-managerN1 .dashboards__indicators {
  background: #ffffff linear-gradient(to right, #25C7D6 50%, #F3F1F1 50%);
  padding: 50px 0 30px 0;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__indicators,
  body.supervisor .espace-managerN1 .dashboards__indicators {
    padding: 50px 0 50px 0;
    background: #ffffff linear-gradient(to bottom, #25C7D6 50%, #F3F1F1 50%);
  }
}
body.supervisor .espace-manager .dashboards__indicators__title,
body.supervisor .espace-managerN1 .dashboards__indicators__title {
  font-size: 1.5625rem;
  line-height: 1.875rem;
  margin-bottom: 35px;
}
body.supervisor .espace-manager .dashboards__indicators ul,
body.supervisor .espace-managerN1 .dashboards__indicators ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.supervisor .espace-manager .dashboards__indicators ul li,
body.supervisor .espace-managerN1 .dashboards__indicators ul li {
  margin-bottom: 35px;
}
body.supervisor .espace-manager .dashboards__indicators ul li .bold,
body.supervisor .espace-managerN1 .dashboards__indicators ul li .bold {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__indicators ul li .tooltipBloc,
body.supervisor .espace-managerN1 .dashboards__indicators ul li .tooltipBloc {
  top: 3px;
}
body.supervisor .espace-manager .dashboards__indicators__epargne,
body.supervisor .espace-managerN1 .dashboards__indicators__epargne {
  margin-right: 90px;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__indicators__epargne,
  body.supervisor .espace-managerN1 .dashboards__indicators__epargne {
    margin-right: 0;
  }
}
body.supervisor .espace-manager .dashboards__indicators__epargne ul li,
body.supervisor .espace-managerN1 .dashboards__indicators__epargne ul li {
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__indicators__epargne ul li .bold,
body.supervisor .espace-managerN1 .dashboards__indicators__epargne ul li .bold {
  color: #0D2498;
}
body.supervisor .espace-manager .dashboards__indicators__temps,
body.supervisor .espace-managerN1 .dashboards__indicators__temps {
  margin-left: 90px;
}
@media (max-width: 767px) {
  body.supervisor .espace-manager .dashboards__indicators__temps,
  body.supervisor .espace-managerN1 .dashboards__indicators__temps {
    margin-top: 50px;
    margin-left: 0;
  }
}
body.news {
  height: 100vh;
  /* Responsive */
}
body.news .news-container .news-block {
  min-height: 302px;
}
body.news .news-container .news-block .background {
  position: absolute;
  left: 50%;
  right: 50%;
  width: 100vw;
  min-height: 302px;
  height: 100%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #0D2498;
  z-index: -1;
}
body.news .news-container .news-block .photo {
  max-width: 180px;
  min-height: 302px;
  height: 100%;
  width: 100%;
  float: left;
  margin-right: 30px;
  object-fit: cover;
}
body.news .news-container .news-block:nth-child(even) .background {
  background-color: #25C7D6;
}
body.news .news-container .news-block:nth-child(even) .photo {
  float: right;
  margin-right: 0;
  margin-left: 30px;
}
body.news .news-container .news-block:nth-child(even) .content h3,
body.news .news-container .news-block:nth-child(even) .content .publication-date,
body.news .news-container .news-block:nth-child(even) .content .readMore {
  color: #0D2498;
}
body.news .news-container .news-block .content {
  padding: 50px 0;
  overflow: hidden;
  color: #ffffff;
}
body.news .news-container .news-block .content .publication-date {
  color: #25C7D6;
}
body.news .news-container .news-block .content .readMore {
  float: right;
  text-decoration: underline;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  color: #25C7D6;
}
body.news .news-container .news-block.details .photo {
  min-width: 30%;
  float: left;
  margin-top: 50px;
  margin-right: 100px;
  object-fit: cover;
}
body.news .news-container .news-block.details .content {
  color: #4E4E4E;
}
body.news .news-container .news-block.details .content .publication-date {
  color: #0D2498;
  margin-bottom: 50px;
}
body.news .news-container .pagination {
  float: right;
}
body.news .news-container .pagination a {
  padding: 10px 5px;
}
body.news .news-container .pagination a.active {
  color: #FD365B;
}
@media (max-width: 767px) {
  body.news .news-container .news-block:nth-child(odd) .photo,
  body.news .news-container .news-block:nth-child(even) .photo {
    display: block;
    float: none;
    margin: 0 auto;
    height: 100%;
    min-height: 50px;
    max-width: 100px;
    width: 100%;
    max-width: 300px;
  }
  body.news .news-container .news-block:nth-child(odd) .content,
  body.news .news-container .news-block:nth-child(even) .content {
    overflow: initial;
  }
}
body.remunerationlive {
  /* Responsive */
}
body.remunerationlive .live-data {
  padding-bottom: 100px;
}
body.remunerationlive .live-data h3 {
  padding-bottom: 30px;
}
body.remunerationlive .live-data .legend-block {
  position: relative;
  display: table;
  min-width: 470px;
  margin-top: 25px;
  padding: 20px;
  height: 112px;
  box-shadow: 0px 3px 6px #00000029;
}
body.remunerationlive .live-data .legend-block .icon,
body.remunerationlive .live-data .legend-block .title {
  display: table-cell;
  vertical-align: middle;
}
body.remunerationlive .live-data .legend-block .icon {
  width: 50px;
}
body.remunerationlive .live-data .legend-block .title {
  padding-left: 20px;
  text-transform: uppercase;
}
body.remunerationlive .live-data .legend-block .title .value {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
}
body.remunerationlive .live-data .legend-block.remfix .title .value {
  color: #FD365B;
}
body.remunerationlive .live-data .legend-block.remfix .percent {
  position: absolute;
  right: -100px;
  bottom: calc(50% - 48px/2);
  width: 100px;
  height: 48px;
  background-color: #FD365B;
  color: #ffffff;
  font-size: 1.5625rem;
  text-align: center;
  padding: 6px;
}
@media (max-width: 1199px) {
  body.remunerationlive .live-data .legend-block.remfix .percent {
    right: 20px;
    bottom: calc(-48px/2);
  }
}
body.remunerationlive .live-data .legend-block.remvar .title .value {
  color: #60C260;
}
body.remunerationlive .live-data .legend-block.remvar .percent {
  position: absolute;
  right: -100px;
  bottom: calc(50% - 48px/2);
  width: 100px;
  height: 48px;
  background-color: #60C260;
  color: #ffffff;
  font-size: 1.5625rem;
  text-align: center;
  padding: 6px;
}
@media (max-width: 1199px) {
  body.remunerationlive .live-data .legend-block.remvar .percent {
    right: 20px;
    bottom: calc(-48px/2);
  }
}
body.remunerationlive .live-data .legend-block.autres .title .value {
  color: #948EC8;
}
body.remunerationlive .live-data .legend-block.autres .percent {
  position: absolute;
  right: -100px;
  bottom: calc(50% - 48px/2);
  width: 100px;
  height: 48px;
  background-color: #948EC8;
  color: #ffffff;
  font-size: 1.5625rem;
  text-align: center;
  padding: 6px;
}
@media (max-width: 1199px) {
  body.remunerationlive .live-data .legend-block.autres .percent {
    right: 20px;
    bottom: calc(-48px/2);
  }
}
body.remunerationlive .live-data .legend-block.epsal .title .value {
  color: #1D7682;
}
body.remunerationlive .live-data .legend-block.epsal .percent {
  position: absolute;
  right: -100px;
  bottom: calc(50% - 48px/2);
  width: 100px;
  height: 48px;
  background-color: #1D7682;
  color: #ffffff;
  font-size: 1.5625rem;
  text-align: center;
  padding: 6px;
}
@media (max-width: 1199px) {
  body.remunerationlive .live-data .legend-block.epsal .percent {
    right: 20px;
    bottom: calc(-48px/2);
  }
}
body.remunerationlive .live-data .chart-container {
  position: relative;
  height: 100%;
  max-width: 400px;
  margin: auto;
}
body.remunerationlive .live-data .chart-container #remuneration-chart {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
body.remunerationlive .live-data .chart-container #remuneration-chart .highcharts-series-group .highcharts-series-0 {
  opacity: 0.2;
}
body.remunerationlive .remlive {
  position: relative;
  padding: 50px 0 65px 0;
}
body.remunerationlive .remlive h3 {
  margin-bottom: 50px !important;
}
body.remunerationlive .remlive::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background-color: #25C7D6;
}
body.remunerationlive .remlive .data {
  margin-bottom: 30px;
}
body.remunerationlive .remlive .data .data-sum {
  position: relative;
  width: 100%;
  height: 235px;
  margin-bottom: 60px;
  padding: 25px 30px;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
}
body.remunerationlive .remlive .data .data-sum .icon {
  height: 50px;
  margin-bottom: 20px;
}
body.remunerationlive .remlive .data .data-sum .icon svg {
  display: block;
  margin: auto;
}
body.remunerationlive .remlive .data .data-sum .title {
  text-transform: uppercase;
  text-align: center;
}
body.remunerationlive .remlive .data .data-sum .value {
  position: absolute;
  left: 30px;
  bottom: calc(-68px/2);
  height: 68px;
  width: calc(100% - 60px);
  text-align: center;
  color: #ffffff;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  padding: 12px 5px;
}
body.remunerationlive .remlive .data .months {
  display: flex;
  flex-direction: column-reverse;
}
body.remunerationlive .remlive .data .months .data-for-month {
  width: calc(100% - 60px);
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 5px 10px;
}
body.remunerationlive .remlive .data .months .data-for-month .month-value {
  font-size: 1.5625rem;
}
body.remunerationlive .remlive .data.remfix .data-sum .value {
  background-color: #FD365B;
}
body.remunerationlive .remlive .data.remfix .data-for-month {
  border: 1px solid #FD365B;
}
body.remunerationlive .remlive .data.remfix .data-for-month .month-value {
  color: #FD365B;
}
body.remunerationlive .remlive .data.remvar .data-sum .value {
  background-color: #60C260;
}
body.remunerationlive .remlive .data.remvar .data-for-month {
  border: 1px solid #60C260;
}
body.remunerationlive .remlive .data.remvar .data-for-month .month-value {
  color: #60C260;
}
body.remunerationlive .remlive .data.autres .data-sum .value {
  background-color: #948EC8;
}
body.remunerationlive .remlive .data.autres .data-for-month {
  border: 1px solid #948EC8;
}
body.remunerationlive .remlive .data.autres .data-for-month .month-value {
  color: #948EC8;
}
body.remunerationlive .remlive .data.epsal .data-sum .value {
  background-color: #1D7682;
}
body.remunerationlive .remlive .data.epsal .data-for-month {
  border: 1px solid #1D7682;
}
body.remunerationlive .remlive .data.epsal .data-for-month .month-value {
  color: #1D7682;
}
body.remunerationlive .remlive .remglo {
  position: relative;
  background-color: #C1EBEF;
  min-height: 175px;
  margin: 100px 8px 0 8px;
  padding: 50px 30px 30px 30px;
}
body.remunerationlive .remlive .remglo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 115px;
  width: 1px;
  height: 100%;
  background-color: #0D2498;
}
body.remunerationlive .remlive .remglo .label-title {
  position: absolute;
  top: -24px;
  left: 30px;
  background-color: #0D2498;
  color: #ffffff;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.52rem;
  padding: 8px 25px;
  text-align: center;
  padding: 10px 8px;
}
body.remunerationlive .remlive .remglo ul {
  padding-left: 105px;
  list-style-type: none;
}
body.remunerationlive .remlive .remglo ul li {
  position: relative;
}
body.remunerationlive .remlive .remglo ul li .value {
  color: #0D2498;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
}
body.remunerationlive .remlive .remglo ul li::before {
  content: url(/images/6_RemunerationLive/arrow_blue.svg);
  position: absolute;
  top: 7px;
  left: -19px;
}
body.remunerationlive .temps-epargne {
  background: #ffffff linear-gradient(to right, #0D2498 50%, #F3F1F1 50%);
  padding: 55px 0 95px 0;
}
body.remunerationlive .temps-epargne .encart {
  position: relative;
  padding: 50px 45px 20px 45px;
  margin-top: 40px;
}
body.remunerationlive .temps-epargne .encart .label-title {
  position: absolute;
  top: -24px;
  left: 20px;
  background-color: #ffffff;
  color: #0D2498;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  padding: 8px 25px;
  text-align: center;
}
body.remunerationlive .temps-epargne .encart .smaller {
  font-size: 1rem;
}
body.remunerationlive .temps-epargne .temps {
  color: #ffffff;
  padding-right: 90px;
}
body.remunerationlive .temps-epargne .temps h3 {
  margin-bottom: 60px;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container {
  margin-bottom: 30px;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container .title {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  padding-left: 15px;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container .title svg {
  position: relative;
  left: -15px;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container .amount,
body.remunerationlive .temps-epargne .temps .barGraph .graph-container .details {
  text-align: right;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container .bar-container {
  background-color: #ffffff;
  border-radius: 45px;
  width: 100%;
  height: 51px;
  margin: 10px;
  padding: 9px;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container .bar-container .bar {
  height: 100%;
  border-radius: 25px;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container.cp .amount .bold {
  color: #25C7D6;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container.cp .bar-container .bar {
  background-color: #25C7D6;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container.rtt .amount .bold {
  color: #E66F89;
}
body.remunerationlive .temps-epargne .temps .barGraph .graph-container.rtt .bar-container .bar {
  background-color: #E66F89;
}
body.remunerationlive .temps-epargne .temps .encart {
  background-color: #4051A9;
}
body.remunerationlive .temps-epargne .epargne {
  padding-left: 50px;
}
body.remunerationlive .temps-epargne .epargne .timeline {
  margin-top: 70px;
}
body.remunerationlive .temps-epargne .epargne .timeline ul {
  position: relative;
  padding-left: 155px;
  list-style-type: none;
}
body.remunerationlive .temps-epargne .epargne .timeline ul::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 130px;
  width: 3px;
  height: 98%;
  background-color: #0D2498;
}
body.remunerationlive .temps-epargne .epargne .timeline ul li {
  position: relative;
  margin: 60px 0;
  font-size: 1.125rem;
}
body.remunerationlive .temps-epargne .epargne .timeline ul li span {
  position: absolute;
  top: 0;
  left: -200px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  color: #0D2498;
  text-transform: uppercase;
  text-align: right;
  width: 130px;
}
body.remunerationlive .temps-epargne .epargne .timeline ul li span::before {
  content: url(images/6_RemunerationLive/icon_bullet.svg);
  position: absolute;
  top: 0;
  right: -61px;
}
body.remunerationlive .temps-epargne .epargne .timeline ul li span.edge::before {
  content: url(images/6_RemunerationLive/icon_bullet_edge.svg);
  top: 3px;
  right: -56px;
}
body.remunerationlive .temps-epargne .epargne .encart {
  background-color: #B9BED4;
  color: #0D2498;
}
@media (max-width: 1199px) {
  body.remunerationlive .live-data .legend-block {
    margin-top: 40px;
  }
  body.remunerationlive .live-data .chart-container {
    position: relative;
    height: 100%;
  }
  body.remunerationlive .live-data .chart-container #remuneration-chart {
    position: initial;
    margin: 80px auto 0 auto;
  }
}
@media (max-width: 767px) {
  body.remunerationlive .live-data .legend-block {
    width: 100%;
    min-width: 150px;
    height: 112px;
    padding: 20px 20px 30px 20px;
  }
  body.remunerationlive .remlive .remglo {
    padding: 80px 30px 30px 30px;
  }
  body.remunerationlive .remlive .remglo::before {
    content: none;
  }
  body.remunerationlive .remlive .remglo .label-title {
    left: 30px;
    right: 30px;
  }
  body.remunerationlive .remlive .remglo ul {
    padding-left: 0;
  }
  body.remunerationlive .remlive .remglo ul li::before {
    content: none;
  }
  body.remunerationlive .temps-epargne {
    background: #ffffff linear-gradient(to bottom, #0D2498 43%, #F3F1F1 43%);
    padding: 0;
  }
  body.remunerationlive .temps-epargne .encart {
    padding: 50px 20px 20px 20px;
    margin-top: 50px;
  }
  body.remunerationlive .temps-epargne .encart.long {
    padding: 80px 20px 20px 20px;
  }
  body.remunerationlive .temps-epargne .encart .label-title {
    left: 20px;
    right: 20px;
    font-size: 1.125rem;
  }
  body.remunerationlive .temps-epargne .encart .smaller {
    font-size: 1rem;
  }
  body.remunerationlive .temps-epargne .temps {
    padding: 50px 15px;
  }
  body.remunerationlive .temps-epargne .temps .bar-container {
    margin: 10px 0 !important;
  }
  body.remunerationlive .temps-epargne .epargne {
    padding: 50px 15px;
    margin-top: 30px;
  }
  body.remunerationlive .temps-epargne .epargne .timeline {
    margin-top: 0;
  }
  body.remunerationlive .temps-epargne .epargne .timeline ul {
    padding-left: 50px;
  }
  body.remunerationlive .temps-epargne .epargne .timeline ul::before {
    left: 25px;
    height: 94%;
  }
  body.remunerationlive .temps-epargne .epargne .timeline ul li {
    margin: 60px 0;
  }
  body.remunerationlive .temps-epargne .epargne .timeline ul li span {
    display: block;
    position: initial;
    text-align: left;
    width: 100%;
  }
  body.remunerationlive .temps-epargne .epargne .timeline ul li span::before {
    right: 0;
    left: -60px;
  }
  body.remunerationlive .temps-epargne .epargne .timeline ul li span.edge::before {
    right: 0;
    left: -33px;
  }
}
body.quizz {
  height: 100vh;
}
body.quizz .pageQuizz {
  margin-bottom: 75px;
}
body.quizz .pageQuizz .blocQuizzs {
  margin-bottom: 30px;
}
body.quizz .pageQuizz .blocQuizzs .quizzTitle {
  display: none;
}
body.quizz .pageQuizz .blocQuizzs .avancement {
  font-size: 2.25rem;
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
  color: #0D2498;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  body.quizz .pageQuizz .blocQuizzs .avancement {
    font-size: 1.75rem;
  }
}
body.quizz .pageQuizz .blocQuizzs .question {
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
  border-bottom: 0;
  width: fit-content;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  body.quizz .pageQuizz .blocQuizzs .question {
    font-size: 1rem;
  }
}
body.quizz .pageQuizz .blocQuizzs .question:focus,
body.quizz .pageQuizz .blocQuizzs .question:focus-visible,
body.quizz .pageQuizz .blocQuizzs .question:active {
  border-bottom: 2px solid #0D2498;
  outline: none;
  padding-bottom: 3px;
}
body.quizz .pageQuizz .blocQuizzs .desc {
  margin-top: 10px;
}
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul {
  list-style: none;
  padding: 10px 0 0 0;
}
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li {
  margin: 0;
  line-height: 1.25rem;
  position: relative;
}
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li label {
  padding-left: 10px;
  font-weight: normal;
  vertical-align: middle;
}
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li input,
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li label,
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li span {
  display: inline;
  margin: auto;
  vertical-align: middle;
}
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li .validation {
  vertical-align: middle;
  display: none;
}
body.quizz .pageQuizz .blocQuizzs .desc .reponses ul li.selected .validation {
  margin-left: 15px;
  display: inline-block;
}
body.quizz .pageQuizz .blocQuizzs #nav {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 767px) {
  body.quizz .pageQuizz .blocQuizzs #nav {
    justify-content: space-evenly;
  }
}
body.quizz .pageQuizz .blocQuizzs #nav #prev,
body.quizz .pageQuizz .blocQuizzs #nav #next {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #0D2498;
  font-family: Gotham-Medium, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  text-transform: uppercase;
  padding: 15px;
  border: 1px solid #0D2498;
}
@media (max-width: 767px) {
  body.quizz .pageQuizz .blocQuizzs #nav #prev,
  body.quizz .pageQuizz .blocQuizzs #nav #next {
    width: 45%;
    max-width: 200px;
  }
}
body.quizz .pageQuizz .blocQuizzs #nav #prev:hover,
body.quizz .pageQuizz .blocQuizzs #nav #next:hover,
body.quizz .pageQuizz .blocQuizzs #nav #prev:focus,
body.quizz .pageQuizz .blocQuizzs #nav #next:focus {
  background: #0D2498;
  color: #ffffff;
}
body.quizz .pageQuizz .blocQuizzs .intitule {
  margin: 20px 0 0 0;
  text-transform: uppercase;
  font-style: italic;
}
body.quizz .pageQuizz .blocQuizzs .intitule img {
  display: none;
}
body.quizz .pageQuizz .blocQuizzs .intitule.vrai {
  color: #5F812E;
}
body.quizz .pageQuizz .blocQuizzs .intitule.faux {
  color: #DF0201;
}
body.quizz .pageQuizz .blocQuizzs .resultats .legende .titre {
  width: 50%;
  float: left;
}
body.quizz .pageQuizz .blocQuizzs .resultats .legende .titre img {
  float: left;
  margin-top: 4px;
}
body.quizz .pageQuizz .blocQuizzs .resultats .legende .titre p.vAlign {
  margin-left: 20px;
}
body.quizz .pageQuizz .blocQuizzs .resultats #chartResultatQuizz {
  min-height: 300px;
}
body.quizz .pageQuizz .blocQuizzs .primaryColor {
  visibility: hidden;
  color: #5F812E;
}
body.quizz .pageQuizz .blocQuizzs .secondaryColor {
  visibility: hidden;
  color: #DF0201;
}
body.profile {
  min-height: 100vh;
}
body.profile .profile-content {
  margin-bottom: 75px;
}
body.profile .profile-content .form-group {
  margin: 0 0 20px 0;
}
body.profile .profile-content .btn-validate {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  min-width: 200px;
  padding: 5px 10px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  text-align: center;
  color: #ffffff;
  background-color: #0D2498;
  border: none;
  transition: 0.3s ease-out;
  margin-left: 5px;
}
body.profile .profile-content .btn-validate:hover,
body.profile .profile-content .btn-validate:focus {
  background-color: #25C7D6;
}
body.profile .profile-content .btn-validate.white {
  background-color: #ffffff;
  color: #0D2498;
  border: 1px solid #0D2498;
}
body.profile .profile-content .btn-validate--center {
  float: none;
  margin: auto;
}
.plateforme main {
  padding-bottom: 0 !important;
  height: 100vh;
}
.plateforme main .row-flex {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .plateforme main .row-flex {
    margin-bottom: 0;
  }
}
.plateforme .row-flex {
  display: flex;
}
@media (max-width: 767px) {
  .plateforme .row-flex {
    display: initial;
  }
}
.plateforme .row-flex [class*='col-md'],
.plateforme .row-flex [class*='col-lg'] {
  display: flex;
}
.plateforme__content {
  min-height: 100%;
  background-color: #F2F2F2;
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.plateforme__header {
  height: auto;
  position: static;
  display: block;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 2px solid #c8c8c8;
  margin-bottom: 30px;
  padding: 20px 0;
  z-index: 10;
}
.plateforme__header__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.plateforme__header__message {
  display: flex;
  justify-content: center;
  color: #DA3B39;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .plateforme__header__message {
    justify-content: flex-end;
    width: 100%;
  }
}
.plateforme__title {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 0 0 30px 0;
  font-size: 1.5rem;
  text-align: center;
}
.plateforme__title--big {
  font-size: 2.8125rem;
}
.plateforme__image {
  display: block;
  width: 100%;
  max-width: 450px;
  margin-top: 20px auto 0 auto;
}
.plateforme__svg {
  margin-bottom: 10px;
  stroke: #ffffff;
}
.plateforme__svg--fill {
  fill: #ffffff;
}
.plateforme__left,
.plateforme__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px;
  height: 100%;
  width: 100%;
}
.plateforme__left--first {
  background-color: #5A5A5A;
  align-items: flex-start;
}
.plateforme__left--second {
  background-color: #DA3B39;
}
.plateforme__right--first {
  background-color: #645ECC;
}
.plateforme__right--second {
  background-color: #5A5A5A;
}
.plateforme__button {
  padding: 15px 35px;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  word-break: break-word;
  hyphens: none;
  margin-top: 20px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  transition: 0.3s ease;
}
.plateforme__button--primary {
  color: #5A5A5A;
}
.plateforme__button--primary:hover,
.plateforme__button--primary:focus {
  background-color: #5A5A5A;
  color: #ffffff;
}
.plateforme__button--tertiary {
  color: #645ECC;
}
.plateforme__button--tertiary:hover,
.plateforme__button--tertiary:focus {
  background-color: #645ECC;
  color: #ffffff;
}
.plateforme__footer {
  display: flex;
  justify-content: center;
}
.plateforme__mentions {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  color: #5A5A5A;
  margin: 20px 0;
}
.plateforme__mentions:hover,
.plateforme__mentions:focus {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
}
.plan {
  margin-bottom: 100px;
}
.plan h2 {
  color: #4E4E4E;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
}
.plan ul {
  padding-left: 0;
}
.plan ul li {
  margin-bottom: 18px;
  color: #4E4E4E;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.plan ul li a,
.plan ul li button {
  color: #4E4E4E;
  font-family: Gotham-Book, Helvetica, Arial, sans-serif;
  text-decoration: underline;
}
.plan ul li a:hover,
.plan ul li button:hover,
.plan ul li a:focus,
.plan ul li button:focus {
  font-family: Gotham-Bold, Helvetica, Arial, sans-serif;
  color: #0D2498;
}
.plan ul li a:focus,
.plan ul li button:focus {
  outline-offset: 2px;
  border-radius: 2px;
}
.plan__level1 {
  list-style-type: none;
  margin-bottom: 50px;
}
.plan__level2 {
  list-style-type: none;
}
.plan__level2 li:before {
  content: "-";
  padding-right: 8px;
}
/* "Vieux" less pas encore repris */
.calendar .calendar-part {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 156px);
}
@media screen and (max-width: 767px) {
  .calendar .calendar-part {
    min-height: calc(100vh - 116px);
  }
}
.calendar .calendar-part .left-part {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 785px;
  height: 100%;
  width: 50%;
  background-image: url('../../images/12_Calendrier/photo.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.calendar .calendar-part .left-part .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #0D2498;
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .calendar .calendar-part .container {
    height: 785px;
  }
}
.calendar .calendar-part .container h1.pageTitle {
  margin-top: 30px;
  margin-right: -15px;
  font-weight: normal;
  color: white;
  font-size: 2.25rem;
  border-bottom: solid 1px white;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .calendar .calendar-part .container h1.pageTitle {
    color: #0D2498;
    border-bottom: solid 1px #0D2498;
  }
}
.calendar .calendar-part .container .rightCol {
  padding-left: 70px;
}
.calendar .calendar-part .container #timeline {
  list-style: none;
  position: relative;
  margin: 50px auto;
  width: 90%;
}
.calendar .calendar-part .container #timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 4px;
  background-color: #000000;
  left: 50%;
  margin-left: -2px;
}
.calendar .calendar-part .container #timeline .clearFix {
  clear: both;
  height: 0;
}
.calendar .calendar-part .container #timeline .timeline-movement {
  position: relative;
  margin-bottom: 30px;
}
.calendar .calendar-part .container #timeline .timeline-movement.timeline-movement-top {
  height: 50px;
  margin-bottom: 75px;
  margin-top: 65px;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-item {
  font-weight: bold;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-item.left {
  padding-right: 25px;
  text-align: right;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-item:not(.left) {
  padding-left: 25px;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-badge {
  color: #fff;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12px;
  background-color: #FD365B;
  z-index: 6;
  border-radius: 50%;
  border: 4px solid #ffffff;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-badge.timeline-filter-movement a span {
  color: #000000;
  font-size: 1.3em;
  top: -1px;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-badge.timeline-future-movement {
  background-color: #000000;
  border: 20px solid #ffffff;
  color: #ffffff;
  height: 120px;
  width: 120px;
  font-size: 1.7em;
  top: -20px;
  margin-left: -60px;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-badge.timeline-future-movement p {
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  top: 24px;
  left: 16px;
}
.calendar .calendar-part .container #timeline .timeline-movement .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: 0.9em;
  top: 0;
  left: 1px;
}
.calendar .calendar-part .container #timeline .timeline-movement.current .timeline-badge:before {
  content: ' ';
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -12px;
  background: none;
  z-index: -1;
  border-radius: 50%;
  border: 1px solid #FD365B;
}
.calendar .calendar-part .container #timeline .timeline-movement.event .timeline-badge {
  content: ' ';
  width: 35px;
  height: 35px;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -18px;
  background-color: #0D2498;
  z-index: 6;
  border-radius: 50%;
}
.calendar .calendar-part .container .clear {
  clear: both;
}
.password {
  position: relative;
}
.password input[type="password"] {
  padding-right: 30px;
}
.password .glyphicon,
#password2 .glyphicon {
  display: none;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.pdfShow {
  display: none !important;
}
/* BarGraph */
.bar-graph > .left {
  width: 100%;
  height: 1em;
  background-color: #C1EBEF;
}
.bar-graph > .left .right {
  float: right;
  height: 1em;
  background-color: #C1EBEF;
}
.bar-graph .valeur .left {
  float: left;
  color: #C1EBEF;
}
.bar-graph .valeur .right {
  float: right;
  color: #C1EBEF;
}
.bsi-horizontal-barchart {
  width: 200px;
  margin: 5px auto;
}
.bsi-horizontal-barchart .left,
.bsi-horizontal-barchart .right {
  height: 20px;
  display: inline-block;
}
.bsi-horizontal-barchart .left {
  background-color: #0D2498;
}
.bsi-horizontal-barchart .right {
  background-color: #E7E9F4;
}
.retourbsi {
  position: fixed;
  top: 350px;
  right: 0;
  width: 180px;
  height: 60px;
  z-index: 999;
}
.retourbsi a {
  display: block;
  width: 100%;
  height: 60px;
  padding: 12px 10px 10px 50px;
  font-family: helveticaBold, Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  color: #ffffff;
  text-decoration: none;
  background: #ffffff url(../../images/_Common/return.png) no-repeat #0D2498;
  background-position: 10px 10px;
}
.retourbsi a:hover,
.retourbsi a:focus {
  height: 60px;
  background: #ffffff url(../../images/_Common/return.png) no-repeat;
  color: #0D2498;
  background-position: 6px 6px;
  border: 4px solid #0D2498;
  text-decoration: none;
  padding-top: 8px;
  padding-left: 46px;
}