/* Titres centraux */
.main{
    font-family: Verdana, Sans-Serif;
}

.main_title{
    
    font-size: 50px;
    text-align: center;
    text-shadow: 5px 5px 10px white;
}
.second_title{
    
    font-size: 30px;
    text-align: center;
    text-shadow: 5px 5px 10px white;
    margin-bottom: 1em;
    
}
.third_title{
    
    font-size: 20px;
    text-align:justify; 
    margin-right:auto; 
    margin-left:auto; 
    max-width:400px;
    margin-bottom:2em;
}
.forth_title{
    font-size: 15px;
    text-align:justify; 
    margin-right:auto; 
    margin-left:5vw; 
    max-width:400px;
    margin-bottom:3em;
}

.photo-haut {
        display: grid; 
        grid-template-columns: auto auto auto; 
        row-gap:2vw; 
        column-gap: 2vw; 
        margin-left:5vw;
}

.retour{
    /*margin-left:15px;*/
    position:fixed;
    margin-top:10px;
    margin-bottom:10px;
}
img {
    max-width:20vw;
    max-height:15vw;
}
p{
    margin-top: 0px; font-size:80%;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer; /* Indique que l'élément est interactif */
    border-bottom: 1px dotted black; /* Pour l'apparence */
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%; /* Positionné au-dessus de l'élément */
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

@media only screen and (max-width: 500px) {
  .responsive {
    width: 80%;
  }
  }
  
@media (max-width: 500px){
    img {
   max-width: 80vw;
   max-height:none;
  }
  .photo-haut {
      display: grid; 
        grid-template-columns: 1fr; 
        row-gap:5vw; 
        column-gap: 5vw; 
        margin-left:5vw;
        
}
.third_title{
    font-size: 20px;
    text-align:center; 
    margin-left: 5vw;
    max-width:300px;
}
.forth_title{
    font-size: 15px;
    text-align:justify; 
    margin-right:auto; 
    margin-left:5vw; 
    max-width:300px;
    margin-bottom:3em;
}
}