@font-face {
  font-family: 'proxima-light';
  src: url("./../../fonts/proximanova-light-webfont.woff") format("woff"), url("./../../fonts/proximanova-light-webfont.woff") format("woff2"); }
@font-face {
  font-family: 'proxima-regular-italic';
  src: url("./../../fonts/proximanova-regitalic-webfont.woff2") format("woff2"), url("./../../fonts/proximanova-regitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'proxima-regular';
  src: url("./../../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("./../../fonts/proximanova-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima-semibold';
  src: url("./../../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("./../../fonts/proximanova-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'proxima-bold';
  src: url("./../../fonts/proximanova-bold.woff2") format("woff2"), url("./../../fonts/proximanova-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'proxima-extrabold';
  src: url("./../../fonts/proximaNova-Extrabold.woff") format("woff"); }
/*--------------------- FONTS ------------------------------------*/
/*---- COLORS --------*/
/*PRIMARY*/
/*SECONDARY*/
/*----------------*/
/*--EFFECT--*/
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

/*---------------*/
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

body, html {
  width: 100%; }

body {
  overflow-x: hidden; }

.box-shadow {
  -webkit-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
  -moz-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
  box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17); }

section {
  width: 100%; }

.inner {
  margin: 0px auto;
  height: auto; }

.modal {
  height: auto !important;
  /*background-color: #EAEEF2 !important;*/ }

#ex3 .title {
  font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #34393F;
  font-size: 25px; }
#ex3 .subtitle {
  font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #34393F;
  font-size: 18px;
  margin-bottom: 30px; }

.alert-dev {
  position: fixed;
  bottom: 50px;
  right: 50px;
  height: 100px;
  width: 100px;
  border-collapse: separate !important;
  z-index: 999999;
  overflow: hidden;
  perspective: 1px;
  border-radius: 50px; }
  .alert-dev .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }

@media only screen and (max-width: 767px) {
  .alert-dev .desktop-large, .alert-dev .desktop-medium, .alert-dev .tablet {
    display: none; }
  .alert-dev .inner {
    background-color: #0099FF; }
    .alert-dev .inner h1 {
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      color: white; }

  .header-2019 {
    height: 600px;
    width: 100%;
    background-color: #EAEEF2;
    position: relative; }
    .header-2019 .inner-content {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
      background-color: transparent;
      margin: 0px auto;
      padding-top: 100px; }
      .header-2019 .inner-content .contenu h1 {
        margin: 0px auto;
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 35px;
        max-width: 594px;
        line-height: 30px;
        margin-bottom: 25px;
        text-align: center; }
      .header-2019 .inner-content .contenu p {
        margin: 0px auto;
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 21px;
        color: #707689;
        max-width: 554px;
        margin-bottom: 35px;
        text-align: center; }
      .header-2019 .inner-content .contenu a {
        margin: 0px auto;
        display: block;
        width: 200px;
        text-align: center;
        color: white;
        font-size: 15px;
        font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: #1BC74E;
        padding: 10px 25px 10px 25px;
        border-radius: 35px;
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
    .header-2019 .inner-video {
      display: none; }
    .header-2019 .styles__frontWave___rR0oV svg {
      position: absolute;
      bottom: 0px; }
    .header-2019 .inner-customers {
      display: none; }

  .customers {
    display: none; }

  .customers-m {
    background-color: white;
    padding-bottom: 10px;
    padding-top: 40px; }
    .customers-m .inner {
      width: 250px;
      margin: 0px auto; }
    .customers-m h2 {
      text-align: center;
      font-size: 30px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      margin-bottom: 40px; }
    .customers-m .logos {
      margin: 0px auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px; }
      .customers-m .logos #interflora {
        width: 100px; }
      .customers-m .logos #disney {
        height: 45px;
        width: 100px; }
      .customers-m .logos #match-f {
        width: 92px;
        height: 22px; }
      .customers-m .logos #loreal {
        width: 98px;
        height: 19px; }
      .customers-m .logos #thomascook {
        width: 100px;
        height: 41px; }
      .customers-m .logos #decathlon {
        width: 150px; }
      .customers-m .logos #house {
        width: 100px; }

  .produits {
    display: none; }

  .produits-m {
    background-color: white;
    padding-top: 80px;
    padding-bottom: 100px; }
    .produits-m .inner {
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      margin: 0px auto; }
    .produits-m .value {
      border-radius: 5px;
      -webkit-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      -moz-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      padding: 20px;
      margin-bottom: 25px; }
      .produits-m .value .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 30px;
        color: #34393F;
        margin-bottom: 10px; }
      .produits-m .value .label {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px 10px 5px 10px;
        letter-spacing: 2px; }
      .produits-m .value .label-mkt {
        background-color: #1BC74E; }
      .produits-m .value .label-commerce {
        background-color: #0099FF; }
      .produits-m .value .label-support {
        background-color: #FFD940; }
      .produits-m .value .legend {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 21px;
        margin-top: 15px;
        margin-bottom: 5px; }
      .produits-m .value .legend-mkt {
        color: #1BC74E; }
      .produits-m .value .legend-commerce {
        color: #0099FF; }
      .produits-m .value .legend-support {
        color: #FFD940; }
      .produits-m .value p {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        color: #707689; }
    .produits-m .value-mkt {
      border-left: 5px solid #1BC74E; }
    .produits-m .value-commerce {
      border-left: 5px solid #0099FF; }
    .produits-m .value-support {
      border-left: 5px solid #FFD940; }

  .respondant {
    display: none; }

  .respondant-m {
    background-color: white;
    padding-bottom: 100px;
    width: 100%; }
    .respondant-m .inner {
      padding-left: 20px;
      padding-right: 20px;
      margin: 0px auto; }
    .respondant-m h2 {
      text-align: center;
      font-size: 35px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      margin-bottom: 20px; }
    .respondant-m .illu {
      max-width: 100% !important;
      margin: 0px auto;
      display: block; }
    .respondant-m .illu:nth-of-type(2), .respondant-m .illu:nth-of-type(3) {
      margin-top: 60px; }
    .respondant-m h3 {
      margin: 0px auto;
      text-align: left;
      max-width: 500px;
      font-size: 30px;
      color: #34393F;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 15px; }
    .respondant-m p {
      margin: 0px auto;
      text-align: left;
      max-width: 500px;
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 21px;
      color: #707689;
      margin-top: 10px;
      margin-bottom: 15px; }
    .respondant-m a {
      display: block;
      text-decoration: none;
      color: white;
      background-color: #0099FF;
      font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: left;
      padding: 10px 15px;
      border-radius: 35px;
      margin-top: 20px;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
      .respondant-m a i {
        margin-right: 5px; }
    .respondant-m .first-a {
      max-width: 240px;
      text-align: center; }
    .respondant-m .scnd-a {
      max-width: 280px;
      text-align: center; }
    .respondant-m a:hover {
      color: #1BC74E; }
    .respondant-m .logos {
      max-width: 500px;
      margin: 0px auto;
      margin-top: 10px; }
      .respondant-m .logos img {
        height: 50px; }

  .last-section {
    background-color: #E5EBEF;
    padding-bottom: 100px;
    padding-top: 100px; }
    .last-section .inner {
      width: 100%; }
    .last-section .subtitle {
      width: 270px;
      font-size: 30px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      text-align: center;
      margin: 0px auto;
      margin-bottom: 100px;
      line-height: 35px; }
    .last-section .downloads {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      .last-section .downloads .forrester, .last-section .downloads .ibbu {
        border-radius: 5px;
        cursor: pointer; }
      .last-section .downloads .forrester {
        width: 100%;
        height: 680px;
        background-image: linear-gradient(to bottom, #027098, #03638a, #03567b, #02496d, #013d5f);
        position: relative; }
        .last-section .downloads .forrester .book {
          height: 366px;
          width: 310px;
          position: absolute;
          left: -79px;
          top: 100px; }
        .last-section .downloads .forrester .title {
          height: 90px;
          width: 260px;
          background-color: white;
          border-radius: 5px;
          margin: 0px auto;
          margin-top: -30px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .last-section .downloads .forrester .title img {
            width: 200px; }
        .last-section .downloads .forrester .text {
          height: auto; }
          .last-section .downloads .forrester .text .content {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 15px;
            line-height: 24px;
            width: 270px;
            margin: 0px auto;
            margin-top: 375px;
            padding-top: 0px !important;
            text-align: left; }
            .last-section .downloads .forrester .text .content ul {
              margin-top: 10px;
              margin-left: 15px; }
          .last-section .downloads .forrester .text .cta {
            margin-top: 30px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: 50px;
            padding-top: 2px;
            margin: 0px auto;
            margin-top: 15px;
            width: 255px;
            border-radius: 35px; }
            .last-section .downloads .forrester .text .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 15px; }
      .last-section .downloads .ibbu {
        width: 100%;
        height: 340px;
        background-image: linear-gradient(to bottom, #4c5d70, #3e5063, #314356, #24364a, #172a3e);
        margin-top: 80px; }
        .last-section .downloads .ibbu .inner-ibbu {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: -45px; }
          .last-section .downloads .ibbu .inner-ibbu img {
            width: 251px;
            margin-bottom: 5px; }
          .last-section .downloads .ibbu .inner-ibbu .text {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 15px;
            line-height: 24px;
            width: 255px;
            margin: 0px auto;
            margin-top: 15px; }
          .last-section .downloads .ibbu .inner-ibbu .cta {
            margin-top: 30px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: 50px;
            padding-top: 2px;
            margin: 0px auto;
            margin-top: 15px;
            width: 225px;
            border-radius: 35px; }
            .last-section .downloads .ibbu .inner-ibbu .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 15px; }
    .last-section .demo {
      margin-top: 30px;
      width: 100%;
      height: 274px;
      border-radius: 5px;
      background-color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .last-section .demo .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 30px;
        color: #34393F;
        text-align: center;
        max-width: 250px;
        line-height: 31px; }
      .last-section .demo .legend {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        color: #707689;
        margin-top: 30px;
        text-align: center;
        max-width: 290px;
        line-height: 23px; }
      .last-section .demo .cta {
        font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        width: 180px;
        height: 60px;
        background-color: #1BC74E;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 45px;
        margin-top: 20px; }
    .last-section .legals-sentence {
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 17px;
      color: #707689;
      text-align: center;
      line-height: 24px;
      margin-top: 50px; }
    .last-section .logos-partner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      margin: 0px auto;
      margin-top: 50px; }
      .last-section .logos-partner img {
        margin-bottom: 50px; }
      .last-section .logos-partner .logo-gartner {
        max-height: 73.05px !important; }
      .last-section .logos-partner .logo-iso27001 {
        max-height: 94px !important; }
      .last-section .logos-partner .logo-gdpr {
        max-height: 88px !important; }
      .last-section .logos-partner .logo-aws {
        max-height: 70px !important; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .alert-dev .desktop-large, .alert-dev .desktop-medium, .alert-dev .mobile {
    display: none; }
  .alert-dev .inner {
    background-color: #1BC74E; }
    .alert-dev .inner h1 {
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      color: white; }

  .header-2019 {
    height: 800px;
    width: 100%;
    background-color: #EAEEF2;
    position: relative; }
    .header-2019 .inner-content {
      width: 100%;
      padding-left: 70px;
      padding-right: 70px;
      background-color: transparent;
      margin: 0px auto;
      padding-top: 205px; }
      .header-2019 .inner-content .contenu h1 {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 50px;
        max-width: 594px;
        line-height: 50px;
        margin-bottom: 20px; }
      .header-2019 .inner-content .contenu p {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        line-height: 24px;
        color: #707689;
        max-width: 554px;
        margin-bottom: 45px; }
      .header-2019 .inner-content .contenu a {
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
        color: white;
        font-size: 19px;
        font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: #1BC74E;
        padding: 20px 45px;
        border-radius: 35px;
        text-decoration: none; }
    .header-2019 .inner-video {
      display: none; }
    .header-2019 .styles__frontWave___rR0oV svg {
      position: absolute;
      bottom: 0px; }
    .header-2019 .inner-customers {
      display: none; }

  .customers {
    display: none; }

  .customers-m {
    background-color: white;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-top: 40px; }
    .customers-m .inner {
      width: 70%;
      margin: 0px auto; }
    .customers-m h2 {
      text-align: center;
      font-size: 30px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      margin-bottom: 40px; }
    .customers-m .logos {
      margin: 0px auto;
      width: 300px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px; }
      .customers-m .logos #interflora {
        width: 100px; }
      .customers-m .logos #disney {
        height: 45px;
        width: 100px; }
      .customers-m .logos #match-f {
        width: 92px;
        height: 22px; }
      .customers-m .logos #loreal {
        width: 98px;
        height: 19px; }
      .customers-m .logos #thomascook {
        width: 100px;
        height: 41px; }
      .customers-m .logos #decathlon {
        width: 150px; }
      .customers-m .logos #house {
        width: 100px; }

  .produits {
    display: none; }

  .produits-m {
    background-color: white;
    padding-top: 150px;
    padding-bottom: 125px;
    padding-left: 100px;
    padding-right: 100px; }
    .produits-m .inner {
      width: 100%;
      margin: 0px auto; }
    .produits-m .value {
      border-radius: 5px;
      -webkit-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      -moz-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      padding: 30px;
      margin-bottom: 25px;
      height: auto; }
      .produits-m .value .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 30px;
        color: #34393F;
        margin-bottom: 15px; }
      .produits-m .value .label {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px 10px 5px 10px;
        letter-spacing: 2px;
        margin-bottom: 10px; }
      .produits-m .value .label-mkt {
        background-color: #1BC74E; }
      .produits-m .value .label-commerce {
        background-color: #0099FF; }
      .produits-m .value .label-support {
        background-color: #FFD940; }
      .produits-m .value .legend {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 21px;
        margin-top: 15px;
        margin-bottom: 5px; }
      .produits-m .value .legend-mkt {
        color: #1BC74E; }
      .produits-m .value .legend-commerce {
        color: #0099FF; }
      .produits-m .value .legend-support {
        color: #FFD940; }
      .produits-m .value p {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        color: #707689; }
    .produits-m .value-mkt {
      border-left: 5px solid #1BC74E; }
    .produits-m .value-commerce {
      border-left: 5px solid #0099FF; }
    .produits-m .value-support {
      border-left: 5px solid #FFD940; }

  .respondant {
    display: none; }

  .respondant-m {
    background-color: white;
    padding-bottom: 150px;
    padding-left: 50px;
    padding-right: 50px; }
    .respondant-m .inner {
      width: 100%;
      margin: 0px auto; }
    .respondant-m h2 {
      text-align: center;
      font-size: 40px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      margin-bottom: 60px; }
    .respondant-m .illu {
      max-width: 60% !important;
      margin: 0px auto;
      display: block; }
    .respondant-m .illu:nth-of-type(2), .respondant-m .illu:nth-of-type(3) {
      margin-top: 60px; }
    .respondant-m h3 {
      margin: 0px auto;
      text-align: left;
      max-width: 500px;
      font-size: 30px;
      color: #34393F;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 15px; }
    .respondant-m p {
      margin: 0px auto;
      text-align: left;
      max-width: 500px;
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 21px;
      color: #707689;
      margin-top: 10px; }
    .respondant-m a {
      display: block;
      max-width: 300px;
      text-decoration: none;
      color: white;
      background-color: #0099FF;
      font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: center;
      padding: 15px 25px;
      border-radius: 35px;
      margin-top: 20px; }
      .respondant-m a i {
        margin-right: 5px; }
    .respondant-m .first-a {
      max-width: 230px; }
    .respondant-m a:hover {
      color: white; }
    .respondant-m .logos {
      max-width: 500px;
      margin: 0px auto;
      margin-top: 10px; }
      .respondant-m .logos img {
        height: 50px; }

  .last-section {
    background-color: #E5EBEF;
    padding-bottom: 100px;
    padding-top: 100px; }
    .last-section .inner {
      width: 500px; }
    .last-section .subtitle {
      width: 500px;
      font-size: 30px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      text-align: center;
      margin-bottom: 100px;
      line-height: 35px; }
    .last-section .downloads {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      .last-section .downloads .forrester, .last-section .downloads .ibbu {
        border-radius: 5px;
        cursor: pointer; }
      .last-section .downloads .forrester {
        width: 90%;
        height: 680px;
        background-image: linear-gradient(to bottom, #027098, #03638a, #03567b, #02496d, #013d5f);
        position: relative; }
        .last-section .downloads .forrester .book {
          height: 309px;
          width: 357px;
          position: absolute;
          left: -50px;
          top: 100px; }
        .last-section .downloads .forrester .title {
          height: 90px;
          width: 260px;
          background-color: white;
          border-radius: 5px;
          margin: 0px auto;
          margin-top: -30px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .last-section .downloads .forrester .title img {
            width: 200px; }
        .last-section .downloads .forrester .text {
          height: auto; }
          .last-section .downloads .forrester .text .content {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 15px;
            line-height: 24px;
            width: 290px;
            margin: 0px auto;
            margin-top: 375px;
            padding-top: 0px !important;
            text-align: left; }
            .last-section .downloads .forrester .text .content ul {
              margin-top: 10px;
              margin-left: 15px; }
          .last-section .downloads .forrester .text .cta {
            margin-top: 30px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: 50px;
            padding-top: 2px;
            margin: 0px auto;
            margin-top: 15px;
            width: 255px;
            border-radius: 35px; }
            .last-section .downloads .forrester .text .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 15px; }
      .last-section .downloads .ibbu {
        width: 90%;
        height: 350px;
        background-image: linear-gradient(to bottom, #4c5d70, #3e5063, #314356, #24364a, #172a3e);
        margin-top: 80px; }
        .last-section .downloads .ibbu .inner-ibbu {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: -45px; }
          .last-section .downloads .ibbu .inner-ibbu img {
            width: 251px;
            margin-bottom: 5px; }
          .last-section .downloads .ibbu .inner-ibbu .text {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 15px;
            line-height: 24px;
            width: 290px;
            margin: 0px auto;
            margin-top: 15px; }
          .last-section .downloads .ibbu .inner-ibbu .cta {
            margin-top: 30px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: 50px;
            padding-top: 2px;
            margin: 0px auto;
            margin-top: 15px;
            width: 210px;
            border-radius: 35px; }
            .last-section .downloads .ibbu .inner-ibbu .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 15px; }
    .last-section .demo {
      margin: 0px auto;
      margin-top: 30px;
      width: 90%;
      height: 274px;
      border-radius: 5px;
      background-color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .last-section .demo .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 30px;
        color: #34393F;
        text-align: center;
        max-width: 250px;
        line-height: 31px; }
      .last-section .demo .legend {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        color: #707689;
        margin-top: 30px;
        text-align: center;
        max-width: 290px;
        line-height: 23px; }
      .last-section .demo .cta {
        font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        width: 180px;
        height: 60px;
        background-color: #1BC74E;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 45px;
        margin-top: 20px; }
    .last-section .legals-sentence {
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 17px;
      color: #707689;
      text-align: center;
      line-height: 24px;
      margin-top: 50px; }
    .last-section .logos-partner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      margin: 0px auto;
      margin-top: 50px; }
      .last-section .logos-partner img {
        margin-bottom: 50px; }
      .last-section .logos-partner .logo-gartner {
        max-height: 73.05px !important; }
      .last-section .logos-partner .logo-iso27001 {
        max-height: 94px !important; }
      .last-section .logos-partner .logo-gdpr {
        max-height: 88px !important; }
      .last-section .logos-partner .logo-aws {
        max-height: 70px !important; } }
@media only screen and (min-width: 1025px) and (max-width: 1350px) {
  .alert-dev .desktop-large, .alert-dev .tablet, .alert-dev .mobile {
    display: none; }
  .alert-dev .inner {
    background-color: orange; }
    .alert-dev .inner h1 {
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      color: white; }

  .header-2019 {
    position: relative;
    top: -83px;
    height: 100vh;
    width: 100%;
    background-color: #EAEEF2; }
    .header-2019 .box-content {
      position: absolute;
      top: 0px;
      height: 88vh;
      width: 100%; }
      .header-2019 .box-content .inner-area {
        position: relative;
        width: 100%;
        height: 100%; }
        .header-2019 .box-content .inner-area .inner-content {
          position: absolute;
          width: 1000px;
          height: 100%;
          background-color: transparent;
          left: 0;
          right: 0;
          margin: 0px auto;
          padding-top: 20vh; }
          .header-2019 .box-content .inner-area .inner-content .contenu h1 {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 50px;
            max-width: 594px;
            line-height: 50px;
            margin-bottom: 20px; }
          .header-2019 .box-content .inner-area .inner-content .contenu p {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 17px;
            line-height: 24px;
            color: #707689;
            max-width: 554px;
            margin-bottom: 45px; }
          .header-2019 .box-content .inner-area .inner-content .contenu a {
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
            color: white;
            font-size: 19px;
            font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            background-color: #1BC74E;
            padding: 20px 45px;
            border-radius: 35px;
            text-decoration: none; }
          .header-2019 .box-content .inner-area .inner-content .contenu a:hover {
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }
        .header-2019 .box-content .inner-area .inner-video {
          position: absolute;
          width: 1670px;
          height: auto;
          left: 0;
          right: 0;
          bottom: -5px;
          margin: 0px auto;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          .header-2019 .box-content .inner-area .inner-video video {
            width: 1670px; }
    .header-2019 .inner-customers {
      position: absolute;
      bottom: 0px;
      height: 12vh;
      width: 100%;
      background-color: white; }
      .header-2019 .inner-customers .inner {
        height: 100%;
        width: 1000px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .header-2019 .inner-customers .inner .logos {
          position: relative;
          width: 1150px;
          display: flex;
          align-items: center;
          justify-content: space-evenly; }
          .header-2019 .inner-customers .inner .logos #interflora {
            width: 100px; }
          .header-2019 .inner-customers .inner .logos #disney {
            height: 45px;
            width: 100px; }
          .header-2019 .inner-customers .inner .logos #match-f {
            width: 92px;
            height: 22px; }
          .header-2019 .inner-customers .inner .logos #loreal {
            width: 98px;
            height: 19px; }
          .header-2019 .inner-customers .inner .logos #thomascook {
            width: 100px;
            height: 41px; }
          .header-2019 .inner-customers .inner .logos #decathlon {
            width: 150px; }

  .customers {
    display: none;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 150px; }
    .customers .inner {
      width: 1200px; }
      .customers .inner h2 {
        text-align: center;
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 40px;
        color: #34393F;
        margin-bottom: 50px;
        line-height: 56px; }
      .customers .inner .logos {
        position: relative;
        width: 1150px;
        display: flex;
        align-items: center;
        justify-content: space-evenly; }
        .customers .inner .logos .see-customers {
          position: absolute;
          width: 200px;
          color: white;
          background-color: #1BC74E;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
          border-radius: 20px;
          padding: 10px 5px 10px 5px;
          text-align: center;
          opacity: 0;
          font-size: 17px;
          text-decoration: none;
          font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .customers .inner .logos #interflora {
          width: 100px; }
        .customers .inner .logos #disney {
          height: 45px;
          width: 100px; }
        .customers .inner .logos #match-f {
          width: 92px;
          height: 22px; }
        .customers .inner .logos #loreal {
          width: 98px;
          height: 19px; }
        .customers .inner .logos #thomascook {
          width: 100px;
          height: 41px; }
        .customers .inner .logos #decathlon {
          width: 150px; }
      .customers .inner .logos:hover {
        cursor: pointer; }
      .customers .inner .logos:hover img {
        filter: blur(7px); }
      .customers .inner .logos:hover .see-customers {
        opacity: 1; }

  .customers-m {
    display: none; }

  .produits {
    display: none;
    background-color: white; }
    .produits .inner {
      width: 1151px;
      min-height: 200px;
      display: flex; }
      .produits .inner ul {
        display: flex;
        flex-direction: column; }
        .produits .inner ul li {
          cursor: pointer;
          width: 530px; }
        .produits .inner ul a {
          text-decoration: none;
          width: 440px;
          height: 260px;
          padding-top: 20px;
          border-left: 5px solid white; }
          .produits .inner ul a h1 {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 40px;
            color: #34393F; }
          .produits .inner ul a span:first-of-type {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 25px;
            border-radius: 5px;
            padding: 5px 10px 5px 10px;
            letter-spacing: 2px; }
          .produits .inner ul a .description {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 17px;
            margin-top: 5px; }
          .produits .inner ul a p {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #707689;
            font-size: 17px;
            width: 370px;
            margin-top: 10px; }
        .produits .inner ul .active {
          border-radius: 5px;
          -webkit-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
          -moz-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
          box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17); }
        .produits .inner ul .mkt.active {
          border-left: 5px solid #1BC74E; }
        .produits .inner ul .commerce.active {
          border-left: 5px solid #0099FF; }
        .produits .inner ul .support.active {
          border-left: 5px solid #FFD940; }
        .produits .inner ul #mkt_btn span:first-of-type {
          background-color: #1BC74E; }
        .produits .inner ul #mkt_btn .description {
          color: #1BC74E; }
        .produits .inner ul #commerce_btn span:first-of-type {
          background-color: #0099FF; }
        .produits .inner ul #commerce_btn .description {
          color: #0099FF; }
        .produits .inner ul #support_btn span:first-of-type {
          background-color: #FFD940; }
        .produits .inner ul #support_btn .description {
          color: #FFD940; }
      .produits .inner video {
        max-width: 700px !important; }

  .produits-m {
    background-color: white;
    padding-top: 150px;
    padding-bottom: 125px;
    padding-left: 100px;
    padding-right: 100px; }
    .produits-m .inner {
      width: 100%;
      margin: 0px auto; }
    .produits-m .value {
      border-radius: 5px;
      -webkit-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      -moz-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
      padding: 30px;
      margin-bottom: 25px;
      height: auto; }
      .produits-m .value .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 30px;
        color: #34393F;
        margin-bottom: 10px; }
      .produits-m .value .label {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px 10px 5px 10px;
        letter-spacing: 2px;
        margin-bottom: 10px; }
      .produits-m .value .label-mkt {
        background-color: #1BC74E; }
      .produits-m .value .label-commerce {
        background-color: #0099FF; }
      .produits-m .value .label-support {
        background-color: #FFD940; }
      .produits-m .value .legend {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 21px;
        margin-top: 5px;
        margin-bottom: 5px; }
      .produits-m .value .legend-mkt {
        color: #1BC74E; }
      .produits-m .value .legend-commerce {
        color: #0099FF; }
      .produits-m .value .legend-support {
        color: #FFD940; }
      .produits-m .value p {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        color: #707689; }
    .produits-m .value-mkt {
      border-left: 5px solid #1BC74E; }
    .produits-m .value-commerce {
      border-left: 5px solid #0099FF; }
    .produits-m .value-support {
      border-left: 5px solid #FFD940; }

  .respondant {
    display: none;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: white; }
    .respondant .inner {
      width: 1248px;
      height: auto;
      min-height: 500px; }
      .respondant .inner h2 {
        text-align: center;
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 40px;
        color: #34393F;
        margin-bottom: 50px;
        line-height: 56px; }
      .respondant .inner .nav {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border-bottom: 1px solid #E5EBEF; }
      .respondant .inner .tab-content {
        margin-top: 30px; }
      .respondant .inner .nav-item {
        flex-basis: 33%;
        text-align: center; }
      .respondant .inner .nav-link {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #C6CFD5;
        font-size: 19px; }
      .respondant .inner .nav-link.active {
        color: #34393F;
        border-bottom: 4px solid #1BC74E; }
      .respondant .inner .tab-pane .pane-inner {
        display: flex;
        align-items: center; }
        .respondant .inner .tab-pane .pane-inner .illu {
          width: 667px !important; }
        .respondant .inner .tab-pane .pane-inner .content {
          margin-left: 80px; }
          .respondant .inner .tab-pane .pane-inner .content h3 {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 40px;
            color: #34393F;
            max-width: 518px;
            line-height: 56px; }
          .respondant .inner .tab-pane .pane-inner .content p {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 17px;
            color: #707689;
            line-height: 24px;
            max-width: 470px;
            margin: 20px 0px 30px 0px; }
          .respondant .inner .tab-pane .pane-inner .content a {
            text-decoration: none;
            color: #1BC74E;
            border: 2px solid #1BC74E;
            font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            padding: 10px 15px 10px 15px;
            border-radius: 35px; }
            .respondant .inner .tab-pane .pane-inner .content a i {
              margin-right: 5px; }
          .respondant .inner .tab-pane .pane-inner .content a:hover {
            background-color: #1BC74E;
            color: white; }
          .respondant .inner .tab-pane .pane-inner .content .partners img {
            height: 50px; }

  .respondant-m {
    background-color: white;
    padding-top: 100px;
    padding-bottom: 150px;
    padding-left: 50px;
    padding-right: 50px; }
    .respondant-m .inner {
      width: 100%;
      margin: 0px auto; }
    .respondant-m h2 {
      text-align: center;
      font-size: 40px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      margin-bottom: 60px; }
    .respondant-m .illu {
      max-width: 60% !important;
      margin: 0px auto;
      display: block; }
    .respondant-m .illu:nth-of-type(2), .respondant-m .illu:nth-of-type(3) {
      margin-top: 60px; }
    .respondant-m h3 {
      margin: 0px auto;
      text-align: left;
      max-width: 500px;
      font-size: 30px;
      color: #34393F;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 15px; }
    .respondant-m p {
      margin: 0px auto;
      text-align: left;
      max-width: 500px;
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 21px;
      color: #707689;
      margin-top: 10px; }
    .respondant-m a {
      display: block;
      max-width: 300px;
      text-decoration: none;
      color: white;
      background-color: #0099FF;
      font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: center;
      padding: 15px 25px;
      border-radius: 35px;
      margin-top: 20px; }
      .respondant-m a i {
        margin-right: 5px; }
    .respondant-m a:hover {
      color: white; }
    .respondant-m .logos {
      max-width: 500px;
      margin: 0px auto;
      margin-top: 10px; }
      .respondant-m .logos img {
        height: 50px; }

  .last-section {
    background-color: #E5EBEF;
    padding-top: 100px;
    padding-bottom: 160px; }
    .last-section .inner {
      width: 900px; }
    .last-section .subtitle {
      max-width: 742px;
      font-size: 40px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      text-align: center;
      margin: 0px auto;
      margin-bottom: 100px;
      line-height: 56px; }
    .last-section .downloads {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .last-section .downloads .forrester, .last-section .downloads .ibbu {
        border-radius: 5px;
        cursor: pointer; }
      .last-section .downloads .forrester {
        width: 510px;
        height: 305px;
        background-image: linear-gradient(to bottom, #027098, #03638a, #03567b, #02496d, #013d5f);
        position: relative; }
        .last-section .downloads .forrester .book {
          width: 300px;
          position: absolute;
          left: -139px;
          top: -11px; }
        .last-section .downloads .forrester .title {
          height: 70px;
          width: 410px;
          background-color: white;
          border-radius: 5px;
          margin: 0px auto;
          margin-top: -30px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding-right: 45px; }
          .last-section .downloads .forrester .title img {
            width: 200px; }
        .last-section .downloads .forrester .text {
          height: auto;
          width: 302px;
          position: absolute;
          right: 15px;
          top: 75px; }
          .last-section .downloads .forrester .text .content {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 17px;
            line-height: 24px;
            padding-top: 0px !important; }
            .last-section .downloads .forrester .text .content ul {
              margin-left: 18px; }
          .last-section .downloads .forrester .text .cta {
            margin-top: 30px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            border-radius: 45px;
            padding-top: 2px; }
            .last-section .downloads .forrester .text .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 17px;
              line-height: 19px;
              margin-right: 13px; }
      .last-section .downloads .ibbu {
        width: 370px;
        height: 305px;
        background-image: linear-gradient(to bottom, #4c5d70, #3e5063, #314356, #24364a, #172a3e); }
        .last-section .downloads .ibbu .inner-ibbu {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: -45px; }
          .last-section .downloads .ibbu .inner-ibbu img {
            width: 251px;
            margin-bottom: 5px; }
          .last-section .downloads .ibbu .inner-ibbu .text {
            text-align: center;
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 17px;
            line-height: 24px;
            max-width: 339px; }
          .last-section .downloads .ibbu .inner-ibbu .cta {
            width: 228px;
            margin-top: 25px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            border-radius: 45px;
            padding-top: 2px; }
            .last-section .downloads .ibbu .inner-ibbu .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 17px;
              line-height: 19px;
              margin-right: 13px; }
    .last-section .demo {
      margin-top: 30px;
      width: 100%;
      height: 274px;
      border-radius: 5px;
      background-color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .last-section .demo .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 40px;
        color: #34393F; }
      .last-section .demo .legend {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        color: #707689;
        margin-top: 30px; }
      .last-section .demo .cta {
        font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        width: 180px;
        height: 60px;
        background-color: #1BC74E;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 45px;
        margin-top: 20px; }
    .last-section .legals-sentence {
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 17px;
      color: #707689;
      text-align: center;
      line-height: 24px;
      margin-top: 95px; }
    .last-section .logos-partner {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      width: 678px;
      margin: 0px auto;
      margin-top: 35px; }
      .last-section .logos-partner .logo-gartner {
        max-height: 73.05px !important; }
      .last-section .logos-partner .logo-iso27001 {
        max-height: 94px !important; }
      .last-section .logos-partner .logo-gdpr {
        max-height: 88px !important; }
      .last-section .logos-partner .logo-aws {
        max-height: 70px !important; } }
@media only screen and (min-width: 1351px) {
  .alert-dev .desktop-medium, .alert-dev .tablet, .alert-dev .mobile {
    display: none; }
  .alert-dev .inner {
    background-color: red; }
    .alert-dev .inner h1 {
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      color: white; }

  .header-2019 {
    position: relative;
    top: -83px;
    height: 100vh;
    width: 100%;
    background-color: #EAEEF2; }
    .header-2019 .box-content {
      position: absolute;
      top: 0px;
      height: 88vh;
      width: 100%; }
      .header-2019 .box-content .inner-area {
        position: relative;
        width: 100%;
        height: 100%; }
        .header-2019 .box-content .inner-area .inner-content {
          position: absolute;
          width: 1200px;
          height: 100%;
          background-color: transparent;
          left: 0;
          right: 0;
          margin: 0px auto;
          padding-top: 20vh; }
          .header-2019 .box-content .inner-area .inner-content .contenu h1 {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 50px;
            max-width: 594px;
            line-height: 50px;
            margin-bottom: 20px; }
          .header-2019 .box-content .inner-area .inner-content .contenu p {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 20px;
            line-height: 24px;
            color: #707689;
            max-width: 554px;
            margin-bottom: 45px; }
          .header-2019 .box-content .inner-area .inner-content .contenu a {
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
            color: white;
            font-size: 19px;
            font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            background-color: #1BC74E;
            padding: 20px 45px;
            border-radius: 35px;
            text-decoration: none; }
          .header-2019 .box-content .inner-area .inner-content .contenu a:hover {
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }
        .header-2019 .box-content .inner-area .inner-video {
          position: absolute;
          width: 1670px;
          height: auto;
          left: 0;
          right: 0;
          bottom: -5px;
          margin: 0px auto;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          .header-2019 .box-content .inner-area .inner-video video {
            width: 1670px; }
    .header-2019 .inner-customers {
      position: absolute;
      bottom: 0px;
      height: 12vh;
      width: 100%;
      background-color: white; }
      .header-2019 .inner-customers .inner {
        height: 100%;
        width: 1200px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .header-2019 .inner-customers .inner .logos {
          width: 1150px;
          display: flex;
          align-items: center;
          justify-content: space-evenly; }
          .header-2019 .inner-customers .inner .logos #interflora {
            width: 100px; }
          .header-2019 .inner-customers .inner .logos #disney {
            height: 45px;
            width: 100px; }
          .header-2019 .inner-customers .inner .logos #match-f {
            width: 92px;
            height: 22px; }
          .header-2019 .inner-customers .inner .logos #loreal {
            width: 98px;
            height: 19px; }
          .header-2019 .inner-customers .inner .logos #thomascook {
            width: 100px;
            height: 41px; }
          .header-2019 .inner-customers .inner .logos #decathlon {
            width: 150px; }

  .customers-m {
    display: none; }

  .produits {
    background-color: white;
    height: auto;
    padding-top: 200px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .produits .inner {
      width: 1151px;
      min-height: 200px;
      display: flex; }
      .produits .inner ul {
        display: flex;
        flex-direction: column;
        list-style-type: none !important;
        z-index: 1000; }
        .produits .inner ul li {
          cursor: pointer;
          width: 530px; }
        .produits .inner ul a {
          text-decoration: none;
          width: 600px;
          height: auto;
          padding: 30px;
          border-left: 5px solid white; }
          .produits .inner ul a .title {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 40px;
            color: #34393F;
            margin-top: 10px;
            margin-bottom: 20px; }
          .produits .inner ul a span:first-of-type {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 25px;
            border-radius: 5px;
            padding: 5px 10px 5px 10px;
            letter-spacing: 2px; }
          .produits .inner ul a .description {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 17px;
            margin-top: 5px;
            display: inline; }
          .produits .inner ul a p {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #707689;
            font-size: 17px;
            width: 370px;
            margin-top: 10px; }
        .produits .inner ul .active {
          border-radius: 5px;
          -webkit-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
          -moz-box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
          box-shadow: 2px 2px 18px 0px rgba(112, 118, 137, 0.17);
          background-color: white; }
        .produits .inner ul .mkt.active {
          border-left: 5px solid #1BC74E; }
        .produits .inner ul .commerce.active {
          border-left: 5px solid #0099FF; }
        .produits .inner ul .support.active {
          border-left: 5px solid #FFD940; }
        .produits .inner ul #mkt_btn span:first-of-type {
          background-color: #1BC74E; }
        .produits .inner ul #mkt_btn .description {
          color: #1BC74E; }
        .produits .inner ul #commerce_btn span:first-of-type {
          background-color: #0099FF; }
        .produits .inner ul #commerce_btn .description {
          color: #0099FF; }
        .produits .inner ul #support_btn span:first-of-type {
          background-color: #FFD940; }
        .produits .inner ul #support_btn .description {
          color: #FFD940; }
      .produits .inner video {
        max-width: 700px !important; }

  .produits-m {
    display: none; }

  .respondant {
    height: auto;
    padding-top: 250px;
    padding-bottom: 150px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center; }
    .respondant .inner {
      width: 1248px;
      height: auto;
      min-height: 500px; }
      .respondant .inner h2 {
        text-align: center;
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 40px;
        color: #34393F;
        margin-bottom: 50px;
        line-height: 56px; }
      .respondant .inner .nav {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border-bottom: 1px solid #E5EBEF;
        list-style-type: none !important; }
      .respondant .inner .tab-content {
        margin-top: 30px; }
      .respondant .inner .nav-item {
        flex-basis: 33%;
        text-align: center; }
      .respondant .inner .nav-link {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #C6CFD5;
        font-size: 19px; }
      .respondant .inner .nav-link.active {
        color: #34393F;
        border-bottom: 4px solid #1BC74E; }
      .respondant .inner .tab-pane .pane-inner {
        display: flex;
        align-items: center; }
        .respondant .inner .tab-pane .pane-inner .illu {
          width: 667px !important; }
        .respondant .inner .tab-pane .pane-inner .content-list {
          margin-left: 80px; }
          .respondant .inner .tab-pane .pane-inner .content-list h3 {
            font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 40px;
            color: #34393F;
            max-width: 518px;
            line-height: 56px;
            margin-bottom: 20px; }
          .respondant .inner .tab-pane .pane-inner .content-list .features {
            margin-bottom: 30px; }
          .respondant .inner .tab-pane .pane-inner .content-list .line {
            display: flex;
            align-items: center;
            margin-bottom: 15px; }
            .respondant .inner .tab-pane .pane-inner .content-list .line .text {
              font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 17px;
              width: 380px;
              margin-left: 20px; }
            .respondant .inner .tab-pane .pane-inner .content-list .line .emoji {
              height: 30px;
              width: 30px;
              background-color: white;
              border-radius: 50px;
              box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
              display: flex;
              align-items: center;
              justify-content: center; }
          .respondant .inner .tab-pane .pane-inner .content-list a {
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
            text-decoration: none;
            color: white;
            font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            padding: 15px 25px;
            border-radius: 35px;
            background-color: #0099FF; }
            .respondant .inner .tab-pane .pane-inner .content-list a i {
              margin-left: 10px;
              transition: transform 0.20s; }
          .respondant .inner .tab-pane .pane-inner .content-list a:hover {
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }
            .respondant .inner .tab-pane .pane-inner .content-list a:hover i {
              transform: translateX(3px); }
          .respondant .inner .tab-pane .pane-inner .content-list .partners img {
            height: 50px; }
        .respondant .inner .tab-pane .pane-inner p {
          font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 17px;
          line-height: 24px;
          margin-bottom: 30px; }
        .respondant .inner .tab-pane .pane-inner img {
          width: 72px; }

  .respondant-m {
    display: none; }

  .last-section {
    height: auto;
    padding-top: 200px;
    background-color: #EAEEF2;
    padding-bottom: 160px; }
    .last-section .inner {
      width: 1030px; }
    .last-section .subtitle {
      max-width: 742px;
      font-size: 40px;
      font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #34393F;
      text-align: center;
      margin: 0px auto;
      margin-bottom: 100px;
      line-height: 56px; }
    .last-section .downloads {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .last-section .downloads .forrester, .last-section .downloads .ibbu {
        border-radius: 5px;
        cursor: pointer; }
      .last-section .downloads .forrester {
        width: 600px;
        height: 345px;
        background-image: linear-gradient(to bottom, #027098, #03638a, #03567b, #02496d, #013d5f);
        position: relative; }
        .last-section .downloads .forrester .book {
          height: 309px;
          width: 357px;
          position: absolute;
          left: -129px;
          top: -21px; }
        .last-section .downloads .forrester .title {
          height: 70px;
          width: 410px;
          background-color: white;
          border-radius: 5px;
          margin: 0px auto;
          margin-top: -30px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding-right: 45px; }
          .last-section .downloads .forrester .title img {
            width: 200px; }
        .last-section .downloads .forrester .text {
          height: auto;
          width: 302px;
          height: auto;
          position: absolute;
          right: 45px;
          top: 75px; }
          .last-section .downloads .forrester .text .content {
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 17px;
            line-height: 24px;
            padding-top: 0px !important; }
            .last-section .downloads .forrester .text .content ul {
              margin-left: 18px;
              list-style-type: circle !important; }
          .last-section .downloads .forrester .text .cta {
            margin-top: 30px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            border-radius: 45px;
            padding-top: 2px; }
            .last-section .downloads .forrester .text .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 17px;
              line-height: 19px;
              margin-right: 13px; }
      .last-section .downloads .ibbu {
        width: 400px;
        height: 345px;
        background-image: linear-gradient(to bottom, #4c5d70, #3e5063, #314356, #24364a, #172a3e); }
        .last-section .downloads .ibbu .inner-ibbu {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: -45px; }
          .last-section .downloads .ibbu .inner-ibbu img {
            width: 251px;
            margin-bottom: 5px; }
          .last-section .downloads .ibbu .inner-ibbu .text {
            text-align: center;
            font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: white;
            font-size: 17px;
            line-height: 24px;
            max-width: 339px; }
          .last-section .downloads .ibbu .inner-ibbu .cta {
            width: 228px;
            margin-top: 25px;
            background-color: white;
            color: #014366;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            border-radius: 45px;
            padding-top: 2px; }
            .last-section .downloads .ibbu .inner-ibbu .cta .msg {
              font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 17px;
              line-height: 19px;
              margin-right: 13px; }
    .last-section .demo {
      margin-top: 30px;
      width: 100%;
      height: 274px;
      border-radius: 5px;
      background-color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .last-section .demo .title {
        font-family: "proxima-extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 40px;
        color: #34393F; }
      .last-section .demo .legend {
        font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        color: #707689;
        margin-top: 30px; }
      .last-section .demo .cta {
        font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        color: white;
        width: 180px;
        height: 60px;
        background-color: #1BC74E;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 45px;
        margin-top: 20px; }
    .last-section .legals-sentence {
      font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 17px;
      color: #707689;
      text-align: center;
      line-height: 24px;
      margin-top: 95px; }
    .last-section .logos-partner {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      width: 678px;
      margin: 0px auto;
      margin-top: 35px; }
      .last-section .logos-partner .logo-gartner {
        max-height: 73.05px !important; }
      .last-section .logos-partner .logo-iso27001 {
        max-height: 94px !important; }
      .last-section .logos-partner .logo-gdpr {
        max-height: 88px !important; }
      .last-section .logos-partner .logo-aws {
        max-height: 70px !important; } }
/* Form Field (selector for form field wrapper) */
/* Descriptions (targets class applied to Help Text divs) */
.inputs-list li {
  list-style: none; }

/* Labels (selects field labels and error messages) */
.hs-form label {
  font-size: 12px;
  color: #707689;
  font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .hs-form label a {
    text-decoration: none;
    color: #0099FF; }

.hs-form .hs-form-field > label {
  display: none; }

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"],
.hs-form input[type="datetime"],
.hs-form input[type="datetime-local"],
.hs-form input[type="date"],
.hs-form input[type="month"],
.hs-form input[type="time"],
.hs-form input[type="week"],
.hs-form input[type="number"],
.hs-form input[type="email"],
.hs-form input[type="url"],
.hs-form input[type="search"],
.hs-form input[type="tel"],
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {
  width: 100%;
  border-radius: 5px;
  height: 50px;
  border: 0px solid #707689;
  font-size: 18px;
  color: #707689;
  padding-left: 15px;
  font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 8px; }

.hs-form .hs-richtext {
  color: black;
  margin: 15px 0px 15px 0px;
  font-family: "proxima-regular-italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; }

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus,
.hs-form input[type="datetime"]:focus,
.hs-form input[type="datetime-local"]:focus,
.hs-form input[type="date"]:focus,
.hs-form input[type="month"]:focus,
.hs-form input[type="time"]:focus,
.hs-form input[type="week"]:focus,
.hs-form input[type="number"]:focus,
.hs-form input[type="email"]:focus,
.hs-form input[type="url"]:focus,
.hs-form input[type="search"]:focus,
.hs-form input[type="tel"]:focus,
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {
  outline: none; }

/* Multi-line inputs (selectors to target multi-line fields */
/* Dropdowns (selectors for dropdowns) */
/* Multi-select (selectors for multi-select fields) */
.hs-form input[type="checkbox"] {
  margin-right: 10px; }

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid,
.hs-form textarea:focus:required:invalid,
.hs-form select:focus:required:invalid {
  border: 2px solid #EC5D61; }

.hs-form input:focus:required:invalid:focus,
.hs-form textarea:focus:required:invalid:focus,
.hs-form select:focus:required:invalid:focus {
  border: 2px solid #EC5D61; }

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label {
  color: white;
  background-color: #EC5D61;
  font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 6px 4px 6px 4px;
  display: block;
  width: 70%;
  margin-top: 5px;
  border-radius: 5px;
  border-top-left-radius: 0px; }

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder {
  /* Webkit Browsers */ }

:-moz-placeholder {
  /* Firefox 18- */ }

::-moz-placeholder {
  /* Firefox 19+ */ }

:-ms-input-placeholder {
  /* IE10 */ }

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */
/* Submit buttons (selectors for all non-CTA buttons) 
   ========================================================================== */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  margin-top: 20px;
  width: 100%;
  background-color: #1BC74E;
  color: white;
  border-color: transparent;
  border-radius: 5px;
  height: 50px;
  text-align: left;
  padding-left: 15px;
  font-family: "proxima-semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px; }

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  cursor: pointer; }

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