<style>
.spcacheg, .spcachem, .spcached {

	width : 30%;
	border:0px solid red;
}
.spcacheg {display : none;float:left !important ;}
.spcached {display : none;float:right !important ;}
.spcachem {display : inline-block ;display : none;margin : 0 auto;}

.right {float: right !important;}

.milieu {display : inline-block; margin : 0 auto;}

.gauche {float : left !important ;}


/* Image zoom on hover + Overlay colour */

.parent {
    width: 30%;
    margin: 20px;
    height: 500px;
    border: 1px solid gray;
    overflow: hidden;
	cursor: pointer;
	margin : auto auto;
box-shadow: 15px 15px 18px #888888;

}

.child {
    height: 500px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 1.9s;
    -moz-transition: all 1.9s;
    -o-transition: all 1.9s;
    transition: all 1.9s;
}

/* Several different images */
.bg-one {background-image: url("../images/chambre_verte00.jpg");}
.bg-two {background-image: url("../images/chambre_rose00.jpg");}
.bg-three {background-image: url("../images/chambre_jaune00.jpg");}


.parent a {
    display: none;
    font-size: 35px;
    color: #ffffff !important;
    font-family: sans-serif;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
    /*text-decoration: none;*/
}


.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.6) rotate(18deg);
    -moz-transform: scale(1.6) rotate(18deg);
    -webkit-transform: scale(1.6) rotate(18deg);
    -o-transform: scale(1.6) rotate(18deg);
    transform: scale(1.6) rotate(18deg);
}

.parent:hover .child:before, .parent:focus .child:before {
    display: block;
}

.parent:hover a, .parent:focus a {
    display: block;
}

.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.3);
}

/* Media Queries */
@media screen and (max-width: 960px) {
    .parent {width: 100%; margin: 20px 0px}
		.wrapper {padding: 20px 20px;}
}



// FIN CHAMBRES

</style>