.sectionMiniature{
    display: inline-block;
    width : 15vw;
    height : 15vw;
    padding : 0.7vw;
}

.photoMiniature{
    width : 15vw;
    height : 15vw;
    object-fit: cover;
    object-position: 20% 10%;
}

.texteMiniature{
    text-align: center;
    font-size: 2.2vw;
}

#imageFull{
    height : 80vh;
    padding-top: 4vh;
}

#fullScreen{
    position: fixed;
    z-index: 1;
    background-color: #f2f2f2;
    border-radius: 5px;
    display: block;
    width : 95vw;
    top : 4vh; 
    left : 2.5vw;
    text-align: center;
}

#bboutonFermer{
    z-index: 2;
    font-size: 2vw;
    right : 0;
    color : white;
    background-color: red;
    border : 1px solid black;
    border-radius: 2px;
    width : 40px;
    height : 40px;
    float: right;
}

#boutonFermer{
    position: absolute;
      top: 0;
      right : 0;
      background-color: #555;
      color: white;
      font-size: 16px;
      padding: 12px 24px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
}

#boutonSuivant{
    position: absolute;
      top: 50%;
      right : 0;
      background-color: #555;
      color: white;
      font-size: 16px;
      padding: 12px 24px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
}

#boutonPrecedent{
    position: absolute;
      top: 50%;
      left : 0;
      background-color: #555;
      color: white;
      font-size: 16px;
      padding: 12px 24px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
}

#creditPhoto{
    position: absolute;
    right : 1vw;
    color : lightgray;
    font-style: italic;
}

@media screen and (max-width: 460px){
    
    #imageFull{
        height : auto;
        width : 95vw;
        }
    
    #fullScreen{
        height : auto;
    }
    
    #creditPhoto{
    font-size: 4vw;
    bottom : 12.5vh;
}
}