.achievement-block{
    position:relative;
    width:100%;
    height:150px;
    overflow: hidden;
    border:#fff 3px solid;
}
.achievement-block img{
    position:absolute;
    left:0px;
    top:50%;
    
    
}

.cols1 img, .cols2 img, .cols3 img, .cols4 img{
    max-width: 100%;
    min-height:100%;
    width: auto;
    height: auto;
}
.achievement-margin{ margin:5px;}
.achievement .over{
    position:absolute;
    width:100%;
    height:100%;
    top:0; left:0;
}
.achievement .over-txt{
    position: absolute;
    top:50%;
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
    width:100%;
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px rgba(0,0,0,.8);
    color:#fff;
    font-family: 'HelveticaNeue-UltraLight';
}
.achievement .over-back {
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: background-color .3s; /* Safari */
    transition: background-color .3s;
    transition-timing-function: ease-out;
    
}



.galery{ 
    width:100%;
    background-color: rgba(100,100,100, .5);
    padding-top:10px;
}


.galery .images{
    position:relative;
    width:100%;
    height:340px;
    overflow:hidden;
    text-align:center;
}
.galery .images .focus-image{
    width:100%;
    height:300px;
    text-align:center;
   vertical-align: middle;
   line-height: 300px;
}
.galery .images img{
    display: inline-block;
    max-width:100%;
    max-height:300px;
    vertical-align: middle;
}

.galery .thumbs{ position:relative; padding-top:10px;}

.galery-thumb-block{
    position:relative;
    width:100%;
    height:15vw;
    overflow: hidden;
    border:#000 .15vw solid;
}
.galery-thumb-block img{
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    min-width:100%;
}
.galery-thumb-block .over{
    position:absolute;
    width:100%;
    height:100%;
    top:0; left:0;
}

.galery-thumb-block .over-back {
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.2);
    -webkit-transition: background-color .3s; /* Safari */
    transition: background-color .3s;
    transition-timing-function: ease-out;
    
}
.galery-thumb-block.activ{
    border-color: #4983cb;
}

.images .prev { position: absolute; top:0; height:100%; width:50px; left:0px; text-align: center;}
.images .prev div, .images .next div{ position:relative; top:50%; transform: translateY(-50%); font-size:30px;}
.images .next div{  }
.images .next { position: absolute; top:0; height:100%; width:50px; right:0px; text-align: center;}



@media screen and (min-width:768px) {
    .achievement-block{
        border:#fff 6px solid;
        
    }
    
    .cols1, .cols2 {
        height:200px;
    }
    .cols3, .cols4 {
        height:350px;
    }
    
    
    .achievement .over-txt{
        font-size:28px;
    }

    .achievement-margin{ margin:10px;}
    .galery-thumb-block{
        height:6vw;
        max-height: 100px;
    }
    .galery .images {
        height:640px;
    }
    .galery .images .focus-image{
        height:600px;
    }
    .galery .images img{
        max-width:800px;
        max-height:600px;
    }
    .images .prev { height:600px;}
    .images .prev div, .images .next div{ position:absolute; top:50%; transform: translateY(-50%); font-size:30px;}
    .images .next { height:600px;}

    
}