: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;
}

@media only screen and (min-width: 768px) {
	.livraison_button, .livraison_button:hover, .livraison_button:active,
		.livraison_button:focus {
		background-color: #fff;
		color: var(--mondial-relay-color);
		font-size: 0.80rem;
		border-color: #dadada;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.livraison_button_mod, .livraison_button_mod:hover,
		.livraison_button_mod:active, .livraison_button_mod:focus {
		background-color: #fff;
		color: var(--mondial-relay-color);
		font-size: 0.80rem;
		border-color: #dadada;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.livraison_button_choix, .livraison_button_choix:hover,
		.livraison_button_choix:active, .livraison_button_choix:focus {
		background-color: var(--mondial-relay-color);
		color: #fff;
		font-size: 0.75rem;
		border-color: #fff;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.search-button-mondial-relay, .search-button-mondial-relay:hover,
		.search-button-mondial-relay:active, .search-button-mondial-relay:focus
		{
		background-color: var(--mondial-relay-color);
		color: #fff;
		font-size: 0.75rem;
		border-color: #fff;
		text-align: center;
	}
	.search-input-mondial-relay {
		color: var(--mondial-relay-color);
		background-color: #f8f8f8;
		font-size: 0.75rem;
		width: 300px;
		border: 0px;
		padding: 5px;
		margin: 5px;
	}
	.livraison_button_selection {
		color: var(--mondial-relay-color);
		font-size: 0.75rem;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.livraison_description {
		font-size: 0.80rem;
		color: var(--mondial-relay-color);
		width: 100%;
		max-width: 100%;
		padding: 5px;
	}
}

@media only screen and (max-width: 767px) {
	.livraison_button, .livraison_button:hover, .livraison_button:active,
		.livraison_button:focus {
		background-color: #fff;
		color: var(--mondial-relay-color);
		font-size: 0.85rem;
		border-color: #dadada;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.livraison_button_mod, .livraison_button_mod:hover,
		.livraison_button_mod:active, .livraison_button_mod:focus {
		background-color: #fff;
		color: var(--mondial-relay-color);
		font-size: 0.85rem;
		border-color: #dadada;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.livraison_button_choix, .livraison_button_choix:hover,
		.livraison_button_choix:active, .livraison_button_choix:focus {
		background-color: var(--mondial-relay-color);
		color: #fff;
		font-size: 0.85rem;
		border-color: #fff;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.search-button-mondial-relay, .search-button-mondial-relay:hover,
		.search-button-mondial-relay:active, .search-button-mondial-relay:focus
		{
		background-color: var(--mondial-relay-color);
		color: #fff;
		font-size: 0.85rem;
		border-color: #fff;
		text-align: center;
	}
	.search-input-mondial-relay {
		color: var(--mondial-relay-color);
		background-color: #f8f8f8;
		font-size: 0.85rem;
		width: 300px;
		border: 0px;
		padding: 5px;
		margin: 5px;
	}
	.livraison_button_selection {
		margin-top: 10px;
		color: var(--mondial-relay-color);
		font-size: 0.85rem;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.livraison_image {
	padding-top: 20px;
	margin-top: 10px;
}

.livraison_contenant {
	background-color: #fff;
	margin-bottom: 30px;
	margin-top: 10px;
	height: 100%;
}

.image_font_mondial_relay {
	height: 55px;
	width: 150px;
	background-image: url('../images/mondialrelay2.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0%;
	padding-left: 5px;
}