html,
  body {

    width: 100%;
    height: 100%; 
    font-family: Copperplate, sans-serif;
    background-color: #FFFFFF;
    
}

.logo {
  margin-top: -5%;
  padding-top: 0;
  float: left;
  width: 20%;
  height: auto;
}




/*menu*/

nav { 
  margin-top: 0px;
  padding-top: 0px;
  text-align: center;
}

nav ul li 
{  
    display: inline-block;
}

nav ul a 
{
  font-variant: small-caps;
  text-decoration: none;
  color: #C4414E;
  margin: 50px;
  font-size: 140%;

}

nav ul a:hover 
{
  color: #B059E3;
  }

#agenda {
  color: #B059E3;
}

/*videos artistes*/

.cadre {
margin-top: 10%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}

video {
max-width: 100%;
margin-bottom: 2%;

}


.vignettes {
width: 50%;

}



/*+ d'infos*/

#liste li {  

font-family: old standard TT;
list-style : none ;
line-height: 1em;
margin-bottom: 1em;

}

.dossier {
  margin-left: ;
  text-decoration: none;
  color: #B059E3;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1rem;
}