@media (prefers-color-scheme: light) {
	body {
		background-color: #fff2cc;
		/*background-image: url("images/logo-rouge.jpg");	*/
	}
}

#suggestions-edit {
	
}

#suggestions-edit .produit input {
	width: 40vw;
	height: 3em;
}


#suggestions-edit .produit .prix {
	width: 10vw;
	height: 3em;
}

#suggestions-edit .produit button {
}

/* specific size for target device */
body {
	max-width: 1333px;
	max-height: 764px;
	/* full screen size without top status/notification/clock bar: */
	/* max-height: 800px; */
}

/* TODO: change from flexbox to grid */

main {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	/* responsive by adding: */
	/* flex-wrap: wrap; */
}

.column {
	display: flex;
	flex-direction: column;
	width: 100%;
	/* responsive (but maybe we don't want that) with : */
	/* justify-content: space-between; */
}



button {
	padding-top: 1em;
	padding-bottom: 1em;
}

menu {
	display: flex;
	justify-content: space-evenly;
	padding: 0;
	width: 100%;
	margin-top: 10px;
	align-items: normal;
}