/*
    Auteur : Dorian Barras
    Page   : Style Accueil
    Date   : 20.12.19
*/
/*Style général (couleur de fond, alignement du texte et des images)*/
body{
  background-color: blueviolet;
  align-content: center;
  text-align: center;
  font-family: arial;
  padding-bottom: 5em;
}
/*Définition de l'image principale*/
.info{
  width: 90%;
  margin: auto;
}
/*Définition de l'image des lieux*/
.lieux{
  float: left;
  width: 30%;
}
/*Définition de l'image des personnages*/
.personnages{
  float: right;
  width: 35%;
}
/*Définition de l'image des musiques*/
.musiques{
  width: 20%;
}
/*Définition de la taille des images*/
img{
  height: auto;
  max-width: 100%;
}
img:hover{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  background-color: #EFCFF9;
}
/*Menu de navigation*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  bottom: 0;
  width: 100%;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color: #EFCFF9;
}