/*
  main.css
  --> ce fichier contiendra la mise en page de votre affiche
*/


#affiche {
  /* vous pouvez éditer le bloc #affiche mais uniquement pour lui ajouter du padding ou changer sa mise en forme (changer sa couleur de fond, sa famille de caractères, etc.) de manière à ne pas casser la gestion du bloc dans la page */
  padding: 0vh;
}

/*
  début du code CSS pour la mise en forme des éléments de l’affiche
*/

#peinture {
  height: 100%;
  background: url(image/peinture.jpg);
  background-size: auto 100%;
  animation: movebackground 120s linear infinite;


  clip-path: url(#masque_planche);

}




@keyframes movebackground {
  0% {
    background-position: 0 50%;

  }
  100% {
    background-position: -23448px 50% ;
  }
}


#planche {
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
}

#sin__montagne #translation {
    visibility: hidden;
}
#sin__montagne #illustration {
    visibility: hidden;
}
