@font-face {
	font-family: 'Brush Script MT';
	src: 
		url('https://les-terrasses.com/BrushScriptStd.woff2') format('woff2'),
		url('https://les-terrasses.com/BrushScriptStd.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;  /* Important pour éviter le flash de texte invisible */
}

@media screen and (min-width:901px) {
	#grille {
		display:grid;
		grid-template-columns: auto repeat(5, 16.66%);
	}
	.dble {
		grid-column: 1/3;
	}
	.box {
		height:200px;
	}
	img {
		width:100%;
	}
}

@media screen and (max-width: 901px) { 
	#grille {
		display:grid;
		grid-template-columns: 100%;
	}
	.box {
		height:280px;
		order: 1;
	}
	.dble {
		order: 0;
	}
	img {
		width:60%;
	}
	.dble img {
		width:100%;
	}
	.dble_smart {
		display: none;
	}
}

.box {
	padding:20px;
	border:none;
	color:#FF2F92;
	text-align:center;
	font-family:"brush script MT";
	font-size:1.5em;
}
.dble {
	font-size:2.4em;
}
img {
	object-fit:contain;
}

@media screen and (min-width:901px) {
	#grille2 {
		display:grid;
		grid-template-columns: 25% auto 18%;
	}
	.box2 {
		height:65px;
		padding-left:5%;
	}
	.dble2 {
		grid-column: 2/span 1;
		height:220px;
		text-align:center;
	}
	.brush {
		font-size:1.7em;
	}
	.dble2 {
		font-size: 2.4em;
	}
	.hide {
		width:75%;
	}
}

@media screen and (max-width: 901px) { 
	#grille2 {
		display:grid;
		grid-template-columns: 100%;
		row-gap:2%;
	}
	.box2 {
		height:46px;
		padding:2%;
	}
	.brush {
		font-size:1.4em;
	}
	.dble2 {
		font-size: 1.7em;
	}
	.hide {
		display: none;
	}
}

.brush {
	font-family:"brush script MT";
	color:#FF2F92;
}