/* @override http://lamaisondanoise.dev/style/commande.css */

#wrapper #main #content input {
	width: inherit;
	font-size: inherit;
}


p.annonce {
	text-align: center;
	font-size: 13px;
	background-color: rgba(255,255,0,0.4);
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 40px;
	line-height: 18px;
}
p.annonce.info {
	background-color: rgba(100,100,255,0.2) !important;
}

#produit-illustration {
		position: fixed;
		display: none;
		z-index: 9000;
		border: 5px solid white !important;
		max-width: 300px;
		max-height: 150px;
	}

div.produit {
	position: relative;
	padding: 15px 230px 10px 15px;
	border-bottom: 2px solid white;
	background-color: rgba(255,255,255,0.5);
}

	div.produit.even {
		background-color: rgba(226,235,245,0.5);
	}

	div.produit:hover {
		background-color: rgba(0,0,0,0.1);
	}

	div.produit div.alerte-epuise {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		background-image: url(../images/commande-epuise.png);
		background-repeat: no-repeat;
		background-position: 100% 0;
		z-index: 10;
	}
	div.produit.epuise div.tarif {
		visibility: hidden;
	}
	div.produit.epuise div.quantite {
		color: #ccc;
	}
	div.produit.epuise {
		height: 40px;
	}

	div.produit.nouveau {
		background-image: url(../images/commande-nouveau.png);
		background-repeat: no-repeat;
		background-position: 100% 0;
	}

	div.titre span.classe {
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		color: blue;
	}

	div.titre span.nom {
		display: inline;
		padding-left: 10px;
		font-size: 15px;
		color: red;
		white-space: pre-wrap;
	}

	div.poids {
		position: absolute;
		top: 15px;
		right: 120px;
		width: 100px;
	}

	div.description {
		margin: 10px 0 5px 0;
	}

	div.tarif {
		position: absolute;
		top: 10px;
		right: 80px;
		width: 60px;
		text-align: center;
	}
		div.tarif span.prix {
			font-size: 15px;
		}
		div.tarif span.indication {
			display: block;
			font-size: 10px;
			color: gray;
			padding-top: 3px;
		}

	div.produit div.quantite {
		position: absolute;
		top: 7px;
		right: 10px;
		width: 80px;
		text-align: right;
	}
		div.produit div.quantite label {
			padding-right: 5px;
		}
		div.produit div.quantite input {
		  width: 30px !important;
		  font-size: 20px !important;
		  text-align: right;
		}


	div#total {
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		background: #fff;
		background: rgba(255,255,255,0.8);
		padding: 0;
	}
		div#total .wrap {
			width: 920px;
			margin: auto;
			padding: 20px 20px 40px 20px;
			text-align: right;
		}

		div#total div.quantite,
		div#total div.prix {
			text-align: left;
			font-size: 14px;
		}

		div#total div.prix {

		}

		div#total span.value {
			font-weight: bold;
			font-size: 20px;
		}



	div#notice {
		margin-top: 20px;
		text-align: center;
		font-size: 14px;
		font-style: italic;
	}


	div#infos {
		margin-top: 40px;
		padding-left: 30px;
	}
		div#infos div.line {
			margin-bottom: 4px;
		}

		div#infos label {
			display: inline-block;
			margin-left: 10px;
			width: 100px;
			font-size: 13px;
		}

		div#infos input[type=text] {
			display: inline-block;
			margin-right: 20px;
			width: 160px !important;
		}

		div#infos input#total {
			width: 30px !important;
		}


	div.bouton {
		margin-top: 20px;
		text-align: center;
	}
		div.bouton input {
			width: 200px !important;
		}


div#modal {
	position: fixed;
	background-color: rgba(255,255,255,0.3);
	z-index: 2000;
	padding: 15px;
	margin: 0 80px;
	width: 500px;
	border: 15px solid rgba(255,60,60,0.9);
}
div#modal h2 {
	color: #f33;
	text-align: center;
}
div#modal p {
	font-size: 13px;
	padding: 3px 15px;
}
div#modal-wrap {
	position: absolute;
	z-index: 1999;
	width: 700px;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
}


div#covid-disclaimer {
	font-size: 13px;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 1px solid blue;
	padding: 20px;
}

div#covid-disclaimer .title {
	color: red;
}

div.covid-hide {
	display: none;
}