@import 'font.css';
body,html{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: sans-serif;
  /* background-color: #dbdbdb; */
  overflow-x: hidden;
  background-image: url("../image/38.png");
  background-repeat:  repeat;
}
a{
  color:black;
}
.titrage{
  font-size: 1vw;
  line-height: normal;

}
.titre{
  text-transform: uppercase;
}
.sous-titre{
  margin-bottom: 1vh;


}
.menu{
  z-index: 1;
  position: fixed;
  left:0;
  top: 1vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width:15vw;
  padding: 1vw;


}
.motmenu{
  width:15vw;

}
.content-home{
  padding-top: 2%;
  padding-left: 8%;
  padding-right: 8%;
  font-size: 2.3rem;
  line-height: 2.9rem;
  font-family: "bell";


}
.content-home a {
  font-size: 2rem;

}
.lien{
  margin: 0;
  width: auto;
  height: auto;
  z-index: 100;
  font-size: 1.25vw;
  text-decoration: none;
  padding-top: .5vw;
  margin-left: 0vw;
}

.lien:hover{
  text-decoration: underline;
}

.content{
  margin-top: 10vh;
}
.gratuit{
  height: auto;
  color: black;
  z-index: 200;
  position: fixed;
  right:2vw;
  bottom: 2vh;
  padding:.3vw;
}
.doc{
  margin-top: 1vw;
  padding: .3vw;
  position: fixed;
  left:82vw !important;
  top: 85vh;
}
@media only screen and (max-width: 1250px) {
  .menu{
    z-index: 100;
    position: fixed;
    left:0;
    top:1vh;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    width:100vw;
    padding: 1vw;
  }
  .motmenu{
    width:95vw;
    text-align: center;
  }
  .lien{
    margin: 0;
    width: auto;
    height: auto;
    z-index: 100;
    font-size: 4vw;
    text-decoration: none;
  }
  .titrage, .titre,   .titrage .titre-19{
      font-size: 4vw;
      width:90vw;
      text-align: center;
  }
  .content-center{
    margin-top:25vh;
  }
  .contenu img{
    width: 65vw !important;
    margin: 1vw;
  }
  .gratuit{
    font-size: 2rem;
}
.content-home, .content-home a{
  font-size: 4vw;
  line-height: normal;
}
}

@media only screen and (max-width: 1000px) {
  .menu{
    z-index: 100;
    position: fixed;
    left:0;
    top:1vh;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    width:100vw;
    padding: 1vw;
  }
  .motmenu{
    width:95vw;
    text-align: center;
  }
  .lien{
    margin: 0;
    width: auto;
    height: auto;
    z-index: 100;
    font-size: 6vw;
    text-decoration: none;
  }
  .titrage, .titre,   .titrage .titre-19{
      font-size: 6vw;
      width:90vw;
      text-align: center;
  }
  .content-center{
    margin-top:25vh;
  }
  .contenu img{
    width: 95vw !important;
    margin: 1vw;
  }
  .gratuit{
    font-size: 2rem;
}
.content-home, .content-home a{
  font-size: 6vw;
  line-height: normal;
}
}