/* effets de fade in */
/*-----------------------ACCUEIL---------------------------------*/
@keyframes FadeHeaderH1 {
  0% {
    margin: 290px 0 0 0;

    opacity: 0;
  }

  100% {
    margin: 260px 0 0 0;

    opacity: 1;
  }
}

@keyframes FadeHeaderH2 {
  0% {
    margin: 60px 0 0 0;

    opacity: 0;
  }

  100% {
    margin: 30px 0 0 0;

    opacity: 1;
  }
}

@keyframes FadeHeaderP {
  0% {
    margin: 60px 0 40px 0;

    opacity: 0;
  }

  100% {
    margin: 30px 0 40px 0;

    opacity: 1;
  }
}

@keyframes FadeHeadeBouton {
  0% {
    margin: 40px 0 60px 0;

    opacity: 0;
  }

  100% {
    margin: 30px 0 60px 0;

    opacity: 1;
  }
}






@media (max-width: 1000px) {
  @keyframes FadeHeaderH1 {
    0% {
      margin: 190px 0 0 0;
  
      opacity: 0;
    }
  
    100% {
      margin: 160px 0 0 0;
  
      opacity: 1;
    }
  }
  
  @keyframes FadeHeaderH2 {
    0% {
      margin: 50px 0 0 0;
  
      opacity: 0;
    }
  
    100% {
      margin: 20px 0 0 0;
  
      opacity: 1;
    }
  }
  
  @keyframes FadeHeaderP {
    0% {
      margin: 50px 0 40px 0;
  
      opacity: 0;
    }
  
    100% {
      margin: 15px 0 15px 0;
  
      opacity: 1;
    }
  }
  
  @keyframes FadeHeadeBouton {
    0% {
      margin: 30px 0 60px 0;
  
      opacity: 0;
    }
  
    100% {
      margin: 20px 0 60px 0;
  
      opacity: 1;
    }
  }
}