/* fonds perdus
:root{
  --bleed:1;
}*/



@media print {

  @page {
    size: 254mm 423mm;

  }

  @page {
    margin-top: 20mm;
    margin-bottom: 25mm;
    margin-left: 10mm;
    margin-right: 35mm;
  background-color: black;
  }
  
article {
  height: 405mm;
  position:relative;
}

footer {
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
}

.quiest{
  padding-top: 1.1em;
}


}

@media screen {

  footer, h1 {
    display: none;
  }

  article:last-of-type footer{
    display: block;
  }

  article:first-of-type h1 {
    display: block;
  }

}


/* css commun */

  article {
  break-after:page;
  padding-top: 4%;

}


body {
  background-color: black;
  color: #d8e4fa;
  font-size: 15pt;
  font-family: "Open Sans";
  text-align: justify;
  max-width: 800px;
  margin: auto;
  /*outline: 1px solid red;*/
  padding: 7%;
  padding-top: 0;

}

img {
  width: 100%;
}

h1,h2,h3,h4,h5 {
  margin: 0;
      font-weight: normal;
        text-align: center;
}


h1 {font-size: 26pt;
  color: white;
  margin-top: 2 em;

}

.love{
    color: #0b91fe;
}

.blabla{
    padding-left: 2em;
    padding-right: 2em;
}



h1 img {
  margin-bottom: 0em;
      display: block;
}

h2 {font-size: 46pt;
  color: #0b91fe;
  
}

h3 {font-size: 36pt;
  color: #0b91fe;
  
}

h4 {font-size: 20pt;
  color: #0b91fe;
  margin-bottom: 1em;
  
}

h5 {font-size: 22pt;
  color: #0b91fe;
  
}

em { color: #0b91fe;

}
.cover{
  display: block;
  width: 38%;
  margin: auto;
  font-style: none;
}

ul {
  list-style: none;
  text-align: center;
  padding-left: 0;
  margin-left: 0;
}

footer {
  font-size: 10pt;
  color: #0b91fe;
  text-align: center;
}


a:link {
  color: #0b91fe;
    text-decoration: none;
}

a:visited {
  color: #0b91fe;
    text-decoration: none;
}

a:hover {
  color: #0b91fe;
    text-decoration: underline;
}

a:active {
  color: #93badb;
    text-decoration: none;
}