/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXV0poK5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXx0poK5.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXd0poK5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXZ0poK5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXh0pg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/**
 * Global rules
 */


html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}
html, body {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  color: #001D37;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
body {
  overflow-x: hidden;
  padding-top: 100px;
}
body * {
  box-sizing: border-box;
}
p, h1, h2, h3 {
  position: relative;
}
p {margin-top: 0;}

/**
 * Generic
 */
a {color: inherit;text-decoration: none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border: 0;}
.button, button  {display: inline-block; cursor: pointer; line-height: 1; border-radius: 20px; background: #1465A8; color: white; padding: 0.5em 1em; border: 0; position: relative; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; font-weight: 700; font-size: 1.1rem;}
.button:hover, button:hover {background: #FBBC31; color: white;}
a:hover, a:active, a:focus {text-decoration: none; color: inherit;}
img {display: inline-block;max-width: 100%; height: auto;}
svg {display: block;max-width: 100%; height: auto;}
.container {max-width: 1380px; margin: 0 auto; padding: 0 15px;}
h1, h2 {line-height: 1.1; font-weight: 700; font-size:1.5em; /*margin: 30px 0 0;*/}
.no-webp .main-wrapper {background: url(/img/main-bg.jpg) no-repeat center; background-size: cover; color: white; min-height: calc(100vh - 110px);padding-bottom: 4rem;}
.webp .main-wrapper {background: url(/img/main-bg.webp) no-repeat center; background-size: cover; color: white; min-height: calc(100vh - 110px);padding-bottom: 4rem;}

/**
 * Header
 */
.beatex-one-page-header {height: 100px; -webkit-box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.41); -moz-box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.41); box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.41);position: fixed; left: 0; top: 0; width: 100%; background: white; z-index: 100;}


.beatex-one-page-header > .container {display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ justify-content:space-around; height: 100%;}
.logo-header {display: flex; justify-content: center; flex-direction: column; max-width: calc(100% - 60px);}
.main-menu {position: fixed; left: -300px; transition: all 0.25s ease-in-out; width: 280px; top: 100px; padding: 2rem; background: white;}
.main-menu ul {display: flex; flex-wrap: wrap; gap: 1.5rem; list-style: none; margin: 0; padding: 0;}
ol.breadcrumb {list-style: none; padding: 0; margin: 1.5rem 0; display: flex; flex-wrap: wrap; gap: 0.25rem; font-style: italic; font-size: 0.95rem;}
ol.breadcrumb li:not(:last-child):after {content: ">"; margin-left: 0.25rem;}
ol.breadcrumb li:last-child {font-weight: 700;}
.main-menu ul li {position: relative; width: 100%;}
.main-menu ul li a:hover {color: #FDBD2E;}
#menu-icon {width: 32px; height: 24px; display: inline-block; position: relative; margin-left: 0.75rem; cursor: pointer;}
#menu-icon:before {content: ""; width: 100%; height: 0.25rem; position: absolute; top: 0; left: 0; background: #001D37; transform: rotate(0); transform-origin: left; transition: all 0.35s ease-in-out; border-radius: 5px;}
#menu-icon:after {content: ""; width: 100%; height: 0.25rem; position: absolute; top: calc(100% - 0.25rem); left: 0; background: #001D37; transform: rotate(0); transform-origin: left; transition: all 0.35s ease-in-out; border-radius: 5px;}
#menu-icon span {width: 100%; height: 0.25rem; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #001D37; opacity: 1; transition: all 0.35s ease-in-out; border-radius: 5px;}
#submenu:target {display: none;}
.right-header {display: flex; justify-content: center; flex-direction: column;}
#toggle-menu {display: none;}
#toggle-menu:checked + .main-menu {left: 0;}


/**
 * Step
 */
.step-wrapper {text-align: center;}
.step-wrapper > ul {padding: 3rem 0; margin: 0 3rem; display: inline-flex; list-style: none; justify-content: space-between; width: calc(100% - 6rem); max-width: 720px; font-weight: 700; position: relative;}
.step-wrapper > ul:before {content: ""; width: 99%; height: 2px; background: white; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.step-wrapper > ul > li {height: 58px; position: relative; display: flex; justify-content: center; flex-direction: column;}
.step-wrapper > ul > li > p {display: inline-block; margin: 0; width: 24px; height: 24px; background: #FFFFFF; border-radius: 50%; position: static;}
.step-label {position: absolute; top: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%); opacity: 0.3; font-size: 0.8rem; max-width: 90px;}
.step-wrapper > ul > li p.step-content.step-active {background: #FDBD2E; width: 42px; height: 42px;}
.step-wrapper > ul > li p.step-content.step-active .step-label {opacity: 1;}
.step-number {font-size: 1.85rem;}





/**
 * Footer
 */
footer {background: #04223A; color: white;}
.footer-bottom {background: #FBBC31; text-align: center;}
.footer-columns {display: flex; flex-wrap: wrap; gap: 1rem; padding: 2rem 0;}
.footer-columns > div {width: 100%;}
.footer-contact-socials ul {margin: 0; list-style: none; padding: 0; display: flex; gap: 0.5rem;}
.footer-contact {display: flex; flex-wrap: wrap;}
.footer-contact-socials {margin-left: 0.5rem;}
.footer-contact-socials svg {fill: #FBBC31; transition: all 0.25s ease in-out;}
.footer-contact-socials a:hover svg {fill: white;}
.menu ul {list-style: none; padding-left: 2.5rem; margin: 0;}
.menu ul a {text-decoration: underline;}
.menu ul a:hover {color: #FBBC31;}
.nl-wrapper {display: flex;}
.nl-wrapper button {width: 57px; height: 35px;}
.nl-wrapper-input {width: calc(100% - 57px);}
.nl-wrapper-input input {width: calc(100% - 5px); height: 35px; border-radius: 20px; border: 0; padding: 0.5rem;}
.nl-wrapper-input input:focus {outline: none;}
.nl-wrapper-input input::placeholder {opacity: 1; color:#04223A; font-style: italic;}
.footer-bottom .menu ul {padding: 0; display: inline-flex; gap: 0.25rem; padding: 0.75rem;}
.footer-bottom .menu ul a {text-decoration: none; position: relative;}
.footer-bottom .menu ul a:hover {color: #04223A;}
.footer-bottom .menu ul li:not(:last-child) a:after {content: "-"; margin-left: 0.25rem;}
.footer-contact-button {margin-bottom: 1rem;}



/**
 * Home top
 */
.no-webp .beatex-frontpage .main-wrapper {background: url(/img/main-bg-home.jpg) no-repeat center; background-size: cover; color: #001D37; text-align: center; padding-bottom: 0; margin-bottom: 6rem;}
.webp .beatex-frontpage .main-wrapper {background: url(/img/main-bg-home.webp) no-repeat center; background-size: cover; color: #001D37; text-align: center; padding-bottom: 0; margin-bottom: 6rem;}

.frontpage-top-texte {display: inline-block; max-width: 1380px; padding: 0 15px; margin-bottom: 1rem;}
.frontpage-top-texte h1 {/*font-size: 1.625rem;*/font-size: 1.5rem; margin: 1em auto 0.75em; max-width: 960px;}
.frontpage-top-texte p {font-weight: 500; margin: 0 auto 1rem;}
.frontpage-3-blocs-columns {display: flex; flex-wrap: wrap; gap: 1.5rem;}
.frontpage-3-blocs-columns > div {position: relative; flex: 1 1 250px; min-height: 357px; display: flex; flex-direction: column; justify-content: center;}
.column-title {font-weight: 700; font-size: 1.625rem; margin-bottom: 0.5rem;}
.frontpage-3-blocs-column-1 .column-image {margin: 0.55rem 0;}
.frontpage-3-blocs-column-2 .column-image {margin: 0.25rem 0;}
.frontpage-3-blocs-column-3 .column-image {margin: 0.6rem 0;}
.go-bottom {margin-top: 0.5rem; display: inline-block; position: relative;top: 3.5rem;}
.go-bottom svg {fill:#fbbc31; transition: 0.25s ease-in-out;}
.go-bottom:hover svg {fill: #001D37;}
#anchor {position: relative; top: -120px;}
.frontpage-3-blocs-hover {display: flex; justify-content: space-between; flex-direction: column;}
.frontpage-3-blocs-content {display: flex; justify-content: center; flex-direction: column;}
.flip-card {background-color: transparent; width: 300px; height: 357px; perspective: 1000px; /* Remove this if you don't want the 3D effect */}
.flip-card-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 1.2s; transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg); transition: transform 0.8s;}
.no-webp .flip-card-front, .flip-card-back {position: absolute; width: 100%; height: 100%; border-radius: 18px; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;background: url(/img/bg-home-col-3.jpg) no-repeat center; background-size: cover; padding: 1rem; color: white;}
.webp .flip-card-front, .flip-card-back {position: absolute; width: 100%; height: 100%; border-radius: 18px; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;background: url(/img/bg-home-col-3.webp) no-repeat center; background-size: cover; padding: 1rem; color: white;}



.flip-card-back {transform: rotateY(180deg);}
.p-small {font-size: 0.9rem;}
.p-small a {color: #FDBD2E; font-weight: 700;}
.column-title.column-title-hover {color: #FDBD2E;}
.flip-card-front .column-title {margin: 0.25rem 0 1.25rem;}
.frontpage-top-texte p.subtitle {font-size: 1.56rem; font-weight: 700; margin-bottom: 0rem;}
.frontpage-top-texte .button {background: #FDBD2E;}
.frontpage-top-texte .button:hover {background: #1465A8;}

.years{font-size:14px}


/**
 * Home text center
 */
.frontpage-text-center-content {max-width: 1015px; margin: 0 auto 6rem; text-align: center;}
.frontpage-text-center-content h2 {font-size: 1.625rem; margin: 1em 0 0.75em;}
.p-xsmall {font-size: 0.75rem; font-style: italic;}


/**
 * Home bandeau contrat
 */
.no-webp .frontpage-bandeau-contrat {background: url(/img/bg-contrat.jpg) no-repeat center; background-size: cover; text-align: center; color: white; padding: 3rem 1rem; margin-bottom: 4rem;} 
.webp .frontpage-bandeau-contrat {background: url(/img/bg-contrat.webp) no-repeat center; background-size: cover; text-align: center; color: white; padding: 3rem 1rem; margin-bottom: 4rem;} 
.frontpage-bandeau-contrat h2 {font-size: 1.5rem; margin: 0 0 1.5rem}
.frontpage-bandeau-contrat .button svg {display: inline;}
.frontpage-bandeau-contrat .button span {position: relative; top: -8px;}
.frontpage-bandeau-contrat .button {padding: 0.2em 1em; border-radius: 25px; background: #FDBD2E;}
.frontpage-bandeau-contrat .button:hover {background: #1465A8;}


/**
 * Home 4 blocs
 */
.frontpage-4-blocs {text-align: center;}
.frontpage-4-blocs h2 {font-size: 1.625rem; margin: 1em 0 0.75em;}
.frontpage-4-blocs-columns {display: flex; flex-wrap: wrap; gap: 20%; justify-content: center; }
.frontpage-4-blocs-columns > div {flex: 1 1 400px; max-width: 386px; margin-bottom: 3rem;}


/**
 * Home people
 */
 .frontpage-people img {display: block; width: 100%; max-width:1920px; height: auto; object-fit: cover;}


/**
 * Home chiffres
 */
.no-webp .frontpage-chiffres {background: url(/img/bg-chiffres-mobile.jpg) no-repeat center; background-size: cover;}
.webp .frontpage-chiffres {background: url(/img/bg-chiffres-mobile.webp) no-repeat center; background-size: cover;}

.frontpage-chiffres-columns {text-align: center; padding: 1.5rem 0;}
.frontpage-chiffres-columns > div {padding: 1rem 1.25rem; color: white; font-weight: 700; margin: 0 auto; width: 183px; height: 190px; text-align: center;background: url(/img/bg-rond.png) no-repeat center; background-size: 100%; justify-content: center; flex-direction: column; display: flex;}
.chiffres-column-text {line-height: 1; font-size: 0.95rem;}
.chiffres-column-text span {color: #FDBD2E;}
.frontpage-chiffres-columns p {margin: 0;}
.frontpage-chiffres-columns .chiffres-column-number {color: white; font-size: 3rem; line-height: 1;}


/**
 * Home articles
 */
.frontpage-articles h2 {font-size: 1.75rem; margin : 4rem 0 1rem;}
.frontpage-articles-columns {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 4rem;}
.frontpage-articles-column-1 {width: calc(50% - 180px);}
.frontpage-articles-column-2 {width: calc(50% - 180px); display: flex; justify-content: space-between; flex-direction: column;}
.frontpage-articles-column-right {width: 100%; margin: 0 auto;}
.img-bg {position: relative;}
.img-bg img {filter: brightness(0.5); width: 100%;}
.img-bg:after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(217, 228, 237, 0.21); backdrop-filter: blur(11px);}
.frontpage-articles-column-content {position: relative; float: left;}
.article-abs {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1rem 1rem 2rem; color: white; color: white; line-height: 1.1;}
.article-abs h3 {margin: 0;}
.link-more {position: absolute; right: 1rem; bottom: 1rem;}
.link-more svg {fill: white; transition: all 0.25s ease-in-out;}
.link-more:hover svg {fill: #FDBD2E;}
.frontpage-articles-column-right nav {height: 100%;}
.frontpage-articles-column-right ul {margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
.frontpage-articles-column-right ul a {width: 100%; height: 104px; text-align: center; padding: 2rem 1rem 2rem 3.5rem; text-transform: uppercase; margin: 0.5rem 0 ; font-size: 1.5rem; font-weight: 700; display: block; border-radius: 12px; -webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.16);}
.frontpage-articles-column-right ul li:first-child a {background: url(/img/btn3.png) no-repeat left top; color: #001D37;}
.frontpage-articles-column-right ul li:nth-child(2) a {background: url(/img/btn2.png) no-repeat left top; color: #1465A8;}
.frontpage-articles-column-right ul li:nth-child(3) a {background: url(/img/btn1.png) no-repeat left top; color: #FBBC31;}
.frontpage-articles-column-right ul li:first-child a:hover, .frontpage-articles-column-right ul li:nth-child(2) a:hover {color: #FBBC31;}
.frontpage-articles-column-right ul li:nth-child(3) a:hover {color: #001D37;}
.frontpage-articles-left {width: 100%; display: inline-block; position: relative; margin-bottom: 4rem;}
.frontpage-articles-column-content img {max-height: 382px;}
.slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; top: calc(100% + 1rem); left: 50%; transform: translateX(-50%);}
.slick-dots li {float: left; margin: 0 0.25em;}
.slick-dots button {padding: 0; overflow: hidden; width: 13px; height: 13px; background: #1465A8; border: 0; border-radius: 50%; text-indent: -9999px; transition: all 0.25s ease-in-out; position: relative; top: 0;}
.slick-dots .slick-active button, .slick-dots button:hover {background: #FBBC31; width: 19px; height: 19px; top: -3px}

/**
 * Home nl
 */
.no-webp .frontpage-nl-content {padding: 2rem; border-radius: 12px; background: url(/img/bg-nl-home.jpg) no-repeat center; background-size: cover; margin-bottom: 3rem;}
.webp .frontpage-nl-content {padding: 2rem; border-radius: 12px; background: url(/img/bg-nl-home.jpg) no-repeat center; background-size: cover; margin-bottom: 3rem;}
.frontpage-nl-content h2 {font-size: 1.4rem; color: #FBBC31; margin: 0 0 1rem;}
.nl-intro {color: white; font-style: italic;}
.frontpage-nl-content .nl-wrapper {max-width: 296px; display: inline-block; width: 100%;}
.frontpage-nl-content .nl-wrapper-input {margin-bottom: 1rem; width: 100%;}

/**
 * Home pop in
 */
#overlay{display: none; position: fixed; top:0; right:0; bottom:0; left:0; z-index: 1000;}
#overlay:target{display: block;}
.popup_block{position: relative; margin: 10% auto; width: 90%; box-shadow: 0px 0px 20px #000; border-radius: 22px; max-width: 1350px; backdrop-filter: blur(9px); color: white; background: rgba(21, 47, 75, 0.95); padding: 5rem 5rem 4rem;}




.close {position: absolute; top: 1rem; right: 1rem;}
.close svg {fill: #FDBD2E; transition: all 0.25s ease-in-out;}
.close:hover svg {fill: #001D37;}
.header-pop {font-size: 1.1rem; font-weight: 700; color: #FDBD2E;}


@media screen and (min-width: 600px) {
	.step-label {top: calc(100% + 0.75rem); white-space: nowrap; max-width: 200px; font-size: 1rem;}
	section.form-block {margin: 2rem auto;}
	.form-block h1 {font-size: 2rem; padding: 0 0 0 100px; margin: 0 0 3rem;}
	.form-block h1:before {top: 50%; transform: translateY(-50%);}
	.step-wrapper > ul > li p.step-content.step-active {background: #FDBD2E; width: 58px; height: 58px;}
	.step-number {font-size: 2.45rem;}
	input[type="radio"] + label {font-size: 1.625rem;}
	input[type="radio"] + label:before {top: 0;}
	input[type="radio"]:checked + label:after {top: 8px;}
	.page-3-form-left {width: 66%; padding-right: 2rem; margin-top: 3rem;}
	.page-3-form-right {width: 34%;}
	.page-3-form-left p {margin-left: 102px;}
	.page-3-form-left p:last-child {padding-bottom: 3rem;}
	.footer-columns > div {width: calc(50% - 1rem);}
	.frontpage-chiffres-columns {display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between;}
	.no-webp .frontpage-chiffres {background: url(/img/bg-chiffres.jpg) no-repeat center; background-size: cover;}
	.webp .frontpage-chiffres {background: url(/img/bg-chiffres.webp) no-repeat center; background-size: cover;}
	.frontpage-nl-content {text-align: center;}
}	
@media screen and (min-width: 825px) {
	.frontpage-articles-left {width: calc(100% - 400px); margin-bottom: 0;}
	.frontpage-articles-column-right ul a {margin: 0; width: 324px;}
	.frontpage-articles-column-right {width: 324px;}
	.frontpage-text-center-content {font-size: 1.25rem;}
}
@media screen and (min-width: 890px) {
	.step-content:not(.step-active) .step-label {display: block;}
	.main-wrapper {min-height: calc(100vh - 250px);}
}	
@media screen and (min-width: 990px) {
	.footer-columns > div {width: calc(25% - 1rem);}
}	
@media screen and (min-width: 1200px) {
	.main-menu {display: flex;justify-content: center; flex-direction: column; left: 0; position: static; width: auto; top: 0; position: static; padding: 0;}
	#menu-icon, #toggle-menu {display: none;} 
	.main-menu ul li:not(:last-child):after {content: ""; height: 100%; width: 0.1rem; position: absolute; right: -1rem; top: 0; background: #001B2F; transform: translateX(-100%);}
	.main-menu ul li {width: auto;}
	.footer-column-2, .footer-column-3 {padding-top: 2.8rem;}
	.frontpage-top-texte p {font-size: 1.07rem;}
	.frontpage-top-texte h1 {font-size: 3rem;}
	.frontpage-4-blocs h2, .frontpage-text-center-content h2, .frontpage-articles h2 {font-size: 3rem;}
	.frontpage-bandeau-contrat h2 {font-size: 1.875rem;}
	.desktop-50pc{max-width:50%;}
}

@media screen and (min-width: 1340px) {
	.frontpage-articles-column-1-content {width: 47%;}
	.frontpage-articles-column-2-top {width: calc(53% - 4rem); margin-left: 4rem;}
	.frontpage-articles-column-2-bottom {width: calc(53% - 4rem); position: absolute; bottom: 0; right: 0;}
	.frontpage-articles-column-2-top img, .frontpage-articles-column-2-bottom img {max-height: 175px; object-fit: cover;}
}



@media screen and (max-width: 972px) {
	.beatex-one-page-header{height: 170px;}
	.webp .beatex-frontpage .main-wrapper{margin-top: 3.5em;}
	h1{font-size:1.5em;}
	.button, button {font-size: 0.7rem;}
	.job-meta {right: 0px;top:88%;}
	.frontpage-3-blocs-hover.flip-card-back{overflow:auto;}
}

@media screen and (max-width: 860px) {
	.step-wrapper > ul > li:last-child p.step-content.step-active .step-label {
		width: 110px;
		white-space: inherit;
	}
	
}
@media screen and (max-width: 800px) {
	.form-line-select {width: calc(100% - 40px); margin: 0 0 1.5rem 40px;}
	.form-line-plus + .form-line-select {margin-left: 0;}
	.form-line-plus {margin-bottom: 1.75rem;}
	.form-line-qtite {width: 90px; margin: 0 0 1.5rem 40px;}
	section.form-block {padding: 3rem 2rem;}
	.form-block h2 {font-size: 1.25rem; margin: 0 0 0.5rem 2.5rem;}	
}