/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 26 2026 | 11:23:08 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 
.has-global-padding{
	padding-left:0;
	padding-right:0;
}
.custom-home-image .custom-home-image--figure{
	aspect-ratio: auto 1692 / 2560;
}
.custom-home-image .custom-home-image--figure img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.custom-grid-img a{
	height: 100%;
}

.custom-grid-img img{
		height:100%;
		width:100%;
		object-fit:cover;
}
.custom-group-flex{
	display:flex;
}

.custom-grid-template{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 768px){
	
	.custom-grid-template{
		grid-template-columns: 60% 1fr;
		/*Possibilité de trouver une meilleur façon de procéder*/
		grid-template-rows: calc(100vh - 35px - 1.23rem - 32px) 1fr;
	}
	.custom-grid-template .custom-tall-img,
	.custom-grid-template .custom-tall-img a{
		height: 100%;
		max-width: 100%;
		width: 100%;
	}
	.custom-grid-template .custom-tall-img img{
		aspect-ratio: unset !important;
		width: 100%;
		height: 100%;
	}
	.custom-grid-image-rows{
		grid-template-rows: 50% 50%;
	}
	.custom-grid-image-rows a{
		width: 100%;
	}
}
@media screen and (min-width: 992px){
	
}

@media screen and (min-width: 1200px){
	.custom-home-image .custom-home-image--figure{
		max-width: 1160px;
		aspect-ratio: auto 2560 / 1692;
	}
	.custom-home-image .custom-home-image--figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* object-position ? */
	}
	.custom-grid-img img{
		height:100%;
		width:100%;
		object-fit:cover;	
	}
}