body{
    background-image: url("../images/FOND.jpg");
    background-position: center;
    font-family: "Oldenburg", "Times New Roman", serif;
    font-weight: 300;
    font-size: 14px;
    color: #6B3F1F;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}



header {
    height: 9dvh;
}


.onglet1 {
  clip-path: polygon(6% 0, 97% 7%, 100% 100%, 0% 100%);
  background-image: url('../images/archives/f_h1.jpg');
  height: 5dvh;
  width: 350px;
  margin-left: 30px;
  top: 4.5dvh;
  cursor: pointer;
}

.onglet2 {
  clip-path: polygon(8% 0, 95% 3%, 100% 100%, 0% 100%);
  background-image: url('../images/archives/f_h2.jpg');
  height: 5dvh;
  width: 350px;
  margin-left: 360px;
  top: 4.5dvh;
  cursor: pointer;
}


.onglet3 {
  clip-path: polygon(4% 0, 92% 3%, 100% 100%, 0% 100%);
  background-image: url('../images/archives/f_h3.jpg');
  height: 5dvh;
  width: 350px;
  margin-left: 700px;
  top: 4.5dvh;
  cursor: pointer;
}

.card {
  position: absolute; /* indispensable pour z-index */
}

#div1{
    width: 95dvw;
    height: 90dvh;
    border-radius: 15px;
    background-image: url('../images/archives/f_h1.jpg');
    overflow: auto;
    position: fixed;
}
#div2{
    width: 95dvw;
    height: 90dvh;
    border-radius: 15px;
    background-image: url('../images/archives/f_h2.jpg');
    overflow: auto;
    position: fixed;
}
#div3{
    width: 95dvw;
    height: 90dvh;
    border-radius: 15px;
    background-image: url('../images/archives/f_h3.jpg');
    overflow: auto;
    position: fixed;
}