/*

  BANNIERE

*/
#banniere_sticky {
  position: relative;
  display: block;
  height: 180vh; /* sticky value */
  height: 190vh; /* sticky value */
  width: 100%;
  z-index: 100;
  pointer-events: none;
  margin-top: -140px;
  line-height: initial;
}
#banniere_sticky:before {
  position: absolute;
  display: block;
  content: ' ';
  height: auto;
  width: 100%;
  left: 0px;
  top: 42%;
  bottom: 0px;
  background-color: #f7f8fb;
}
#banniere_sticky .landmark_scroll {
  position: absolute;
  display: block;
  height: 100px;
  width: 10px;
  left: 5px;
  top: 50%;
  z-index: 10;
  border-radius: 5px;
  background-color: #27C469;
}
#banniere_sticky #banniere_efx {
  position: fixed;
  display: block;
  width: 100%;
  top: 0px;
  margin-top: 320px;
}

/* CONTENT BANNIERE */
#container_banniere {
  position: relative;
  display: block;
  height: 0px;
  width: 0px;
  margin: auto;
  padding-top: 97.31%;
  padding-left: 100%;
}
#container_banniere .content_banniere_efx {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  /*will-change: scroll-position;*/
}
#container_banniere .bg_banniere {
  position: absolute;
  display: block;
  height: auto;
  width: 100%;
  left: 0%;
  top: 38.8%;
  bottom: 0px;
  background-color: #f7f8fb;
}
/* BANNIERE ELEMENTS */
#container_banniere .content_banniere_efx .element {
  position: absolute;
  /*position: fixed;*/
  display: block;
  /*display: none;*/
  /*will-change: transform;*/
}
#container_banniere .content_banniere_efx .element * {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}
/**/
#container_banniere .content_banniere_efx .separateur_banniere { height: 31%; width: 100%; left: 0%; top: 8%; fill: #f7f8fb; transform-origin: bottom; }
#container_banniere .content_banniere_efx .ordi_1 { height: 12%; width: 11.85%; left: 0%; top: 4%; z-index: 100; }
#container_banniere .content_banniere_efx .people_1 { height: 15.8%; width: 10.45%; left: 12.4%; top: 7.7%; z-index: 100; }
#container_banniere .content_banniere_efx .caddie { height: 8.6%; width: 8.8%; left: 23.4%; top: 20.3%; z-index: 100; }
#container_banniere .content_banniere_efx .people_2 { height: 16.3%; width: 9.75%; left: 34.6%; top: 17.2%; z-index: 100; }
#container_banniere .content_banniere_efx .bot { height: 12.3%; width: 6.3%; left: 46.6%; top: 26.1%; z-index: 100; }
#container_banniere .content_banniere_efx .engrenages { height: 6.5%; width: 8.2%; left: 57.4%; top: 27.7%; z-index: 100; }
#container_banniere .content_banniere_efx .people_3 { height: 16.4%; width: 8.35%; left: 66%; top: 13.6%; z-index: 100; }
#container_banniere .content_banniere_efx .stats { height: 12.1%; width: 7.6%; left: 73%; top: 15%; z-index: 100; }
#container_banniere .content_banniere_efx .ordi_2 { height: 11.5%; width: 9.3%; left: 80.5%; top: 11.2%; z-index: 100; }
#container_banniere .content_banniere_efx .sacs { height: 7%; width: 4%; left: 88%; top: 11.7%; z-index: 100; }
#container_banniere .content_banniere_efx .people_4 { height: 16.1%; width: 9.95%; left: 89.9%; top: 0%; z-index: 100; }


#container_banniere .content_banniere_efx .content_img,
#container_banniere .content_banniere_efx .content_text,
#container_banniere .content_banniere_efx .content_messages {
  position: absolute;
  display: block;
  height: 49.4%;
  width: 77%;
  left: 11.5%;
  top: 44.5%;
  z-index: 100;
  transform: translateZ(9px);
}
#container_banniere .content_banniere_efx .content_messages {
  z-index: 150;
  transform: translateZ(10px);
}
#container_banniere .content_banniere_efx .content_messages.content_cta {
  margin-top: 30px;
  margin-left: -10px;
}
#container_banniere .content_banniere_efx .content_img img,
#container_banniere .content_banniere_efx .content_img svg,
#container_banniere .content_banniere_efx .content_img object {
  position: absolute;
  stroke-miterlimit: 10;
  fill: none;
}
#container_banniere .content_banniere_efx .content_img .illustration_customers { position: absolute; height: 55%; width: 53%; left: 0.3%; top: 3.2%; transform-origin: right bottom; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_base { height: 80%; width: 93.4%; left: 3%; top: 10%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_trace { height: 100%; width: 100%; left: 3%; top: 3.4%; fill: none; stroke: #cbd3ed; stroke-miterlimit: 10; stroke-dasharray: 400%; stroke-dashoffset: 0%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_maison_1 { height: 16.1%; width: 9.1%; left: 18.6%; top: 49%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_maison_2 { height: 16.1%; width: 9.1%; left: 29%; top: 58.5%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_maison_3 { height: 16.1%; width: 9.1%; left: 40.8%; top: 69.1%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_immeuble_1 { height: 42.9%; width: 13.5%; left: 13.4%; top: 2.9%; transform-origin: bottom; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_immeuble_2 { height: 22.9%; width: 12%; left: 37.9%; top: 1.4%; transform-origin: bottom; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_1 { height: 5.9%; width: 2.4%; left: 8.8%; top: 43.4%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_2 { height: 5.9%; width: 2.4%; left: 11.9%; top: 40.7%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_3 { height: 6.9%; width: 2.4%; left: 26.3%; top: 25%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_4 { height: 7.5%; width: 3.4%; left: 15.6%; top: 52.6%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_5 { height: 7.5%; width: 3.4%; left: 26%; top: 62%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_6 { height: 7.5%; width: 3.4%; left: 38.1%; top: 72.9%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_7 { height: 7.5%; width: 3.4%; left: 45.3%; top: 79.5%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_8 { height: 8.1%; width: 3.4%; left: 33.5%; top: 36%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_9 { height: 8.1%; width: 3.4%; left: 39.3%; top: 30.7%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_10 { height: 8.1%; width: 3.4%; left: 45.1%; top: 35.9%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_11 { height: 8.1%; width: 3.4%; left: 39.5%; top: 41.4%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_arbre_12 { height: 9.7%; width: 3.4%; left: 90.5%; top: 48%; }
#container_banniere .content_banniere_efx .content_img .illustration_customers .illustration_garage { height: 28.4%; width: 23%; left: 57.5%; top: 49.7%; }
/**/
#container_banniere .content_banniere_efx .content_img .illustration_xeno { height: 37.9%; width: 16.4%; left: 48.5%; top: 32.1%; z-index: 10; }
/**/
/*#container_banniere .content_banniere_efx .content_img .illustration_lignes { stroke-dasharray: 450%; stroke-dashoffset: 0%; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_1 { height: 18%; width: 13.3%; left: 46.1%; top: 62.9%; stroke: #7c3958; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_2 { height: 33.8%; width: 14.6%; left: 54.1%; top: 62.7%; stroke: #7bed9f; stroke: #25A4F1; stroke: #27C469; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_3 { height: 18.9%; width: 19.6%; left: 57.8%; top: 62%; stroke: #f1a74c; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_4 { height: 16.2%; width: 29.7%; left: 58.6%; top: 57.7%; stroke: #323263; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_5 { height: 12.9%; width: 18.8%; left: 59.1%; top: 51.3%; stroke: #ff4a7e; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_6 { height: 6.6%; width: 11.2%; left: 40.1%; top: 46.6%; stroke: #55acee; }*/

#container_banniere .content_banniere_efx .content_img .illustration_lignes { stroke-dasharray: 450%; stroke-dashoffset: 0%; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_1 { height: 21%; width: 14.8%; left: 46.1%; top: 62.5%; stroke: #7c3958; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_2 { height: 33.8%; width: 14.6%; left: 54.1%; top: 62.7%; stroke: #27C469; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_3 {height: 18.9%; width: 21.6%; left: 55.9%; top: 62%; stroke: #f1a74c; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_4 { height: 16.2%; width: 29.7%; left: 58.6%; top: 57.7%; stroke: #323263; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_5 { height: 14.6%; width: 26.5%; left: 55.7%; top: 51.2%; stroke: #ff4a7e; }
#container_banniere .content_banniere_efx .content_img .illustration_ligne_6 { height: 6.6%; width: 11.2%; left: 40.1%; top: 46.6%; stroke: #55acee; }

/**/
#container_banniere .content_banniere_efx .content_img .illustration_customers:after {
  position: absolute;
  display: block;
  content: ' ';
  height: 0px;
  width: 0px;
  left: 0px;
  top: 0px;
  padding: 4%;
  background-color: #f7f8fb;
}

.traces_customers {
  transition: .5s stroke;
}
.traces_customers[data-type=customer] {
  transform: translateX(3%) translateY(9.5%);
}
.traces_customers .line {
}
.traces_customers .icon {
  display: none;
}
.traces_customers.anim_direction .icon {
  display: block;
}
.traces_customers.anim_direction .icon .logo {
}
.traces_customers.anim_direction .line {
  stroke-dasharray: 5px;
  stroke-width: 3px;
}
.traces_customers.anim_direction,
.traces_customers.anim_direction[data-direction="0"] {
  animation: anim_lines_direction_0 1s linear infinite;
}
.traces_customers.anim_direction[data-direction="1"] {
  animation: anim_lines_direction_1 1s linear infinite;
}

.traces_customers.anim_direction .icon.direction0,
.traces_customers.anim_direction[data-direction="0"] .icon.direction0 { display: block; }
.traces_customers.anim_direction .icon.direction1,
.traces_customers.anim_direction[data-direction="0"] .icon.direction1 { display: none; }

.traces_customers.anim_direction[data-direction="1"] .icon.direction0 { display: none; }
.traces_customers.anim_direction[data-direction="1"] .icon.direction1 { display: block; }

.traces_customers.color_traces_customers {
  stroke: transparent;
  /*stroke: red !important;*/
}
.traces_customers.color_traces_customers.anim_direction {
  stroke: #00C9FF;
}
/**/
@keyframes anim_lines_direction_0 {
  from { stroke-dashoffset: 20px; }
  to { stroke-dashoffset: 0px; }
}
@keyframes anim_lines_direction_1 {
  from { stroke-dashoffset: 0px; }
  to { stroke-dashoffset: 20px; }
}




/* TEXT 3D */
#container_banniere .content_banniere_efx .content_text {
  font-family: Helvetica;
  font-size: 1.2em;
}
#container_banniere .content_banniere_efx .content_text .text {
  position: absolute;
  display: block;
  width: 40%;
  font-weight: bold;
  text-align: center;
  line-height: normal !important;
  font-size: 1.2em;
}
#container_banniere .content_banniere_efx .content_text .your_customers {
  left: 29%;
  top: 0%;
  transform: skewY(30deg) scaleX(.8);
  transform-origin: top left;
  text-align: left;
  font-size: 1.6em;
  color: #55ACEE;
}
#container_banniere .content_banniere_efx .content_text .plan3d_text {
  position: absolute;
  display: block;
  height: 60%;
  width: 51%;
  left: 44%;
  top: 42%;
  transform: rotateX(54deg) rotateZ(-44deg);
}
/* PLANS 3D */
#container_banniere .content_banniere_efx .content_text .plan3d_text .text { transform-origin: bottom; margin-top: -5px; }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.plan_1 { transform: skewX(-45deg); }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.plan_2 { transform: rotate(90deg) skewX(45deg); }
/* POSITION & COLOR */
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_team { left: 28%; top: 34%; font-size: 1.7em; color: #55ACEE; }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_marketer { left: 6%; top: 19%; text-align: left; color: #7C3958; }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_engineer { left: 48%; top: 18%; text-align: right; color: #FF4A7E; }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_bot { left: 76%; top: 43%; text-align: right; color: #323263; }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_seller { left: 2%; top: 78%; text-align: right; color: #F1A74C; }
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_product_manager { left: -18%; top: 71%; text-align: left; color: #27C469; }
/* BORDER TEXT */
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_team,
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_seller,
#container_banniere .content_banniere_efx .content_text .plan3d_text .text.your_product_manager { text-shadow: 2px 0 0 #f7f8fb, -2px 0 0 #f7f8fb, 0 2px 0 #f7f8fb, 0 -2px 0 #f7f8fb, 1px 1px #f7f8fb, -1px -1px 0 #f7f8fb, 1px -1px 0 #f7f8fb, -1px 1px 0 #f7f8fb; }


@media (min-width: 1400px) {
  #container_banniere .content_banniere_efx .content_text .plan3d_text .text {
    margin-top: -5px;
    font-size: 1.3em;
  }
}
@media (min-width: 1600px) {
  #container_banniere .content_banniere_efx .content_text .plan3d_text .text {
    margin-top: -5px;
    font-size: 1.6em;
  }
}


/*

  MESSAGES

*/
#container_banniere .content_banniere_efx .content_messages .messages {
  position: absolute;
  display: block;
  height: auto;
  width: auto;
  z-index: 100;
  line-height: 1.2em;
}
#container_banniere .content_banniere_efx .content_messages .messages.message_seller { left: 79.4%; bottom: 37.6%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_marketer { left: 46%; bottom: 38%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_manager { left: 63.1%; bottom: 21.7%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_engineer { left: 79.1%; bottom: 69%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_bot { left: 95.8%; bottom: 51.8%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer_1 { left: 31.7%; bottom: 79%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer_2 { left: 29.2%; bottom: 68.3%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer_3 { left: 14.5%; bottom: 75%; }
#container_banniere .content_banniere_efx .content_messages .messages.message_charlie { left: 8.3%; bottom: 70.5%; }
/* CONTAINER MESSAGES */
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender,
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver {
  position: relative;
  display: block;
  height: auto;
  width: auto;
  margin-top: 5px;
  max-width: 170px;
  width: 170px;
  padding: 5px;
}
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender {
  right: 0px;
  text-align: right;
  transform-origin: bottom right;
  transform: translateX(-104%);
}
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver {
  left: 0px;
  text-align: left;
  transform-origin: bottom left;
}
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver:empty {
  transform: scale(0);
}
/* MESSAGE LINE */
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender.container_message_line,
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver.container_message_line {
  font-size: 0px;
}
.messageInLine,
.messageInLine_space {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 10px;
  width: 16px;
  margin-left: -4px;
  margin-right: -4px;
  border-radius: 50px;
  background-color: currentColor;
}
.messageInLine_space {
  width: 1px;
  margin: 0px;
  background-color: transparent;
}
/**/
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender div,
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver div {
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
  text-align: left;
  padding: 10px 15px;
  box-sizing: border-box;
  border-radius: 10px;
  z-index: 10;
}
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender div { background-color: #27C469; color: #fff; border-bottom-right-radius: 0; }
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver div { background-color: #ebebeb; border-bottom-left-radius: 0; }



/*
  SOCIAL NETWORK
*/
#container_banniere .content_banniere_efx .content_messages .messages.message_customer:after,
#container_banniere .content_banniere_efx .content_messages .messages.message_customer:before {
  position: absolute;
  display: block;
  content: ' ';
  transition: .1s;
}
#container_banniere .content_banniere_efx .content_messages .messages.message_customer:before {
  height: 125px;
  width: 1px;
  left: -5px;
  bottom: 2px;
  background-color: #47495a;
  transform: scaleY(0);
  opacity: 0;
}
#container_banniere .content_banniere_efx .content_messages .messages.message_customer:not(:empty):before {
  opacity: .6;
  transform: scaleY(1);
}
#container_banniere .content_banniere_efx .content_messages .messages.message_customer:after {
  height: 60px;
  width: 60px;
  left: -34px;
  bottom: 110px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(60px) scale(0);
}
#container_banniere .content_banniere_efx .content_messages .messages.message_customer:not(:empty):after {
  transform: translateY(0px) scale(1);
}

/**/
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_facebook:after { background-image: url('../img/social_network/facebook.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_facebook .container_message_sender div { background-color: #3b5998; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_twitter:after { background-image: url('../img/social_network/twitter.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_twitter .container_message_sender div { background-color: #00ACEE; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_website:after { background-image: url('../img/social_network/website.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_website .container_message_sender div { background-color: #27C469; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_xeno:after { background-image: url('../img/social_network/xeno.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_xeno .container_message_sender div { background-color: #27C469; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_chrome:after { background-image: url('../img/social_network/chrome.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_chrome .container_message_sender div { background-color: #27C469; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_safari:after { background-image: url('../img/social_network/safari.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_safari .container_message_sender div { background-color: #0abdea; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_mozilla:after { background-image: url('../img/social_network/mozilla.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_mozilla .container_message_sender div { background-color: #ff6213; }

#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_edge:after { background-image: url('../img/social_network/edge.svg'); }
#container_banniere .content_banniere_efx .content_messages .messages.message_customer.message_edge .container_message_sender div { background-color: #0078d7; }





/* CTA BANNIERE */
#container_banniere .content_banniere_efx .content_messages .cta_banniere {
  position: absolute;
  width: auto;
  bottom: 2%;
  left: 0px;
  width: 40%;
  pointer-events: all;
}
#container_banniere .content_banniere_efx .content_messages .cta_banniere h2.title {
  font-size: 1.6em;
  margin-bottom: 0px;
}
#container_banniere .content_banniere_efx .content_messages .cta_banniere .text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em;
}
#container_banniere .content_banniere_efx .content_messages .cta_banniere .text strong {
  display: block;
  color: #27C469;
  margin-top: 5px;
}

.logo_xeno {
  position: relative;
  display: inline-block;
  height: 24px;
  /*width: auto;*/
  width: 99.85px;
}
.logo_xeno img {
  position: relative;
  display: block;
  height: 100%;
  /*width: auto;*/
  width: 100%;
  left: 0px;
  top: 0px;
}

/*

  PATCH Z-INDEX CHATBOX

*/
.try_it_now,
.slaask-iframe,
#slaask-widget,
.slaask-online-button {
  z-index: 2147483647 !important;
  transform: translateZ(15px) !important;
}
.try_it_now {
  z-index: 2147483637 !important;
  /*transform: translateY(0px) translateX(0px) translateZ(15px) rotate(-8deg) !important;*/
  transform: translateY(0px) translateX(0px) scale(1) rotate(-8deg) !important;
}


/*
#container_banniere .content_banniere_efx .content_messages .messages { perspective: 300px; }
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender.message_shadow,
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender.message_shadow {
  transform:
}
*/


/* SHOW ALWAYS
#container_banniere .content_banniere_efx .content_messages .messages .container_message_sender {
  opacity: 1;
  transform: translateX(-104%) scale(1);
}
#container_banniere .content_banniere_efx .content_messages .messages .container_message_receiver {
  opacity: 1;
  transform: scale(1);
}*/

























/*

  TIMELINE

*/
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_seller .container_message_sender {
  animation: show_hide_sender 8s 0s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_seller .container_message_receiver {
  animation: show_hide_receiver 8s 0s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_1 .container_message_sender {
  animation: show_hide_sender 8s 5s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_1 .container_message_receiver {
  animation: show_hide_receiver 8s 5s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_marketer .container_message_sender {
  animation: show_hide_sender 8s 12s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_marketer .container_message_receiver {
  animation: show_hide_receiver 8s 12s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_2 .container_message_sender {
  animation: show_hide_sender 8s 20s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_2 .container_message_receiver {
  animation: show_hide_receiver 8s 20s ease;
}


/*#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_1 .container_message_sender {
  animation: show_hide_messages 4s 3.5s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_1 .container_message_receiver {
  animation: show_hide_messages 4s 3.5s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_marketer {
  animation: show_hide_messages 4s 8s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_messages .messages.message_customer_2 {
  animation: show_hide_messages 4s 11.5s ease;
}
*/

@keyframes show_hide_sender {
  0% { transform: translateX(-104%) scale(0); opacity: 0; }
  5% { transform: translateX(-104%) scale(1); opacity: 1; }
  95% { transform: translateX(-104%) scale(1); opacity: 1; }
  100% { transform: translateX(-104%) scale(.2); opacity: 0; }
}
@keyframes show_hide_receiver {
  0% { transform: scale(0); height: 0px; opacity: 0; }
  25% { transform: scale(0); height: 0px; opacity: 0; }
  30% { transform: scale(1); height: 57px; opacity: 1; }
  50.5% { transform: scale(1); height: auto; opacity: 1; }
  95% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0); opacity: 0; }
}




#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_img .illustration_ligne_1 {
  stroke-dasharray: 3;
  animation: dash_rtl 2s 0s ease;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_img .illustration_ligne_6 {
  stroke-dasharray: 3;
  animation: dash_ltr 2s 1s ease;
}
/*#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_img .illustration_ligne_2 {
  stroke-dasharray: 10;
  animation: dash_rtl 3s 3s linear;
}
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_img .illustration_ligne_3 {
  stroke-dasharray: 10;
  animation: dash_ltr 3s 5s linear;
}*/
#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_text {}


/**/
/*#container_banniere_2.anim_illustration_customers .content_banniere_efx .content_img .illustration_ligne_2 {
  stroke-dasharray: 3;
  animation: dash_ltr 2s 3s linear;
}*/
/*#container_banniere_2 .content_banniere_efx .content_img .illustration_ligne_2 {
  animation: dash_ltr 15s linear infinite;
}*/
@keyframes dash_ltr {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -50; }
}
@keyframes dash_rtl {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: 50; }
}





/*

  MOBILE

*/
/*#banniere_sticky {
  height: auto;
}
#banniere_sticky #banniere_efx {
  position: relative;
}

.cta_banniere {
  width: 100% !important;
}

#container_banniere .content_banniere_efx .content_text .text {
  font-size: .6em;
}*/

/*#banniere_sticky {
  display: none;
}
#separateur_banniere,
#illustration_customers {
  display: block;
}*/

#banniere_sticky { display: none; }
#banniere_sticky ~ #separateur_banniere,
#banniere_sticky ~ #illustration_customers { display: block; }

#banniere_sticky.banniere_scroll_js { display: block; }
#banniere_sticky.banniere_scroll_js ~ #separateur_banniere,
#banniere_sticky.banniere_scroll_js ~ #illustration_customers { display: none; }


/*#banniere_sticky #banniere_efx #container_banniere .content_banniere_efx #separateur_banniere,
#banniere_sticky #banniere_efx #container_banniere .content_banniere_efx .content_img .illustration_customers
#illustration_customers {
  display: block;
}*/

#illustration_customers .container .content100prc:first-child { width: 60%; transform: translateY(15%); }

@media (max-width: 1000px) {
  /*#banniere_sticky {
    display: none;
  }
  #separateur_banniere,
  #illustration_customers {
    display: block;
  }*/

  #illustration_customers .container .content100prc:first-child { order: 2; width: 100%; transform: none; }
  #illustration_customers .container .content100prc:last-child { order: 1; }

  #banniere_sticky {
    display: none;
  }
  #banniere_sticky ~ #separateur_banniere,
  #banniere_sticky ~ #illustration_customers {
    display: block;
  }
}