@media ( prefers-color-scheme : light ) {

  a {
      text-decoration: none;
      color: #FF829F;
      font-size: 20px;
  }

  BODY {
    /*background-color : #DEBC6D;*/
    background-image: url("booksvintage_pdl26.jpg");
    padding:2em;
  }

  h1{
  font-style : italic;
  text-align: center;
  background-color: #BDFFFC;
  color: #411F05;
  border: solid 4px #E8D2A2;
  border-radius: 10px;
  padding: 1em;
  width: 40%;
  margin: 2em auto 2em auto;
  }

  nav {
  position: fixed;
  width: calc(100% - 3em);
  margin-top: 1em;
  background-color: #BDFFFC;
  padding: 1em;
  }

  h3{
    text-align: center;
  }

  article {
  background-color: #FFF5FC;
  padding: 1em;
  border: solid 4px #E8D2A2;
  border-radius: 10px;

  }

  p{
  font-size: 20px;
  text-align: justify;
  }

/*  p::first-letter{
  font-size: 50px;
  color: #000000;
  }*/

}


@media ( prefers-color-scheme : dark ) {

  a {
      text-decoration: none;
      color: #BDFFFC;
      font-size: 20px;
  }

  BODY {
    background-image: url("booksvintage_pdl26.jpg");
    padding:2em;
  }

  figure {
    image: url("Graph3pdl26.jpg","Graph2pdl26.jpg","Graph1pdl26.jpg","1_et_ressenti_pdl26.jpg","2parents_lecteur_enf_et_ressenti_1_pdl26.jpg","3lecture_moins_et_raisons_pdl26.jpg","4dispositf_et_age_pdl26.jpg");
  }

  h1{
  font-style : italic;
  text-align: center;
  background-color: #187D5B;
  color: #FFFFFF;
  border: solid 4px #E8D2A2;
  border-radius: 10px;
  padding: 1em;
  width: 40%;
  margin: 2em auto 2em auto;
  }

  h3{
    text-align: center;
  }

  nav {
  background-color: #7A3400;
  padding: 1em;
  color: #FFFFFF;
  position: fixed;
  width: calc(100% - 3em);
  margin-top: 1em;
  }
  article {
  background-color: #7A3400;
  padding: 1em;
  color: #FFFFFF;
  border: solid 4px #E8D2A2;
  border-radius: 10px;
  }

  p{
  font-size: 20px;
  text-align: justify;
  }

/*  p::first-letter{
  font-size: 50px;
  color: #FFFFFF;
  }*/

  ul {
  color: #187D5B;
  }

}



@media screen and ( max-width : 640 px ){

  article, nav {
    background-color: #FFFFFF;
    padding: 1em;
  }

  nav {
    position: fixed;
    top: 0;
    width: calc(100% - 3em);
    height: 10em;
    margin-top: 1em;
  }
  article {
    margin-top: 14em;
    float: right;
    width: 70%;
    border-radius: 10px;
    border: solid 4px #F2DCAC;
    padding: 1em;
  }

}



@media screen and (min-width: 800px){

  article {
    float: right;
    width: 70%;
    margin-top: 1em;
    border-radius: 10px;
    border: solid 4px #F2DCAC;
  }

  nav {
    width: 20%;
    position: fixed;
    border-radius: 10px;
    border: solid 4px #F2DCAC;
  }

  ul#navigation{
    display: none;
  }

  nav#sommaire:hover ul#navigation{
    display: block;
  }

}

@media print {

  nav{
    display: none;
  }

  section {
    page-break-after: always;
  }

  p {
    page-break-inside: avoid;
  }
}