@import url("font-list-aaJEPoX.css");
.vpa-cardline {
		display: grid;
		grid-template-columns: 1fr;
        @media screen and (min-width: 768px) {
			grid-template-columns: auto;
			grid-gap: 20px;
			justify-content: space-around;
			.card-picto {
				grid-row: 1;
			}
	}
	
}
.vpa-cardline.alignement-arc {

		article{
			margin-top: 0;
			margin-bottom: 1em;
			justify-self: center;
			align-self: start;
			display: grid;
			grid-column: auto ;
		}
		
		.card-link > a > .heading {
			color:var(--dark-blue);
			grid-row: auto;
			text-shadow: none;	
			font-size: max(18px, 1.35vw);
			justify-self: left;
			font-family: var(--font-obviously);
			margin: 0;
			text-align: left;
		}
		.card-link > a > .vpa-image > picture > img {
			object-fit: cover;
			filter:brightness(100%); 
		}
	@media screen and (min-width: 768px) {
		grid-template-columns: repeat(3, 1fr);
  		grid-gap: 10px;
		
		article{
			
			grid-column: auto ;
		}
		article:first-child, article:last-child {
			margin-bottom: 0;
			margin-top: 50px;
			justify-self: center;
			align-self: end;
			
		}
	}	
}