body {
    text-align: center;
}
.face {
    position: absolute;
    
    height: 300px;
    width: 300px;
}

#conteneur_cube {
    margin: 100px 0;
    
    perspective: 1200px;
}
#cube {
    height: 300px;
    width: 300px;
    transform-style: preserve-3d;

    margin: 0px auto;
    transition: 1s;
}
.rotation {
    transform: rotateX(360deg);
    transition: 5s;
}
#cube, #cube div {
    transform-origin: 150px 150px -150px;
}

#face_un {
    /*background: url("https://cdn.pixabay.com/photo/2015/07/06/13/58/arlberg-pass-833326__340.jpg");*/
    background: url("image1.jpg");
    background-size: cover;
}
#face_deux {
    /*background: url("http://www.gerardcharnley.co.uk/images/landscape/landscape-016-poppies-sussex-summer.jpg");*/
	background: url("image2.jpg");
    background-size: cover;

    transform: rotateX(90deg);
}
#face_trois {
    background: url("image3.jpg");
    background-size: cover;

    transform: rotateX(180deg);
}
#face_quatre {
    background: url("image4.jpg");
    background-size: cover;

    transform: rotateX(270deg);
}
#face_cinq {
    background: url("image5.jpg");
    background-size: cover;

    transform: rotateY(90deg);
}
#face_six {
    background: url("image6.jpg");
    background-size: cover;

    transform: rotateY(270deg);
}