html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  margin: 0px;
  font-size: 15px;
  font-family: 'Nunito', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  font-display: swap;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
}

.viewport_blur {
  z-index: 1000;
}

/* HIGHLIGHT SELECTION */
::-moz-selection {
  color: #fff;
  background-color: #27c469;
}
::selection {
  color: #fff;
  background-color: #27c469;
}


/*
  LINK
*/
a {
  color: #27c469;
  text-decoration: none;
}
a:hover {
  /*color: #32B531;*/
  text-decoration: underline;
}


/*
  TEXT
*/
.title {
  color: #47495a;
  font-size: 2em;
  line-height: 1.4em;
  margin-bottom: 20px;
  font-weight: bold;
}
.text, .text_t2 {
  /*color: #6b7c93;*/
  color: #6A788A;
  font-weight: 400;
  margin-bottom: 20px;
}
.text {
  font-size: 1.1em;
  line-height: 1.7em;
}
.text_t2 {
  font-size: 1.5em;
  line-height: 1.6em;
}
.text_t3 { /* LIST */
  color: #47495a;
  font-size: 1.2em;
  line-height: 1.8em;
  margin-bottom: 0px;
  /*font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;*/
}
.text_t4 {
  font-size: 1.1em;
  line-height: 1.7em;
  margin-bottom: 0px;
}
.text_noir {
  color: #47495a;
}
.text_svg_before {
  font-size: .8em;
  color: #a5a5a5;
}
.text_color {
  /*color: #6b7c93;*/
  color: #6A788A;
}
h1.title {
  color: #47495a;
  font-size: 2.8em;
  line-height: 1.15em;
}
h2.title {
  font-size: 2em;
  line-height: 1.4em;
}
h3.title {
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: bold;
  font-family: inherit;
  margin-bottom: 10px;
}
h4.title {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  font-family: inherit;
  margin-bottom: 10px;
}
a.text {
  text-decoration: none;
}

.bold { font-weight: bold; }

.underline { text-decoration: underline; }

.align_center { text-align: center; }

.align_left { text-align: left; }

.align_right { text-align: right; }

.text_green { color: #27c469 !important; }

.unlimited { color: #27c469; font-weight: bold; }


/*
  BG COLOR
*/
.bg_color {
  background-color: #f7f8fb;
}
.bg_svg_color {
  fill: #f7f8fb;
}
.bg_white {
  background-color: #fff;
}
.bg_green {
  background-color: #27c469;
}
.separateur_color {
  fill: #f7f8fb;
  color: #7F8FA433;
}
.separateur_green {
  fill: #27c469;
  color: #32B531;
}
.separateur_white {
  fill: #fff;
  color: #7F8FA433;
}


/*
  MEP
*/
.section {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.container, .container_menu {
  padding-right: 40px;
  padding-left: 40px;
  max-width: 1140px;
  width: 100%;
  margin: auto;
  align-items: center;
  box-sizing: border-box;
}
.container {
  display: flex;
}
.container {
  padding-top: 120px;
  padding-bottom: 120px;
}
.containerPaddingTopNone {
  padding-top: 0px !important;
}
.containerPaddingBottomNone {
  padding-bottom: 0px !important;
}


/**/
.content5prc { width: 5%; }

.content10prc { width: 10%; }

.content15prc { width: 15%; }

.content20prc { width: 20%; }

.content25prc { width: 30%; }

.content30prc { width: 30%; }

.content40prc { width: 40%; }

.content45prc { width: 45%; }

.content50prc { width: 50%; }

.content55prc { width: 55%; }

.content60prc { width: 60%; }

.content65prc { width: 65%; }

.content70prc { width: 70%; }

.content80prc { width: 80%; }

.content85prc { width: 85%; margin: auto; }

.content100prc { width: 100%; }

.paddingLeft10prc { padding-left: 10%; }

.paddingRight10prc { padding-right: 10%; }

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


/*
  BOX SHADOW
*/
.box_shadow {
  /*box-shadow: 0 4px 9px 0 rgba(23, 28, 33, .06);*/
  box-shadow: 0 4px 9px 0 #f1f2f2;
}
.box_shadow_2 {
  /*box-shadow: 0 12px 27px 0 rgba(23, 28, 33, .3);*/
  box-shadow: 0 12px 27px 0 #b9babc;
}
.box_shadow_3 {
  /*box-shadow: 8px -20px 20px 0px rgba(23, 28, 33, .3);*/
  /*box-shadow: 8px -20px 20px 0px #b9babc;*/
  box-shadow: 3px -3px 3px 0px rgba(0,0,0,.2);
}


/*
  ANIM
*/
.anim01s {
  transition: .1s;
}
.anim02s {
  transition: .2s;
}
.anim03s {
  transition: .3s;
}
.anim05s {
  transition: .5s;
}
.anim1s {
  transition: 1s;
}


/*
  SEPARATEUR
*/
.separateur {
  position: relative;
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 6%;
  top: 100%;
  margin-top: -4px;
  margin-bottom: -7px;
  z-index: 100;
  overflow: hidden;
}
.separateur svg {
  position: absolute;
  height: 100%;
  width: 102%;
  left: -1%;
  top: -1px;
  fill: #333;
  fill: inherit;
}


/*
  WP
*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}





/*
  RESPONSIVE
*/
@media (max-width: 1200px) {
  .container {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .container, .container_menu {
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1140px;
  }
}

@media (max-width: 992px) {
  .container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .container, .container_menu {
    max-width: 960px;
    flex-wrap: wrap;
  }

  #value_proposition_1 .container { padding-bottom: 60px; }
  #value_proposition_2 .container,
  #value_proposition_3 .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #value_proposition_1 .container .content40prc,
  #value_proposition_2 .container .content40prc,
  #value_proposition_3 .container .content40prc {
    order: 2;
    width: 100%;
  }

  #value_proposition_1 .container .content50prc,
  #value_proposition_2 .container .content50prc,
  #value_proposition_3 .container .content50prc {
    order: 1;
    width: 100%;
    padding-left: 0%;
  }

  /* SNIPPETS */
  #snippets::before {
    display: none !important;
  }
  #snippets .container {
    padding-top: 10px;
  }
  #snippets .container .content_snippet_img .bg_img_snippets {
    transform: scale(1.16) translateX(5px) translateY(7px);
  }
  /**/
  #snippets .container .content40prc .item_snippets {
    opacity: 1 !important;
    cursor: default;
  }

  #snippets .container .content40prc .item_snippets .icon {
    position: relative;
    transform: translateX(0px) !important;
  }

  .item_snippets .icon svg {
    color: #27c469 !important;
  }
  #snippets .container .content40prc .item_snippets .content_txt {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 50px;
    transform: translateX(0px) !important;
  }
  #snippets .container .content40prc .item_snippets .content_txt .title {
    transform: translateX(0px) !important;
  }
  #snippets .container .content40prc .item_snippets .content_txt .description {}
  #snippets .container .content40prc .item_snippets .content_txt .progressBarSnippet {
    display: none;
  }
  #snippets .container .content40prc .cta {
    margin-left: 0px;
  }
  /**/
  #snippets .container .content50prc .snippet_container .snippet_content {
    transform: translateX(0%) !important;
  }
}

@media (max-width: 768px) {
  .container, .container_menu {
    max-width: 720px;
  }
}
@media (max-width: 720px) {
  .content30prc, .content40prc, .content50prc, .content60prc,
  .content70prc, .content80prc, .content85prc, .content90prc, .content100prc {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .container, .container_menu {
    max-width: 540px;
  }
}
@media (max-width: 390px) {
  .container, .container_menu {
    padding-right: 30px;
    padding-left: 30px;
  }

  /*img {
    width: 100%;
  }*/

}







/*
  TOOLTIP
*/
*[data-tooltip]:before,
*[data-tooltip-top]:before,
*[data-tooltip-left]:before,
*[data-tooltip-right]:before,
*[data-tooltip-bottom]:before,
*[data-tooltip-top-left]:before,
*[data-tooltip-left-top]:before,
*[data-tooltip-top-right]:before,
*[data-tooltip-right-top]:before,
*[data-tooltip-bottom-left]:before,
*[data-tooltip-left-bottom]:before,
*[data-tooltip-bottom-right]:before,
*[data-tooltip-right-bottom]:before,
*[data-tooltip-center-top]:before,
*[data-tooltip-top-center]:before,
*[data-tooltip-center-left]:before,
*[data-tooltip-left-center]:before,
*[data-tooltip-center-right]:before,
*[data-tooltip-right-center]:before,
*[data-tooltip-center-bottom]:before,
*[data-tooltip-bottom-center]:before {
  position: absolute;
  display: block;
  height: auto;
  width: auto;
  color: #fff;
  margin: 5px 0;
  padding: 2px 5px;
  border-radius: 5px;
  line-height: initial;
  background-color: rgba(0,0,0,.9);
  pointer-events: none;
  white-space: nowrap;
  transition: .1s;
  /**/
  font-size: 15px;
}

/*
  CONTENT
*/
*[data-tooltip]:before { content: attr(data-tooltip); }
*[data-tooltip-top]:before { content: attr(data-tooltip-top); }
*[data-tooltip-left]:before { content: attr(data-tooltip-left); }
*[data-tooltip-right]:before { content: attr(data-tooltip-right); }
*[data-tooltip-bottom]:before { content: attr(data-tooltip-bottom); }
*[data-tooltip-top-left]:before { content: attr(data-tooltip-top-left); }
*[data-tooltip-left-top]:before { content: attr(data-tooltip-left-top); }
*[data-tooltip-top-right]:before { content: attr(data-tooltip-top-right); }
*[data-tooltip-right-top]:before { content: attr(data-tooltip-right-top); }
*[data-tooltip-bottom-left]:before { content: attr(data-tooltip-bottom-left); }
*[data-tooltip-left-bottom]:before { content: attr(data-tooltip-left-bottom); }
*[data-tooltip-bottom-right]:before { content: attr(data-tooltip-bottom-right); }
*[data-tooltip-right-bottom]:before { content: attr(data-tooltip-right-bottom); }
*[data-tooltip-center-top]:before { content: attr(data-tooltip-center-top); }
*[data-tooltip-top-center]:before { content: attr(data-tooltip-top-center); }
*[data-tooltip-center-left]:before { content: attr(data-tooltip-center-left); }
*[data-tooltip-left-center]:before { content: attr(data-tooltip-left-center); }
*[data-tooltip-center-right]:before { content: attr(data-tooltip-center-right); }
*[data-tooltip-right-center]:before { content: attr(data-tooltip-right-center); }
*[data-tooltip-center-bottom]:before { content: attr(data-tooltip-center-bottom); }
*[data-tooltip-bottom-center]:before { content: attr(data-tooltip-bottom-center); }



/* BOTTOM (default) */
*[data-tooltip]:before, *[data-tooltip-bottom]:before, *[data-tooltip-bottom-center]:before, *[data-tooltip-center-bottom]:before {
  top: 100%; left: 50%; transform: translate(-50%, 10px); opacity: 0;
}
*[data-tooltip]:hover:before, *[data-tooltip-bottom]:hover:before, *[data-tooltip-bottom-center]:hover:before, *[data-tooltip-center-bottom]:hover:before {
  transform: translate(-50%, 0px); opacity: 1;
}


/* TOP */
*[data-tooltip-top]:before, *[data-tooltip-top-center]:before, *[data-tooltip-center-top]:before {
  bottom: 100%; left: 50%; transform: translate(-50%, -10px); opacity: 0;
}
*[data-tooltip-top]:hover:before, *[data-tooltip-top-center]:hover:before, *[data-tooltip-center-top]:hover:before {
  transform: translate(-50%, 0px); opacity: 1;
}


/* LEFT */
*[data-tooltip-left]:before, *[data-tooltip-left-center]:before, *[data-tooltip-center-left]:before {
  right: 100%; top: 50%; transform: translate(10px, -50%); opacity: 0; margin: 0 4px;
}
*[data-tooltip-left]:hover:before, *[data-tooltip-left-center]:hover:before, *[data-tooltip-center-left]:hover:before {
  transform: translate(0px, -50%); opacity: 1;
}


/* RIGHT */
*[data-tooltip-right]:before, *[data-tooltip-right-center]:before, *[data-tooltip-center-right]:before {
  left: 100%; top: 50%; transform: translate(-10px, -50%); opacity: 0; margin: 0 4px;
}
*[data-tooltip-right]:hover:before, *[data-tooltip-right-center]:hover:before, *[data-tooltip-center-right]:hover:before {
  transform: translate(0px, -50%); opacity: 1;
}


/* TOP LEFT */
*[data-tooltip-top-left]:before, *[data-tooltip-left-top]:before {
  bottom: 100%; left: 0px; transform: translateY(-10px); opacity: 0;
}
*[data-tooltip-top-left]:hover:before, *[data-tooltip-left-top]:hover:before {
  transform: translateY(0px); opacity: 1;
}


/* TOP RIGHT */
*[data-tooltip-top-right]:before, *[data-tooltip-right-top]:before {
  bottom: 100%; right: 0px; transform: translateY(10px); opacity: 0;
}
*[data-tooltip-top-right]:hover:before, *[data-tooltip-right-top]:hover:before {
  transform: translateY(0px); opacity: 1;
}


/* BOTTOM LEFT */
*[data-tooltip-bottom-left]:before, *[data-tooltip-left-bottom]:before {
  top: 100%; left: 0px; transform: translateY(10px); opacity: 0; margin: 5px 0px;
}
*[data-tooltip-bottom-left]:hover:before, *[data-tooltip-left-bottom]:hover:before {
  transform: translateY(0px); opacity: 1;
}


/* BOTTOM RIGHT */
*[data-tooltip-bottom-right]:before, *[data-tooltip-right-bottom]:before {
  top: 100%; right: 0px; transform: translateY(-10px); opacity: 0;
}
*[data-tooltip-bottom-right]:hover:before, *[data-tooltip-right-bottom]:hover:before {
  transform: translateY(0px); opacity: 1;
}



@media (max-width: 768px) {
  *[data-tooltip]:before, *[data-tooltip-top]:before, *[data-tooltip-left]:before, *[data-tooltip-right]:before, *[data-tooltip-bottom]:before, *[data-tooltip-top-left]:before, *[data-tooltip-left-top]:before, *[data-tooltip-top-right]:before, *[data-tooltip-right-top]:before, *[data-tooltip-bottom-left]:before, *[data-tooltip-left-bottom]:before, *[data-tooltip-bottom-right]:before, *[data-tooltip-right-bottom]:before, *[data-tooltip-center-top]:before, *[data-tooltip-top-center]:before, *[data-tooltip-center-left]:before, *[data-tooltip-left-center]:before, *[data-tooltip-center-right]:before, *[data-tooltip-right-center]:before, *[data-tooltip-center-bottom]:before, *[data-tooltip-bottom-center]:before {
    display: none !important;
  }
}




/* BACKGROUND */
*[data-tooltip-background=grey]:before { background-color: grey; }
*[data-tooltip-background=black]:before { background-color: black; }
*[data-tooltip-background=white]:before { background-color: white; }
*[data-tooltip-background=tomato]:before { background-color: tomato; }
*[data-tooltip-background=orange]:before { background-color: orange; }
*[data-tooltip-background=green]:before { background-color: green; }
*[data-tooltip-background=blue]:before { background-color: blue; }
*[data-tooltip-background=red]:before { background-color: red; }



/* COLORS */
*[data-tooltip-color=grey]:before { color: grey; }
*[data-tooltip-color=black]:before { color: black; }
*[data-tooltip-color=white]:before { color: white; }
*[data-tooltip-color=tomato]:before { color: tomato; }
*[data-tooltip-color=orange]:before { color: orange; }
*[data-tooltip-color=green]:before { color: green; }
*[data-tooltip-color=blue]:before { color: blue; }
*[data-tooltip-color=red]:before { color: red; }





/**/
#system_viewver_show:not(:checked) ~ #viewver {
  transform: scale(1.4);
  opacity: 0;
  z-index: -1;
}






/*
  EXCEPTIONS LANG
  FOOTER
*/
html[lang=fr] .content_right a,
html[lang=fr] .content_right .copyright {
  margin: 0;
  margin-right: 10px;
}
html[lang=fr] body:not(.page-features) .patch_padding_blog {
  padding-top: 0px !important;
}
html[lang=fr] body:not(.page-features) #footer .container_blog {
  display: none !important;
}
html[lang=fr] body:not(.page-features) #footer {
  /*padding-top: 20px !important;*/
}
@media (max-width: 768px) {
  html[lang=fr] #icons_footer .container {
    margin-bottom: -50px !important;
  }
}

/*
  EXCEPTIONS LANG
  HOME
*/
html[lang=fr] #container_banniere .content_banniere_efx .content_text .text {
  font-size: 1.1em !important;
}
html[lang=fr] .your_marketer {
  margin-top: -30px !important;
  margin-left: -4px !important;
}
@media (max-width: 768px) {
  html[lang=fr] .content_icons_footer {
    display: flex;
    flex-wrap: wrap;
  }
  html[lang=fr] .content_icons_footer .icon_footer { flex-grow: 1; }
  html[lang=fr] .content_icons_footer .icon_footer:nth-child(1) { order: 5; }
  html[lang=fr] .content_icons_footer .icon_footer:nth-child(2) { order: 1; }
  html[lang=fr] .content_icons_footer .icon_footer:nth-child(3) { order: 4; }
  html[lang=fr] .content_icons_footer .icon_footer:nth-child(4) { order: 3; }
  html[lang=fr] .content_icons_footer .icon_footer:nth-child(5) { order: 2; }

  html[lang=fr] .content_icons_footer .icon_footer:nth-child(1) .text { width: 140%; left: -20%; white-space: nowrap; }
}

/*
  EXCEPTIONS LANG
  MENU
*/
html[lang=fr] .menu_top .container_menu .content_menu {
  width: calc(100% - 426px);
}
html[lang=fr] .menu_top .container_menu .cta {
  transform: translate3d(0px,0px,10px);
}
html[lang=fr] .menu_top .container_menu .content_menu .menu_flex .item .sous_menu ._sous_menu {
  min-width: 90px;
}