/** Widget photos ****/
/*content-photo*/
	.content-photos-realisation {
		width: 100%;
		margin: 0 auto 5%;
		position: relative;
		left: 0px;
	}
	 .content-realisation-image {
		width: calc(25% - 30px);
		float: left;
		margin: 15px;
		cursor: pointer;
	}
	.content-photos-realisation img.real-image {
		width: 100%;
		height: 250px;
		object-fit: cover;
		border: 5px solid #eee;
	}
	.content-photos-realisation .titre-realisation {
		width: 100%;
	}

	.vp-link-voir-photo {
		text-align: center !important;
		clear: both;
		margin-top: 20px !important;
	}
	a.more-btn-photos, a.moins-btn-photos {
		text-decoration: none !important;
		color: #404040;
		cursor: pointer;
		font-size: 20px !important;
	}
	a.more-btn-photos:hover, a.moins-btn-photos:hover {
		text-decoration: none !important;
		color: #404040;

	}

/*******************RESPONSIVE****************************/
/*-------------------[1920px]------------------*/
@media only screen and ( max-width: 1920px ) {
	.content-photos-realisation img.real-image {
	    width: 100%;
	    height: 350px;
	}
}

/*-------------------[1440px]------------------*/
@media only screen and ( max-width: 1440px ) {
	.content-photos-realisation img.real-image {
	    width: 100%;
	    height: 250px !important;
	}

}

/*-------------------[1246px]------------------*/
@media only screen and ( max-width: 1246px ) {
	.content-realisation-image {
	    height: 300px;
	}
	
}


/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {

	
}


/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {


}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 768px ) {
	.content-photos-realisation img.real-image {
	    width: 100%;
	    height: 180px;
	}

}

/*-------------------[767px]------------------*/
@media only screen and ( max-width: 767px ) {
	.content-realisation-image {
	    width: 50%;
	    float: none;
	    margin: 0 auto 5% !important;
	    height: auto;
	}

}

/*-------------------[600px]------------------*/
@media only screen and ( max-width: 600px ) {
	

}
/*-------------------[480px]------------------*/
@media only screen and ( max-width: 480px ) {
	.content-realisation-image {
	    width: 60%;
	}

}

/*-------------------[375px]------------------*/
@media only screen and ( max-width: 375px ) {
	.content-realisation-image {
	    width: 70%;
	}
}

/** Widget photos ****/