body {
  margin: 5vh 5vh 0vh 5vh;
}


h1 { 
font-size: 3.0em;
line-height: 3rem;
}

.txtblanc h1 { 
font-size: 4.5em;
line-height: 4.5rem;
}


h2 { 
font-size: 1.8em;
line-height: 2.2rem;
}

h3 { 
font-size: 2em;
line-height: 2rem;
margin: 30px 10px 10px 10px;
}

p { 
font-size: 1em;
line-height: 1.7rem;
font-weight: lighter;
}

.ombre {
  text-shadow: var(--noir) 0px 0px 15px;
  text-shadow: var(--noir) 0px 0px 7px;

}

.lettrine:first-of-type:first-letter {

  font-size: 3.4em;
  margin: 0.5rem 0px;
  padding-right: 0.2rem
  }

.q.lettrine:first-of-type:first-letter  {
  margin: 0.2rem 0px;
  }


.centrage.horizontal.vertical.bkgjaune{
  background-color: #00000000;
  margin: auto;
  }

.milieu {
  margin: 0px;

}


.espace {
  height:50vh;
}

.tier {
  width: 28vh;
  height: 70vh;
  position: absolue;
  left: calc(50% - 18vh);
  min-height: 0px;
  border: 20px solid var(--noir);
  float: none;

}

@keyframes progress {
  to {
    background-color: var(--jaune);
    width: 100%;
  }
}



@keyframes porte {
  to {
    transform: rotateX(0deg) rotateZ(0deg) rotateY(-35deg);
  }
}

@keyframes body {

  100% { background-color: var(--noir); }

}