body { 
  font-family: "Faune";
  background-color: var(--briquecolor);
  color: var(--beigecolor);
  /*margin: 2% 7%;*/
  margin: 0px;
  line-height: 1.45; 
  font-size : clamp (1.1rem, 2vw, 1.5em);
  --beigecolor: #ffedd5; 
  --briquecolor: #9a3412;
}

h1, h2, h3 {
  line-height: 1.1; 
}
a {
  color: currentColor; 
  /*text-decoration: none;*/
}

a:hover {
  color: var(--briquecolor);
  background-color: var(--beigecolor);
}

nav { 
  font-family: 'Source Serif 4 18pt';
  color: var(--briquecolor);
  background-color: var(--beigecolor);
  padding: 8px;
  text-align: right;
  position: sticky;
  top:0;
}

main { }

header {
  
 }

header h1 { 
  font-size: 35px;
  /* hyphens: auto; */
  text-align: center;
  font-family: 'Faune Display';
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 35px;
  margin-top: 60px;
 }

.authors {
  font-family: 'Faune Display';
  text-align: right;
  max-width: 150ch;
  padding: 10px 50px 20px;
 }

 p{ 
  font-family: 'Source Serif 4 18pt';
 }
 
p {
  padding: 0 0 1em; /* la marge inférieure sera occupée par le filet */
  line-height: 1.5;
} 
p + p::before {
  content: '';
  display: block;
  position: relative; /* la position relative permet de décaler l’élément vers le haut */
  top: -.55em;
  height: .25em;
  width: 4em;
  background: var(--beigecolor);
}


.keywords { 
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-family: 'Source Serif 4 18pt';
  max-width: 85ch;
  padding: 0px 0px 0px 10%;
}

.keywords a {
  text-decoration: none;
}

.keywords a::before { 
  content: "#";
  text-decoration: none;
}

.epigraphe {
  font-family: 'Source Serif 4 18pt';
  max-width: 40ch;
  padding: 0px 0px 0px 10%;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  text-align: right;
}

.text { 
  max-width: 85ch;
  padding: 0px 0px 0px 10%;
}
.text p { }
.text .quote { }

.readmore { }
.biography { }

.footnotes { }