@media screen and (min-width: 500px){
  .home{
  /*padding: 1%;*/
  margin-top: 6%;
  }
}

@media screen and (max-width: 500px){
  .home{
  margin-top: 16%;
  }
}

.banniere-bouton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 35vh;
  /*margin-top: 1%;*/
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-fiktion{
    background-image: url('../img/accueil/1-fiktion.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-fiktion:hover {
  background-image: url('../img/accueil/1-fiktion-hover.jpg');
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-memoire{
  background-image: url('../img/accueil/2-memoire.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-memoire:hover {
  background-image: url('../img/accueil/2-memoire-hover.jpg');
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-studio{
  background-image: url('../img/accueil/3-studio.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-studio:hover {
  background-image: url('../img/accueil/3-studio-hover.jpg');
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-liviou{
  background-image: url('../img/accueil/4-liviou.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-liviou:hover {
  background-image: url('../img/accueil/4-liviou-hover.jpg');
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-pom{
  background-image: url('../img/accueil/5-pom.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-pom:hover {
  background-image: url('../img/accueil/5-pom-hover.jpg');
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-flash{
  background-image: url('../img/accueil/6-flash.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-flash:hover {
  background-image: url('../img/accueil/6-flash-hover.jpg');
}


/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-hybride{
  background-image: url('../img/accueil/7-hybride.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-hybride:hover {
  background-image: url('../img/accueil/7-hybride-hover.jpg');
}

/*__________________________________________________________________________________*/
/*__________________________________________________________________________________*/

.banniere-bouton-prisma{
  background-image: url('../img/accueil/8-prima.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.7s ease-in-out;
}

/* ✅ Changement d'image au hover */
.banniere-bouton-prisma:hover {
  background-image: url('../img/accueil/8-prisma-hover.jpg');
}

/*__________________________________________________________________________________*/

}

@media (max-width: 768px) {
  .banniere-bouton-prisma:hover {
    all: unset;
  }
  .banniere-bouton-hybride:hover {
    all: unset;
  }

  .banniere-bouton-flash:hover {
    all: unset;
  }

  .banniere-bouton-pom:hover {
    all: unset;
  }

  .banniere-bouton-liviou:hover {
    all: unset;
  }

  .banniere-bouton-studio:hover {
    all: unset;
  }

  .banniere-bouton-memoire:hover {
    all: unset;
  }

  .banniere-bouton-giktion:hover {
    all: unset;
  }


}