:root {
	--iflea-bt1-bg-color: #d3e3fd;
	--iflea-bt2-bg-color: #a8c7fa;
	--iflea-bt3-bg-color: #e3e3e3;
	--iflea-bt4-bg-color: #c7c7c7;
	--iflea-bt5-bg-color: #c2e7ff;
	--iflea-bt6-bg-color: #7fcfff;
	--iflea-bt7-bg-color: #c4eed0;
	--iflea-bt8-bg-color: #6dd58c;
	--iflea-bt1-color: #464948;
	--iflea-bt2-color: #000;
	--iflea-fen1-bg-color: #eff2ef;
	--iflea-fen2-bg-color: #e3e3e3;
	--iflea-fo1-bg-color: #baaeff;
	--iflea-fo2-bg-color: #b2dbbf;
	--iflea-fo3-bg-color: #eef8d0;
	--iflea-fo4-bg-color: #dcffa8;
	--iflea-fo5-bg-color: #cee6fe;
	--iflea-fo6-bg-color: #a6d966;
	--iflea-fo1-color: #4e6276;
	--iflea-fo2-color: #1e9eda;
	--iflea-fo3-color: #ff0000;
	--iflea-fo4-color: #006D8E;
	--iflea-fo5-color: #006D8E;
	--iflea-color-logo: #00a8ff;
	--iflea-color-logo2: #18da2a;
	--iflea-color-logo3: #108fa8;
	--iflea-color-logo4: #000000;
	--mondial-relay-color: #961b4b;
	--iflea-color-commentaire: #034650;
	--iflea-color-titre: #034650;
}

@media only screen and (max-width: 767px) {
	.content_paiement {
		padding: 5px;
		margin-top: 20px;
	}
	._p_input___ {
		margin: 0%;
		padding: 0%;
		font-size: 1rem;
		color: var(--iflea-color-titre);
	}
	._p_input___b {
		margin: 0%;
		padding: 0%;
		font-size: 1rem;
		color: #000;
	}
	.paiement_button, .paiement_button:hover, .paiement_button:active,
		.paiement_button:focus {
		background-color:var(--iflea-fo5-color);
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
		border-color: #dadada;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.titre_paiement__ {
		color: var(--iflea-fo5-color);
		font-size: 1.0rem;
		width: 100%;
		text-align: center;
		padding: 5px;
	}
	.commentaire_paiement__ {
		margin-top: 15px;
		color: #5e5e5e;
		font-size: 0.75rem;
		width: 100%;
		text-align: justify;
		font-style: italic;
		padding: 10px;
		margin-bottom: 20px;
	}
	.confirmation_paiement__ {
		background-color: #fff;
		padding: 0%;
		margin: 0%;
	}
	.confirmation_paiement__ h1 {
		color: var(--iflea-color-logo);
		font-size: 1.20rem;
	}
	.confirmation_paiement__ h2 {
		color: var(--iflea-color-commentaire);
		font-size: 1.0rem;
	}
	.confirmation_paiement__ p {
		color: #000;
		font-size: 1rem;
	}
	.image_font_stripe {
		height: 95px;
		width: 100%;
		background-image: url('../images/stripe.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 0 auto;
	}
	.prix_total____ {
		color: #ff6600;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.annonce_vendu {
		background-color: #ffff;
		color: #ff0000;
		font-weight: bold;
		font-size: 1.0rem;
		padding: 2px;
		margin: 5px;
		border: 2px solid #ff0000;
		padding-left: 4px;
		padding-right: 4px;
		transform: rotate(-15deg);
		position: relative;
		top: -50px;
		right: 0px;
	}
	.annonce_vendu_g {
		background-color: #ffff;
		color: #ff0000;
		font-weight: bold;
		font-size: 1.05rem;
		padding: 8px;
		margin: 10px;
		border: 4px solid #ff0000;
		transform: rotate(-15deg);
		position: relative;
		top: 25%;
		right: -25%;
	}
}

@media only screen and (min-width: 768px) {
	.content_paiement {
		padding: 5px;
		margin-top: 20px;
	}
	._p_input___ {
		margin: 0%;
		padding: 0%;
		font-size: 0.8rem;
		color: var(--iflea-color-titre);
	}
	._p_input___b {
		margin: 0%;
		padding: 0%;
		font-size: 0.85rem;
		color: #000;
	}
	.paiement_button, .paiement_button:hover, .paiement_button:active,
		.paiement_button:focus {
		background-color: var(--iflea-fo5-color);
		color: #fff;
		font-size: 1.0rem;
		font-weight: bold;
		border-color: #dadada;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.titre_paiement__ {
		color: var(--iflea-fo5-color);
		font-size: 1.0rem;
		width: 100%;
		text-align: center;
		padding: 5px;
	}
	.commentaire_paiement__ {
		margin-top: 15px;
		color: #5e5e5e;
		font-size: 0.75rem;
		width: 100%;
		text-align: justify;
		font-style: italic;
	}
	.confirmation_paiement__ {
		background-color: #fff;
		padding: 0%;
		margin: 0%;
	}
	.confirmation_paiement__ h1 {
		color: var(--iflea-color-logo);
		font-size: 1.20rem;
	}
	.confirmation_paiement__ h2 {
		color: var(--iflea-color-commentaire);
		font-size: 1.0rem;
	}
	.confirmation_paiement__ p {
		color: #000;
		font-size: 0.90rem;
	}
	.confirmation_paiement__ p {
		color: #000;
		font-size: 0.90rem;
	}
	.image_font_stripe {
		height: 95px;
		width: 100%;
		background-image: url('../images/stripe.png');
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0%;
	}
	.prix_total____ {
		color: #ff6600;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.annonce_vendu {
		background-color: #ffff;
		color: #ff0000;
		font-weight: bold;
		font-size: 0.85rem;
		padding: 2px;
		margin: 5px;
		border: 2px solid #ff0000;
		padding-left: 4px;
		padding-right: 4px;
		transform: rotate(-15deg);
		position: relative;
		top: -50px;
		right: 15px;
	}
	.annonce_vendu_g {
		background-color: #ffff;
		color: #ff0000;
		font-weight: bold;
		font-size: 1.05rem;
		padding: 8px;
		margin: 10px;
		border: 4px solid #ff0000;
		transform: rotate(-15deg);
		position: relative;
		top: 25%;
		right: -25%;
	}
}