.bloc-columns{
	width: 100%;			
}

.bloc-columns.grayscale{
	filter: grayscale(100%);    
	transition: all 0.3s ease;
}

.bloc-columns:hover{
	filter: initial;
}


.bloc-columns .abs-top-left,
.bloc-columns .abs-top-right{
	align-items: initial !important;
	top: 70px;
}
.bloc-columns .abs-bottom-left,
.bloc-columns .abs-bottom-right{	
	bottom: 70px;
	align-items: initial !important;
}
.bloc-columns .abs-top-left h2,
.bloc-columns .abs-bottom-left h2{
	margin-right: var(--margin-img);
}
.bloc-columns .abs-top-right h2,
.bloc-columns .abs-bottom-right h2{
	margin-left: var(--margin-img);
}

.bloc-columns .wrapper{  
	min-height: 50vh;
 	width: 100%;  
	padding: 150px var(--gap);  
 	display: grid;
	justify-content: center;
	grid-column-gap: 30px;
	grid-row-gap: 60px;  		
}
.bloc-columns .wrapper.opacity{  
	background-color: var(--image-opacity);
}

.bloc-columns .abs-top-left + .wrapper,
.bloc-columns .abs-top-right + .wrapper{ 
	padding: 220px var(--gap) 150px var(--gap);  

}
.bloc-columns .abs-bottom-left + .wrapper,
.bloc-columns .abs-bottom-right + .wrapper{ 
	padding: 150px var(--gap) 220px var(--gap);  
}
.bloc-columns .wrapper.nbcol-5{
	grid-template-columns: repeat(5,minmax(min-content,300px));
}
.bloc-columns .wrapper.nbcol-4{
	grid-template-columns: repeat(4,minmax(min-content,300px));
}
.bloc-columns .wrapper.nbcol-3{
	grid-template-columns: repeat(3,minmax(min-content,300px));
}
.bloc-columns .wrapper.nbcol-2{
	grid-template-columns: repeat(2,minmax(min-content,300px));
}
.bloc-columns .wrapper.nbcol-1{
	grid-template-columns: repeat(1,minmax(min-content,300px));
}

.bloc-columns .box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	color:  #FFF;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
}
.bloc-columns a.box:hover{
	color: #FFF;
}

.bloc-columns .box h3{
	margin: 0;
	font-size: 1.2em;
	padding: 10px;
}

.bloc-columns .box p{
	margin: 0;
	padding: 0 10px;
}

@media (max-width: 1199px) {
	section.bloc-columns{
		background-attachment:  scroll !important;
	}
}

@media (max-width: 1023px) {
	.bloc-columns .wrapper.nbcol-5{
		grid-template-columns: repeat(3,minmax(min-content,300px));
	}
	.bloc-columns .wrapper.nbcol-4,
	.bloc-columns .wrapper.nbcol-2{
		grid-template-columns: repeat(2,minmax(min-content,300px));
	}
	.bloc-columns .wrapper.nbcol-3{
		grid-template-columns: repeat(3,minmax(min-content,300px));
	}			
}
@media (max-width: 767px) {
	.bloc-columns .wrapper{
		grid-template-columns: repeat(1,minmax(min-content,300px)) !important;
	}	
}