.listeliens{
	margin-top: 0px!important;
        background-image: url(../img/fond.png);
    padding: 20px 0 30px;
}
.listeliens ul{
	text-align: center;
}
.listeliens li{
	display: inline-block;
	border: 0;
	width: 18%;
	vertical-align: top;
}
.listeliens li img{
	display: block;
}
.listeliens .spriteScol{
	background: url('../img/icones-liens.png') top left no-repeat;
	display: block;
    background-size: 599px 211px;
    margin: 0 auto;
}
.listeliens .spriteScol.inscriptions{
    width: 100px;
    height: 100px;
    background-position: 14px 0;
}
.listeliens .spriteScol.edt{
    width: 108px;
    height: 100px;
    background-position: -156px 0;
}
.listeliens .spriteScol.transferts{
    width: 120px;
    height: 100px;
    background-position: -336px 0px;
}
.listeliens .spriteScol.contacts{
   width: 90px;
    height: 100px;
    background-position: -515px 0;
}
.listeliens a{
    color: #db3a3b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}
.listeliens a div{
    padding-top: 15px;
}

.listeliens li:hover a .spriteScol{
    background-position-y: -111px;
}
.listeliens li:hover a{
    color: #4cb1d3;
}
@media screen and (max-width:980px) {
    .listeliens li {
        width: 24%;
    }
}
@media screen and (max-width:680px) {
    .listeliens li {
        width: 40%;
    }
}
@media screen and (max-width:540px) {
    .listeliens li {
        width: 49%;
    }
}