html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* COLOR */
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("webfonts/Ubuntu-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
* {
  box-sizing: border-box;
  font-family: "Ubuntu", "Arial", sans-serif;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  font-family: "DINPro", "Arial", sans-serif;
  display: flex;
  flex-direction: column;
}

body {
  display: flex;
  flex-direction: column;
  background-color: #F6F6F6;
  height: auto;
}

header {
  position: sticky;
  top: 0;
  z-index: 10;
}

main {
  flex: 1;
}

.blkTitle {
  padding: 40px;
  background-color: #ffffff;
  width: fit-content;
}
.blkTitle h1 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  font-size: 3.2rem;
  color: #272936;
  font-weight: 700;
}
.blkTitle h1 em {
  color: #0070AD;
  font-weight: 400;
}

header #menu__toggle, header #menu__btn {
  display: none;
}
header > nav {
  padding: 8px 100px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), #12ABDB;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}
header > nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header > nav ul li {
  padding: 5px 0;
}
header > nav ul li a {
  color: #0070AD;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
}
header > nav ul li a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #0070AD;
  transition: 0.3s ease-in-out;
  margin-top: 5px;
}
header > nav ul li a:hover::after {
  width: 100%;
}
header > nav ul li a.active {
  font-weight: 700;
}

.titleNavBanner {
  padding: 20px 40px;
  background: linear-gradient(90deg, #272936 0%, #0070AD 100%);
  width: fit-content;
  margin-left: 100px;
  position: relative;
  font-size: 2.4rem;
  color: #12ABDB;
  font-weight: 400;
  position: relative;
  z-index: 1;
  margin-top: -48px;
}
.titleNavBanner strong {
  color: #ffffff;
}

.fastNav {
  padding: 40px 180px;
}
.fastNav ul {
  display: flex;
  flex-direction: row !important;
  justify-content: space-around;
  align-items: center;
}
.fastNav ul li {
  width: 30%;
  border: 1px solid #173340;
  position: relative;
  transition: 0.2s ease;
}
.fastNav ul li a {
  padding: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #173340;
  justify-content: center;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s ease;
}
.fastNav ul li a:after {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/arrow.svg");
  display: none;
}
.fastNav ul li::before {
  content: "" !important;
  display: none !important;
}
.fastNav ul li:hover {
  background-color: #173340;
}
.fastNav ul li:hover a {
  color: #ffffff;
  justify-content: space-between;
}
.fastNav ul li:hover a::after {
  display: block;
}

.headerTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: 16px 100px;
  border-bottom: 1px solid #0070AD;
}
.headerTop a {
  background: linear-gradient(93deg, #0070AD 0.06%, #12ABDB 100.06%);
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  transition: 0.3s ease;
  text-decoration: none;
  white-space: nowrap;
}
.headerTop a:hover {
  background: #272936;
}

b, strong {
  font-weight: 700 !important;
}

p {
  font-weight: 400;
  font-size: 1.6rem;
}

.evitement {
  z-index: 10000;
  top: 0;
  position: fixed;
  overflow: hidden;
  width: 1px;
  height: 1px;
  display: inline-block;
  white-space: nowrap;
}

.filAriane {
  margin-bottom: 40px;
}
.filAriane ul {
  display: flex;
  gap: 10px;
  padding-left: 100px;
}
.filAriane ul a {
  color: #0070AD;
}

.hide {
  display: none !important;
}

.hors-ecran {
  position: absolute;
  left: -99999rem;
}

.index header {
  padding-inline: 100px;
}
.index header {
  position: initial;
}
.index main {
  background: linear-gradient(97deg, #00B0E3 -0.37%, rgba(0, 28, 75, 0) 49.73%), url("https://assets-esop.capgemini.com/xnet/2025/images/background_index.jpg") lightgray 50%/cover no-repeat;
  background-size: cover;
  min-height: calc(100vh - 57px);
  height: 753px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 100px;
}
.index main .ctIndex {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.index main .shapeIndex {
  position: absolute;
  right: 0;
}
.index main .ctListCountry {
  background-color: #C8E7F1;
  border: 20px solid #C8E7F1;
  max-height: 400px;
  overflow: auto;
  width: calc(100% - 280px);
  margin-inline: 140px;
  margin-top: -60px;
  padding-right: 20px;
  z-index: 100;
}
.index main .ctListCountry ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.index main .ctListCountry ul li {
  background-color: #ffffff;
  padding: 8px;
  transition: 0.3s ease;
}
.index main .ctListCountry ul li a {
  color: #272936;
  text-decoration: none;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  transition: 0.3s ease;
}
.index main .ctListCountry ul li:hover {
  background-color: #272936;
}
.index main .ctListCountry ul li:hover a {
  color: #ffffff;
}

.esop {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.esop .esopHeader {
  padding: 0 100px;
}
.esop p {
  color: #272936;
}
.esop h2 {
  padding: 40px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  font-size: 3.2rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
  margin-inline: 100px;
}
.esop ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.esop ul li {
  position: relative;
  padding-left: 40px;
  color: #ffffff;
  font-size: 1.6rem;
}
.esop ul li::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/arrow_green.svg");
  display: inline-block;
  margin-right: 20px;
  position: absolute;
  left: 0px;
}
.esop h3 {
  font-size: 3.2rem;
  font-weight: 700;
  color: #ffffff;
}
.esop h3 em {
  font-weight: 300;
  font-style: italic;
}
.esop a.btnCyan {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  color: #173340;
  gap: 10px;
  background-color: #00BFBF;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
  width: fit-content;
}
.esop a.btnCyan::after {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/arrow_saphir.svg");
  display: block;
  width: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.esop a.btnCyan:hover::after {
  width: 21px;
}
.esop .big {
  font-size: 3.2rem;
  font-weight: 700;
}
.esop .bgDarkGrey {
  padding: 100px 100px 40px 100px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: -95px;
  overflow: hidden;
  height: auto;
}
.esop .bgDarkGrey > div {
  padding-inline: 80px;
}
.esop .toPartcipate {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.esop .toPartcipate em {
  color: #ffffff;
  font-weight: 400;
  font-style: normal;
}
.esop .howMunchInvest {
  display: flex;
  gap: 40px;
}
.esop .howMunchInvest > div span {
  color: #00E6E3;
  font-size: 1.6rem;
  font-weight: 700;
}
.esop .howMunchInvest > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.esop .howMunchInvest > div:nth-child(2) {
  background: rgba(0, 230, 227, 0.3);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #ffffff;
  font-size: 1.6rem;
  width: 100%;
}
.esop .howMunchInvest > div:nth-child(2) p {
  color: #ffffff !important;
}
.esop .howMunchInvest > div:nth-child(2) em {
  font-style: italic;
}
.esop .bgPeacook {
  background-color: #0F434A;
  margin-top: -40px;
  padding: 40px 180px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
}
.esop .bgPeacook > div {
  padding-inline: 60px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.esop .bgPeacook > div:nth-of-type(2) .headerHowParticipate span::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/picto_revocation_how_participate.svg");
}
.esop .bgPeacook .headerHowParticipate {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
}
.esop .bgPeacook .headerHowParticipate span {
  background-color: #0F878A;
  display: block;
  padding: 4px;
  font-size: 1.2rem;
}
.esop .bgPeacook .headerHowParticipate span::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/picto_res_how_participate.svg");
  display: block;
  position: absolute;
  left: -60px;
  top: -10px;
}
.esop .bgPeacook p {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 400px;
}
.esop .bgPeacook li {
  list-style: disc;
  margin-left: 20px;
  padding-left: 0;
}
.esop .bgPeacook li::before {
  content: "";
  margin-right: 0;
}
.esop .howPaid {
  padding: 40px 180px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #336B7D;
  margin-top: -40px;
}
.esop .overSubscription {
  background: linear-gradient(180deg, #272936 13.06%, rgba(39, 41, 54, 0.5) 48.04%, #272936 83.34%), url("https://assets-esop.capgemini.com/xnet/2025/images/img_over_subscription.jpg") lightgray 50%/cover no-repeat;
  padding: 40px 180px;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.esop .overSubscription h3 {
  color: #00929B;
  font-size: 3.2rem;
  font-weight: 700;
}
.esop .overSubscription p {
  font-weight: 400;
  color: #ffffff;
  font-size: 1.6rem;
}
.esop .bgGradientLightBlue {
  background: linear-gradient(180deg, #016EAA 0%, #C8E7F1 42.58%), #C8E7F1;
  padding: 100px 100px 40px 100px;
  margin-top: -95px;
}
.esop .bgGradientLightBlue .calculateGainVideo {
  margin-inline: 80px;
  margin-top: 40px;
}
.esop h3.vibrantBlue {
  color: #12ABDB;
  font-size: 3.2rem;
  font-weight: 700;
}
.esop .startOperation {
  padding: 40px 180px;
  background-color: #272936;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.esop .startOperation p, .esop .startOperation li {
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: 700;
}
.esop .startOperation p strong, .esop .startOperation li strong {
  display: inline-block;
  padding: 4px;
  background-color: #ffffff;
  color: #12ABDB;
  font-weight: 700;
}
.esop .lockup {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), #C8E7F1;
  padding: 40px 180px;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.esop .lockup .fastNav {
  padding-inline: 0;
}
.esop .lockup h4 {
  font-size: 2rem;
  font-weight: 700;
  color: #0070AD;
}
.esop .lockup li {
  color: #272936;
}
.esop .lockup > ul li {
  display: flex;
  align-items: flex-start;
  align-content: center;
}
.esop .lockup > ul li:first-child::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/cours_sup.svg");
}
.esop .lockup > ul li:last-child::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/cours_inf.svg");
}
.esop .lockup .bigInfo {
  color: #0070AD;
  font-size: 3.2rem;
  font-weight: 700;
}
.esop .lockup .lockupCalc {
  padding: 20px 40px;
  border: 1px solid #0070AD;
  font-weight: 700;
  color: #0070AD;
  font-size: 1.6rem;
}
.esop .unblocking {
  background: #C8E7F1;
  padding: 40px 180px;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.esop .unblocking > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.esop .unblocking > div ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.esop .unblocking > div ul li {
  display: flex;
  align-items: flex-start;
  align-content: center;
  color: #272936;
}
.esop .unblocking > div ul li:first-child::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/picto_protect.svg");
}
.esop .unblocking > div ul li:last-child::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/picto_protect_up.svg");
}
.esop .unblockingCase {
  padding: 40px 100px;
  margin-top: -95px;
}
.esop .unblockingCase .unblockingCaseList {
  padding: 40px;
  padding-top: 60px;
  overflow-y: hidden;
}
.esop .unblockingCase .unblockingCaseList ol {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.esop .unblockingCase .unblockingCaseList ol li {
  margin-left: 40px;
}
.esop .unblockingCase .unblockingCaseList ol li::marker {
  color: #00929B;
  font-weight: 700;
}
.esop .unblockingCase .unblockingCaseList ol strong {
  color: #00929B;
}

.home {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.home > div {
  padding: 0 100px;
}
.home .homeVideo {
  text-align: center;
  margin-top: -20px;
}
.home .bgLightBlue {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 80px 100px;
}
.home .bgLightBlue h2 {
  color: #0070AD;
  font-size: 3.2rem;
  font-weight: 700;
  padding-left: 100px;
}
.home .bgLightBlue .advantages > ul {
  display: flex;
  gap: 40px;
}
.home .bgLightBlue .advantages > ul > li {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #ffffff;
  padding: 20px;
  align-items: flex-start;
  width: 100%;
}
.home .bgLightBlue .advantages > ul > li .bigTitle {
  color: #00BFBF;
  font-size: 3.2rem;
  font-weight: 700;
}
.home .bgLightBlue .advantages > ul > li p {
  color: #0070AD;
  font-size: 1.6rem;
  font-weight: 400;
}
.home .bgLightBlue .advantages > ul > li img {
  transition: 0.3s ease;
}
.home .bgLightBlue .toNote {
  margin-inline: 100px;
}
.home .bgLightBlue .toNote > ul {
  display: flex;
}
.home .bgLightBlue .toNote > ul > li:first-child {
  background-color: #173340;
  padding: 20px;
  color: #ffffff;
  font-size: 1.6rem;
}
.home .bgLightBlue .toNote > ul > li:last-child {
  background-color: #338091;
  padding: 20px 40px;
  width: 100%;
}
.home .bgLightBlue .toNote > ul > li:last-child ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.home .bgLightBlue .toNote > ul > li:last-child ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.6rem;
}
.home .bgLightBlue .toNote > ul > li:last-child ul li::before {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/arrow_green.svg");
  display: block;
}
.home .keyDate h2 {
  width: fit-content;
  padding: 40px;
  background-color: #C8E7F1;
  color: #0070AD;
  font-size: 3.2rem;
  font-weight: 700;
  margin-left: 60px;
}
.home .keyDate ul {
  display: flex;
  gap: 20px;
  margin-top: -20px;
}
.home .keyDate ul li {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
}
.home .keyDate ul li .headerKeyDate {
  background-color: #12ABDB;
  color: #ffffff;
  display: block;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 4px;
}
.home .keyDate ul li p {
  color: #272936;
  font-size: 2rem;
  font-weight: 700;
}

.actionnariat_capgemini {
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.actionnariat_capgemini > div:not(.blkTitle) {
  margin: 0 100px;
}
.actionnariat_capgemini > div:not(.blkTitle):nth-child(2) {
  display: flex;
  gap: 20px;
  padding: 40px;
  margin-top: -70px;
  background-color: #0070AD;
}
.actionnariat_capgemini > div:not(.blkTitle):nth-child(2) p {
  color: #ffffff;
}
.actionnariat_capgemini > div:not(.blkTitle):nth-child(2) > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.actionnariat_capgemini > div:not(.blkTitle):nth-child(2) > div:last-child {
  color: #12ABDB;
  text-align: right;
  font-size: 3.2rem;
  font-weight: 700;
}
.actionnariat_capgemini > div:not(.blkTitle):nth-child(3) {
  display: flex;
  gap: 20px;
  background-color: #ffffff;
}
.actionnariat_capgemini > div:not(.blkTitle):nth-child(3) > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px;
}
.actionnariat_capgemini .figureHeader {
  padding: 20px 40px;
  color: #ffffff;
  font-weight: 700;
  color: #ffffff;
  font-size: 3.2rem;
  margin: 0;
}
.actionnariat_capgemini .figureMain {
  background: rgba(18, 171, 219, 0.2);
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.actionnariat_capgemini .figureMain p {
  color: #0070AD;
  font-weight: 700;
}
.actionnariat_capgemini .figureMain em {
  color: #12ABDB;
  font-style: normal;
}
.actionnariat_capgemini .figureMain ul {
  display: flex;
  gap: 40px;
}
.actionnariat_capgemini .figureMain ul li {
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.actionnariat_capgemini .figureMain .titleBig {
  font-size: 3.2rem;
  color: #0070AD;
  font-weight: 700;
}
.actionnariat_capgemini .figureMain .titleSmall {
  font-size: 2rem;
  color: #0070AD;
  font-weight: 700;
  margin-bottom: 20px;
}
.actionnariat_capgemini .figureMain .mainBig {
  font-size: 2rem;
  color: #12ABDB;
  font-weight: 700;
}
.actionnariat_capgemini .figureMain .mainSmall {
  font-size: 1.2rem;
  color: #0070AD;
  font-weight: 400;
}

.documentation {
  padding: 0 100px;
}
.documentation ul {
  margin-inline: 140px;
  margin-top: -30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.documentation ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #C8E7F1;
  padding: 10px 18px;
  font-weight: 400;
  font-size: 1.6rem;
  color: #030F40;
}
.documentation ul li div {
  display: flex;
  gap: 8px;
}
.documentation ul li a {
  display: block;
  background-color: #ffffff;
  padding: 4px 8px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #0070AD;
  text-decoration: none;
  transition: 0.3s ease;
}
.documentation ul li a:hover {
  background-color: #0070AD;
  color: #ffffff;
}

.faq {
  padding: 0 100px;
}
.faq .ctFaq {
  position: relative;
}
.faq .ctFaq > ul {
  margin-inline: 100px;
  margin-top: -30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.faq .ctFaq > ul li:focus-within div {
  display: flex;
  flex-direction: column;
}
.faq .ctFaq > ul li:focus-within button {
  color: #ffffff;
  background-color: #0070AD;
  font-weight: 700;
}
.faq .ctFaq > ul li:focus-within button::after {
  opacity: 1;
}
.faq .ctFaq > ul button {
  max-width: 420px;
  width: 100%;
  color: #030F40;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: #C8E7F1;
  border: 0;
  padding: 10px;
  text-align: left;
  transition: 0.3s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faq .ctFaq > ul button:hover {
  color: #ffffff;
  background-color: #0070AD;
}
.faq .ctFaq > ul button:hover:after {
  opacity: 1;
}
.faq .ctFaq > ul button:after {
  content: url("https://assets-esop.capgemini.com/xnet/2025/images/arrow.svg");
  display: block;
  opacity: 0;
  transition: 0.2s ease;
}
.faq .ctFaq > ul li > div {
  background-color: #ffffff;
  padding: 20px;
  display: none;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  right: 100px;
  top: 0;
  width: calc(100% - 660px);
  height: 100%;
  overflow: auto;
}
.faq .ctFaq > ul li > div > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq .ctFaq > ul li > div p, .faq .ctFaq > ul li > div li {
  color: #0070AD;
  font-size: 1.6rem;
}
.faq .ctFaq > ul li > div li {
  margin-left: 40px;
}
.faq .ctFaq > ul li > div ul li {
  list-style: disc;
}
.faq .ctFaq > ul li > div h3 {
  color: rgba(18, 171, 219, 0.5);
  font-size: 3.2rem;
  font-weight: 700;
}

.contact {
  padding: 0 100px;
}
.contact ul {
  margin-inline: 100px;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: -30px;
}
.contact ul li {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact ul li .title {
  font-size: 3.2rem;
  font-weight: 700;
}
.contact ul li p {
  color: #12ABDB;
  font-size: 2rem;
  font-weight: 700;
}
.contact ul li .contactLink {
  padding: 20px;
  background-color: #ffffff;
  color: #0070AD;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.contact ul li .contactLink a {
  color: #0070AD;
  font-size: 1.6rem;
}
.contact ul li:first-child {
  background: linear-gradient(90deg, #272936 0%, #0070AD 100%);
}
.contact ul li:first-child .title {
  color: #ffffff;
}
.contact ul li:last-child {
  background: #C8E7F1;
}
.contact ul li:last-child .title {
  color: rgba(18, 171, 219, 0.5);
}
.contact ul li:last-child p {
  color: #0070AD;
}
.contact ul li:last-child p:last-of-type {
  font-weight: 400;
  font-size: 1.6rem;
}
.contact .contactFcpeSar {
  padding: 20px;
  background-color: #ffffff;
  color: #0070AD;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.contact .contactFcpeSar a {
  color: #0070AD;
}

.simulator {
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.simulator .simulatorHeader {
  margin-top: -60px;
}
.simulator form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.simulator .ctStepSim {
  padding: 20px;
  background-color: #ffffff;
  margin-inline: 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.simulator .ctStepSim h2 {
  color: #272936;
  font-weight: 700;
  font-size: 2rem;
}
.simulator .ctStepSim ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.simulator .ctStepSim ul li {
  color: #0070AD;
  font-size: 1rem;
}
.simulator .ctStepSim ul li b, .simulator .ctStepSim ul li strong {
  font-size: 1.6rem;
}
.simulator .ctStepSim ul li:first-child {
  width: 75%;
}
.simulator .ctStepSim ul li:last-child {
  width: 25%;
}
.simulator .ctStepSim .blkBlueBack {
  padding: 20px;
  background-color: #C8E7F1;
}
.simulator .ctStepSim .blkBlueBorder {
  padding: 20px;
  border: 1px solid #0070AD;
}
.simulator .ctStepSim input {
  width: 100%;
  text-align: right;
  padding: 6px 8px;
  color: #0070AD;
  font-size: 1.6rem;
  background-color: #ffffff;
  border-radius: 8px;
  border: 0;
  font-weight: 400;
}
.simulator .ctStepSim .champ_out {
  font-weight: 700;
}
.simulator .ctStepSim p {
  color: #12ABDB;
}
.simulator .ctStepSim .simulatorTwoBlocks {
  display: flex;
  gap: 20px;
  align-items: stretch;
}
.simulator .ctStepSim .simulatorTwoBlocks li {
  width: 100% !important;
  background-color: #C8E7F1;
  padding: 20px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.simulator .ctStepSim .simulatorTwoBlocks li input {
  width: 190px;
  text-align: center;
  margin: auto;
}
.simulator .ctStepSim .ui-slider-handle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid #272936;
  background-color: #C8E7F1;
  top: -5px;
}

.siteMap {
  padding: 0px 100px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.siteMap ul {
  margin-inline: 100px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.siteMap ul li {
  list-style: disc;
}
.siteMap ul li a {
  color: #0070AD;
  font-size: 1.6rem;
  font-weight: 400;
}

.mentions_legales {
  padding: 0px 100px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.mentions_legales ul {
  margin-inline: 100px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mentions_legales ul li {
  list-style: disc;
  font-size: 1.6rem;
}
.mentions_legales ul li a {
  color: #0070AD;
  font-weight: 400;
}
.mentions_legales h2 {
  color: #272936;
  font-size: 3.2rem;
  font-weight: 700;
}
.mentions_legales .ctMentionsLegales {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-inline: 100px;
}

.teal {
  color: #00929B !important;
}
.teal p {
  color: #00929B !important;
}

.big {
  font-size: 2rem;
}

.bgLightBlue {
  background-color: #C8E7F1;
}

.bgDarkGrey {
  background-color: #272936;
}

.bgGradient {
  padding: 40px;
  background: linear-gradient(90deg, #272936 0%, #0070AD 100%);
  font-size: 1.6rem;
  color: #ffffff;
  margin-top: -20px;
  margin-inline: 100px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bgGradient p {
  color: #ffffff;
}

footer {
  padding: 20px 100px;
  background: linear-gradient(93deg, #0070AD 0.06%, #12ABDB 100.06%);
  margin-top: 80px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  color: #ffffff;
}
footer ul {
  display: flex;
  gap: 10px;
}
footer ul li, footer ul a {
  color: #ffffff;
  text-decoration: none;
}

.small {
  font-size: 1rem;
}

/*# sourceMappingURL=styles.css.map */
/* --- Fix overflow video home --- */
.home .homeVideo,
.home .homeVideo .videoWrapper {
  max-width: 100%;
  overflow: hidden;
}

/* Important: contraint la largeur du <video> */
.home .homeVideo video {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Wrapper responsive 16:9 */
.home .homeVideo .videoWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}

/* La vidéo remplit le wrapper */
.home .homeVideo .videoWrapper video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}