/*
**
*/

h2{
	font-size: 30px;
	color: #03c6dd;
	padding-top: 60px;
	text-transform: uppercase;
}

.ligne{
	background-color: #f5f4f4;
	height: 2px;
	width: 100%;
	margin: 40px 0px;
}

.block{
	position: absolute;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.tirie{
	width: 15%;
	height: 4px;
	background-color: #03c6dd;
	margin: 10px 0px 20px;
}

.contact{
	background-color: #03c6dd;
	padding: 30px 0px;
	color: #fff;
	margin-top: 60px;
}

.contact div div p{
	font-size: 30px;
	line-height: 22px;
	margin-bottom: 0px;
	margin-top: 7px;
}

.contact div div a button{
	background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 23px;
    border-radius: 50px;
    width: 100%;
    padding: 2px;
}

.bg{
	background: url("../images/hebergement/bg.jpg") no-repeat;
	background-size: cover;
	padding: 130px 0px 120px;
	color: #fff;
	margin: 30px 0px 80px;
}

.desc{
    padding: 20px 0px 40px;
}

.parent {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* Several different images */
.bg-one {background-image: url("../images/img.jpg");}
.bg-two {background-image: url("../images/img2.jpg");}
.bg-three {background-image: url("../images/img3.jpg");}
.bg-four {background-image: url("../images/img4.jpg");}

.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.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(52,73,94,0.55);
}

.btn-renseignez{
    background-color: #f79e36;
    color: #fff;
    border-radius: 15px;
    padding: 10px 10px;
    margin-top: 10px;
    width: 30%;
    border: 2px solid #f79e36;
    font-size: 18px;
    margin-bottom: 60px;
}

.btn-renseignez:hover{
    background-color: #fff;
    color: #f79e36;
}

@media (max-width: 1024px){

	.contact div div p{
		font-size: 16px;
	}

}

@media (max-width: 812px){

	.block {
	    position: relative;
	    top: initial;
	    -ms-transform: initial;
	    transform: initial;
	}
	
	.block h3{
	    padding-top: 25px;
	}

	.contact{
		text-align: center;
	}

	.contact div div p{
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.contact div div img{
		width: 70%;
	}

	.contact div div a button{
		width: 70%;
		margin-top: 20px;
	}

	.icons{
		width: 100%;
	}
	
	.btn-renseignez{
	    width: 60%;
	}

}

@media (max-width: 480px){

	.block {
	    position: relative;
	    top: initial;
	    -ms-transform: initial;
	    transform: initial;
	}

	.contact{
		text-align: center;
	}

	.contact div div p{
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.contact div div img{
		width: 70%;
	}

	.contact div div a button{
		width: 70%;
		margin-top: 20px;
	}

	.icons{
		width: 100%;
	}
	
	.btn-renseignez{
	    width: 80%;
	}

}