@media screen and (max-width: 680px) {
	.image-et-titre form {
		top: 10%;
		transform: none;
		-webkit-transform: none;
		white-space: initial;
		margin: auto;
	}

	.fond-haut-bleu {
		padding: 1px 10px 1px 10px !important;
		height: auto !important;
	}

	#offres, #transactions {
		margin-top: 20px;
	}

	.vignette-offre > div:first-child {
		/* Type de l'offre */
		background-color: var(--couleur1);
		color: var(--couleurTexteClair);
	}

		.rubrique > div:first-child > div:not(:first-child), .rubrique > div:nth-child(3) {
			text-align: justify;
		}