
.titre-icone-fleur::before {
    content: url("../../fr/asset/media/icone-fleur.svg");
    display: inline-block;
    width: 21px;
    margin-right: 8px;
    vertical-align: middle;
}
.titre-icone-fleur-blanche::before {
    content: url("../../fr/asset/media/icone-fleur-blanche.svg");
    display: inline-block;
    width: 21px;
    margin-right: 8px;
    vertical-align: middle;
}
.titre-icone-fleur-verte::before {
    content: url("../../fr/asset/media/icone-fleur-verte.svg");
    display: inline-block;
    width: 21px;
    margin-right: 8px;
    vertical-align: middle;
}





/* ================ ANIMATIONS =============== */
.anim01 {
  animation: 4s ease 0s infinite alternate mvt01;
  transform-origin: 100% 90%;
  /*
  animation: 4s linear 0s infinite alternate mvt01;
  */
}
.anim01-tl {
  animation: 4s ease 0s infinite alternate mvt01;
  transform-origin: 100% 0%;
  /*
  cubic-bezier(0.1, 0.7, 1.0, 0.1)
  animation: 4s linear 0s infinite alternate mvt01;
  */
}


@keyframes mvt01 {
  from {
    transform: skewX(0);
    /* 
    transform: translateY(110vh); 
    opacity: 0.33;
    */
  }
  to {
    transform: skewX(7deg);
    /* 
    transform: translateY(0); 
    opacity: 1;
    */
  }
}


/* OIE */
/* Mouvement de gauche à droite */
.anim-oie {
  animation: 2.5s ease-in-out 0s infinite alternate mvt-oie;
}
@keyframes mvt-oie {
  from {
    transform: translateX(0%); 
  }
  to {
    transform: translateX(50vw);
  }
}

@media (min-width: 576px) { /* sm */
  .anim-oie {
    animation: 2.8s ease-in-out 0s infinite alternate mvt-oie;
  }
}
@media (min-width: 768px) { /* md */
  .anim-oie {
    animation: 3s ease-in-out 0s infinite alternate mvt-oie;
  }
  @keyframes mvt-oie {
    from {
      transform: translateX(0%); 
    }
    to {
      transform: translateX(75vw);
    }
  }
}
@media (min-width: 992px) { /*lg */
  .anim-oie {
    animation: 4s ease-in-out 0s infinite alternate mvt-oie;
  }
}
@media (min-width: 1200px) { /* xl et xxl */
  .anim-oie {
    animation: 5.5s ease-in-out 0s infinite alternate mvt-oie;
  }
}
/* pivote d'un côté puis de l'autre */
.anim-pivote-oie {
  animation: pivote-oie 0.7s infinite;
}
@keyframes pivote-oie {
  0% {
    transform: scaleX(-1);
  }
  48% {
    transform: scaleX(-1);
  }
  50% {
    transform: scaleX(1);
  }
  98% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(-1);
  }
}
