.grille .object {
		--bande-width: min(1000px, calc(90vw - 260px));
		--tag-gap: 24px;
		--tag-width: 170px;
		width: var(--bande-width);
	}

	.grille .object .bande {
		width: var(--bande-width);
		height: auto;
		max-width: none;
		max-height: none;
	}

	.grille .object .title {
		max-width: var(--bande-width);
	}

@media only screen and (min-width: 1280px) {
	.grille .object {
		margin-right: 0;
		width: calc(var(--bande-width) + var(--tag-gap) + var(--tag-width));
	}

	.grille .object .tags {
		left: calc(var(--bande-width) + var(--tag-gap));
		right: auto;
		width: var(--tag-width);
		height: 180px;
	}

	.grille .sortbox {
		margin-left: 24px;
	}

	.grille .presentation-panel-right {
		position: absolute;
		top: 60px;
		right: 0;
		width: 24vw;
		max-width: 360px;
	}

	.grille .presentation-panel-right .presentation {
		max-width: none;
	}

	.grille .presentation-panel-right .fixed {
		margin-bottom: 12px;
	}

	.grille .presentation-panel-right .sortbox-right {
		margin-top: 18px;
		margin-left: 0;
		padding-left: 20px;
	}

	.grille-text-right .grille-content {
		padding-right: calc(24vw + 40px);
	}

	.grille-text-right .object {
		--bande-width: min(1000px, calc(66vw - 470px));
	}
}

@media only screen and (max-width: 1279px) {
	.grille .object {
		--bande-width: 90vw;
		width: var(--bande-width);
	}

	.grille .object .bande {
		width: var(--bande-width);
		height: auto;
		max-width: none;
		max-height: none;
	}

	.grille .presentation-panel-right {
		width: 100%;
	}
}