#patchwork{
	display:flex;
	flex-wrap:wrap;
	max-width: 1700px;
	margin: auto;
	margin-top:30px;
	position:relative;
}
#patchwork .item_patchwork{
	min-height: 250px;
	padding: 20px;
	margin: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	z-index:1;
	position:relative;
}
#patchwork .item_patchwork > .content_item > p:first-child,
#patchwork .item_patchwork > .content_item > a > p:first-child{
	display:block;
	font-size:25px;
	line-height:30px;
	font-weight: 700;
}
#patchwork .item_patchwork > .content_item > p:nth-child(2),
#patchwork .item_patchwork > .content_item > a > p:nth-child(2){
	font-size: 20px;
	line-height:22px;
	font-family:'montserratextralight', sans-serif;
	font-weight: 700;
}
#patchwork .item_patchwork > .content_item .bloc_link_pw > a{
	margin-right:20px;
}	
#patchwork .item_patchwork *{
	color:#ffffff;
}
#patchwork .Complet{
	width:calc(100% - 20px);
}
#patchwork .moitie{
	width:calc(50% - 20px);
}
#patchwork .quart{
	width:calc(25% - 20px);
} 

@media (max-width:1199px){
	#patchwork .item_patchwork > .content_item > p:first-child, #patchwork .item_patchwork > .content_item > p:nth-child(2),
	#patchwork .item_patchwork > .content_item > a > p:first-child, #patchwork .item_patchwork > .content_item > a > p:nth-child(2){
		font-size:20px;
		line-height:20px;
	}
}
@media (min-width:992px){
	#patchwork .item_patchwork > .content_item{
		position:absolute;
		bottom:0px;	
		transition:all 0.3s ease-out;
		height:50px;
		overflow:hidden;
	}
	#patchwork .item_patchwork > .content_item > *:not(:first-child),
	#patchwork .item_patchwork > .content_item > a > *:not(:first-child){
		opacity:0;
	}
	#patchwork .item_patchwork > .content_item .bloc_link_pw{	
		position:absolute;
		transition:all 0.3s ease-out;
		bottom:100%;
	}
	#patchwork .item_patchwork:hover > .content_item .bloc_link_pw{	
		position:absolute;
		bottom:20px;
		transition:all 0.3s ease-in;
	}
	#patchwork .item_patchwork:hover > .content_item{	
		transition:all 0.3s ease-in;
		height:100%;
		padding-top:20px;
		padding-bottom:20px;
		padding-right:20px;
	}
	#patchwork .item_patchwork:hover > .content_item > *:not(:first-child),
	#patchwork .item_patchwork:hover > .content_item > a > *:not(:first-child){
		opacity:1;
	}
}
@media (max-width:991px){
	#patchwork .quart{
		width:calc(50% - 20px);
	}
}
@media (max-width:767px){
	#patchwork .quart, #patchwork .moitie, #patchwork .Complet{
		width:calc(100% - 10px);
		margin:5px;
	}
	#patchwork .item_patchwork {
		min-height: 150px;
	}
}
@media (max-width:480px){
	#patchwork .item_patchwork > .content_item .bloc_link_pw{
		display:none;
	}
	#patchwork .item_patchwork > .content_item > p:nth-child(2),
	#patchwork .item_patchwork > .content_item > a > p:nth-child(2){
		margin-bottom:0;
	}
}