: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: #43bbed;
	--iflea-color-logo2: #18da2a;
	--iflea-color-logo3: #108fa8;
	--iflea-color-logo4: #000000;
}

.scroll-container {
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
	scrollbar-width: var(--iflea-bt6-bg-color);
}

.image {
	display: inline-block;
	height: 150px;
	margin-right: 10px;
	cursor: pointer;
}

.image_add {
	display: inline-block;
	width: 30px;
}

.image_mv {
	display: inline-block;
	width: 30px;
}

.scroll-container::-webkit-scrollbar {
	height: 12px;
}

.scroll-container::-webkit-scrollbar-thumb {
	background-color: var(--iflea-color-logo);
	border-radius: 6px;
}

.scroll-container::-webkit-scrollbar-track {
	background-color: var(--iflea-bt4-bg-color);
	border-radius: 10px;
}

.custom-div {
	width: 150px;
	height: 150px;
	background-color: rgb(255, 255, 255);
	color: white;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.arrow-container {
	width: 20px;
	margin-top: -100px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	color: var(--iflea-bt4-bg-color);
	font-size: 1.2rem;
}

.arrow-link {
	text-decoration: none;
	color: var(--iflea-color-logo);
}

.arrow-link:hover {
	text-decoration: none;
	color: var(--iflea-bt4-bg-color);
}

.image-container {
	position: relative;
	width: 140px;
	height: 150px;
	background-color: #7C3030;
}

.arrow-remove {
	position: absolute;
	top: 15px;
	right: 15px;
}

.arrow-remove svg {
	color: #ff000d;
	font-size: 1.2rem;
}

.nouvelle_annonce_titre {
	color: var(--iflea-color-logo);
	font-size: 1.2rem;
	text-align: center;
	width: 100%;
	padding: 10px;
}