
/********************* GLOBAL *********************/

.container { 
  display: flex;
  justify-content:space-between;
}

.texte_infos {
  font-size: 3.3vh;
  z-index: 3;
  margin-bottom: 25vh;
  width: 65vh;
}

.texte_droite {
  font-size: 3.3vh;
  margin-top: -3.4vh;
  width: 72vh;
}

.light{
  display: inline; 
  z-index: 3;
}

.texte_main1 {
  display: inline;
  margin-bottom: -0.6vh;
}

texte_under { 
  color:rgb(185, 185, 138);
}
texte_under_noir { 
  text-decoration: underline;
  text-decoration-thickness: 0.35vh;
}

.img_cachee {
position: fixed;
top: 24vh;
right: 3vh;
opacity: 0%;
}

.img_cachee img {
  border-radius: 3vh 3vh 3vh 3vh;
  max-height: 73vh;
  width: auto;
}

.light:hover ~ .img_cachee {
  opacity: 100%;
}

/********************* Responsive *********************/

@media (max-width: 150vh) {
  .container {
    display: block;
    margin-top: 20vh;
  }
}

@media (orientation: portrait) {
  .texte_main1 {
    font-size: 2.5vh;
  }
}

@media (orientation: portrait) {
  .texte_infos {
    font-size: 2.5vh;
  }
}

@media (orientation: portrait) {
  texte_under_noir {
    text-decoration-thickness: 0.2vh;
  }
}

@media (orientation: portrait) {
  .texte_droite {
    font-size: 2.5vh;
    margin-top: -10vh;
  }
}

@media (max-width: 150vh) {
  .img_cachee img {
  max-height: 30vh;
  width: auto;
  margin-top: 15vh;
  }
}
@media (orientation: portrait) {
  .light:hover ~ .img_cachee {
  opacity: 0%;
  }
}
