@charset "UTF-8";
/* CSS Document */

html {
  scroll-behavior:smooth;
}
.presentation {
  display:flex; /* ou grid */
  flex-wrap:wrap; /* Pour passer à la ligne si nécessaire */
  gap:30px 30px; /* Espace entre les cards */
  justify-content:center; /* Centre les cards sur la ligne */
}
a img:focus {
  outline: none;
}
a {
  border:none;  
}
body {
  overflow-y: auto;
  border:none;
}
button {
  border:none;
}
footer {
  max-height:30vh;
}
.decouvrir {
  width:300px;
  height:100px;
  transition-duration:1s;
  background-image:url(https://exploserinternet.com/et-si-miner/images/recevoir-details.png);
  margin-top:50px;
  background-repeat:no-repeat;
  background-color: transparent;
}
.decouvrir:hover {
  width:300px;
  height:100px;
  transition-duration:1s;
  background-image:url(https://exploserinternet.com/et-si-miner/images/recevoir-details2.png);
  background-repeat:no-repeat;
  background-color: transparent;
  transform: scale(0.9);
}
.accroche-principale {
  font-family:"Avenir Heavy", "Avenir Next Bold", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:41px;
  color:white;
  line-height:49px;
}
.sous-accroche {
  font-family:"Avenir Next Ultra Light", "Avenir Book", "Avenir Light", "Avenir Medium" "Avenir Heavy", "Avenir Next Bold", "Avenir Black", "Avenir Black Oblique", "Avenir Book Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:24px;
  color:white;
  text-justify:center;
}
.cadre {
    width:auto;
}
.fonctionne {
  font-family:"Avenir Heavy", "Avenir Next Bold", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:39px;
  color:white;
  line-height:49px;
}
.fonctionne2 {
  font-family:"Avenir Heavy", "Avenir Next Bold", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:32px;
  color:white;
  line-height:35px;
}
.questions {
  font-family:"Avenir Heavy", "Avenir Next Bold", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:21px;
  color:white;
  line-height:26px;
}
.reponses {
  font-family:"Avenir Heavy", "Avenir Next Bold", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:15px;
  color:#f77872;
  line-height:21px;
}
.explication {
  font-family:"Avenir Next Ultra Light Italic", "Avenir Book Oblique", "Avenir Next Ultra Light", "Avenir Book", "Avenir Light", "Avenir Medium" "Avenir Heavy", "Avenir Next Bold", "Avenir Black", "Avenir Black Oblique", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium Oblique", "Avenir Next Bold Italic", "Avenir Next Regular";
  font-size:20px;
  color:white;
  text-justify:center;
}
.contact-sous-titre {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:35px;
  color:white;
}
.contact2 {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:18px;
  color:white;
  padding-top:20px;
}
.contact3 {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:15px;
  color:white;
}
.contact4 {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:12px;
  color:white;
}
.contact5 {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:14px;
  color:#a5aeb2;
}
.demarrer {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:17px;
  color:white;
  margin:auto;
}
.demarrer2 {
  font-family:"Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:20px;
  color:#e45e6a;
  margin:auto;
}
.box-hover {
  width:100%;
  height:auto;
  border-radius:12px;
  border: 2px solid #FFFFFF;
  background-color:#ceb14f;
  color: white;
  transition-duration:1s;
  font-family:"Avenir Medium", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic"; 
  font-size:35px;
  line-height:33px;
}
.box-hover:hover {
  width:100%;
  height:auto;
  border-radius:12px;
  border: 2px solid #FFFFFF;
  background-color:#ae9337;
  color: white;
  transition-duration:1s;
  font-family:"Avenir Medium", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic"; 
  font-size:35px;
  line-height:33px;
}
.regarder {
  width:115px;
  height:50px;
  border-radius:6px;
  background-color:#ae9337;
  transition-duration:1s;
  color:#FFFFFF;
  font-family:"Avenir Medium", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:16px;
  line-height:20px;
}
.regarder:hover {
  width:115px;
  height:50px;
  border-radius:6px;
  background-color:#90792d;
  transition-duration:1s;
  color:#FFFFFF;
  font-family:"Avenir Medium", "Avenir Light", "Avenir Next Ultra Light", "Avenir Black", "Avenir Black Oblique", "Avenir Book", "Avenir Book Oblique", "Avenir Heavy", "Avenir Heavy Oblique", "Avenir Light Oblique", "Avenir Medium Oblique", "Avenir Next Bold", "Avenir Next Bold Italic", "Avenir Next Regular", "Avenir Next Ultra Light Italic";
  font-size:16px;
  line-height:20px;
}