.container {
    position: relative;
    width:100%;
    height: 228px;
}

.jauge {
    position: absolute;
    left:10px;
    top:0px;
}

.temp {
    left:10px;
    height:232px;
    width:60px;
    position: relative;
    background: transparent url(icones/tempvide.png) no-repeat bottom center;
    background-size: 60px;
}

.tempjauge {
    height:232px;
    width:60px;
    position: relative;
    background: transparent url(icones/temp.png) no-repeat bottom;
    background-size: 60px;
}

.ph {
    left:80px;
    height:232px;
    width:60px;
    position: relative;
    background: transparent url(icones/phvide.png) no-repeat bottom center;
    background-size: 60px;
}

.phjauge {
    height:232px;
    width:60px;
    position: relative;
    background: transparent url(icones/ph.png) no-repeat bottom;
    background-size: 60px;
}

.chlore {
    left:160px;
    height:232px;
    width:60px;
    position: relative;
    background: transparent url(icones/chlorevide.png) no-repeat bottom center;
    background-size: 60px;
}

.chlorejauge {
    height:232px;
    width:60px;
    position: relative;
    background: transparent url(icones/chlore.png) no-repeat bottom;
    background-size: 60px;
}