/*          border: transparent;

Theme Name: sincrone-group
Theme URI: https://www.labonneagence.com/
Author: LA Bonne Agence
Author URI: https://www.labonneagence.com/
Description: A custom theme by La Bonne Agence.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sincrone-group
Tags: custom-layout, acf-blocks, responsive
*/
/* MAINS SCSS FILE TO IMPORT DEPENDENCIES */
/* BASE STYLE AND VARIABLES */
.boxed-l {
  padding-inline: max(128px, 6.666vw);
}
@media (max-width: 768px) {
  .boxed-l {
    padding-inline: max(24px, 1.25vw);
  }
}

.boxed {
  padding-inline: max(96px, 5vw);
}
@media (max-width: 768px) {
  .boxed {
    padding-inline: max(24px, 1.25vw);
  }
}

@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/sincrone-group/ressources/fonts/FiraSans-Regular.ttf") format("TrueType");
}
@font-face {
  font-family: "Fira Sans Medium";
  src: url("/wp-content/themes/sincrone-group/ressources/fonts/FiraSans-Medium.ttf") format("TrueType");
}
@font-face {
  font-family: "Fira Sans Bold";
  src: url("/wp-content/themes/sincrone-group/ressources/fonts/FiraSans-Bold.ttf") format("TrueType");
}
/* latin-ext */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Fira Sans Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Fira Sans Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Fira Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Fira Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**
 * label ( font-family, size-desk, size-mobile, weight, line-height-desk, line-height-mobile, letter-spacing )
 */
span, a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  text-underline-offset: max(4px, 0.208vw);
}
a > img {
  width: 100%;
}

img {
  max-width: 100%;
}

.site-main > img {
  width: 100%;
}

/* LAYOUTS AND STRUCTURES */
.offre-demploi {
  padding: max(48px, 2.5vw) max(96px, 5vw) 0;
}
.offre-demploi .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: max(48px, 2.5vw);
  flex-direction: row;
}
.offre-demploi .flex h1 {
  font-family: "Fira Sans";
  font-size: max(48px, 2.5vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: initial;
  color: #0F1D3E;
}
@media (max-width: 771px) {
  .offre-demploi .flex h1 {
    font-size: 28px;
    line-height: 1.1;
  }
}
.offre-demploi .flex > div {
  display: flex;
  flex-direction: column;
  gap: max(16px, 0.833vw);
}
.offre-demploi .flex > div div {
  display: flex;
  flex-direction: row;
  gap: max(32px, 1.666vw);
  color: #0D2558;
  font-family: "Fira Sans";
  font-size: max(16px, 0.833vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .offre-demploi .flex > div div {
    font-size: 16px;
    line-height: 1.25;
  }
}
.offre-demploi .flex .contract-type,
.offre-demploi .flex .location,
.offre-demploi .flex .experience {
  position: relative;
  display: flex;
  align-items: center;
  gap: max(8px, 0.416vw);
}
.offre-demploi .flex .contract-type:before,
.offre-demploi .flex .location:before,
.offre-demploi .flex .experience:before {
  content: "";
  width: max(24px, 1.25vw);
  height: max(24px, 1.25vw);
  background: #64C0DB;
}
.offre-demploi .flex .contract-type:before {
  mask-image: url("./ressources/images/file-text.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.offre-demploi .flex .location:before {
  mask-image: url("./ressources/images/map-pin.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.offre-demploi .flex .experience:before {
  mask-image: url("./ressources/images/medal.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.offre-demploi .flex .button {
  background: #64C0DB;
  text-transform: uppercase;
  color: #0F1D3E;
  border-radius: max(4px, 0.208vw);
  padding: max(16px, 0.833vw) max(24px, 1.25vw);
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .offre-demploi .flex .button {
    font-size: 14px;
    line-height: 1;
  }
}
.offre-demploi .flex .button:hover {
  text-decoration: none;
}
.offre-demploi .company, .offre-demploi .mission, .offre-demploi .profile {
  padding: max(72px, 3.75vw) 0;
  display: flex;
  flex-direction: column;
  gap: max(24px, 1.25vw);
}
.offre-demploi .soft-skills {
  background: #ECF1FA;
  min-height: max(772px, 40.208vw);
  flex-direction: row;
  margin-left: calc(-1 * max(96px, 5vw));
  margin-right: calc(-1 * max(96px, 5vw));
}
.offre-demploi .soft-skills > div:first-of-type {
  justify-content: center;
  padding-left: max(96px, 5vw);
  width: 50%;
}
.offre-demploi .soft-skills > div:first-of-type h2 {
  font-family: "Fira Sans";
  font-size: max(48px, 2.5vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: initial;
  color: #0F1D3E;
  width: 50%;
}
@media (max-width: 771px) {
  .offre-demploi .soft-skills > div:first-of-type h2 {
    font-size: 28px;
    line-height: 1.1;
  }
}
.offre-demploi .soft-skills > div:first-of-type div {
  padding-top: max(64px, 3.333vw);
  flex-direction: row;
  flex-wrap: wrap;
  gap: max(48px, 2.5vw);
}
.offre-demploi .soft-skills > div:first-of-type div > p {
  width: calc(50% - max(24px, 1.25vw));
}
.offre-demploi .soft-skills > div:first-of-type div > p span {
  display: block;
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: initial;
  color: #0592F6;
  margin-bottom: max(16px, 0.833vw);
}
@media (max-width: 771px) {
  .offre-demploi .soft-skills > div:first-of-type div > p span {
    font-size: 20px;
    line-height: 1.3;
  }
}
.offre-demploi .soft-skills > div:last-of-type {
  width: 50%;
  background: black;
}
@media (max-width: 768px) {
  .offre-demploi {
    padding: max(48px, 2.5vw) max(24px, 1.25vw) 0;
  }
  .offre-demploi .flex {
    flex-direction: column;
    gap: max(24px, 1.25vw);
  }
  .offre-demploi .flex div {
    flex-direction: column;
    gap: max(32px, 1.666vw);
  }
  .offre-demploi .flex div div {
    flex-direction: column;
    gap: max(16px, 0.833vw);
  }
  .offre-demploi .flex .button {
    width: calc(100% - max(48px, 2.5vw));
    text-align: center;
  }
  .offre-demploi .company, .offre-demploi .mission, .offre-demploi .profile {
    padding: max(32px, 1.666vw) 0;
  }
  .offre-demploi .soft-skills {
    min-height: initial;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin-left: -24px;
    margin-right: -24px;
  }
  .offre-demploi .soft-skills > div:first-of-type {
    padding: max(32px, 1.666vw) max(24px, 1.25vw);
  }
  .offre-demploi .soft-skills > div:first-of-type div {
    padding-top: max(32px, 1.666vw);
    gap: max(24px, 1.25vw);
  }
  .offre-demploi .soft-skills > div:first-of-type div > p {
    width: 100%;
  }
  .offre-demploi .soft-skills .background:last-of-type {
    width: 100%;
    height: 375px;
  }
  .offre-demploi h3 {
    font-family: "Fira Sans";
    font-size: max(28px, 1.458vw);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: initial;
  }
}
@media (max-width: 768px) and (max-width: 771px) {
  .offre-demploi h3 {
    font-size: 18px;
    line-height: 1.1;
  }
}

.background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  body {
    font-size: 16px;
    line-height: 1.3;
  }
}

ul {
  list-style: disc;
}

div {
  display: flex;
  flex-direction: column;
}

.row {
  display: flex;
  flex-direction: row;
}

img.background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}

div:has(> img.background) {
  position: relative;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6, ul, p {
  margin-block: 0;
  color: #0F1D3E;
}

h1, .h1 {
  font-family: "Fira Sans Bold";
  font-size: max(46px, 2.395vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  h1, .h1 {
    font-size: 28px;
    line-height: 1.2;
  }
}

h2, .h2 {
  font-family: "Fira Sans Bold";
  font-size: max(40px, 2.083vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  h2, .h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}

h3, .h3 {
  font-family: "Fira Sans Bold";
  font-size: max(24px, 1.25vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  h3, .h3 {
    font-size: 20px;
    line-height: 1.2;
  }
}

h4, .h4 {
  font-family: "Fira Sans";
  font-size: max(24px, 1.25vw);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  h4, .h4 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.bg-blue {
  background-color: #0F1D3E;
}
.bg-blue * {
  color: rgb(255, 255, 255);
}

.bg-gris {
  background-color: #ECF1FA;
}

.blue-underline {
  color: #64C0DB;
}

.blue-electric {
  color: #0592F6;
}

.wp-block-column * {
  padding-inline: 0;
}

.wp-block-column.is-layout-flow {
  gap: max(24px, 1.25vw);
  justify-content: center;
}
.wp-block-column.is-layout-flow.haut {
  justify-content: start;
}
.wp-block-column.is-layout-flow.bas {
  justify-content: end;
}

.wp-block-columns {
  margin: 0;
}
.wp-block-columns .wp-block-image {
  margin: 0;
  width: 100%;
}
.wp-block-columns .wp-block-image img {
  width: inherit;
}

.wp-block-columns.is-layout-flex {
  flex-direction: row;
  gap: max(80px, 4.166vw);
  padding-block: max(24px, 1.25vw);
}
@media (max-width: 1100px) {
  .wp-block-columns.is-layout-flex {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .wp-block-columns.is-layout-flex {
    gap: max(40px, 2.083vw);
    padding-block: max(24px, 1.25vw);
  }
}

article {
  display: flex;
  flex-direction: column;
}
article > p {
  padding-inline: max(96px, 5vw);
}
@media (max-width: 768px) {
  article > p {
    padding-inline: max(24px, 1.25vw);
  }
}
article .entry-content > p {
  padding-inline: max(96px, 5vw);
}
@media (max-width: 768px) {
  article .entry-content > p {
    padding-inline: max(24px, 1.25vw);
  }
}

.mobile-only {
  display: none;
}

@media (max-width: 767px) {
  .mobile-only {
    display: flex;
  }
  .laptop-only {
    display: none;
  }
}
.mobile-l-only {
  display: none;
}

@media (max-width: 1370px) {
  .mobile-l-only {
    display: flex;
  }
  .laptop-s-only {
    display: none;
  }
}
.remove-scroll {
  overflow-y: hidden;
}

.main-404 {
  display: flex;
  flex: 1;
  align-items: center;
}

.error-404 {
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding-block: 56px;
}
@media (max-width: 768px) {
  .error-404 {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .error-404 .page-title {
    font-size: 32px;
  }
}
.error-404 a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .error-404 a {
    font-size: 14px;
    line-height: 1;
  }
}
.error-404 a:hover, .error-404 a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}

#page {
  min-height: 100svh;
}

.wrapper-wysiwyg {
  gap: max(32px, 1.666vw);
}

.grecaptcha-badge {
  display: none !important;
}

.site-header {
  z-index: 10;
  background-color: #0F1D3E;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1370px) {
  .site-header {
    display: initial;
  }
}
.site-header .laptop-s-only {
  flex: 1;
}
.site-header .laptop-s-only .container-links li a {
  color: rgb(255, 255, 255);
}
.site-header .laptop-s-only .container-links .submenu-link a {
  color: #BFCADE;
}
.site-header .laptop-s-only .container-links .submenu-link a:hover {
  color: rgb(255, 255, 255);
}
.site-header .links-mobile {
  transition: height 0.3s ease-in-out;
  background-color: #10224B;
  transform-origin: top;
  padding: 0;
  overflow: hidden;
  height: 0;
}
.site-header .links-mobile.is-active {
  height: 100svh !important;
}
.site-header .links-mobile ul {
  padding-left: 0;
  color: rgb(255, 255, 255);
}
.site-header .links-mobile a:hover {
  text-decoration: none;
}
.site-header .links-mobile li {
  list-style: none;
}
.site-header .links-mobile .container-links {
  flex-direction: column;
  position: relative;
  right: 0;
  transition: right 0.3s ease-out;
  padding-inline: max(24px, 1.25vw);
  padding-block: max(16px, 0.833vw);
}
.site-header .links-mobile .container-links.is-sliding {
  right: 100%;
}
.site-header .links-mobile .container-links .menu-link .wrapper-second-lvl {
  padding-inline: max(24px, 1.25vw);
  padding-block: max(16px, 0.833vw);
}
.site-header .links-mobile .container-links .menu-link .back {
  font-family: "Fira Sans Medium";
  font-size: max(13px, 0.677vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: initial;
  cursor: pointer;
  width: fit-content;
  border-bottom: none;
  color: #64C0DB;
  text-transform: uppercase;
  padding-block: max(8px, 0.416vw);
  gap: max(4px, 0.208vw);
}
@media (max-width: 771px) {
  .site-header .links-mobile .container-links .menu-link .back {
    font-size: 13px;
    line-height: 1;
  }
}
.site-header .links-mobile .container-links .menu-link .back::before {
  content: url("/wp-content/themes/sincrone-group/ressources/images/right-blue.svg");
  transform: rotate(180deg);
}
.site-header .links-mobile .container-links .menu-link .back .all-sublinks {
  gap: max(16px, 0.833vw);
}
.site-header .links-mobile .container-links .menu-link:has(.has-submenu) .first-link {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.site-header .links-mobile .container-links .menu-link:has(.has-submenu) .first-link:after {
  content: url("/wp-content/themes/sincrone-group/ressources/images/right-white.svg");
  display: flex;
}
.site-header .links-mobile .container-links .menu-link .first-link {
  padding-block: max(16px, 0.833vw);
  width: 100%;
  cursor: pointer;
}
.site-header .links-mobile .container-links .menu-link .submenu-title {
  font-family: "Fira Sans Bold";
  font-size: max(40px, 2.083vw);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  pointer-events: none;
}
@media (max-width: 771px) {
  .site-header .links-mobile .container-links .menu-link .submenu-title {
    font-size: 22px;
    line-height: 1.2;
  }
}
.site-header .links-mobile .container-links .menu-link:not(.is-open) > ul {
  display: none !important;
}
.site-header .links-mobile .container-links .menu-link ul {
  width: 100%;
  display: flex;
}
.site-header .links-mobile .container-links .menu-link, .site-header .links-mobile .container-links .menu-link > ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.0509803922);
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.site-header .links-mobile .container-links .menu-link .submenu-link, .site-header .links-mobile .container-links .menu-link > ul li .submenu-link {
  padding-right: 0;
  width: 100%;
}
.site-header .links-mobile .container-links .menu-link .submenu-link a, .site-header .links-mobile .container-links .menu-link > ul li .submenu-link a {
  padding-block: max(16px, 0.833vw);
}
.site-header .links-mobile .container-links .menu-link .submenu-link .lastmenu-link, .site-header .links-mobile .container-links .menu-link > ul li .submenu-link .lastmenu-link {
  display: flex;
}
.site-header .links-mobile .container-links .menu-link.has-child ul, .site-header .links-mobile .container-links .menu-link > ul li.has-child ul {
  display: flex;
  position: absolute;
  left: 100%;
  flex-direction: column;
  top: 0;
}
.site-header .wrapper-head {
  gap: 80px;
}
.site-header .wrapper-head .logo-header {
  height: 68px;
  width: auto;
}
@media (max-width: 1370px) {
  .site-header .wrapper-head .logo-header {
    height: 44px;
  }
}
.site-header .wrapper-head .container-links {
  display: flex;
  flex-direction: row;
  gap: max(4px, 0.208vw);
}
.site-header .wrapper-head .container-links.l-side {
  justify-content: end;
}
.site-header .wrapper-head .container-links.r-side {
  justify-content: start;
}
.site-header .wrapper-head .container-links .menu-link {
  align-content: center;
}
.site-header .wrapper-head .container-links .submenu-link {
  position: relative;
}
.site-header .wrapper-head .container-links .submenu-link a {
  padding-right: 100px;
}
.site-header .wrapper-head .container-links .has-submenu::after {
  content: url("/wp-content/themes/sincrone-group/ressources/images/right-blue.svg");
  display: flex;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
}
.site-header .wrapper-head ul ul {
  display: none;
  position: static;
}
.site-header .menu-link.active > ul {
  display: block;
}
.site-header .submenu-link:hover > ul {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
}
.site-header .menu-link > ul,
.site-header .submenu-link > ul {
  display: none;
}
.site-header .menu-link.is-open > ul,
.site-header .submenu-link.is-hovered > ul {
  display: block;
  position: absolute;
}
.site-header .wrapper-head {
  height: max(147px, 7.656vw);
  gap: 48px;
  flex-direction: row;
  align-items: center;
  overflow-y: hidden;
}
@media (max-width: 1370px) {
  .site-header .wrapper-head {
    justify-content: space-between;
    height: 84px;
    box-sizing: border-box;
    padding-block: max(20px, 1.041vw);
    padding-inline: max(24px, 1.25vw);
  }
}
.site-header .wrapper-head a:has(img) {
  padding: 0;
}
.site-header .wrapper-head .is-open > a, .site-header .wrapper-head .submenu-link, .site-header .wrapper-head .lastmenu-link {
  background: #132550;
}
.site-header .wrapper-head .lastmenu-link a {
  width: max-content;
}
.site-header .wrapper-head li {
  list-style: none;
}
.site-header .wrapper-head ul {
  padding-left: 0;
}
.site-header .wrapper-head a {
  font-family: "Fira Sans Medium";
  font-size: max(16px, 0.833vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  padding: max(24px, 1.25vw);
  color: #BFCADE;
  display: block;
  height: auto;
  width: max-content;
}
@media (max-width: 771px) {
  .site-header .wrapper-head a {
    font-size: 16px;
    line-height: 1;
  }
}
.site-header .wrapper-head a:hover {
  text-decoration: none;
}

.breadcrumbs {
  padding: max(16px, 0.833vw) max(96px, 5vw);
  border-bottom: max(1px, 0.052vw) solid #DDE5F4;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.breadcrumbs div:first-of-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: max(16px, 0.833vw);
}
.breadcrumbs div:first-of-type .bc-link {
  padding-right: max(32px, 1.666vw);
  position: relative;
  font-family: "Fira Sans";
  font-size: max(14px, 0.729vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  color: #0F1D3E;
}
@media (max-width: 771px) {
  .breadcrumbs div:first-of-type .bc-link {
    font-size: 14px;
    line-height: 1;
  }
}
.breadcrumbs div:first-of-type .bc-link:after {
  content: "";
  background: url("./ressources/images/caret-right.svg") center no-repeat;
  background-size: contain;
  width: max(16px, 0.833vw);
  height: max(16px, 0.833vw);
  position: absolute;
  top: calc(50% - max(8px, 0.416vw));
  right: 0;
}
.breadcrumbs div:first-of-type .bc-link:hover {
  text-decoration: none;
}
.breadcrumbs div:first-of-type .bc-current {
  font-family: "Fira Sans";
  font-size: max(14px, 0.729vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  color: #0F1D3E;
}
@media (max-width: 771px) {
  .breadcrumbs div:first-of-type .bc-current {
    font-size: 14px;
    line-height: 1;
  }
}
.breadcrumbs > div:not(:first-of-type) {
  align-items: center;
  gap: max(16px, 0.833vw);
}
.breadcrumbs > div:not(:first-of-type) span {
  text-transform: uppercase;
  font-family: "Fira Sans Medium";
  font-size: max(13px, 0.677vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .breadcrumbs > div:not(:first-of-type) span {
    font-size: 13px;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .breadcrumbs > div:not(:first-of-type) {
    display: none;
  }
}
@media (max-width: 768px) {
  .breadcrumbs {
    padding: max(16px, 0.833vw) max(24px, 1.25vw);
  }
  .breadcrumbs div:first-of-type {
    gap: 2px;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
    white-space: nowrap;
  }
  .breadcrumbs div:first-of-type .bc-link {
    padding-right: 18px;
    min-width: max-content;
  }
  .breadcrumbs div:first-of-type .bc-current {
    min-width: max-content;
  }
}

footer {
  background-color: #0F1D3E;
  justify-content: center;
}
footer .wrapper-footer {
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  gap: max(64px, 3.333vw);
  padding-block: max(96px, 5vw);
}
@media (max-width: 1525px) {
  footer .wrapper-footer {
    flex-direction: column;
    padding-block: max(48px, 2.5vw);
  }
}
footer .wrapper-footer .logo {
  max-width: 225px;
}
footer .wrapper-footer .l-side {
  gap: max(32px, 1.666vw);
}
footer .wrapper-footer .l-side .bottom-el {
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  footer .wrapper-footer .l-side .bottom-el {
    gap: max(24px, 1.25vw);
  }
}
footer .wrapper-footer .l-side .bottom-el .contact {
  padding-right: max(24px, 1.25vw);
  border-right: 1px solid #64C0DB;
}
footer .wrapper-footer .l-side .bottom-el .contact .button {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  footer .wrapper-footer .l-side .bottom-el .contact .button {
    font-size: 14px;
    line-height: 1;
  }
}
footer .wrapper-footer .l-side .bottom-el .contact .button:hover, footer .wrapper-footer .l-side .bottom-el .contact .button.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
footer .wrapper-footer .l-side .bottom-el .socials {
  padding-left: max(24px, 1.25vw);
  flex-direction: row;
  gap: max(12px, 0.625vw);
}
@media (max-width: 768px) {
  footer .wrapper-footer .l-side .bottom-el .socials {
    padding-left: 0;
  }
}
footer .wrapper-footer .l-side .bottom-el .socials a {
  display: flex;
  align-items: center;
}
footer .wrapper-footer .l-side .bottom-el .socials a img {
  width: 42px;
  height: auto;
}
footer .wrapper-footer .r-side {
  justify-content: end;
}
footer .wrapper-footer .r-side .wrapper-individual {
  flex-direction: row;
  gap: max(80px, 4.166vw);
  padding-top: max(24px, 1.25vw);
}
@media (max-width: 1100px) {
  footer .wrapper-footer .r-side .wrapper-individual {
    flex-direction: column;
    gap: max(40px, 2.083vw);
  }
}
footer .wrapper-footer .r-side .wrapper-individual .individual {
  gap: max(24px, 1.25vw);
}
footer .wrapper-footer .r-side .wrapper-individual .individual:first-child {
  pointer-events: none;
}
footer .wrapper-footer .r-side .wrapper-individual .individual .links {
  gap: max(12px, 0.625vw);
}
footer .wrapper-footer .r-side .wrapper-individual .individual .title {
  font-family: "Fira Sans Bold";
  font-size: max(16px, 0.833vw);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  color: #64C0DB;
}
@media (max-width: 771px) {
  footer .wrapper-footer .r-side .wrapper-individual .individual .title {
    font-size: 16px;
    line-height: 1.25;
  }
}
footer .wrapper-footer .r-side .wrapper-individual .individual ul li {
  font-family: "Fira Sans Medium";
  font-size: max(16px, 0.833vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
}
@media (max-width: 771px) {
  footer .wrapper-footer .r-side .wrapper-individual .individual ul li {
    font-size: 16px;
    line-height: 1;
  }
}
footer .wrapper-footer .r-side ul {
  padding-left: 0;
}
footer .wrapper-footer .r-side ul li {
  list-style: none;
}

.wpcf7 form {
  padding-inline: max(96px, 5vw);
}
@media (max-width: 768px) {
  .wpcf7 form {
    padding-inline: max(24px, 1.25vw);
  }
}
.wpcf7 form .wpcf7-response-output {
  padding-inline: max(96px, 5vw);
  border-top-left-radius: max(16px, 0.833vw);
  border-bottom-left-radius: max(16px, 0.833vw);
  padding-block: max(16px, 0.833vw);
  padding-right: max(16px, 0.833vw);
  padding-left: max(40px, 2.083vw);
  border-left: 24px solid #E56161;
  border-block: unset;
  border-right: unset;
  margin-top: 0;
  margin-inline: 0;
  margin-bottom: max(24px, 1.25vw);
}
.wpcf7 form.sent .wpcf7-response-output {
  border-left: 24px solid #28bb3e;
}
.wpcf7 .wrapper-form-cf7 {
  align-items: center;
}
.wpcf7 .wrapper-form-cf7 .container {
  display: flex;
  flex-direction: column;
  gap: max(24px, 1.25vw);
}
@media (max-width: 768px) {
  .wpcf7 .wrapper-form-cf7 .container {
    gap: max(32px, 1.666vw);
  }
}
.wpcf7 .wrapper-form-cf7 .container .title-form {
  margin-bottom: max(16px, 0.833vw);
}
.wpcf7 .wrapper-form-cf7 .container input[type=checkbox] {
  width: 18px;
  height: 18px;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-list-item {
  margin: unset;
  display: flex;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-list-item label {
  flex-direction: row;
  gap: max(8px, 0.416vw);
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-list-item label input {
  width: 36px;
}
.wpcf7 .wrapper-form-cf7 .container label {
  display: flex;
  flex-direction: column;
}
.wpcf7 .wrapper-form-cf7 .container label span {
  color: #0048E3;
}
.wpcf7 .wrapper-form-cf7 .container label .needed {
  color: #E02626;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap {
  width: 100%;
  position: relative;
  margin-block: 8px;
  box-sizing: border-box;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap:has(textarea) .wpcf7-not-valid-tip {
  bottom: -20px;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap select {
  width: 100%;
  outline: none;
  border: none;
  background: rgb(255, 255, 255);
  text-align: start;
  margin-block: max(8px, 0.416vw);
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap select:has(option:not([value=""]):checked) {
  color: #0F1D3E;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap input {
  width: 100%;
  border: none;
  outline: none;
  background: none;
  margin-block: max(8px, 0.416vw);
  padding-inline: 0;
  padding-top: 0;
  margin: 0;
  font-family: "Fira Sans";
  font-size: max(16px, 0.833vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap input {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap input:focus-visible {
  outline: none;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap textarea {
  width: 100%;
  outline: none;
  border: transparent;
  border-bottom: 1px solid #92A0B8;
  padding: 0;
  margin: 0;
  resize: none;
}
.wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -24px;
  color: #E02626;
  font-family: "Fira Sans";
  font-size: max(14px, 0.729vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wpcf7 .wrapper-form-cf7 .container .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 1;
  }
}
.wpcf7 .wrapper-form-cf7 .container .wrap {
  display: flex;
  flex-direction: row;
  gap: max(48px, 2.5vw);
}
@media (max-width: 768px) {
  .wpcf7 .wrapper-form-cf7 .container .wrap {
    flex-direction: column;
    gap: max(32px, 1.666vw);
  }
}
.wpcf7 .wrapper-form-cf7 .container .wrap .solo {
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .solo.special .wpcf7-form-control-wrap select {
  margin: 0;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .solo.special p:last-child {
  border-bottom: none;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .solo p {
  border-bottom: 1px solid #92A0B8;
  display: inline-flex;
  flex-direction: column-reverse;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .solo label {
  flex-direction: row;
  font-family: "Fira Sans";
  font-size: max(16px, 0.833vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wpcf7 .wrapper-form-cf7 .container .wrap .solo label {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wpcf7 .wrapper-form-cf7 .container .wrap .textsection {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .textsection textarea {
  min-height: 120px;
  font-family: "Fira Sans";
  font-size: max(16px, 0.833vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wpcf7 .wrapper-form-cf7 .container .wrap .textsection textarea {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wpcf7 .wrapper-form-cf7 .container .wrap .textsection label {
  flex-direction: row;
  font-family: "Fira Sans";
  font-size: max(16px, 0.833vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wpcf7 .wrapper-form-cf7 .container .wrap .textsection label {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wpcf7 .wrapper-form-cf7 .container .wrap .textsection p {
  border-bottom: 1px solid #92A0B8;
  display: flex;
  flex-direction: column-reverse;
  border-bottom: 0;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .acceptance {
  display: flex;
  flex-direction: row;
  gap: max(8px, 0.416vw);
  font-size: 14px;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .acceptance span {
  color: #0F1D3E;
}
.wpcf7 .wrapper-form-cf7 .container .wrap .wpcf7-submit {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
  cursor: pointer;
}
@media (max-width: 771px) {
  .wpcf7 .wrapper-form-cf7 .container .wrap .wpcf7-submit {
    font-size: 14px;
    line-height: 1;
  }
}
.wpcf7 .wrapper-form-cf7 .container .wrap .wpcf7-submit:hover, .wpcf7 .wrapper-form-cf7 .container .wrap .wpcf7-submit.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.wpcf7 .wrapper-form-cf7 .container .upload-files {
  flex-direction: row;
  gap: 16px;
}
@media (max-width: 1100px) {
  .wpcf7 .wrapper-form-cf7 .container .upload-files {
    flex-direction: column;
  }
}
.wpcf7 .wrapper-form-cf7 .container .filesend {
  flex-direction: row;
  position: relative;
  width: 50%;
}
@media (max-width: 1100px) {
  .wpcf7 .wrapper-form-cf7 .container .filesend {
    width: 100%;
  }
}
.wpcf7 .wrapper-form-cf7 .container .filesend > p {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.wpcf7 .wrapper-form-cf7 .container .filesend > p span {
  padding: 20px;
  border: 1px solid #0D2558;
}
.wpcf7 .wrapper-form-cf7 .container .filesend .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: initial;
}
.wpcf7 .wrapper-form-cf7 .container .fileclear {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  height: 100%;
  width: 20%;
  justify-content: center;
  align-items: end;
  padding-right: 12px;
}
.wpcf7 .wrapper-form-cf7 .container .fileclear p {
  line-height: 0;
}
.wpcf7 .wrapper-form-cf7 .container p:has(.wpcf7-submit) {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: max(24px, 1.25vw);
}

.hamburger {
  display: inline-flex;
  cursor: pointer;
  padding: 0;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: rgb(255, 255, 255);
}

.hamburger-box {
  width: 28px;
  height: 21px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 28px;
  height: 3px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -9px;
}
.hamburger-inner::after {
  bottom: -9px;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
  top: 9px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 18px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-4px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(-90deg);
}

/* BLOCKS STYLES*/
.wp-block-columns:has(.container-accordion) {
  flex-direction: row;
  margin-bottom: 0;
  padding-inline: max(96px, 5vw);
  padding-block: max(48px, 2.5vw);
}
@media (max-width: 768px) {
  .wp-block-columns:has(.container-accordion) {
    padding-inline: max(20px, 1.041vw);
  }
}
.wp-block-columns:has(.container-accordion) .wrapper-accordion {
  padding-inline: 0;
}
.wp-block-columns:has(.container-accordion) .container-accordion {
  padding-block: 0;
}

.container-accordion {
  padding-block: max(64px, 3.333vw);
}
@media (max-width: 1100px) {
  .container-accordion {
    padding-block: max(48px, 2.5vw);
  }
}
.container-accordion .wrapper-accordion {
  gap: max(24px, 1.25vw);
  cursor: pointer;
  color: #0F1D3E;
}
.container-accordion .wrapper-accordion:last-child {
  border-bottom: unset;
}
.container-accordion .wrapper-accordion .item::after {
  content: "";
  display: block;
  width: 100%;
  background: #F3F6FB;
  height: 1px;
  margin-top: max(24px, 1.25vw);
}
.container-accordion .wrapper-accordion .up {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: initial;
  gap: max(16px, 0.833vw);
}
@media (max-width: 771px) {
  .container-accordion .wrapper-accordion .up {
    font-size: 16px;
    line-height: 1.3;
  }
}
@media (max-width: 1100px) {
  .container-accordion .wrapper-accordion .up {
    align-items: start;
  }
}
.container-accordion .faq-answer-content {
  padding-top: max(32px, 1.666vw);
}
.container-accordion .faq-answer-content > * {
  color: #0D2558;
}
.container-accordion .faq-answer-content p {
  margin: 0;
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .container-accordion .faq-answer-content p {
    font-size: 16px;
    line-height: 1.25;
  }
}
.container-accordion .faq-answer-content p a {
  text-decoration: underline;
  text-underline-offset: max(4px, 0.208vw);
}
.container-accordion .faq-answer-content p:first-child {
  padding-top: max(32px, 1.666vw);
}
.container-accordion .faq-answer-content .separation {
  padding-bottom: max(32px, 1.666vw);
  border-top: 1px solid #ECF1FA;
}
.container-accordion .faq-wysiwyg {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}

.faq-status.animation .rotate2 {
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
.faq-status:not(.animation) .rotate2 {
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}

.wrapper-sigle {
  border-radius: 4px;
  position: relative;
  border: max(4px, 0.208vw) solid #0592F6;
  padding-inline: 4px;
  padding-block: 12px;
}
@media (max-width: 1100px) {
  .wrapper-sigle {
    padding-inline: 2px;
    padding-block: 9px;
    border: 3px solid #0592F6;
  }
}
.wrapper-sigle .rotate1, .wrapper-sigle .rotate2 {
  width: max(20px, 1.041vw);
  height: 3px;
  background: #0592F6;
  border-radius: max(8px, 0.416vw);
}
@media (max-width: 1100px) {
  .wrapper-sigle .rotate1, .wrapper-sigle .rotate2 {
    width: max(18px, 0.937vw);
  }
}
.wrapper-sigle .rotate2 {
  position: absolute;
}

.block-accroche {
  padding: max(96px, 5vw) max(96px, 5vw);
  font-family: "Fira Sans Bold";
  font-size: max(40px, 2.083vw);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .block-accroche {
    font-size: 22px;
    line-height: 1.2;
  }
}
.block-accroche strong {
  color: #64C0DB;
}
.block-accroche .button {
  flex-direction: row;
  justify-content: center;
  padding-top: max(40px, 2.083vw);
}
.block-accroche .button a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  text-transform: uppercase;
  padding: max(16px, 0.833vw) max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background: #64C0DB;
  border: none;
  color: #0F1D3E;
}
@media (max-width: 771px) {
  .block-accroche .button a {
    font-size: 14px;
    line-height: 1;
  }
}
.block-accroche .button a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .block-accroche {
    padding: max(32px, 1.666vw) max(24px, 1.25vw);
  }
  .block-accroche *:not(.button a) {
    text-align: left !important;
  }
  .block-accroche .button {
    justify-content: flex-start;
  }
}

.wrapper-group-sincrone {
  padding-right: 0;
  flex-direction: row;
  min-height: max(600px, 31.25vw);
}
@media (max-width: 1200px) {
  .wrapper-group-sincrone {
    flex-direction: column;
  }
}
.wrapper-group-sincrone .l-side {
  width: 50%;
  padding-inline: max(64px, 3.333vw);
  padding-block: max(96px, 5vw);
  gap: max(24px, 1.25vw);
  justify-content: center;
}
@media (max-width: 1200px) {
  .wrapper-group-sincrone .l-side {
    padding-block: max(32px, 1.666vw);
    width: auto;
  }
}
.wrapper-group-sincrone .l-side .button {
  width: fit-content;
}
@media (max-width: 768px) {
  .wrapper-group-sincrone .l-side .button {
    width: initial;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 1200px) {
  .wrapper-group-sincrone .l-side .button {
    padding-bottom: max(32px, 1.666vw);
  }
}
.wrapper-group-sincrone .l-side .button a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .wrapper-group-sincrone .l-side .button a {
    font-size: 14px;
    line-height: 1;
  }
}
.wrapper-group-sincrone .l-side .button a:hover, .wrapper-group-sincrone .l-side .button a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
@media (max-width: 768px) {
  .wrapper-group-sincrone .l-side .button a {
    width: auto;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .wrapper-group-sincrone .l-side {
    padding-inline: max(24px, 1.25vw);
    padding-block: max(32px, 1.666vw);
  }
}
.wrapper-group-sincrone .l-side .description {
  gap: max(24px, 1.25vw);
}
.wrapper-group-sincrone .l-side .description > p {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-group-sincrone .l-side .description > p {
    font-size: 16px;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .wrapper-group-sincrone .l-side .description > p {
    font-family: "Fira Sans";
    font-size: max(16px, 0.833vw);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: initial;
  }
}
@media (max-width: 768px) and (max-width: 771px) {
  .wrapper-group-sincrone .l-side .description > p {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wrapper-group-sincrone .r-side {
  min-width: 50%;
  max-width: 50%;
}
@media (max-width: 1200px) {
  .wrapper-group-sincrone .r-side {
    height: max(375px, 19.531vw);
    min-width: auto;
    max-width: initial;
  }
}
.wrapper-group-sincrone .r-side img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .wrapper-group-sincrone {
    padding: 0;
  }
}

.block-header {
  height: calc(100svh - 147px);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1370px) {
  .block-header {
    height: calc(100svh - 84px);
  }
}
@media (max-width: 768px) {
  .block-header {
    height: calc(100vh - 84px);
    min-height: fit-content;
    max-height: 600px;
  }
}
.block-header .carousel {
  transition: all 300ms;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  position: relative;
}
.block-header .carousel .slide {
  width: 100%;
}
.block-header .carousel .slide:before {
  content: "";
  background: linear-gradient(0deg, rgba(15, 29, 62, 0.36), rgba(15, 29, 62, 0.36)), linear-gradient(231.02deg, rgba(15, 29, 62, 0) 0%, rgba(15, 29, 62, 0.2) 99.47%);
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.block-header .carousel .slide div {
  position: absolute;
  z-index: 5;
  padding: 0 max(96px, 5vw);
  left: 0;
  bottom: max(96px, 5vw);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: max(16px, 0.833vw);
}
.block-header .carousel .slide div .infos-slider {
  position: initial;
  flex-direction: column;
  padding: 0;
  display: flex;
  gap: max(32px, 1.666vw);
}
.block-header .carousel .slide div .infos-slider h1, .block-header .carousel .slide div .infos-slider h2 {
  font-family: "Fira Sans Bold";
  font-size: max(56px, 2.916vw);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: initial;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 771px) {
  .block-header .carousel .slide div .infos-slider h1, .block-header .carousel .slide div .infos-slider h2 {
    font-size: 35px;
    line-height: 1.1;
  }
}
.block-header .carousel .slide div .infos-slider .links-slider {
  position: initial;
  padding: 0;
  gap: max(16px, 0.833vw);
}
.block-header .carousel .slide div > * {
  color: rgb(255, 255, 255);
}
.block-header .carousel .slide div .button {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .block-header .carousel .slide div .button {
    font-size: 14px;
    line-height: 1;
  }
}
.block-header .carousel .slide div .button:hover, .block-header .carousel .slide div .button.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.block-header .carousel .slide div .button-2 {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: none;
  color: rgb(255, 255, 255);
  border: 2px solid rgb(255, 255, 255);
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .block-header .carousel .slide div .button-2 {
    font-size: 14px;
    line-height: 1;
  }
}
.block-header .carousel .slide div .button-2:hover, .block-header .carousel .slide div .button-2.active {
  text-decoration: none;
  background-color: #4790A3;
  color: rgb(255, 255, 255);
  border: 2px solid #4790A3;
}
.block-header .carousel .slide div .button-2:hover {
  background: rgb(255, 255, 255);
  color: #0F1D3E;
  border-color: rgb(255, 255, 255);
}
.block-header .carousel .slide .background {
  position: static;
}
@media (max-width: 768px) {
  .block-header .carousel h1 {
    margin-bottom: max(32px, 1.666vw);
  }
  .block-header .carousel .slide div {
    padding: 0 max(24px, 1.25vw);
    bottom: max(24px, 1.25vw);
  }
  .block-header .carousel .slide div > * {
    width: 100%;
  }
}

.wrapper-hire {
  flex-direction: row;
}
@media (max-width: 1100px) {
  .wrapper-hire {
    flex-direction: column-reverse;
    padding-inline: 0;
  }
}
.wrapper-hire .l-side {
  gap: max(64px, 3.333vw);
  padding-block: max(96px, 5vw);
  padding-inline: max(64px, 3.333vw);
  width: 50%;
}
@media (max-width: 1100px) {
  .wrapper-hire .l-side {
    gap: max(32px, 1.666vw);
    max-width: initial;
    padding-block: max(32px, 1.666vw);
    padding-inline: max(24px, 1.25vw);
    width: auto;
  }
}
.wrapper-hire .l-side .upper-el {
  gap: max(24px, 1.25vw);
}
.wrapper-hire .l-side .upper-el .title {
  font-family: "Fira Sans Bold";
  font-size: max(40px, 2.083vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-hire .l-side .upper-el .title {
    font-size: 24px;
    line-height: 1.2;
  }
}
.wrapper-hire .l-side .upper-el .description {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-hire .l-side .upper-el .description {
    font-size: 16px;
    line-height: 1.3;
  }
}
.wrapper-hire .l-side .wrapper-infos {
  gap: max(48px, 2.5vw);
}
@media (max-width: 1100px) {
  .wrapper-hire .l-side .wrapper-infos {
    gap: max(24px, 1.25vw);
  }
}
.wrapper-hire .l-side .wrapper-infos .wrapper-two {
  flex-direction: row;
  gap: max(48px, 2.5vw);
}
@media (max-width: 1100px) {
  .wrapper-hire .l-side .wrapper-infos .wrapper-two {
    flex-direction: column;
    gap: max(24px, 1.25vw);
  }
}
.wrapper-hire .l-side .wrapper-infos .wrapper-two .individual {
  gap: max(16px, 0.833vw);
  flex: 1;
  max-width: 50%;
}
@media (max-width: 1100px) {
  .wrapper-hire .l-side .wrapper-infos .wrapper-two .individual {
    max-width: initial;
  }
}
.wrapper-hire .l-side .wrapper-infos .wrapper-two .individual .subject {
  font-family: "Fira Sans Bold";
  font-size: max(24px, 1.25vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
  color: #64C0DB;
}
@media (max-width: 771px) {
  .wrapper-hire .l-side .wrapper-infos .wrapper-two .individual .subject {
    font-size: 20px;
    line-height: 1.2;
  }
}
.wrapper-hire .l-side .wrapper-infos .wrapper-two .individual .desc {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-hire .l-side .wrapper-infos .wrapper-two .individual .desc {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wrapper-hire .r-side {
  min-width: 50%;
}
@media (max-width: 1100px) {
  .wrapper-hire .r-side {
    min-width: auto;
    height: max(375px, 19.531vw);
  }
}
.wrapper-hire .r-side img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.block-history {
  flex-direction: row;
  gap: max(80px, 4.166vw);
  background: #F3F6FB;
}
.block-history > div {
  width: calc(50% - max(40px, 2.083vw));
}
.block-history .l-side {
  padding-block: max(88px, 4.583vw);
  padding-left: max(128px, 6.666vw);
  position: sticky;
  top: 0;
  height: fit-content;
}
.block-history .l-side h2 {
  padding-bottom: max(16px, 0.833vw);
  font-family: "Fira Sans Bold";
  font-size: max(46px, 2.395vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .block-history .l-side h2 {
    font-size: 25px;
    line-height: 1.2;
  }
}
.block-history .l-side p {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .block-history .l-side p {
    font-size: 16px;
    line-height: 1.3;
  }
}
.block-history .r-side {
  padding: max(88px, 4.583vw) max(128px, 6.666vw) max(48px, 2.5vw) max(36px, 1.875vw);
  position: relative;
  gap: max(96px, 5vw);
}
.block-history .r-side .date {
  padding-left: max(36px, 1.875vw);
}
.block-history .r-side .date .year {
  font-family: "Fira Sans Bold";
  font-size: max(56px, 2.916vw);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: initial;
  color: #64C0DB;
  padding-bottom: max(16px, 0.833vw);
  position: relative;
}
@media (max-width: 771px) {
  .block-history .r-side .date .year {
    font-size: 35px;
    line-height: 1.1;
  }
}
.block-history .r-side .date .year:before {
  content: "";
  width: max(16px, 0.833vw);
  height: max(16px, 0.833vw);
  background: #64C0DB;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-75%);
  left: min(-43px, -2.24vw);
}
.block-history .r-side .date .year:after {
  content: "";
  width: max(20px, 1.041vw);
  height: max(20px, 1.041vw);
  border-radius: 50%;
  border: max(2px, 0.104vw) solid #64C0DB;
  position: absolute;
  top: calc(50% + max(2px, 0.104vw));
  transform: translateY(-75%);
  left: min(-47px, -2.448vw);
}
.block-history .r-side .date p {
  font-family: "Fira Sans";
  font-size: max(22px, 1.145vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: initial;
  color: black;
}
@media (max-width: 771px) {
  .block-history .r-side .date p {
    font-size: 22px;
    line-height: 1.2;
  }
}
.block-history .r-side:before {
  content: "";
  position: absolute;
  top: 0;
  left: max(36px, 1.875vw);
  height: 100%;
  width: max(1px, 0.052vw);
  border-left: max(1px, 0.052vw) dashed #DDE5F4;
}
@media (max-width: 768px) {
  .block-history {
    flex-direction: column;
    padding: max(104px, 5.416vw) max(24px, 1.25vw) max(48px, 2.5vw);
    gap: max(48px, 2.5vw);
  }
  .block-history .l-side, .block-history .r-side {
    width: 100%;
    padding: 0;
  }
  .block-history .l-side {
    height: fit-content;
    position: static;
  }
  .block-history .r-side:before {
    left: 0;
  }
  .block-history .r-side .date p {
    font-family: "Fira Sans";
    font-size: max(20px, 1.041vw);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: initial;
  }
}
@media (max-width: 768px) and (max-width: 771px) {
  .block-history .r-side .date p {
    font-size: 20px;
    line-height: 1.3;
  }
}

.block-all-offers form {
  display: flex;
  padding: max(48px, 2.5vw) max(96px, 5vw);
  align-items: center;
  gap: max(24px, 1.25vw);
  justify-content: space-between;
}
.block-all-offers form label {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  text-transform: uppercase;
}
@media (max-width: 771px) {
  .block-all-offers form label {
    font-size: 14px;
    line-height: 1;
  }
}
.block-all-offers form select {
  padding: max(12px, 0.625vw) max(20px, 1.041vw);
  border-radius: max(4px, 0.208vw);
  border: max(1px, 0.052vw) solid #F1F1F1;
  background: rgb(255, 255, 255);
  width: 100%;
  height: max(69px, 3.593vw);
  color: #92A0B8;
  cursor: pointer;
}
.block-all-offers form .reset {
  font-size: 0;
  min-width: max(69px, 3.593vw);
  min-height: max(69px, 3.593vw);
  border: max(1px, 0.052vw) solid #DDE5F4;
  background-image: url("./ressources/images/arrow-counter-clockwise.svg");
  background-size: max(32px, 1.666vw);
  background-repeat: no-repeat;
  background-position: center;
  margin-left: min(-8px, -0.417vw);
  align-self: flex-start;
  cursor: pointer;
}
.block-all-offers form button {
  background: #64C0DB;
  text-transform: uppercase;
  color: #0F1D3E;
  border-radius: max(4px, 0.208vw);
  padding: 0 max(24px, 1.25vw);
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  border: none;
  height: max(69px, 3.593vw);
  cursor: pointer;
}
@media (max-width: 771px) {
  .block-all-offers form button {
    font-size: 14px;
    line-height: 1;
  }
}
.block-all-offers .job-offer-listing {
  background: #F3F6FB;
  padding: max(72px, 3.75vw) max(96px, 5vw);
  gap: max(32px, 1.666vw);
}
.block-all-offers .job-offer-listing .job-offer {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.block-all-offers .job-offer-listing .job-offer:not(:last-of-type) {
  border-bottom: max(1px, 0.052vw) solid #D3DCED;
  padding-bottom: max(32px, 1.666vw);
}
.block-all-offers .job-offer-listing .job-offer a.button {
  border: max(2px, 0.104vw) solid #0F1D3E;
  color: #0F1D3E;
  padding: max(16px, 0.833vw) max(24px, 1.25vw);
  border-radius: max(4px, 0.208vw);
  text-transform: uppercase;
}
.block-all-offers .job-offer-listing .job-offer a.button:hover {
  text-decoration: none;
}
.block-all-offers .job-offer-listing .job-offer > div {
  gap: max(16px, 0.833vw);
}
.block-all-offers .job-offer-listing .job-offer > div .title {
  font-family: "Fira Sans";
  font-size: max(24px, 1.25vw);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: initial;
  font-weight: 600;
}
@media (max-width: 771px) {
  .block-all-offers .job-offer-listing .job-offer > div .title {
    font-size: 18px;
    line-height: 1.3;
  }
}
.block-all-offers .job-offer-listing .job-offer > div div {
  flex-direction: row;
  gap: max(32px, 1.666vw);
}
.block-all-offers .job-offer-listing .job-offer > div div .contract-type,
.block-all-offers .job-offer-listing .job-offer > div div .location,
.block-all-offers .job-offer-listing .job-offer > div div .experience {
  position: relative;
  display: flex;
  align-items: center;
  gap: max(8px, 0.416vw);
}
.block-all-offers .job-offer-listing .job-offer > div div .contract-type:before,
.block-all-offers .job-offer-listing .job-offer > div div .location:before,
.block-all-offers .job-offer-listing .job-offer > div div .experience:before {
  content: "";
  width: max(24px, 1.25vw);
  height: max(24px, 1.25vw);
  background: #64C0DB;
}
.block-all-offers .job-offer-listing .job-offer > div div .contract-type:before {
  mask-image: url("./ressources/images/file-text.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.block-all-offers .job-offer-listing .job-offer > div div .location:before {
  mask-image: url("./ressources/images/map-pin.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.block-all-offers .job-offer-listing .job-offer > div div .experience:before {
  mask-image: url("./ressources/images/medal.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
@media (max-width: 768px) {
  .block-all-offers {
    padding-inline: max(20px, 1.041vw);
  }
  .block-all-offers form {
    flex-wrap: wrap;
    padding: max(32px, 1.666vw) max(24px, 1.25vw);
  }
  .block-all-offers form label {
    align-self: flex-start;
    font-family: "Fira Sans Medium";
    font-size: max(13px, 0.677vw);
    font-weight: 500;
    line-height: 1;
    letter-spacing: initial;
  }
}
@media (max-width: 768px) and (max-width: 771px) {
  .block-all-offers form label {
    font-size: 13px;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .block-all-offers form select {
    height: 53px;
    width: 100%;
  }
  .block-all-offers form button {
    width: calc(100% - 62px);
    height: 43px;
  }
  .block-all-offers form .reset {
    width: 43px;
    height: 43px;
    min-height: initial;
    min-width: initial;
  }
  .block-all-offers .job-offer-listing {
    padding: max(72px, 3.75vw) max(24px, 1.25vw);
    gap: max(24px, 1.25vw);
  }
  .block-all-offers .job-offer-listing .job-offer {
    flex-direction: column;
    align-items: flex-start;
    gap: max(32px, 1.666vw);
  }
  .block-all-offers .job-offer-listing .job-offer > div {
    gap: max(24px, 1.25vw);
  }
  .block-all-offers .job-offer-listing .job-offer > div div {
    flex-direction: column;
    gap: max(16px, 0.833vw);
  }
  .block-all-offers .job-offer-listing .job-offer:not(:last-of-type) {
    padding-bottom: max(24px, 1.25vw);
  }
  .block-all-offers .job-offer-listing .job-offer a.button {
    width: calc(100% - max(48px, 2.5vw));
    text-align: center;
  }
}

.wrapper-key-numbers .main {
  padding-block: max(96px, 5vw);
}
.wrapper-key-numbers .main .wrapper-main {
  flex-direction: row;
  gap: max(64px, 3.333vw);
}
@media (max-width: 1525px) {
  .wrapper-key-numbers .main .wrapper-main {
    gap: max(32px, 1.666vw);
    flex-direction: column;
  }
}
.wrapper-key-numbers .main .wrapper-main > div {
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  .wrapper-key-numbers .main .wrapper-main > div {
    width: 100%;
    padding-bottom: max(32px, 1.666vw);
    border-bottom: 1px solid #0592F6;
  }
  .wrapper-key-numbers .main .wrapper-main > div:last-of-type {
    border: none;
  }
}
.wrapper-key-numbers .main .wrapper-main .second-column {
  gap: max(64px, 3.333vw);
  border-right: max(1px, 0.052vw) solid #0592F6;
  padding-right: max(64px, 3.333vw);
}
@media (max-width: 1525px) {
  .wrapper-key-numbers .main .wrapper-main .second-column {
    padding-right: 0;
  }
}
.wrapper-key-numbers .main .wrapper-main .second-column .individual:last-child * {
  color: #64C0DB;
}
@media (max-width: 1525px) {
  .wrapper-key-numbers .main .wrapper-main .second-column {
    border-right: none;
    gap: max(32px, 1.666vw);
  }
}
.wrapper-key-numbers .main .wrapper-main .individual {
  padding-right: max(64px, 3.333vw);
  gap: max(12px, 0.625vw);
}
@media (max-width: 1525px) {
  .wrapper-key-numbers .main .wrapper-main .individual {
    padding-right: 0;
  }
}
.wrapper-key-numbers .main .wrapper-main .individual.first {
  border-right: max(1px, 0.052vw) solid #0592F6;
}
@media (max-width: 1525px) {
  .wrapper-key-numbers .main .wrapper-main .individual.first {
    border-right: none;
  }
}
.wrapper-key-numbers .main .wrapper-main .individual .upper-el {
  flex-direction: row;
  align-items: end;
}
@media (max-width: 1525px) {
  .wrapper-key-numbers .main .wrapper-main .individual .upper-el {
    flex-wrap: wrap;
  }
}
.wrapper-key-numbers .main .wrapper-main .individual .before-nbr, .wrapper-key-numbers .main .wrapper-main .individual .spe-char {
  font-family: "Fira Sans";
  font-size: max(56px, 2.916vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-key-numbers .main .wrapper-main .individual .before-nbr, .wrapper-key-numbers .main .wrapper-main .individual .spe-char {
    font-size: 38px;
    line-height: 1;
  }
}
.wrapper-key-numbers .main .wrapper-main .individual .before-nbr {
  padding-right: max(8px, 0.416vw);
  padding-bottom: max(16px, 0.833vw);
}
.wrapper-key-numbers .main .wrapper-main .individual .spe-char {
  padding-inline: max(8px, 0.416vw);
  padding-bottom: max(16px, 0.833vw);
}
.wrapper-key-numbers .main .wrapper-main .individual .nbr {
  font-family: "Fira Sans Bold";
  font-size: max(128px, 6.666vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-key-numbers .main .wrapper-main .individual .nbr {
    font-size: 104px;
    line-height: 1;
  }
}
.wrapper-key-numbers .main .wrapper-main .individual .desc {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-key-numbers .main .wrapper-main .individual .desc {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wrapper-key-numbers .main .wrapper-main .container-third-column {
  gap: max(8px, 0.416vw);
  justify-content: end;
}
.wrapper-key-numbers .main .wrapper-main .container-third-column .wrapper-img {
  max-width: fit-content;
}
.wrapper-key-numbers .catchphrase {
  align-items: center;
  text-align: center;
  gap: max(40px, 2.083vw);
  padding-bottom: max(96px, 5vw);
}
.wrapper-key-numbers .catchphrase .desc {
  font-family: "Fira Sans Bold";
  font-size: max(40px, 2.083vw);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-key-numbers .catchphrase .desc {
    font-size: 22px;
    line-height: 1.2;
  }
}
.wrapper-key-numbers .catchphrase .button a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .wrapper-key-numbers .catchphrase .button a {
    font-size: 14px;
    line-height: 1;
  }
}
.wrapper-key-numbers .catchphrase .button a:hover, .wrapper-key-numbers .catchphrase .button a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
@media (max-width: 768px) {
  .wrapper-key-numbers .catchphrase {
    display: none;
  }
}

.wrapper-prefooter {
  position: relative;
}
@media (max-width: 768px) {
  .wrapper-prefooter .wrapper-card {
    padding-bottom: max(48px, 2.5vw);
  }
}
.wrapper-prefooter .bg {
  height: max(509px, 26.51vw);
}
@media (max-width: 768px) {
  .wrapper-prefooter .bg {
    height: 351px;
  }
}
.wrapper-prefooter .bg img {
  height: inherit;
  width: 100%;
  object-fit: cover;
}
.wrapper-prefooter .card {
  top: min(-35px, -1.823vw);
  left: 0;
  box-sizing: border-box;
  height: calc(100% + max(70px, 3.645vw));
  width: max(502px, 26.145vw);
  padding: max(40px, 2.083vw);
  margin-left: max(96px, 5vw);
  gap: max(24px, 1.25vw);
  position: absolute;
  background: #0048E3;
  justify-content: center;
  z-index: 2;
}
@media (max-width: 768px) {
  .wrapper-prefooter .card {
    height: calc(100% + 64px);
    position: initial;
    margin-inline: 0;
    margin-top: min(-74px, -3.855vw);
    width: auto;
  }
}
.wrapper-prefooter .card .button a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: rgb(255, 255, 255);
  color: #0F1D3E;
  border: 1px solid rgb(255, 255, 255);
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 768px) {
  .wrapper-prefooter .card .button a {
    width: auto;
    text-align: center;
  }
}
@media (max-width: 771px) {
  .wrapper-prefooter .card .button a {
    font-size: 14px;
    line-height: 1;
  }
}
.wrapper-prefooter .card .button a:hover, .wrapper-prefooter .card .button a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.wrapper-prefooter .card .button a:hover {
  background: #0F1D3E;
  color: rgb(255, 255, 255);
  border-color: #0F1D3E;
}
.wrapper-prefooter .card * {
  color: rgb(255, 255, 255);
}
.wrapper-prefooter .card .wysiwyg > * {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-prefooter .card .wysiwyg > * {
    font-size: 16px;
    line-height: 1.3;
  }
}
.wrapper-prefooter .card .h3 {
  font-family: "Fira Sans Bold";
  font-size: max(46px, 2.395vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-prefooter .card .h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .wrapper-prefooter .card {
    margin-top: -64px;
    padding: max(32px, 1.666vw) max(40px, 2.083vw);
  }
}

.block-slider {
  padding: max(72px, 3.75vw) max(128px, 6.666vw);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: max(80px, 4.166vw);
  background: rgb(255, 255, 255);
}
.block-slider .flex {
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: max(32px, 1.666vw);
  width: 100%;
}
.block-slider .flex:first-child {
  gap: 35px;
}
@media (max-width: 1100px) {
  .block-slider .flex {
    align-items: center;
  }
}
.block-slider .flex > div {
  flex-direction: row;
  align-items: baseline;
}
.block-slider .flex > div div {
  width: max(47px, 2.447vw);
  height: max(47px, 2.447vw);
  border: max(1px, 0.052vw) solid #0F1D3E;
  background: url("./ressources/images/caret-right.svg") no-repeat center;
  background-size: max(24px, 1.25vw);
  cursor: pointer;
}
.block-slider .flex > div div.arrow-left {
  transform: rotate(180deg);
}
.block-slider .flex > div div.arrow-right {
  border-left: none;
}
.block-slider .l-side, .block-slider .r-side {
  width: calc(50% - max(45px, 2.343vw));
}
.block-slider .l-side img {
  height: max(505px, 26.302vw);
  object-fit: cover;
}
@media (max-width: 1100px) {
  .block-slider .l-side img {
    max-height: max(505px, 26.302vw);
    height: initial;
  }
}
.block-slider .r-side {
  overflow: hidden;
  align-self: flex-start;
}
.block-slider .r-side .carousel {
  flex-direction: row;
  transition: all 300ms;
  justify-content: center;
}
.block-slider .r-side .slide {
  gap: max(16px, 0.833vw);
  width: 100%;
}
.block-slider .r-side .slide a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: none;
  color: #0F1D3E;
  border: 1px solid #0F1D3E;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .block-slider .r-side .slide a {
    font-size: 14px;
    line-height: 1;
  }
}
.block-slider .r-side .slide a:hover, .block-slider .r-side .slide a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.block-slider .r-side .slide a:hover {
  background: #0F1D3E;
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
@media (max-width: 1100px) {
  .block-slider {
    flex-direction: column;
    padding: max(32px, 1.666vw) max(24px, 1.25vw);
  }
  .block-slider .l-side, .block-slider .r-side {
    width: 100%;
  }
  .block-slider .l-side {
    padding-bottom: max(24px, 1.25vw);
  }
  .block-slider .l-side img {
    border-radius: max(4px, 0.208vw);
  }
}

.wrapper-suggestion {
  flex-direction: column;
  gap: max(48px, 2.5vw);
  padding-block: max(64px, 3.333vw);
  overflow: hidden;
  position: relative;
}
.wrapper-suggestion .owl-slider {
  gap: max(24px, 1.25vw);
  padding-right: 115px;
}
@media (max-width: 768px) {
  .wrapper-suggestion .owl-slider {
    padding-right: max(40px, 2.083vw);
  }
}
.wrapper-suggestion .content {
  height: 100%;
}
@media (max-width: 768px) {
  .wrapper-suggestion {
    flex-direction: column;
    gap: max(32px, 1.666vw);
    padding-block: max(48px, 2.5vw);
  }
}
.wrapper-suggestion a:hover {
  text-decoration: none;
}
.wrapper-suggestion.more .owl-nav {
  display: flex;
  user-select: none;
}
.wrapper-suggestion .owl-dots {
  display: none;
}
.wrapper-suggestion .title {
  font-family: "Fira Sans";
  font-size: max(32px, 1.666vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
  font-weight: 700;
}
@media (max-width: 771px) {
  .wrapper-suggestion .title {
    font-size: 19px;
    line-height: 1.1;
  }
}
@media (max-width: 1100px) {
  .wrapper-suggestion .title {
    padding-right: max(110px, 5.729vw);
  }
}
@media (max-width: 768px) {
  .wrapper-suggestion .title {
    font-family: "Fira Sans";
    font-size: max(32px, 1.666vw);
    font-weight: 700;
    line-height: 1;
    letter-spacing: initial;
  }
}
@media (max-width: 768px) and (max-width: 771px) {
  .wrapper-suggestion .title {
    font-size: 19px;
    line-height: 1.1;
  }
}
.wrapper-suggestion .owl-nav {
  display: none;
  flex-direction: row;
  right: max(96px, 5vw);
  top: max(57px, 2.968vw);
  position: absolute;
}
@media (max-width: 768px) {
  .wrapper-suggestion .owl-nav {
    width: calc(100% + 40px);
    justify-content: center;
    position: relative;
    top: initial;
    right: initial;
    flex-direction: row;
  }
}
.wrapper-suggestion .owl-nav button {
  width: max(47px, 2.447vw);
  height: max(47px, 2.447vw);
  background: url("./ressources/images/caret-right.svg") no-repeat center;
  background-size: max(24px, 1.25vw);
}
@media (max-width: 768px) {
  .wrapper-suggestion .owl-nav button {
    padding-inline: max(40px, 2.083vw);
    padding-block: max(4px, 0.208vw);
  }
}
.wrapper-suggestion .owl-nav button span {
  font-size: 0;
}
.wrapper-suggestion .owl-nav button:first-of-type {
  transform: rotate(180deg);
}
.wrapper-suggestion .owl-nav .owl-prev {
  border: max(1px, 0.052vw) solid;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}
.wrapper-suggestion .owl-nav .owl-next {
  border: max(1px, 0.052vw) solid;
  border-left: initial;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}
.wrapper-suggestion .owl-stage {
  flex-direction: row;
}
.wrapper-suggestion .individual {
  padding: max(32px, 1.666vw);
  position: relative;
  display: flex;
  flex-direction: column;
  background: #0F1D3E;
  height: 288px;
  box-sizing: border-box;
}
.wrapper-suggestion .individual .arrow {
  width: 15px;
  filter: invert(100%) sepia(4%) saturate(22%) hue-rotate(188deg) brightness(106%) contrast(100%);
}
.wrapper-suggestion .individual a {
  height: 100%;
}
.wrapper-suggestion .individual a:hover {
  text-decoration: none;
}
.wrapper-suggestion .individual .shape {
  align-items: flex-end;
  user-select: none;
}
.wrapper-suggestion .individual .shape .polygon {
  position: absolute;
  right: 0;
  top: 0;
}
.wrapper-suggestion .individual .text {
  flex: 1;
  justify-content: flex-end;
  color: rgb(255, 255, 255);
  gap: max(8px, 0.416vw);
}
.wrapper-suggestion .individual .text h3 {
  color: #FAFBFF;
}
.wrapper-suggestion .individual .text span {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: initial;
  color: #FAFBFF;
}
@media (max-width: 771px) {
  .wrapper-suggestion .individual .text span {
    font-size: 20px;
    line-height: 1.3;
  }
}
.wrapper-suggestion .individual .text p {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
  margin-block: 0;
  color: #FAFBFF;
}
@media (max-width: 771px) {
  .wrapper-suggestion .individual .text p {
    font-size: 16px;
    line-height: 1.25;
  }
}

.wrapper-testimonial {
  padding-block: max(96px, 5vw);
  padding-inline: max(64px, 3.333vw);
  flex-direction: row;
  gap: max(40px, 2.083vw);
}
@media (max-width: 1100px) {
  .wrapper-testimonial {
    padding-block: max(48px, 2.5vw);
    padding-inline: max(24px, 1.25vw);
    flex-direction: column;
  }
}
.wrapper-testimonial .l-side .wrapper-img {
  aspect-ratio: 1;
  max-width: max(525px, 27.343vw);
  max-height: max(525px, 27.343vw);
  position: relative;
}
@media (max-width: 1100px) {
  .wrapper-testimonial .l-side .wrapper-img {
    max-width: unset;
    max-height: unset;
  }
}
.wrapper-testimonial .l-side .wrapper-img .quote-sign {
  right: 0;
  position: absolute;
  padding: max(32px, 1.666vw);
}
.wrapper-testimonial .l-side .wrapper-img img {
  height: 100%;
  object-fit: cover;
  max-width: unset;
  width: unset;
}
.wrapper-testimonial .r-side {
  justify-content: center;
  gap: max(40px, 2.083vw);
}
@media (max-width: 1100px) {
  .wrapper-testimonial .r-side {
    padding-top: 0;
  }
}
.wrapper-testimonial .r-side .upper-info {
  gap: max(8px, 0.416vw);
}
.wrapper-testimonial .r-side .testimonial {
  font-family: "Fira Sans Bold";
  font-size: max(40px, 2.083vw);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-testimonial .r-side .testimonial {
    font-size: 22px;
    line-height: 1.2;
  }
}
.wrapper-testimonial .r-side .button a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .wrapper-testimonial .r-side .button a {
    font-size: 14px;
    line-height: 1;
  }
}
.wrapper-testimonial .r-side .button a:hover, .wrapper-testimonial .r-side .button a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
@media (max-width: 1100px) {
  .wrapper-testimonial .r-side .button a {
    width: auto;
    text-align: center;
  }
}

.wrapper-three-cards {
  display: flex;
  flex-direction: row;
  padding-inline: max(96px, 5vw);
  gap: max(32px, 1.666vw);
  padding-block: max(48px, 2.5vw);
}
@media (max-width: 768px) {
  .wrapper-three-cards {
    padding-inline: max(24px, 1.25vw);
  }
}
@media (max-width: 768px) {
  .wrapper-three-cards {
    padding-block: max(24px, 1.25vw);
  }
}
@media (max-width: 1100px) {
  .wrapper-three-cards {
    flex-direction: column;
  }
}
.wrapper-three-cards a.content.hover {
  transition: 0.3s background;
}
.wrapper-three-cards a.content.hover:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5);
}
.wrapper-three-cards .content {
  width: calc(33.3333333333% - max(21px, 1.093vw));
}
@media (max-width: 1100px) {
  .wrapper-three-cards .content {
    width: initial;
  }
}
@media (max-width: 768px) {
  .wrapper-three-cards .content {
    width: unset;
  }
}
.wrapper-three-cards .content .individual {
  width: 100%;
  aspect-ratio: 0.96;
  position: relative;
}
@media (max-width: 1100px) {
  .wrapper-three-cards .content .individual {
    max-height: 327px;
  }
}
.wrapper-three-cards .content .individual .gradient {
  flex: 1;
  margin-bottom: min(-1px, -0.053vw);
  background: linear-gradient(180deg, rgba(13, 37, 88, 0) 0%, #0D2558 100%);
}
@media (max-width: 768px) {
  .wrapper-three-cards .content .individual {
    width: 100%;
    max-height: 327px;
    height: 327px;
  }
}
.wrapper-three-cards .content .individual img {
  z-index: -1;
  object-fit: cover;
  height: 100%;
}
.wrapper-three-cards .content .individual .text-content {
  display: flex;
  padding: max(12px, 0.625vw) max(24px, 1.25vw) max(32px, 1.666vw) max(24px, 1.25vw);
  gap: max(24px, 1.25vw);
  width: 100%;
  box-sizing: border-box;
  background: #0D2558;
}
.wrapper-three-cards .content .individual .text-content h3 {
  font-family: "Fira Sans Bold";
  font-size: max(24px, 1.25vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: initial;
  color: rgb(255, 255, 255);
  margin-block: unset;
}
@media (max-width: 771px) {
  .wrapper-three-cards .content .individual .text-content h3 {
    font-size: 20px;
    line-height: 1.2;
  }
}
.wrapper-three-cards .content .individual .text-content p {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
  color: rgb(255, 255, 255);
  margin-block: unset;
}
@media (max-width: 771px) {
  .wrapper-three-cards .content .individual .text-content p {
    font-size: 16px;
    line-height: 1.25;
  }
}

.wrapper-listing-actus {
  transition-duration: 0.2s;
}
.wrapper-listing-actus.loading {
  opacity: 0.4;
  pointer-events: none;
}
.wrapper-listing-actus .listing-filters {
  padding-top: max(40px, 2.083vw);
  padding-bottom: max(32px, 1.666vw);
  justify-content: space-between;
  align-items: center;
}
.wrapper-listing-actus .listing-filters .desktop-filter {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.wrapper-listing-actus .listing-filters .container-accordion {
  width: 100%;
  padding-block: 0;
}
.wrapper-listing-actus .listing-filters .container-accordion .up {
  align-items: center;
}
.wrapper-listing-actus .listing-filters .container-accordion .faq-answer-content {
  padding: 0;
}
.wrapper-listing-actus .listing-filters .container-accordion .wrapper-sigle {
  border-color: #0F1D3E;
}
.wrapper-listing-actus .listing-filters .container-accordion .wrapper-sigle .rotate1, .wrapper-listing-actus .listing-filters .container-accordion .wrapper-sigle .rotate2 {
  background-color: #0F1D3E;
}
.wrapper-listing-actus .listing-filters .container-accordion .item {
  gap: max(16px, 0.833vw);
}
.wrapper-listing-actus .listing-filters .container-accordion .item::after {
  content: unset;
}
@media (max-width: 768px) {
  .wrapper-listing-actus .listing-filters {
    flex-direction: column;
  }
}
.wrapper-listing-actus .listing-filters .filter-title {
  font-family: "Fira Sans";
  font-size: max(14px, 0.729vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-listing-actus .listing-filters .filter-title {
    font-size: 14px;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .wrapper-listing-actus .listing-filters .filter-title {
    font-family: "Fira Sans Medium";
    font-size: max(13px, 0.677vw);
    font-weight: 500;
    line-height: 1;
    letter-spacing: initial;
    text-transform: uppercase;
  }
}
@media (max-width: 768px) and (max-width: 771px) {
  .wrapper-listing-actus .listing-filters .filter-title {
    font-size: 13px;
    line-height: 1;
  }
}
.wrapper-listing-actus .listing-filters .listing-buttons {
  gap: max(20px, 1.041vw);
}
@media (max-width: 768px) {
  .wrapper-listing-actus .listing-filters .listing-buttons {
    flex-direction: column;
    width: 100%;
    gap: max(16px, 0.833vw);
  }
}
.wrapper-listing-actus .listing-filters .listing-buttons .listing-button {
  border: 1px solid #0F1D3E;
  color: #0F1D3E;
  padding: max(12px, 0.625vw) max(20px, 1.041vw);
  cursor: pointer;
  background: #FAFBFF;
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-listing-actus .listing-filters .listing-buttons .listing-button {
    font-size: 14px;
    line-height: 1;
  }
}
.wrapper-listing-actus .listing-filters .listing-buttons .listing-button.active {
  background: #0F1D3E;
  color: rgb(255, 255, 255);
}
.wrapper-listing-actus #listing-grid-actus {
  padding-block: max(40px, 2.083vw);
  gap: 40px;
  flex-wrap: wrap;
  flex-direction: row;
}
@media (max-width: 768px) {
  .wrapper-listing-actus #listing-grid-actus {
    padding-top: max(24px, 1.25vw);
  }
}
.wrapper-listing-actus #listing-grid-actus .listing-pagination {
  width: 100%;
  border-top: 1px solid #DDE5F4;
  padding-block: max(32px, 1.666vw);
  justify-content: space-between;
}
.wrapper-listing-actus #listing-grid-actus .listing-pagination .page-list .page-button:disabled {
  background-color: #0F1D3E;
  color: #64C0DB;
}
.wrapper-listing-actus #listing-grid-actus .listing-pagination ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
  gap: max(12px, 0.625vw);
}
.wrapper-listing-actus #listing-grid-actus .listing-pagination ul .page-button {
  border: none;
  background-color: rgb(255, 255, 255);
  color: #92A0B8;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Fira Sans Bold";
  font-size: max(16px, 0.833vw);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  cursor: pointer;
}
@media (max-width: 771px) {
  .wrapper-listing-actus #listing-grid-actus .listing-pagination ul .page-button {
    font-size: 16px;
    line-height: 1.25;
  }
}
.wrapper-listing-actus #listing-grid-actus .listing-pagination ul .page-button:disabled {
  cursor: auto;
}
.wrapper-listing-actus #listing-grid-actus .listing-pagination ul .page-button img {
  width: 20px;
  height: 20px;
}

img.reversed {
  transform: scale(-1, 1);
}

#listing-error-notice {
  display: none;
}

.last-actus-listing {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  display: flex;
}

.listing-actu {
  width: calc(25% - 30px);
  gap: max(16px, 0.833vw);
}
.listing-actu:hover {
  text-decoration: none;
}
@media (max-width: 1370px) {
  .listing-actu {
    width: calc(50% - 30px);
  }
}
@media (max-width: 768px) {
  .listing-actu {
    width: 100%;
  }
}
.listing-actu > a:hover {
  text-decoration: none;
}
.listing-actu > a:hover .listing-link {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.listing-actu .wrapper-content-actu {
  gap: max(12px, 0.625vw);
  margin-top: max(12px, 0.625vw);
}
@media (max-width: 768px) {
  .listing-actu .wrapper-content-actu .excerpt {
    line-height: 19px;
  }
}
.listing-actu img {
  max-width: 100%;
  aspect-ratio: 1.83;
  height: unset;
  object-fit: cover;
}
.listing-actu .title {
  font-family: "Fira Sans";
  font-size: max(22px, 1.145vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: initial;
  color: #0F1D3E;
}
@media (max-width: 771px) {
  .listing-actu .title {
    font-size: 22px;
    line-height: 1.2;
  }
}
.listing-actu .excerpt {
  font-family: "Fira Sans";
  font-size: max(14px, 0.729vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  line-height: 1.2;
  color: #0D2558;
}
@media (max-width: 771px) {
  .listing-actu .excerpt {
    font-size: 14px;
    line-height: 1;
  }
}
.listing-actu .listing-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: fit-content;
  gap: max(12px, 0.625vw);
  color: #0F1D3E;
  flex-direction: row;
}
.listing-actu .listing-link span {
  font-family: "Fira Sans Medium";
  font-size: max(13px, 0.677vw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: initial;
  text-transform: uppercase;
  margin-top: 3px;
}
@media (max-width: 771px) {
  .listing-actu .listing-link span {
    font-size: 13px;
    line-height: 1;
  }
}
.listing-actu .listing-link img {
  height: 16px;
  width: 16px;
  object-fit: contain;
}

.wrapper-dernieres-actus {
  gap: max(48px, 2.5vw);
  padding-block: max(96px, 5vw);
}
.wrapper-dernieres-actus .last-actus-head {
  flex-wrap: wrap;
  gap: max(24px, 1.25vw);
  align-items: center;
  justify-content: space-between;
}
.wrapper-dernieres-actus .last-actus-head a {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: rgb(255, 255, 255);
  color: #0F1D3E;
  border: 1px solid #0F1D3E;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .wrapper-dernieres-actus .last-actus-head a {
    font-size: 14px;
    line-height: 1;
  }
}
.wrapper-dernieres-actus .last-actus-head a:hover, .wrapper-dernieres-actus .last-actus-head a.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.wrapper-dernieres-actus .last-actus-head a:hover {
  background: #0F1D3E;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.bg-blue-text-black {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: #64C0DB;
  color: #0F1D3E;
  border: 1px solid #64C0DB;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .bg-blue-text-black {
    font-size: 14px;
    line-height: 1;
  }
}
.bg-blue-text-black:hover, .bg-blue-text-black.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}

.bg-white-text-black {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: none;
  color: #0F1D3E;
  border: 1px solid #0F1D3E;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .bg-white-text-black {
    font-size: 14px;
    line-height: 1;
  }
}
.bg-white-text-black:hover, .bg-white-text-black.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.bg-white-text-black:hover {
  background: #0F1D3E;
  color: rgb(255, 255, 255);
  border-color: #0F1D3E;
}

.no-bg-text-black {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: none;
  color: #0F1D3E;
  border: 1px solid #0F1D3E;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .no-bg-text-black {
    font-size: 14px;
    line-height: 1;
  }
}
.no-bg-text-black:hover, .no-bg-text-black.active {
  text-decoration: none;
  background-color: #4790A3;
  color: #0F1D3E;
  border: 1px solid #4790A3;
}
.no-bg-text-black.active, .no-bg-text-black:hover {
  color: rgb(255, 255, 255);
}

.no-bg-text-black {
  font-family: "Fira Sans";
  font-size: max(20px, 1.041vw);
  font-weight: 400;
  line-height: 1;
  letter-spacing: initial;
  padding-block: max(16px, 0.833vw);
  padding-inline: max(24px, 1.25vw);
  border-radius: max(2px, 0.104vw);
  background-color: none;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  align-content: center;
  padding-top: 18px;
  transition: background-color ease 0.5s, color ease 0.5s, border ease 0.5s;
}
@media (max-width: 771px) {
  .no-bg-text-black {
    font-size: 14px;
    line-height: 1;
  }
}
.no-bg-text-black:hover, .no-bg-text-black.active {
  text-decoration: none;
  background-color: #4790A3;
  color: rgb(255, 255, 255);
  border: 1px solid #4790A3;
}
.no-bg-text-black.active, .no-bg-text-black:hover {
  color: #0F1D3E;
}

.wp-block-column .wrapper-wysiwyg {
  padding-block: 0;
}

.wrapper-wysiwyg {
  padding-block: max(48px, 2.5vw);
}
@media (max-width: 768px) {
  .wrapper-wysiwyg {
    padding-block: max(24px, 1.25vw);
  }
}
.wrapper-wysiwyg p {
  margin-block: 0;
  padding-inline: 0;
}
.wrapper-wysiwyg ul {
  padding-left: 2rem;
}
.wrapper-wysiwyg ul, .wrapper-wysiwyg ol > li {
  color: #0F1D3E;
}
.wrapper-wysiwyg p:has(a) {
  width: fit-content;
}
.wrapper-wysiwyg p:has(a) a {
  color: #0592F6;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wrapper-wysiwyg p:has(img) {
  width: fit-content;
}
.wrapper-wysiwyg p:has(img) img {
  border-radius: max(16px, 0.833vw);
  object-fit: cover;
}
@media (max-width: 1100px) {
  .wrapper-wysiwyg p:has(img) img {
    width: initial;
    max-height: 327px;
    height: initial;
  }
}

.wp-block-columns:has(.wrapper-wysiwyg) + .wrapper-wysiwyg,
.wrapper-wysiwyg + .wrapper-wysiwyg,
.entry-content + .wrapper-wysiwyg {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper_separateur .line {
  border: 1px solid #D3DCED;
}

/* POSTS */
.last-news {
  padding-block: max(48px, 2.5vw);
  background: #ECF1FA;
}

.last-news-wrapper .infos-query {
  flex-direction: column;
  gap: max(32px, 1.666vw);
}
.last-news-wrapper .infos-query h1 {
  line-height: 1.2;
}
.last-news-wrapper .infos-query .link-last-article {
  display: inline-flex;
  gap: max(12px, 0.625vw);
}
.last-news-wrapper .infos-query .link-last-article:after {
  content: url("/wp-content/themes/sincrone-group/ressources/images/right-white.svg");
  display: flex;
  margin-top: 3px;
}
.last-news-wrapper .infos-query * {
  color: rgb(255, 255, 255);
}

.wrapper-post-article {
  background: #ECF1FA;
  padding-block: max(40px, 2.083vw);
}
@media (max-width: 1100px) {
  .wrapper-post-article {
    padding: 0;
  }
}
.wrapper-post-article .element {
  height: max(380px, 19.791vw);
  flex-direction: row;
  background: #0F1D3E;
}
@media (max-width: 1100px) {
  .wrapper-post-article .element {
    flex-direction: column-reverse;
    height: initial;
  }
}
.wrapper-post-article .element .l-side {
  padding-inline: max(48px, 2.5vw);
  padding-block: max(48px, 2.5vw);
  width: 50%;
  justify-content: center;
  gap: max(32px, 1.666vw);
}
.wrapper-post-article .element .l-side * {
  color: rgb(255, 255, 255);
}
.wrapper-post-article .element .l-side h1 {
  line-height: 1.25;
}
.wrapper-post-article .element .l-side .date {
  font-family: "Fira Sans";
  font-size: max(16px, 0.833vw);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: initial;
}
@media (max-width: 771px) {
  .wrapper-post-article .element .l-side .date {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 1100px) {
  .wrapper-post-article .element .l-side {
    width: initial;
    padding-inline: max(24px, 1.25vw);
    padding-top: 0;
    gap: max(20px, 1.041vw);
  }
}
.wrapper-post-article .element .r-side {
  max-width: 50%;
  width: 50%;
}
.wrapper-post-article .element .r-side img {
  object-fit: cover;
  height: 100%;
}
@media (max-width: 1100px) {
  .wrapper-post-article .element .r-side img {
    max-height: 378px;
    min-height: 218px;
  }
}
@media (max-width: 1100px) {
  .wrapper-post-article .element .r-side {
    max-width: initial;
    width: initial;
    padding: max(24px, 1.25vw);
  }
}

.wrapper-post-page img {
  max-height: 450px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .wrapper-post-page img {
    max-height: 250px;
  }
}

/*# sourceMappingURL=style.css.map */