html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}



* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.mod-touch * {
  background-attachment: scroll !important;
}

.btn-reset {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.btn-reset {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.embed:before, .embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.embed:after {
  clear: both;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

:root {
  --couleur-du-lien--lien-principal: var(--couleur-de-base-marque--rouille);
  --white: white;
  --couleur-du-texte--texte-alternatif: var(--couleur-de-base-neutre--blanc);
  --couleur-du-texte--texte-primaire: var(--couleur-de-base-neutre--noir);
  --couleur-d-arrière-plan--arrière-plan-secondaire: var(--couleur-de-base-marque--rouille);
  --couleur-d-arrière-plan--arrière-plan-succès: var(--couleur-de-base--succès-vert);
  --couleur-du-texte--texte-succès: var(--couleur-de-base--succès-vert-foncé);
  --couleur-de-base-marque--rouille: #b86d55;
  --couleur-de-la-bordure--bordure-primaire: var(--couleur-de-base-neutre--blanc-12-5);
  --couleur-de-base-marque--gris: #efebe8;
  --couleur-du-texte--texte-secondaire: var(--couleur-de-base-neutre--noir-25);
  --couleur-d-arrière-plan--arrière-plan-primaire: var(--couleur-de-base-neutre--noir);
  --couleur-d-arrière-plan--arrière-plan-tertiaire: var(--couleur-de-base-marque--pêche);
  --couleur-d-arrière-plan--arrière-plan-erreur: var(--couleur-de-base--erreur-rouge);
  --couleur-du-texte--texte-erreur: var(--couleur-de-base--erreur-rouge-foncé);
  --couleur-de-la-bordure--bordure-alternative: var(--couleur-de-base-neutre--noir-25);
  --couleur-d-arrière-plan--arrière-plan-avertissement: var(--couleur-de-base--avertissement-jaune);
  --couleur-du-texte--texte-avertissement: var(--couleur-de-base--avertissement-jaune-foncé);
  --couleur-de-base-marque--pêche: #e8b9ac;
  --couleur-de-base-marque--cyan: #017a73;
  --couleur-de-base-marque--gris-beige: #e6e2dd;
  --couleur-de-base-marque--vert-foncé: #4d6467;
  --black: black;
  --couleur-de-base-neutre--noir: #000;
  --couleur-de-base-marque--gris-foncé: #373a36;
  --couleur-de-base--succès-vert: #cef5ca;
  --couleur-de-base--succès-vert-foncé: #114e0b;
  --couleur-de-base--avertissement-jaune: #fcf8d8;
  --couleur-de-base--avertissement-jaune-foncé: #5e5515;
  --couleur-de-base--erreur-rouge: #f8e4e4;
  --couleur-de-base--erreur-rouge-foncé: #3b0b0b;
  --couleur-de-base--état-focus: #2d62ff;
  --couleur-de-base-marque--vert-très-foncé: #243846;
  --couleur-de-base-neutre--blanc: #fff;
  --couleur-de-base-neutre--blanc-12-5: #eee;
  --couleur-de-base-neutre--blanc-25: #ccc;
  --couleur-de-base-neutre--blanc-37-5: #aaa;
  --couleur-de-base-neutre--gris: #666;
  --couleur-de-base-neutre--noir-12-5: #444;
  --couleur-de-base-neutre--noir-25: #222;
  --couleur-de-base-neutre--noir-37-5: #111;
  --couleur-d-arrière-plan--arrière-plan-alternatif: var(--couleur-de-base-neutre--blanc);
  --couleur-de-la-bordure--bordure-secondaire: var(--couleur-de-base-marque--rouille);
  --couleur-du-lien--lien-secondaire: var(--couleur-de-base-neutre--noir);
  --couleur-du-lien--lien-alternatif: var(--couleur-de-base-neutre--blanc);
}

.layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--couleur-du-lien--lien-principal);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.heading-style-h1 {
  font-family: Poppins, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.is-large {
  max-width: 100%;
}

.text-weight-light {
  font-weight: 300;
}

.text-size-small {
  font-size: .875rem;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.heading-style-h2 {
  font-family: Poppins, sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.text-align-center {
  text-align: center;
}

.button {
  background-color: var(--couleur-de-base-marque--rouille);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 8rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button.is-large {
  padding: 1rem 2rem;
}

.text-size-medium {
  font-size: 1.25rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-medium.is-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-section-medium.is-center.is-gap, .padding-section-medium.is-different {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hero_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: center start;
  max-width: 70rem;
  flex: 1 1 24rem;
  min-width: 0;
  display: grid;
  position: relative;
}

.hero_content.is-center {
  place-items: center;
  width: 100%;
}

.hero_content.is-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.hero_text-wrapper {
  max-width: 39rem;
}

.hero_calendly-wrapper {
  flex: 1 1 22rem;
  min-width: 20rem;
  max-width: 36rem;
  width: 100%;
}

.hero_section {
  background-image: url("../images/header.jpg");
  background-size: cover;
}

.trust_section.is-lp {
  display: none;
}

.final-cta_section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_component {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  gap: 3rem;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.hero_component.is-one {
  grid-template-columns: 1.25fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_stats-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.hero_stats {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-color-cyan {
  color: var(--couleur-de-base-marque--cyan);
}

.background-color-beige-gris {
  background-color: var(--couleur-de-base-marque--gris-beige);
}

.background-color-vert-fonce {
  background-color: var(--couleur-de-base-marque--vert-foncé);
}

.hero_stats-text {
  max-width: 11rem;
}

.hero_stats-divider {
  background-color: var(--black);
  width: 1px;
  height: 100%;
}

.certificate_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.certificate_component.is-little {
  max-width: 60%;
}

/* Chaque logo prend la même largeur, quelle que soit la résolution du fichier (ex. logo CPF en @3x) */
.certificate_component > div {
  flex: 1 1 0;
  max-width: 279px;
  text-align: center;
}

.certificate_component > div > img {
  width: 100%;
}

.certificate_component > div > img[src$="logo-mon-compte-formation.png"] {
  width: 71%; /* 198/279 : garde son échelle d'origine */
}

.benefits_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefits_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefits_image-wrapper {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.objectif_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.objectif_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2rem;
  display: flex;
}

.objectif_card-wrapper {
  flex-flow: column;
  display: flex;
}

.objectif_card {
  background-color: var(--couleur-de-base-marque--gris-beige);
  text-align: center;
  border-radius: 20px;
  max-width: 21rem;
  padding: 2rem 3rem;
}

.objectif_card-heading {
  text-align: center;
  background-image: url("../images/elements.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: Shadows Into Light, sans-serif;
  font-weight: 400;
  transform: rotate(-7deg)translate(-6.5rem, .2rem);
}

.heading {
  font-size: 2.7rem;
}

.objectif_image-wrapper {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.objectif_component, .signes_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonials_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.testimonial_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.testimonial_card-client {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial_heading-container {
  text-align: center;
  max-width: 25rem;
  display: flex;
}

.trust_component {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  grid-template-rows: auto;
}

.trust_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.trust_image-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.trust_check-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.trust_check-line {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.trust_heading-container {
  max-width: 23rem;
}

.trust_heading-container._2 {
  max-width: 21rem;
}

.trust_quote-card {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--couleur-de-base-marque--gris);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem;
  display: flex;
  position: absolute;
  inset: 20% auto auto 0%;
  transform: translate(-5rem);
}

.trust_quote-card-name {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trust_text-container {
  max-width: 30rem;
}

.cpf_component {
  grid-template-rows: auto;
}

.cpf_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 30.5rem;
  display: flex;
}

.cpf_image-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cpf_cpf-card {
  max-width: 15rem;
  position: absolute;
  inset: -10% 10% auto auto;
}

.cpf_qualiopi-card {
  max-width: 15rem;
  position: absolute;
  inset: auto auto -10% 10%;
}

.final_cta_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.final_cta_heading-container {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 25rem;
  display: flex;
}

.final_cta_heading-container.is-large {
  max-width: 100%;
}

.footer_component {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_privacy {
  border-top: 1px solid var(--couleur-de-base-marque--cyan);
  justify-content: space-between;
  width: 100%;
  padding-top: 2rem;
  display: flex;
}

.footer_logo {
  max-width: 5rem;
}

.link {
  color: var(--couleur-de-base-marque--cyan);
  -webkit-text-stroke-color: var(--couleur-de-base-marque--cyan);
}

.benefits_image {
  position: absolute;
  inset: 0% 0% auto auto;
}

.benefits_image._2 {
  z-index: 1;
  max-width: 60%;
  inset: auto auto 0% -10%;
}

.benefits_text-container {
  max-width: 30rem;
}

.objectif_image {
  max-width: 60%;
  position: absolute;
  inset: auto auto -5% -10%;
}

.hero_header-component {
  background-color: var(--couleur-de-base-marque--gris-foncé);
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.hero_header-component.is-center {
  justify-content: center;
  align-items: center;
}

.hero_header-component.is-center.is-different {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.hero_logo {
  max-width: 6rem;
}

.hero_header {
  background-color: var(--couleur-de-base-marque--gris-foncé);
}

.hero_clients-image {
  width: 5rem;
}

.quiz-wrapper {
  width: 100%;
}

@media screen and (max-width: 991px) {
.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
.padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
.trust_quote-card {
    top: 28%;
    left: 5%;
  }
.benefits_image._2 {
    max-width: 50%;
    bottom: 10%;
    left: 5%;
  }
.image-2 {
    max-width: 90%;
  }
}

@media screen and (max-width: 767px) {
h1 {
    font-size: 2.5rem;
  }
h2 {
    font-size: 2rem;
  }
h3 {
    font-size: 1.5rem;
  }
h4 {
    font-size: 1.25rem;
  }
h5 {
    font-size: 1rem;
  }
h6 {
    font-size: .875rem;
  }
.hide-mobile-landscape {
    display: none;
  }
.heading-style-h1 {
    font-size: 2.5rem;
  }
.padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
.heading-style-h2 {
    font-size: 2rem;
  }
.padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
.hero_component {
    grid-template-columns: 1.25fr;
    flex-wrap: wrap;
  }
.hero_calendly-wrapper {
    max-width: 100%;
  }
.hero_stats-wrapper {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }
.benefits_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }
.objectif_container {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr;
  }
.objectif_content {
    justify-content: flex-start;
    align-items: center;
  }
.objectif_image-wrapper {
    justify-content: center;
    align-items: flex-end;
  }
.objectif_component {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }
.target_component, .testimonials_wrapper, .trust_component {
    grid-template-columns: 1fr;
  }
.trust_content {
    align-items: stretch;
  }
.trust_quote-card {
    max-width: 90%;
    max-height: 90%;
    inset: 5% 0% 0% 5%;
    transform: none;
  }
.cpf_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }
.objectif_image {
    max-width: 40%;
    inset: auto auto -8% 0%;
  }
.hero_header-component {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }
.hero_logo {
    max-width: 4rem;
  }
.image-3 {
    max-width: 70%;
  }
}

@media screen and (max-width: 479px) {
.hide-mobile-portrait {
    display: none;
  }
.button {
    object-fit: fill;
    overflow: clip;
  }
.certificate_component.is-little {
    max-width: 100%;
  }
.trust_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.trust_image-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: static;
  }
.trust_quote-card {
    height: 100%;
    max-height: 100%;
    padding: 1rem;
    position: static;
  }
.cpf_cpf-card, .cpf_qualiopi-card {
    max-width: 8rem;
  }
.benefits_image._2 {
    bottom: -5%;
  }
}

#node-_7484df67-6a32-83f1-9c88-0f1cda1f755b-b05eeebb, #node-_8a0cfd65-b834-ee0c-3508-1ed2366300a5-b05eeebb, #node-_2e091393-961c-29a3-86c7-33f91a0b5754-b05eeebb, #node-e98ef66e-1b81-2105-dffc-faec4d22e1ea-c968476f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#node-_473fff62-1986-11d8-474a-caa4b6c159de-c968476f {
  align-self: center;
}

#node-_473fff62-1986-11d8-474a-caa4b6c159df-c968476f, #node-_473fff62-1986-11d8-474a-caa4b6c159e0-c968476f, #node-_473fff62-1986-11d8-474a-caa4b6c159e1-c968476f {
  place-self: center;
}

#node-_473fff62-1986-11d8-474a-caa4b6c159e2-c968476f {
  place-self: auto;
}

#node-_7484df67-6a32-83f1-9c88-0f1cda1f755b-c968476f, #node-_8a0cfd65-b834-ee0c-3508-1ed2366300a5-c968476f, #node-_2e091393-961c-29a3-86c7-33f91a0b5754-c968476f, #node-_58a588b8-a444-77f4-5111-6c00228d0142-92254782, #node-e2b04449-4e90-0e2f-3edf-58b965849908-92254782, #node-_7484df67-6a32-83f1-9c88-0f1cda1f755b-92254782, #node-_8a0cfd65-b834-ee0c-3508-1ed2366300a5-92254782, #node-_2e091393-961c-29a3-86c7-33f91a0b5754-92254782, #node-_7484df67-6a32-83f1-9c88-0f1cda1f755b-a101cae2, #node-_8a0cfd65-b834-ee0c-3508-1ed2366300a5-a101cae2, #node-_2e091393-961c-29a3-86c7-33f91a0b5754-a101cae2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
#node-aaab064d-835d-6912-b32d-8ef3650b56d3-b05eeebb {
    order: 9999;
  }
#node-f73523dd-1059-9401-c442-220495827189-b05eeebb {
    order: 0;
  }
#node-aaab064d-835d-6912-b32d-8ef3650b56d3-a101cae2 {
    order: 9999;
  }
#node-f73523dd-1059-9401-c442-220495827189-a101cae2 {
    order: 0;
  }
}

@media screen and (max-width: 479px) {
#node-f0189831-2f88-1251-32da-aebf85c0a00f-c968476f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* Global styles (previously inline embed) */
/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Set color style to inherit */
.inherit-color * {
    color: inherit;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}


/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.page-wrapper {
	overflow:clip;
}

/* Fluid typography (previously inline embed) */
html { font-size: 1rem; }
  @media screen and (max-width:1440px) { html { font-size: calc(0.33135215453194655rem + 0.7429420505200593vw); } }
  @media screen and (max-width:767px) { html { font-size: calc(0.6870920365535248rem + 0.6527415143603134vw); } }

/* ==========================================================================
   Quiz (remplace l'embed Typeform) — étapes, progression, contrôles
   ========================================================================== */

.quiz-wrapper {
  background-color: rgba(255, 255, 255, .92);
  border-radius: 1.25rem;
  box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .18);
  padding: 2.5rem 2rem 4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

#quizForm {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.quiz_progress {
  background-color: var(--couleur-de-base-marque--gris);
  border-radius: 999px;
  width: 100%;
  height: .3rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

.quiz_progress-bar {
  background-color: var(--couleur-de-base-marque--rouille);
  border-radius: 999px;
  width: 0%;
  height: 100%;
  transition: width .3s ease;
}

.quiz_step {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  width: 100%;
  min-height: min(26rem, 55vh);
  animation: quiz-fade-in .25s ease;
}

.quiz_step.is-active {
  display: flex;
}

@keyframes quiz-fade-in {
  from { opacity: 0; transform: translateY(.5rem); }
  to { opacity: 1; transform: translateY(0); }
}

.quiz_step-title {
  color: var(--couleur-de-base-neutre--noir);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  max-width: 30rem;
  text-wrap: balance;
}

.quiz_step-number {
  background-color: var(--couleur-de-base-marque--rouille);
  color: var(--white);
  border-radius: .3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  margin-right: .5rem;
}

.quiz_step-text, .quiz_step-subtext {
  color: var(--couleur-de-base-neutre--gris);
  font-size: 1rem;
  line-height: 1.5;
  margin: -.75rem 0 0;
  max-width: 26rem;
  text-wrap: pretty;
}

.quiz_scale {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .6rem;
  width: 100%;
}

.quiz_scale-option {
  background-color: var(--couleur-de-base-marque--gris);
  border: .125rem solid #0000;
  border-radius: 50%;
  color: var(--couleur-de-base-neutre--noir);
  cursor: pointer;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1rem;
  font-weight: 600;
  transition: border-color .15s ease, background-color .15s ease;
}

.quiz_scale-option:hover {
  background-color: var(--couleur-de-base-marque--gris-beige);
}

.quiz_scale-option.is-selected {
  background-color: var(--white);
  border-color: var(--couleur-de-base-marque--rouille);
  color: var(--couleur-de-base-marque--rouille);
}

.quiz_scale-labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 28rem;
  color: var(--couleur-de-base-neutre--gris);
  font-size: .85rem;
}

.quiz_choices {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  width: 100%;
  max-width: 26rem;
}

.quiz_choice {
  align-items: center;
  background-color: var(--couleur-de-base-marque--gris);
  border: .125rem solid #0000;
  border-radius: .75rem;
  color: var(--couleur-de-base-neutre--noir);
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  gap: .75rem;
  padding: .85rem 1.25rem;
  text-align: left;
  transition: border-color .15s ease, background-color .15s ease;
}

.quiz_choice:hover {
  background-color: var(--couleur-de-base-marque--gris-beige);
}

.quiz_choice.is-selected {
  background-color: var(--white);
  border-color: var(--couleur-de-base-marque--rouille);
}

.quiz_choice-letter {
  align-items: center;
  background-color: var(--white);
  border-radius: 50%;
  color: var(--couleur-de-base-neutre--gris);
  display: inline-flex;
  flex: none;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  font-size: .85rem;
  font-weight: 600;
}

.quiz_choice.is-selected .quiz_choice-letter {
  background-color: var(--couleur-de-base-marque--rouille);
  color: var(--white);
}

.quiz_input {
  background-color: #0000;
  border: none;
  border-bottom: .125rem solid var(--couleur-de-la-bordure--bordure-primaire);
  color: var(--couleur-de-base-neutre--noir);
  font-size: 1.1rem;
  padding: .5rem .25rem;
  text-align: center;
  width: 100%;
  max-width: 24rem;
}

.quiz_input::placeholder {
  color: var(--couleur-de-base-neutre--gris);
}

.quiz_input:focus {
  border-bottom-color: var(--couleur-de-base-marque--rouille);
  outline: none;
}

.quiz_button {
  background-color: var(--couleur-de-base-marque--vert-très-foncé);
  border: none;
  border-radius: .5rem;
  color: var(--white);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  padding: .75rem 2rem;
  transition: opacity .15s ease;
}

.quiz_button:hover:not(:disabled) {
  opacity: .85;
}

.quiz_button:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.quiz_nav {
  background-color: var(--couleur-de-base-marque--gris);
  border-radius: .5rem;
  bottom: 1rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  right: 1rem;
}

.quiz_nav-btn {
  background-color: #0000;
  border: none;
  color: var(--couleur-de-base-neutre--noir);
  cursor: pointer;
  font-size: .7rem;
  line-height: 1;
  padding: .5rem .65rem;
  transition: background-color .15s ease, color .15s ease;
}

.quiz_nav-btn:first-child {
  border-bottom: .0625rem solid var(--couleur-de-base-marque--gris-beige);
}

.quiz_nav-btn:hover:not(:disabled) {
  background-color: var(--couleur-de-base-marque--gris-beige);
}

.quiz_nav-btn:disabled {
  color: var(--couleur-de-base-neutre--gris);
  cursor: not-allowed;
  opacity: .4;
}

@media screen and (max-width: 479px) {
  .quiz-wrapper {
    padding: 1.75rem 1.25rem 3.5rem;
  }

  .quiz_step-title {
    font-size: 1.15rem;
  }

  .quiz_scale-option {
    width: 2.3rem;
    height: 2.3rem;
    font-size: .9rem;
  }
}

/* Cibles des ancres utilisées par les liens annexes Google Ads : évite que la
   section arrive collée au bord haut du viewport. */
#bilan-competences,
#bilan-pro,
#test,
#benefices,
#cpf,
#avis,
#contact {
  scroll-margin-top: 2rem;
}

/* Carte webinaire (page confirmation-reservation-diag) */
.webinar_card {
  display: block;
  overflow: hidden;
  background-color: var(--couleur-de-base-neutre--blanc);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
  color: inherit;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}

.webinar_card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
}

.webinar_image {
  display: block;
  width: 100%;
  height: auto;
}

.webinar_body {
  padding: 1.5rem;
}

.webinar_kicker {
  margin-bottom: .5rem;
  color: var(--couleur-de-base-marque--rouille);
  font-size: .875rem;
  font-weight: 600;
  text-transform: uppercase;
}

.webinar_tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .75rem;
}

.webinar_tags span {
  padding: .25rem .75rem;
  border-radius: 8rem;
  background-color: #f6ede9;
  color: var(--couleur-de-base-marque--gris-foncé);
  font-size: .8rem;
}

.webinar_title {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.35rem;
  line-height: 1.3;
}

.webinar_text {
  margin-bottom: 1.25rem;
  color: var(--couleur-de-base-neutre--gris);
}

.webinar_button {
  display: inline-block;
}

/* Calendly intégré directement en iframe (plus rapide que le widget inline) */
.calendly-embed {
  position: relative;
  width: 100%;
  min-width: 320px;
  height: 700px;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--couleur-de-base-neutre--blanc);
}

.calendly-embed iframe {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
}

.calendly-embed_loader {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: var(--couleur-de-base-neutre--gris);
}

.calendly-embed_loader span {
  width: 2.5rem;
  height: 2.5rem;
  border: 3px solid #f0e2dc;
  border-top-color: var(--couleur-de-base-marque--rouille);
  border-radius: 50%;
  animation: calendly-spin .8s linear infinite;
}

@keyframes calendly-spin {
  to { transform: rotate(360deg); }
}