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;
}

/*photos artistes*/

#photos {

  padding-top: 10%;   
  height: auto;
  margin-left: 10%;
  position: relative;
}

.vignettes {
  width: 30%;  
  position: absolute;
  
}

.vignettes img {
  
  width:80%;
  margin-bottom: 10%;

}

/*images par images*/

#vignette1 {
    margin-left: 10%;
    margin-top: 0%;
    width: 35%; 
}

#vignette2 {
    margin-left: 50%;
    margin-top: 0%;
    width: 35%; 
}

#vignette3 {
    margin-left: 10%;
    margin-top: 25%;
    width: 25%; 
}

#vignette4 {
    margin-left: 50%;
    margin-top: 39%;
    width: 35%; 
}

#vignette5 {
    margin-left: 10%;
    margin-top: 64%;
    width: 35%; 
}

#vignette6 {
    margin-left: 50%;
    margin-top: 64%;
    width: 35%; 
}

#vignette7 {
    margin-left: 10%;
    margin-top: 89%;
    width: 35%; 
}

#vignette8 {
    margin-left: 50%;
    margin-top: 89%;
    width: 35%; 
}

#vignette9 {
    margin-left: 10%;
    margin-top: 114%;
    width: 35%; 
}

#vignette10 {
    margin-left: 50%;
    margin-top: 114%;
    width: 35%; 
}

#vignette11 {
    margin-left: 10%;
    margin-top: 139%;
    width: 35%; 
}

#vignette12 {
    margin-left: 50%;
    margin-top: 139%;
    width: 35%;
}


#vignette13 {
    margin-left: 10%;
    margin-top: 164%;
    width: 35%; 
}

#vignette14 {
    margin-left: 50%;
    margin-top: 164%;
    width: 35%; 
}

#vignette15 {
    margin-left: 10%;
    margin-top: 189%;
    width: 35%; 
}

#vignette16 {
    margin-left: 50%;
    margin-top: 189%;
    width: 35%; 
}

#vignette17 {
    margin-left: 10%;
    margin-top: 214%;
    width: 35%; 
}

#vignette18 {
    margin-left: 50%;
    margin-top: 214%;
    width: 35%; 
}

#vignette19 {
    margin-left: 10%;
    margin-top: 239%;
    width: 35%; 
}

#vignette20 {
    margin-left: 50%;
    margin-top: 239%;
    width: 35%; 
}

#vignette21 {
    margin-left: 10%;
    margin-top: 264%;
    width: 35%; 
}

/*+ d'infos*/

#liste li {  

font-family: old standard TT;
list-style : none ;
line-height: 2em;
margin-bottom: 1em;
margin-top: 282%;
}

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