h1 {
  font-family: georgia;
  font-weight: normal;
  font-size: 27px;
  position: fixed;
  margin-left: 81px;
  margin-top: 0
}

h2 {
  font-family: helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px
}

h3 {
  font-family: georgia;
  font-size: 20px;
  font-weight: normal
}

p {
  font-family: georgia;
}

body {
  display: block;
}

div {
  display: block
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 22px;
}

#items-liste {
  list-style-type: none; /* Enlève les puces */
  padding: 10;
  margin: 0;
  background-color: red; /* Couleur de fond de la liste */
  width: 300px; /* Largeur de la liste */
  border: 1px solid #ddd; /* Bordure autour de la liste */
}

#items-list li {
  margin-bottom: 22px; /* Ajuste la valeur de la marge comme tu le souhaites */
}


  .item-line1 {
    font-family: 'Helvetica', sans-serif;
    font-size: 22px;
    margin-bottom: 9px;
  }
  .item-line2 {
    font-family: 'Georgia', serif;
    font-size: 19px; /* Taille non spécifiée pour Georgia, ajuste selon tes besoins */
  }

#page {
  margin: 83px 0 0 355px;
  width: 600px;
}

#info{
  position: absolute;
  top: 90px;
  left: 1000px;
  font-family: georgia;
}

.slideshow {
width: 600px;
height: 400px;
overflow: hidden;
  position: relative;
}


.slide {
  display: none;
}

.slide img{
  width: 100%;
  height: 100%;
}

.fade {
  animation-name: fade;
  animation-duration: 1s;
}

@keyframes fade {
  0%{ opacity: 0}
  100%{ opacity: 1}

}

a:visited {
  text-decoration: none;
  color: black
}

a:link {
  text-decoration: none;
  font-family: georgia;
  color: black
}

a:hover {
  font-family: helvetica;
}

a.titre {
  font-family: helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 45px;
}

a.titre:hover {
  font-family: georgia
}

.select {
  margin-top: 420px;
  display: inline-block;
}

#index {
  position: fixed;
  top: 0;
  height: 100%;
  width: 300px;
  background-color:
}

div img.papier{
  margin-bottom:20px;
  border: 1px solid;
  border-color: black;
}

.container {
  padding: 32px 20px 20px 34px
}

.name {
  display: inline-flex;
  font-family: georgia;
  font-weight: normal;
}

a.name {
  font-family: helvetica;
  font-weight: normal;
  font-size: 26px
}

a.name:hover {
  font-family: georgia;
  font-weight: normal;
  font-size: 27px
}

.bouton{
  position: fixed;
  top: 80px;
  left: 970px;
  font-family: helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  box-shadow: none;
}

.bouton:hover {
  font-family: georgia;
}

.suite{
  position: fixed;
  top: 245px;
  left: 977px;
}

.suite-haut{
  position: fixed;
  top: 71px;
  left: 977px;
}

.texte {
  position: fixed;
  font-family: georgia;
  top: 90px;
  left: inherit;
  width: 530px;
}

.cache {
  display: none;
}

/*  @keyframes fade {
      0%   { opacity: 0; }
      11.11%  { opacity: 1; }
      22.22%  { opacity: 0; }
      33.33%  { opacity: 1; }
      44.44%  { opacity: 0; }
      55.55%  { opacity: 1; }
      66.66%  { opacity: 0; }
      77.77%  { opacity: 1; }
      88.88%  { opacity: 0; }
      100% { opacity: 1; }
    }

    .fadein img {
    opacity:0;
    animation-name: fade;
    animation-duration: 45s;
    animation-iteration-count: infinite;
    position:absolute;
    width: 600px;
    height: 400px;
    left:300px;
    right:0;
}

  .fadein img:nth-child(1) { animation-delay: 0s; }
  .fadein img:nth-child(2) { animation-delay: 5s; }
  .fadein img:nth-child(3) { animation-delay: 10s; }
  .fadein img:nth-child(4) { animation-delay: 15s; }
  .fadein img:nth-child(5) { animation-delay: 20s; }
  .fadein img:nth-child(6) { animation-delay: 25s; }
  .fadein img:nth-child(7) { animation-delay: 30s; }
  .fadein img:nth-child(8) { animation-delay: 35s; }
  .fadein img:nth-child(9) { animation-delay: 40s; }

  */