Body
{
    background-color: #1b0c00/*3e2723*/;
}

h1
{
    color: #fff59d;
    text-decoration:none;
}

a
{
    color: #fff59d;
    text-decoration:none;
}

.vignette-conteneur
{
    top-margin: 1vh;
    height: 15vh;
    bottom-margin: 1vh;
    width: 95vw;
    text-align: center;
}

.vignette-active
{
  top-margin: 2%;
  bottom-margin: 2%;
  height : 96%;
  opacity: 1;
/*  display: inline-block;*/
}

.vignette-inactive
{
  top-margin: 2%;
  bottom-margin: 2%;
  height : 96%;
  opacity: 0.2;
/*  display: inline-block;*/
}


/*
.lower-margin{
  display: inline-block;
  position: absolute;
  top:0%;
  height:20%;
}

.uppermargin{
  display: inline-block;
  position: absolute;
  top: 80%;
  height: 20%;
}

.img-container {
  display: inine-block;
  position: relative;
  height: 10%;
  width: 10%;
}
*/