/* ==========================================================
   VDIM
   ========================================================== */

.vdim {
	width:100%;
	background:#ffffff;
}

/* ----------------------------------------------------------
   En-tête
   ---------------------------------------------------------- */

.vdim__header {
	display:grid;
	grid-template-columns:40% 60%;
	align-items:stretch;
}

.vdim__title {
	display:flex;
	align-items:center;
	margin:0;
	padding:10px 18px 8px;
	background:#29458f;
	color:#ffffff;
	font-family:"Bebas Neue", Arial, sans-serif;
	font-size:45px;
	font-weight:400;
	line-height:.9;
	text-transform:uppercase;
}

.vdim__subtitle {
	display:flex;
	align-items:center;
	margin:0;
	padding:8px 12px;
	color:#111111;
	font-size:17px;
	font-weight:700;
	line-height:1;
}

/* ----------------------------------------------------------
   Structure interne
   ---------------------------------------------------------- */

.vdim__layout {
	display:grid;
	grid-template-columns:1fr;
}

.vdim__visual {
	padding:8px 0 0;
}

.vdim__image {
	display:block;
	width:100%;
	height:auto;
}

/* ----------------------------------------------------------
   Contenu
   ---------------------------------------------------------- */

.vdim__content {
	padding:14px 22px 30px;
}

.vdim__intro {
	margin:0 0 20px;
	font-size:12px;
	line-height:1.3;
}

/* ----------------------------------------------------------
   Caractéristiques
   ---------------------------------------------------------- */

.vdim-specs + .vdim-specs {
	margin-top:26px;
}

.vdim-specs__title {
	margin:0 0 8px;
	padding:0 0 5px;
	border-bottom:4px solid #29458f;
	font-size:14px;
	font-weight:700;
	line-height:1.1;
}

.vdim-specs__list {
	margin:0;
}

.vdim-specs__list div {
	display:flex;
	flex-wrap:wrap;
	gap:3px;
	margin:0;
	font-size:12px;
	line-height:1.3;
}

.vdim-specs__list dt {
	font-weight:700;
}

.vdim-specs__list dt::after {
	content:":";
}

.vdim-specs__list dd {
	margin:0;
}

/* ----------------------------------------------------------
   Desktop
   ---------------------------------------------------------- */

@media (min-width:900px) {

	.vdim__header {
		grid-template-columns:21.5% 78.5%;
	}

	.vdim__title {
		font-size:52px;
	}

	.vdim__subtitle {
		font-size:19px;
	}

	.vdim__layout {
		grid-template-columns:minmax(0, 1.05fr) minmax(300px, .95fr);
	}

	.vdim__visual {
		display:flex;
		align-items:flex-start;
		padding:6px 0 0;
	}

	.vdim__image {
		width:100%;
	}

	.vdim__content {
		padding:28px 28px 26px;
	}

	.vdim__intro {
		margin-bottom:25px;
		font-size:13px;
	}

	.vdim-specs__title {
		font-size:14px;
	}

	.vdim-specs__list div {
		font-size:12px;
	}

}