/* W3.CSS 4.05 October 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}

.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.centerimage100 {
    min-height: 100px;
    height: 20%;
    margin-left: auto;
    margin-right: auto;
vertical-align: middle;
    padding:1%;
    width:100%;
    text-align:center;
    float:left;
    margin-top: 30vh; /* poussé de la moitié de hauteur de viewport 40vh pour 2 30vh pour 3 */
  transform: translateY(-40%);
}


.centerimagetest {
    position: absolute;
    transform: translateY(-50%);
    
    min-height: 100px;
    top:50%;
    text-align: center;

    width:99%;

    float:left;

}

.centerimageany {
    min-height: 20px;
    height: 10%;
    margin-left: auto;
    margin-right: auto;
vertical-align: middle;
    padding:1%;
    width:100%;
    text-align:center;
    float:left;
    margin-top: 10vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-10%);
}

.fade {

    position: relative;

    
}
.fade img {
    
    position: absolute;
    transition: opacity .5s ease;
}
.fade img:hover {
    opacity: 0;
}