#contDiapo {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;

    display:none;
}
#overlayGallerie {
    position:absolute;
    background:black;
    opacity:0.9;
    width:100%;
    height:100%;
    z-index:1;
}
#contImg {
    display:inline-block;
    position:absolute;
    max-width:800px;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index: 10;
}
#contImg img{
    max-width: 100%;
    display:block;

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;

}

#contDiapo img{
    width:800px;
    max-width: 100%;
    z-index:20;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;

}

#containerImg img {
    display:none;
}

.gallerie1{
    display:none;
}
#containerImg  .miniature {
    display:block;
}
.btnNav {
    position:absolute;
    z-index:50;
    background: black;
    width:60px;
    height:60px;
    padding:15px;
    opacity:0.4;
    transition: opacity 500ms;
    cursor:pointer;

}
.btnNav:hover {
    opacity:1;
}
.btnNav.prec {
    left:0;
    top: calc(50% - 30px) ;
    transform: rotate(180deg);
}
.btnNav.suiv {
    right:0;
    top: calc(50% - 30px) ;

}
.btnNav span {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    display: block;
    height:6px;
    width:20%;
    background-color: #ffffff;

}
.btnNav span:nth-of-type(1){

    transform: rotate(45deg) translateX(4px);
    transform-origin: top right;
}
.btnNav span:nth-of-type(2){

    transform: rotate(-45deg) translateX(4px);
    transform-origin: bottom right;
}

.btnClose {
    position:absolute;
    z-index:50;
    background: black;
    width:60px;
    height:60px;
    padding:15px;
    opacity:0.4;
    transition: opacity 500ms;
    cursor:pointer;
    top:0;
    right:0;
}

.btnClose:hover {
    opacity:1;
}
.btnClose span {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    display: block;
    height:6px;
    width:40%;
    background-color: #ffffff;
}
.btnClose span:nth-of-type(1){

    transform: rotate(45deg);

}
.btnClose span:nth-of-type(2){
    transform: rotate(-45deg);
}