@supports not (width: max(1em, 2em)) {
	#ads::before {
		content: "Si cette page ne s'affiche pas complètement et que vous ne voyez pas le formulaire d'ajout en bas de page, veuillez procéder à la mise à jour du navigateur Internet de votre appareil.";
		color: red;
	}
}

#ads {
	display: flex;
    justify-content: center;
    position: fixed;
	bottom: 5em;
    z-index: 10000;
	width: 100%;
}

#timeout {
	font-weight: bold;
	background: white;
	color: grey;
	border-radius: 50vw;
	border: 1px solid currentColor;
	width: 1.5em;
	text-align: center;
}

.ads {
	position: relative;
	background-color: transparent;
	width: 42vw;
	max-width: 780px;
}
.ads:nth-child(even)::after {
	content: "\A";
	white-space: pre;
}

.ads div {
	visibility: hidden;
	position: absolute;
}
.ads div.active {
	visibility: visible;
}

.ads img {
	width: 100%;
	height: 100%;
}

#logoCC {
	display: inline-block;
	width: 11%;
	height: auto;
}

@media screen and (max-width: calc(1280px - 1px - 8px)) {	/* 8px for Edge margins */
	#ads {
		position: static;
		bottom: unset;
	}

	#timeout {
		display: none;
	}

	.ads {
		display: block;
		margin: 0;
		width: 100%;
		height: 12vw;
	}

	#logoCC {
		display: none;
	}

	.ads ~ .ads {
		display: none;
	}
}