* {
    font-family: 'Times New Roman', Times, serif;
}
header{
       width:1000px;
       text-align:justify;
       margin:auto;
       padding-bottom:0.5em;
       padding-top:1em;
       font-size:1.1em;
    }   
section#lettres{
       width:500px;
       text-align:justify;
       margin:auto;
       padding-bottom:0.5em;
       padding-top:1em;
       font-size:1.1em;
    }    
#image{margin-right:10px; margin-bottom:10px;}
    td,
    th {
        border: 1px solid black;
        max-width: 300px;
        background-color: bisque;
        word-wrap: break-word;
    }
    table{
        margin-top:10px;
        font-size:1.2em;
    }
    input,#credits{
        font-size:1.2em;
    }
    .sortA,.sortD{
        cursor:pointer;
    }
    .book{
       width:300px;
       display:inline-block;
       text-align:center;
       margin:1em;
       padding-bottom:0.5em;
       padding-top:1em;
       vertical-align: top;
       position:relative;
       font-size:1.1em;
       border-bottom:1px solid gray;
       vertical-align:text-bottom;
    }
    .couverture{
       height:250px;
    }
    .plume{
       height:16px;
       margin-bottom:-2px;       
    }
    .cf{
       height:16px;
       margin-bottom:-2px;       
    }

/* CC0-licensed code from https://loading.io/css/ */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid black;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: black transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

    .loader{
        position:fixed;
        z-index:100;
        padding:1em;
        top:30%;
        left:20%;
        right:20%;
        font-size:3em;
        color:black;
        background-color:rgba(255,255,255,0.7);
        border-radius:1em;
        text-align:justify;
    }

   handDesc{
      display:none;
   }