/*[data-animate="simple"]{
    animation-delay: 0s !important;
    opacity: 1!important;
    transform: none !important;
    animation-fill-mode: inherit !important;
    -webkit-backface-visibility: inherit !important;
    transition: none !important;
    will-change: unset  !important;
    animation: none !important;
    position: relative !important;
}*/

[data-animate=simple] {
    /*transform: translate3d(0,70px,0);*/
}

/* Texte soulignés  */
[animation="aucune"].handwriting-text em.animated,
[data-animated="true"].handwriting-text em.animated
 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 0 80%;
    background-image: linear-gradient(to right, #000 0, #000 100%);
    transition: opacity 0.25s ease, background-size 0.9s cubic-bezier(0.15, 0.75, 0.4, 1);
    background-position: left 90%;
    z-index: 1; 
    font-style: normal !important;
}

[animation="aucune"].handwriting-text em.animated .handwriting-line,
[data-animated="true"].handwriting-text em.animated .handwriting-line {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 50%;
    overflow: hidden;
}
[animation="aucune"].handwriting-text em.animated .circle,
[data-animated="true"].handwriting-text em.animated .circle {
    width: 130%;
    height: 140%;
    top: -20%;
    left: -15%;
}
[animation="aucune"].handwriting-text em.animated .handwriting-line path,
[data-animated="true"].handwriting-text em.animated .handwriting-line path {
    stroke-linecap: round;
    /*stroke-dasharray: 1500; 
    stroke-dashoffset: 1500;*/
    /*stroke: #ffce59;*/
    fill: none;
    animation: handwritingLineAnimation 1.4s cubic-bezier(0.85, 0.50, 0.20, 1.0) forwards;
    animation-delay: 0.5s; 
    opacity: 0;
}
[animation="aucune"].handwriting-text em.animated .handwriting-line.circle path,
[data-animated="true"].handwriting-text em.animated .handwriting-line.circle path{
	opacity:1;
    animation: handwritingCircleAnimation 40s ease-in-out forwards;
}

[animation="aucune"].handwriting-text em.animated .handwriting-line.forme-4 path,
[data-animated="true"].handwriting-text em.animated .handwriting-line.forme-4 path{
    animation: handwritingLineAnimation 50s cubic-bezier(0.22, 0, 0.48, 1.0) forwards;
	opacity: 1

}

[animation="aucune"].handwriting-text em.animated .handwriting-line.forme-5 path,
[data-animated="true"].handwriting-text em.animated .handwriting-line.forme-5 path{
	opacity:1;
    animation: handwritingCircleAnimation 30s ease-in-out forwards;
}

@keyframes handwritingLineAnimation {
  to {
    stroke-dashoffset: 0;
			opacity: 1;
  }
}
@keyframes handwritingCircleAnimation {
    to {
        stroke-dashoffset: 0;
					opacity: 1
    }
}

/* Fin Texte soulignés  */
/* Texte qui se révèle */
[animation="aucune"].staggered-text,
[data-animated="true"].staggered-text {
  display: inline-block;
  font-size: 2em;
  overflow: hidden;
}

[animation="aucune"].staggered-text .word,
[data-animated="true"].staggered-text .word {
  position: relative;
  display: inline-block;
  opacity: 0;
  transform: translateY(100%);
  animation: reveal 1s forwards;
}

@keyframes reveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Fin Texte qui se révèle */

/* Texte Image inline  */
[data-animated="true"].text_images_inline img,
[animation="aucune"].text_images_inline img {
    margin-bottom: 0px !important;
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}



[data-animated="true"].text_images_inline img,
[animation="aucune"].text_images_inline img{
    animation: inlineImageAnimation 2s ease-in-out forwards;
}

@keyframes inlineImageAnimation {
    0% {
        opacity: 0;
        clip-path: circle(10%);
    }

    50% {
        opacity: 1;
    }


    100% {
        opacity: 1;
        clip-path: circle(100%);
    }
}

/* Fin Texte Image inline  */



.banniere_text_defilant {
    background-color: #333;
    color: #fff;
    padding: 10px 0px;
    overflow: hidden;
    transform: rotate(5deg);
    width: calc(100% + 40px);
    margin-top: 5%;
    margin-left: -20px;
    z-index: 1;
    position: relative;
}

.marquee {
    white-space: nowrap;
    overflow: hidden;
}

.text_defilant {
    display: flex;
    flex-wrap: nowrap;
    flex-direction:row ;
    align-items: center;
}

.text_defilant > * {
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}



