.references {
    clear: both;
    margin-bottom: 10vh;
}

.references .titre {
    background: url(/Files/App_002/images/bds.jpg)no-repeat bottom center;
    font-size: 40px;
    color: #3d3d3d;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10vh;
}

.references img {    border: 2px solid #e1e1e1;margin-bottom:5vh;width:100%;}


.references .voir{    margin: 0 auto;    display: inline-flex;width: 100%;}

.references .voir a{
    position:relative;
    color: #3d3d3d;
    font-size: 18px;
    width: auto;
    padding: 0px 10px;
    margin: 0 auto;
}

.references .voir a:before {
    position: absolute;
    height: 1px;
    display: block;
    width: 75px;
    background: #3d3d3d;
    content:'';
    bottom: 10px;
    left: -100%;
    transition:all .2s;
}
.references .voir a:hover:before{width:55px;}
.references .voir a:after {
    position: absolute;
    height: 1px;
    display: block;
    width: 75px;
    background: #3d3d3d;
    content:'';
    bottom: 10px;
    right: -100%;
    transition:all .2s;
}
.references .voir a:hover:after{width:55px;}

@media only screen and (max-width: 768px){
.references .titre {margin-top:20px;}
.references img {width: 100%;max-width: 250px;margin: 0 auto 5vh;display:block;}
.references .titre {    font-size:30px;    margin-bottom: 5vh;}
}