@charset "UTF-8";
@font-face {
  font-family: "NotCourierSans";
  src: local("/fonts/NotCourierSans.ttf") format("truetype"),
  url(<link href="https://www.fontsquirrel.com/fonts/notcouriersans">);
  font-weight:  400;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Cutive Mono", monospace;
  src:url(<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet"> );
}
@font-face{
  font-family: "PT Mono", monospace;
  src:url(<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet"> );
}
@font-face {
  font-family: "Almendra", serif;
  src: local("/fonts/Almendra-Bold.ttf") local("/fonts/Almendra.ttf") local("/fonts/Almendra-BoldItalic.ttf") local("/fonts/Almendra-Italic.ttf") format("truetype") url(<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">);
}
@font-face {
  font-family: "Almendra Display", serif;
  src: local("/fonts/AlmendraDisplay-Regular.ttf") format("truetype"),
        url(<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Almendra+Display&display=swap" rel="stylesheet">);
}
@font-face {
  font-family: "League Spartan";
  src: local("/fonts/LeagueSpartan-Bold.ttf") format("truetype"),
        url(<link href="https://github.com/theleagueof/league-spartan.git">);
}
@font-face {
  font-family: "Spartan", sans-serif;
  src:url(<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Spartan:wght@800&display=swap" rel="stylesheet">);
}

/* CSS Document */
body{
  background: content-box radial-gradient(#DC143C, #87CEEB);
}

body.chap1{
  background: radial-gradient(rgba(158,0,255,1) 17%, rgba(255,0,51,1) 71%, rgba(250,149,231,1) 100%);
}

body.chap2{
  background: radial-gradient(rgba(225,150,255,1) 17%, rgba(255,0,31,1) 41%, rgba(35,0,191,1) 100%);
}

body.chap3{
  background: radial-gradient(rgba(189,0,191,1) 0%, rgba(255,132,0,1) 48%, rgba(103,255,149,1) 93%);
}

body.chap4{
background: radial-gradient(rgba(0,0,138,1) 0%, rgba(255,0,241,1) 35%, rgba(255,141,0,1) 100%);
}

body.conclu{
  background: radial-gradient(rgba(223,255,0,1) 18%, rgba(255,118,118,1) 57%, rgba(0,255,230,1) 100%);
}

body.biblio{
  background: radial-gradient(rgba(255,0,176,1) 8%, rgba(125,118,255,1) 45%, rgba(0,255,12,1) 91%);
}

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}


a:link {
  color: #11005c;
  border-bottom: 1px solid;
}

a:visited {
  color: black;
  border-bottom: 1px solid;
  background: none;
}

a:focus {

}

a:hover {
  color: white;
  border-bottom: 1px solid;
  background: #11005c;
}

a:active {
  color: #11005c;
  border-bottom: 1px solid;
  background: #ad27cb;
}

.titre{
  background-color: white;
}

#titre h1{
  float:left;
  font-family:"Almendra Display";
  font-size:60pt;
  margin-left:50px;
  z-index:99;
  margin-top:70px;
  position:fixed;
  font-weight:500;
  color: white;
}

#titre h2{
  float:left;
  font-family:"Almendra";
  font-size:10pt;
  margin-left:50px;
  z-index:10;
  margin-top:230px;
  position:fixed;
  font-weight:400;
}

.Lecteur{
  width: 70%;
  margin-left: 30%;
}

.Audio{
  width:70%;
  margin-left:15%;
  background-color: white;
}

.Audio h1{
  float: left;
  font-family:"Spartan";
  font-size: 70pt;
  margin-left: 25%;
  z-index:99;
  margin-top:2%;
  font-weight: 500;
}

.Audio figcaption{
  float:left;
  font-family:"PT Mono";
  font-size:10pt;
  margin-left:25%;
  z-index:99;
  margin-top:2%;
  padding:12px;
  font-weight:400;
  background-color: white;
  line-height: 13pt;
}

.Audio p{
  float:left;
  font-family:"PT Mono";
  font-size:10pt;
  margin-left:25%;
  z-index:99;
  margin-top:2%;
  padding:12px;
  font-weight:400;
  background-color: white;
  line-height: 13pt;
 }

.Transcr{
  width:70%;
  margin-left:15%;
  background-color: white;
}

.Transcr h1{
  float: left;
  font-family:"Spartan";
  font-size: 50px;
  margin-left:25%;
  z-index:99;
  margin-top:2%;
}

.Transcr p{
  float:left;
  font-family:"PT Mono";
  font-size:10pt;
  margin-left:25%;
  z-index:99;
  margin-top:2%;
  padding:12px;
  font-weight:400;
  background-color: white;
  line-height: 13pt;
 }

.Transcr h2{
  float: left;
  font-family: "Almendra";
  font-size: 20pt;
  font-weight: bold;
  font-style: italic;
  margin-left: 30%;
  z-index:99;
  padding:12px;
  background-color: white;
}

 .Transcr h6{
   float:left;
   font-family:"Almendra";
   font-weight: bold;
   font-size:11pt;
   margin-left:30%;
   margin-right: 5%;
   z-index:99;
   margin-top:2%;
   padding:12px;
   background-color: white;
  }

.Refs{
  width:70%;
  margin-left:15%;
  background-color: white;
}

.Refs h1{
  float: left;
  font-family:"Spartan";
  font-size: 50px;
  margin-left:25%;
  z-index:99;
  margin-top:2%;
  font-weight: 500;
}

.Refs p{
  float:left;
  font-family:"PT Mono";
  font-size:10pt;
  margin-left:25%;
  z-index:99;
  margin-top:2%;
  padding:12px;
  font-weight:400;
  background-color: white;
  line-height:13pt;
 }

 .Refs h2{
   float: left;
   font-family: "Almendra";
   font-size: 20pt;
   font-weight: bold;
   font-style: italic;
   margin-left: 30%;
   z-index:99;
   padding:12px;
   background-color: white;
 }

 .Plusse{
   width:70%;
   margin-left:15%;
   background-color: white;
 }

 .Plusse h1{
   float: left;
   font-family:"Spartan";
   font-size: 50px;
   margin-left:25%;
   z-index:99;
   margin-top:2%;
   font-weight: 500;
 }

 .Plusse p{
   float:left;
   font-family:"PT Mono";
   font-size:10pt;
   margin-left:25%;
   z-index:99;
   margin-top:2%;
   padding:12px;
   font-weight:400;
   background-color: white;
   line-height: 13pt;
  }

.credits{
  float:left;
  font-family:"Almendra";
  font-size:12px;
  margin-left:-450px;
  z-index:10;
  margin-top:700px;
  text-align:center;
  font-weight: 400;
  margin-bottom:100px}