/* Encadrement sur la page html */
div#conteneur
{
 width: 770px ;
 height: 680px;
 margin: 0 auto ;
 text-align: center ;
 border-radius: 8px;
 background-color: rgba(33, 41, 44, 0.6); /* 60% transparent */
 /* background: #fff ; */
 /* opacity: 0.7; */
}

div#contenu
{
 padding: 0 25px 0 25px ;
}

/* Arrière plan de la page html */
:root {
  background-image: url("../img/bckgrd34.avif") !important;
  background-size: 100% !important;
  background-repeat: no-repeat;
  background-position: center top;

  background-attachment: fixed !important;
}

/* INFO */
h1 {
  margin: 0 0 1rem 0;
  font-size: 48px;
  color: #bababa;
  /*text-shadow: 0 0 1px #bababa;*/
}

/* Juste pour info */
h2 {
  margin: 0 0 1rem 0;
  font-size: 28px;
  color: #bababa;
  /*text-shadow: 0 0 1px #bababa;*/
}

/* Phrase complète. */
h6 {
  margin: 0 0 1rem 0;
  font-size: 20px;
  /*font-style: italic;*/
  color: #bababa;
  /*text-shadow: 0 0 1px #bababa;*/
}
/* Distance entre les phrases */
p {
  margin-bottom: 0.5em;
  font-size: 16px;
  color: #bababa;
}

p:first-of-type { 
  margin-top: 64px;
  }
}