@charset "UTF-8";
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease; }

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav {
  margin-top: 10px; }

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }
* {
  margin: 0;
  padding: 0;
  outline: none;
  /*border: red solid 1px;*/ }

html {
  font-size: 62.5%;
  box-sizing: border-box; }

html, body {
  width: 100%;
  min-height: 100%; }

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

object, embed, iframe {
  position: relative;
  z-index: 1;
  max-width: 100%;
  border: none;
  /*height:auto;*/ }

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

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

a, a:hover, a:focus {
  color: inherit; }

/**/
@-ms-viewport {
  width: device-width; }
/**/
/**/
body {
  font-family: "Roboto", Arial, "sans-serif";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  background-color: #ffffff;
  color: #000000;
  overflow-x: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 900px) {
    body {
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5; } }

.container {
  padding: 0 24px;
  max-width: 1178px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .container > * {
    width: 100%; }
  .container > .col-5 {
    flex: 0 0 calc(100%/12*5 - 12px);
    max-width: calc(100%/12*5 - 12px); }
  .container > .col-7 {
    flex: 0 0 calc(100%/12*7 - 12px);
    max-width: calc(100%/12*7 - 12px); }
  .container > .col-6 {
    flex: 0 0 calc(100%/12*6 - 12px);
    max-width: calc(100%/12*6 - 12px); }

.btn {
  display: inline-block;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  cursor: pointer;
  position: relative;
  -moz-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out; }
  .btn.defaut {
    padding: 20px 32px;
    font-weight: 500;
    color: #ffffff;
    background-color: #1d458c; }
    .btn.defaut:hover {
      color: #ffffff;
      background-color: #122f62; }
  .btn.go {
    padding: 14px 24px;
    font-weight: bold;
    color: #1d458c;
    background-color: #eff4ff; }
    .btn.go:hover {
      color: #ffffff;
      background-color: #122f62; }

.main_header {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.15), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
  padding: 24px 0; }
  .main_header .logo {
    max-width: 184px; }
    .main_header .logo a {
      display: block;
      text-decoration: none; }
    .main_header .logo img {
      display: block; }
  .main_header .nav {
    width: auto; }
    .main_header .nav a {
      margin-left: 15px; }
  @media only screen and (max-width: 900px) {
    .main_header .logo {
      max-width: 134px; }
    .main_header .nav {
      display: none; } }
  @media only screen and (max-width: 480px) {
    .main_header {
      padding: 20px 0; } }

.main_footer {
  background-color: #dbe7ff; }
  .main_footer > .container {
    padding-top: 48px;
    padding-bottom: 48px;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap; }
    .main_footer > .container .follow {
      color: #1d458c;
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-transform: uppercase;
      flex: 0 0 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .main_footer > .container .follow .titre {
        font-family: "Montserrat", Arial, "sans-serif";
        line-height: 13px; }
      .main_footer > .container .follow ul li {
        list-style: none;
        display: inline-block;
        margin-left: 40px; }
        .main_footer > .container .follow ul li a {
          text-decoration: none; }
          .main_footer > .container .follow ul li a.f {
            display: inline-block;
            padding-left: 20px;
            position: relative; }
            .main_footer > .container .follow ul li a.f::before {
              content: '';
              display: block;
              width: 9px;
              height: 15px;
              position: absolute;
              top: -10px;
              left: 0;
              bottom: -10px;
              margin: auto;
              background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6.438 2.673h1.804c.155 0 .258-.098.258-.246V.459c0-.147-.103-.246-.258-.246H6.18c-1.908 0-3.352 1.378-3.352 3.198v2.213H.508c-.155 0-.258.099-.258.246v1.968c0 .148.103.246.258.246h2.32v6.64c0 .148.103.247.258.247h2.062c.155 0 .258-.099.258-.246V8.084h2.32c.104 0 .207-.098.258-.197L8.5 5.92c0-.05 0-.148-.052-.197-.051-.05-.103-.099-.206-.099H5.406V3.657c0-.541.464-.984 1.032-.984z' fill='%231D458C'/%3E %3C/svg%3E");
              background-position: 0 center;
              background-repeat: no-repeat;
              background-size: auto 100%; }
    .main_footer > .container .nav {
      margin-top: 30px;
      text-align: center; }
      .main_footer > .container .nav a {
        margin: 0 7px; }
  .main_footer > aside {
    background-color: #1d458c;
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    color: #ffffff; }
    .main_footer > aside ul li {
      list-style: none;
      display: inline-block;
      margin: 0 25px;
      font-size: 0; }
      .main_footer > aside ul li a {
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal; }
      .main_footer > aside ul li button {
        font-family: "Roboto", Arial, "sans-serif";
        border: none;
        background: none;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        cursor: pointer;
        color: #ffffff; }
  @media only screen and (max-width: 900px) {
    .main_footer > .container {
      padding-top: 24px;
      padding-bottom: 24px;
      flex-direction: unset; }
      .main_footer > .container .follow {
        flex-wrap: wrap;
        text-align: center; }
        .main_footer > .container .follow .titre {
          width: 100%;
          margin-bottom: 25px; }
        .main_footer > .container .follow ul li {
          margin-left: 0;
          width: 100%; }
          .main_footer > .container .follow ul li:not(:first-child) {
            margin-top: 45px; }
      .main_footer > .container .nav {
        max-width: 480px;
        margin-top: 40px; }
        .main_footer > .container .nav a {
          width: 100%;
          text-align: center;
          margin: 0; }
          .main_footer > .container .nav a:not(:first-child) {
            margin-top: 24px; }
    .main_footer > aside {
      height: auto;
      text-align: center;
      padding: 25px 0; }
      .main_footer > aside ul li {
        display: block;
        padding: 15px 0;
        text-align: center;
        margin: 0;
        line-height: 1; } }
  @media only screen and (max-width: 480px) {
    .main_footer > .container .nav a.textm span {
      display: none; }
    .main_footer > .container .nav a.textm::before {
      content: attr(data-textm); } }

section h2.titre {
  font-family: "Montserrat", Arial, "sans-serif";
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #1d458c;
  margin-bottom: 24px; }
  section h2.titre::after {
    content: '';
    display: block;
    width: 80px;
    height: 5px;
    background-color: #ff703a;
    margin-top: 11px; }
@media only screen and (max-width: 360px) {
  section h2.titre {
    font-size: 20px; } }
section.hero {
  position: relative;
  padding: clamp(30px, 12vw, 140px) 0; }
  @media only screen and (min-width: 901px) {
    section.hero::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      margin: auto;
      background-image: url("assets/img/forme.png");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 100%; } }
  section.hero > .container {
    position: relative;
    z-index: 2; }
    section.hero > .container .visuel {
      text-align: right; }
      section.hero > .container .visuel img {
        width: 100%;
        max-width: 415px; }
    section.hero > .container h1 img {
      display: block; }
    section.hero > .container .hn_mobile {
      display: none; }
    section.hero > .container p {
      margin-top: 45px;
      font-family: "Montserrat", Arial, "sans-serif";
      font-size: 26px;
      font-weight: 700;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.23;
      letter-spacing: normal;
      color: #ff703a; }
      section.hero > .container p strong {
        font-weight: 700; }
    section.hero > .container .cta {
      margin-top: 45px; }
      section.hero > .container .cta a:not(:first-child) {
        margin-left: 15px; }
  @media only screen and (max-width: 1200px) {
    section.hero::after {
      left: -10%;
      right: -10%; } }
  @media only screen and (max-width: 900px) {
    section.hero {
      background-image: url("assets/img/forme_2.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
      section.hero .col {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
        text-align: center; }
        section.hero .col.visuel {
          margin-top: 0;
          order: 1;
          margin-bottom: 40px; }
          section.hero .col.visuel img {
            margin: auto;
            display: block; }
        section.hero .col h1 {
          display: none; }
        section.hero .col .hn_mobile {
          display: block;
          margin-bottom: 40px; }
          section.hero .col .hn_mobile img {
            width: 100%;
            max-width: 380px;
            display: block;
            margin: auto; }
        section.hero .col p {
          font-size: 22px; } }
  @media only screen and (max-width: 480px) {
    section.hero {
      padding: 25px 0 60px 0;
      background-position: 0 -20px; }
      section.hero > .container .col.visuel {
        margin-bottom: 25px; }
        section.hero > .container .col.visuel img {
          width: 80%;
          max-width: 220px; }
      section.hero > .container .col .hn_mobile {
        margin-bottom: 25px; }
      section.hero > .container .col p {
        margin-top: 25px;
        font-size: 18px; }
      section.hero > .container .cta {
        max-width: 480px;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto; }
        section.hero > .container .cta a {
          width: 100%;
          text-align: center; }
          section.hero > .container .cta a:not(:first-child) {
            margin-top: 20px;
            margin-left: 0; } }
section.avantages {
  background-color: #ffded1;
  padding: clamp(60px, 7.08vw, 80px) 0; }
  section.avantages .acc {
    margin-top: clamp(60px, 8.85vw, 100px);
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    section.avantages .acc > .visuels {
      position: relative;
      flex: 0 0 100%;
      max-width: calc(50% - 12px);
      height: 0;
      padding-bottom: 38.938%; }
      section.avantages .acc > .visuels figure {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin: auto;
        display: block; }
        section.avantages .acc > .visuels figure:not(:first-child) {
          display: none; }
        section.avantages .acc > .visuels figure img {
          display: block;
          border-radius: 20px; }
        section.avantages .acc > .visuels figure figcaption {
          position: absolute;
          left: 25px;
          bottom: 25px;
          display: inline-block;
          padding: 25px 35px;
          border-radius: 16px;
          box-shadow: 5px 5px 10px 0 rgba(188, 188, 188, 0.5);
          background-color: #ffffff;
          font-family: "Montserrat", Arial, "sans-serif";
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.2;
          letter-spacing: normal;
          text-align: center;
          color: #212529; }
          section.avantages .acc > .visuels figure figcaption strong {
            color: #ff703a; }
    section.avantages .acc > .items {
      flex: 0 0 100%;
      max-width: calc(100%/12*5 + 20px); }
      section.avantages .acc > .items .item {
        border: solid 1px #ffb79c;
        border-radius: 8px;
        background-color: #fff2ed; }
        section.avantages .acc > .items .item:not(:last-child) {
          margin-bottom: 24px; }
        section.avantages .acc > .items .item .entree {
          padding: 16px 32px;
          cursor: pointer;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #5e1d01;
          -moz-transition: all 400ms ease-out;
          -webkit-transition: all 400ms ease-out;
          -o-transition: all 400ms ease-out;
          transition: all 400ms ease-out; }
        section.avantages .acc > .items .item .ct {
          display: none;
          padding: 0 32px 16px 32px; }
          section.avantages .acc > .items .item .ct ul {
            font-size: 20px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.6;
            letter-spacing: normal;
            color: #495057; }
            section.avantages .acc > .items .item .ct ul li {
              list-style-position: outside;
              margin-left: 1em;
              margin-bottom: 24px; }
              section.avantages .acc > .items .item .ct ul li:last-child {
                margin-bottom: 0; }
          section.avantages .acc > .items .item .ct .mention {
            margin-top: 24px;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: italic;
            line-height: 1.43;
            letter-spacing: normal;
            color: #6c757d; }
        section.avantages .acc > .items .item.open {
          border-color: #ffffff;
          background-color: #ffffff; }
          section.avantages .acc > .items .item.open .entree {
            color: #000000; }
  section.avantages .video {
    margin-top: clamp(60px, 11.5vw, 130px);
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    cursor: pointer; }
    section.avantages .video .preview {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      margin: auto;
      z-index: 2;
      background-color: #2e5fb6;
      background-image: url("data:image/svg+xml,%3Csvg width='228' height='626' viewBox='0 0 228 626' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m114.354 454.971.001 56.673H57.177c31.579 0 57.178-25.378 57.178-56.685l-.001.012zM0 454.971c.007 31.301 25.603 56.673 57.177 56.673H0v-56.673zm114.355-56.697-.001 56.684-.007-.936c-.5-30.558-25.39-55.237-56.21-55.74l-.945-.008h57.163zm-57.193 0C25.595 398.282.007 423.651 0 454.947v-56.673h57.162z' fill='%239EBBF1'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.192 398.274c31.572.008 57.162 25.383 57.162 56.685 0 31.306-25.598 56.685-57.177 56.685-31.574 0-57.17-25.372-57.177-56.673v-.024c.007-31.297 25.595-56.665 57.162-56.673h.03zm-.015 28.336c-15.792 0-28.595 12.692-28.595 28.35 0 15.656 12.803 28.348 28.595 28.348 15.793 0 28.595-12.692 28.595-28.348 0-15.658-12.802-28.35-28.595-28.35z' fill='%230071CE'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.177 426.61c15.793 0 28.595 12.692 28.595 28.35 0 15.657-12.802 28.349-28.595 28.349s-28.595-12.692-28.595-28.349c0-15.658 12.802-28.35 28.595-28.35z' fill='%2390B3E6'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.177 483.308c15.793 0 28.595-12.692 28.595-28.348 0-15.658-12.802-28.35-28.595-28.35s-28.595 12.692-28.595 28.35c0 15.656 12.802 28.348 28.595 28.348z' fill='%23FF9B75'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M114.355 511.644H0V626c0-63.157 51.199-114.356 114.355-114.356z' fill='%23FF703A'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 626h57.163c0-31.586 25.606-57.192 57.192-57.192v-57.164C51.199 511.644 0 562.843 0 626z' fill='%23DBE7FF'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.163 626h57.191v-57.192c-31.585 0-57.19 25.606-57.19 57.192z' fill='%239EBBF1'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 85.767c0 15.789 12.8 28.588 28.59 28.588H0V85.767zm114.354.017v28.571H85.767c15.782 0 28.578-12.79 28.587-28.57zm-57.177 0 .004.459c.254 15.569 12.954 28.112 28.586 28.112H28.589c15.788 0 28.587-12.798 28.589-28.585v.013zm57.177-57.178V85.75c-.009-15.78-12.805-28.571-28.587-28.571-15.79 0-28.588 12.798-28.59 28.586v-.016l-.003-.457c-.251-15.412-12.7-27.86-28.112-28.11l-.473-.003C12.8 57.179 0 69.979 0 85.767V28.606l.004.456c.25 15.414 12.698 27.862 28.113 28.112l.472.004c15.788 0 28.587-12.798 28.589-28.586v.014l.003.46c.251 15.412 12.698 27.858 28.113 28.108l.473.004c15.782 0 28.578-12.79 28.587-28.571zm0-28.606v28.572C114.345 12.792 101.549 0 85.767 0h28.587zM28.589 0l-.472.004C12.545.256 0 12.958 0 28.589V0h28.59zm57.177 0-.472.004C69.722.256 57.179 12.957 57.178 28.587v-.015l-.004-.457C56.923 12.702 44.474.254 29.062.004L28.59 0h57.177z' fill='%23DBE7FF'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M85.766.001C69.978.001 57.18 12.8 57.177 28.587v.005c.002 15.787 12.8 28.586 28.59 28.586 15.782 0 28.577-12.79 28.587-28.571v-.035c-.01-15.78-12.805-28.57-28.588-28.57z' fill='%236B93DA'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.177 28.587C57.177 12.8 44.377.001 28.59.001 12.8 0 0 12.8 0 28.589c0 15.789 12.8 28.589 28.59 28.589 15.787 0 28.586-12.798 28.587-28.586v-.005z' fill='%23fff'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M85.766 57.179c-15.788 0-28.587 12.798-28.589 28.586v.005c.002 15.787 12.8 28.585 28.59 28.585 15.782 0 28.577-12.79 28.587-28.57v-.035c-.01-15.78-12.805-28.571-28.588-28.571z' fill='%23FFB79C'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.177 85.77v-.006c0-15.787-12.8-28.586-28.588-28.586C12.8 57.178 0 69.978 0 85.766c0 15.79 12.8 28.59 28.59 28.59 15.787 0 28.586-12.799 28.587-28.587z' fill='%23FF703A'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M114.469 511.759V626h56.628v-57.121c0 31.533-25.343 57.099-56.606 57.099V511.781c31.263 0 56.606 25.564 56.606 57.098v-57.12h-56.628z' fill='%236B93DA'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M171.096 511.759V626h56.628v-57.121c0 31.533-25.343 57.099-56.606 57.099V511.781c31.263 0 56.606 25.564 56.606 57.098v-57.12h-56.628z' fill='%23B6CEFC'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M227.724 568.879c0-31.534-25.343-57.098-56.606-57.098v114.197c31.263 0 56.606-25.565 56.606-57.099' fill='%232E5FB6'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M171.096 568.879c0-31.534-25.343-57.098-56.606-57.098v114.197c31.263 0 56.606-25.565 56.606-57.099' fill='%23FFB79C'/%3E %3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: auto 100%;
      cursor: pointer;
      -moz-transition: all 400ms ease-out;
      -webkit-transition: all 400ms ease-out;
      -o-transition: all 400ms ease-out;
      transition: all 400ms ease-out;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.avantages .video .preview span {
        flex: 0 0 auto;
        font-family: "Montserrat", Arial, "sans-serif";
        font-size: 64px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff; }
        section.avantages .video .preview span span {
          color: #ff703a; }
      section.avantages .video .preview i {
        display: block;
        flex: 0 0 108px;
        margin-left: 65px;
        width: 108px;
        height: 108px;
        background-image: url("data:image/svg+xml,%3Csvg width='108' height='108' viewBox='0 0 108 108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cellipse cx='53.727' cy='53.728' rx='53.727' ry='53.728' fill='%23fff'/%3E %3Cpath d='M66.571 49.478c3.034 2.02 3.034 6.478 0 8.5l-14.518 9.671c-3.394 2.261-7.938-.172-7.938-4.25V44.056c0-4.078 4.544-6.51 7.938-4.25l14.518 9.672z' fill='%232E5FB6'/%3E %3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: auto 100%; }
    section.avantages .video .embed {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      margin: auto; }
      section.avantages .video .embed > * {
        display: block;
        width: 100%;
        height: 100%; }
  @media only screen and (max-width: 900px) {
    section.avantages {
      padding-bottom: 0; }
      section.avantages .acc > .visuels {
        max-width: calc(40% - 12px);
        padding-bottom: 30.9%; }
        section.avantages .acc > .visuels figure figcaption {
          font-size: 14px;
          padding: 18px 24px;
          left: 18px;
          bottom: 18px; }
      section.avantages .acc > .items {
        max-width: calc(60% - 12px); }
      section.avantages .video {
        margin-left: -24px;
        margin-right: -24px;
        width: calc(100% + 48px);
        padding-bottom: 62.5%; }
        section.avantages .video .preview span {
          font-size: clamp(24px, 5.81vw, 64px); }
        section.avantages .video .preview i {
          flex: 0 0 42px;
          width: 42px;
          height: 42px;
          margin-left: 25px; } }
  @media only screen and (max-width: 800px) {
    section.avantages .acc {
      flex-wrap: wrap; }
      section.avantages .acc > .visuels {
        max-width: 100%;
        padding-bottom: 79.21%;
        margin-bottom: 24px; }
        section.avantages .acc > .visuels img {
          border-radius: 25px; }
      section.avantages .acc > .items {
        max-width: 100%; } }
  @media only screen and (max-width: 480px) {
    section.avantages .acc > .items .item .ct ul {
      font-size: 16px; } }
section.concernes {
  padding: clamp(60px, 7.08vw, 80px) 0; }
  section.concernes .col p {
    margin-bottom: 40px; }
  section.concernes .col .cta .btn {
    margin-right: 15px; }
  section.concernes .visuel {
    margin-top: -29px; }
  @media only screen and (max-width: 900px) {
    section.concernes .titre {
      margin-bottom: 40px; }
    section.concernes .col {
      flex: 0 0 100%;
      max-width: 100%;
      order: 2; }
      section.concernes .col.visuel {
        margin-top: 0;
        order: 1;
        margin-bottom: 40px; } }
  @media only screen and (max-width: 480px) {
    section.concernes .cta {
      max-width: 480px; }
      section.concernes .cta a {
        width: 100%;
        text-align: center; }
        section.concernes .cta a:not(:first-child) {
          margin-top: 24px; } }
section .owl-three .owl-stage {
  display: flex; }
  section .owl-three .owl-stage .item {
    height: 100%;
    padding: 0 12px; }
    section .owl-three .owl-stage .item .card {
      height: 100%; }
section .owl-three .owl-nav {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  padding: 0 12px; }
  section .owl-three .owl-nav button {
    flex: 0 0 100%;
    max-width: 24px;
    height: 24px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer; }
    section .owl-three .owl-nav button.disabled {
      opacity: 0.4; }
    section .owl-three .owl-nav button span {
      display: none; }
    section .owl-three .owl-nav button.owl-prev {
      background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.58 19.128a1 1 0 0 1-1.413-.053l-5.2-5.6a1 1 0 0 1 0-1.36l5.2-5.6a1 1 0 1 1 1.466 1.36l-4.568 4.92 4.568 4.92a1 1 0 0 1-.052 1.413z' fill='%23fff'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3 12.795a1 1 0 0 1-1 1H6.7a1 1 0 1 1 0-2h11.6a1 1 0 0 1 1 1z' fill='%23fff'/%3E %3C/svg%3E"); }
    section .owl-three .owl-nav button.owl-next {
      background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.42 6.462a1 1 0 0 1 1.412.052l5.2 5.6a1 1 0 0 1 0 1.361l-5.2 5.6a1 1 0 0 1-1.465-1.36l4.568-4.92-4.568-4.92a1 1 0 0 1 .052-1.413z' fill='%23fff'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.7 12.795a1 1 0 0 1 1-1h11.6a1 1 0 1 1 0 2H6.7a1 1 0 0 1-1-1z' fill='%23fff'/%3E %3C/svg%3E"); }
section .owl-three .owl-dots {
  margin-top: -24px;
  text-align: center;
  pointer-events: none; }
  section .owl-three .owl-dots .owl-dot {
    pointer-events: all;
    display: inline-block;
    margin: 0 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 5px !important;
    cursor: pointer; }
    section .owl-three .owl-dots .owl-dot span {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #1d458c; }
    section .owl-three .owl-dots .owl-dot.active {
      background-color: #122f62; }
      section .owl-three .owl-dots .owl-dot.active span {
        background-color: #b6cefc; }
section.activer {
  background-color: #2e5fb6;
  padding: clamp(60px, 7.08vw, 80px) 0;
  color: #ffffff; }
  section.activer h2.titre {
    color: #ffffff; }
  section.activer .steps {
    margin: 35px -12px 0 -12px;
    width: calc(100% + 24px); }
    section.activer .steps .item .card {
      background-color: #ffffff;
      border-radius: 8px;
      color: #212529;
      padding: 24px 30px 48px 30px; }
      section.activer .steps .item .card a {
        text-decoration: underline;
        color: #1d458c; }
      section.activer .steps .item .card .picto {
        height: 120px;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 30px; }
        section.activer .steps .item .card .picto img {
          display: block;
          height: 100%;
          width: auto; }
      section.activer .steps .item .card .titre {
        font-family: "Montserrat", Arial, "sans-serif";
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #1d458c;
        text-align: center;
        margin-bottom: 25px; }
      section.activer .steps .item .card .texte {
        font-family: "Montserrat", Arial, "sans-serif";
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        margin-bottom: 25px; }
      section.activer .steps .item .card ol {
        counter-reset: li; }
        section.activer .steps .item .card ol li {
          counter-increment: li;
          list-style: none;
          margin-bottom: 25px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          position: relative;
          padding-left: 30px;
          min-height: 30px; }
          section.activer .steps .item .card ol li:last-child {
            margin-bottom: 0; }
          section.activer .steps .item .card ol li::before {
            content: counter(li,decimal-leading-zero);
            display: block;
            width: 30px;
            position: absolute;
            top: 0;
            left: 0;
            font-weight: 700; }
  @media only screen and (max-width: 800px) {
    section.activer .steps .item {
      width: 100vw;
      max-width: 289px; }
      section.activer .steps .item .card {
        padding: 24px 16px; } }
section.choix {
  padding: clamp(60px, 8.85vw, 100px) 0; }
  section.choix .col p {
    margin-bottom: 40px; }
  @media only screen and (max-width: 900px) {
    section.choix .col {
      flex: 0 0 100%;
      max-width: 100%;
      order: 2; }
      section.choix .col.visuel {
        order: 1;
        margin-bottom: clamp(60px, 8.85vw, 100px); } }
  @media only screen and (max-width: 480px) {
    section.choix .cta {
      max-width: 480px; }
      section.choix .cta a {
        width: 100%;
        text-align: center; } }
section.testi {
  background-color: #eff4ff;
  padding: clamp(60px, 7.08vw, 80px) 0; }
  section.testi .testis {
    margin: 35px -12px 0 -12px;
    width: calc(100% + 24px); }
    section.testi .testis .item .card {
      background-color: #ffffff;
      border-radius: 8px;
      color: #212529;
      padding: 24px 16px; }
      section.testi .testis .item .card blockquote {
        height: 100%;
        display: flex;
        flex-direction: column; }
        section.testi .testis .item .card blockquote p {
          font-size: 16px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          position: relative; }
          section.testi .testis .item .card blockquote p::before, section.testi .testis .item .card blockquote p::after {
            content: '“';
            display: block;
            width: 100%;
            height: 48px;
            font-family: "Montserrat", Arial, "sans-serif";
            font-size: 80px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.8;
            letter-spacing: normal;
            color: #ff9b75; }
          section.testi .testis .item .card blockquote p::after {
            -ms-transform: scaleX(-1) scaleY(1);
            -moz-transform: scaleX(-1) scaleY(1);
            -webkit-transform: scaleX(-1) scaleY(1);
            transform: scaleX(-1) scaleY(1); }
        section.testi .testis .item .card blockquote footer {
          margin-top: auto;
          padding-top: 8px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          text-align: right;
          color: #8c2904; }
          section.testi .testis .item .card blockquote footer cite {
            display: block;
            margin-bottom: 8px;
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            text-align: right;
            color: #5e1d01; }
  section.testi .owl-three .owl-nav button.owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.58 19.128a1 1 0 0 1-1.413-.053l-5.2-5.6a1 1 0 0 1 0-1.36l5.2-5.6a1 1 0 1 1 1.466 1.36l-4.568 4.92 4.568 4.92a1 1 0 0 1-.052 1.413z' fill='%23212529'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3 12.795a1 1 0 0 1-1 1H6.7a1 1 0 1 1 0-2h11.6a1 1 0 0 1 1 1z' fill='%23212529'/%3E %3C/svg%3E"); }
  section.testi .owl-three .owl-nav button.owl-next {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.42 6.462a1 1 0 0 1 1.412.052l5.2 5.6a1 1 0 0 1 0 1.361l-5.2 5.6a1 1 0 0 1-1.465-1.36l4.568-4.92-4.568-4.92a1 1 0 0 1 .052-1.413z' fill='%23212529'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.7 12.795a1 1 0 0 1 1-1h11.6a1 1 0 1 1 0 2H6.7a1 1 0 0 1-1-1z' fill='%23212529'/%3E %3C/svg%3E"); }
  section.testi .owl-three .owl-dots .owl-dot span {
    background-color: #b6cefc; }
  section.testi .owl-three .owl-dots .owl-dot.active {
    background-color: #dbe7ff; }
    section.testi .owl-three .owl-dots .owl-dot.active span {
      background-color: #1d458c; }
  @media only screen and (max-width: 800px) {
    section.testi .testis .item {
      width: 100vw;
      max-width: 324px; } }

@media only screen and (min-width: 901px) {
  body.on_scroll {
    padding-top: 110px; }
    body.on_scroll .main_header {
      position: fixed;
      top: -200px;
      left: 0;
      z-index: 9;
      -moz-transition: all 400ms ease-out;
      -webkit-transition: all 400ms ease-out;
      -o-transition: all 400ms ease-out;
      transition: all 400ms ease-out; }
      body.on_scroll .main_header.on_up {
        top: 0; } }
@media only screen and (max-width: 900px) {
  body.on_scroll .main_header {
    box-shadow: 5px 5px 60px 0 rgba(0, 0, 0, 0.1); } }