.layout--twocol {
	padding-top:40px;
	display: block;
}
.layout--twocol-reverse {
	display: flex;
  flex-direction: column-reverse;
}
.bg--blanc {
	background-color: var(--color-white);
}
.bg--beige {
	background-color: var(--color-neutral);
}
.col_left {
	margin: 0;
	padding:16px;
}
.col_right {
	margin: 0;
	padding: 16px;
	padding-top: 20px;
}

.col_right:has(.access_info) {
	padding-top: unset;
}


@media all and (min-width:900px) {
	.layout--twocol{
		padding-top:80px;
	}
	.col_left {
		padding-left: 128px;
	}
	.col_right {
		padding-top: 80px;
		padding-left: 128px;
		padding-right: 128px;
	}
}

@media all and (min-width:1250px) {
	.layout--twocol{
		display: grid;
	}
	.col_right {
		padding-left: 0;
		padding-right: 228px;
	}
}