body { 
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	padding: 20px; 
	background: #eee 
}
.title {
	padding: 0px 15px;
	margin: 0px;
	margin-bottom: 20px;
	background-color: gray;
	color: white;
	box-shadow: 5px 5px 5px 0px silver;
	display: flex;
	position: relative;
	align-items: center;
}
.title>div { margin: 10px 5px }
.title h1 { margin: 0px; padding: 0px }
.title button { padding: 10px 20px; margin: 10px; font-size: 24px; color: white; background-color: #829aa8;/*#30c005;*/ border: none; border-radius: 5px; cursor: pointer; width: 150px }
.items { display: flex }
.item {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 15px;
	background: #fff;
	margin-top: 10px;
	max-width: 500px;
	box-shadow: 5px 5px 5px 0px gray;
}
h2 {
	padding: 0px;
	margin: 0px;
}
.prod { background-color: #ccc; padding: 10px; color: black; margin-bottom: 20px }
.space, .price { 
  padding: 5px;
	display: flex;
	margin: 5px 0px;
	border: 1px solid #eee;
}
.price {
	cursor: pointer;
	background-color: #eee;
}
.price:hover {
	background-color: #25a010;
	color: white;
}
.fl { display: flex }
.fc { display: flex; flex-direction: column }
.fw { display: flex; flex-wrap: wrap }
.bl { align-items: baseline }
.aic { align-items: center }
.f1 { flex: 1 }
.rp .rp { display: none }
.cp, .cp * { cursor: pointer }
.ln { color: dodgerblue }
.v5 { padding: 5px 0px }
.h5 { padding: 0px 5px }
.p5 { padding: 5px }
.r5 { margin-right: 5px }
.l5 { margin-left: 5px }
.sn { user-select: none }
.hr { border-bottom: 1px solid #ccc; margin-bottom: 8px}
.red { color: red }
.D { width: 30px; display: flex; margin-right: 5px; border: 1px solid #eee }
.D * { flex: 1}
.B { background-color: blue }
.W { background-color: white }
.R { background-color: red }
.thanks { display: inline-block; background-color: #25a010; padding: 20px; margin-top: 10px; color: white }
.note { margin-top: 50px; display: flex	}
.note,
.copy,
.copy a { color: #ccc }
#wait {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
	background: url("/?originalUrl=https%3A%2F%2Fstore.execute.fr%2Fwait.gif") no-repeat center;
}
.popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 50;
	align-items: center;
	justify-content: center;
	display: none;
}
section {
	display: none;
	flex-direction: column;
	user-select: none;
	border: 1px solid  #96aab6;
	border-radius: 3px;
	box-shadow: 5px 5px 5px 0px silver;
}
header { font-size: 26px; font-weight: bold; color: #fff; background-color:#829aa8; padding: 10px 20px; margin: 0px }
footer { background-color: #fff; padding: 20px; display: flex; flex-direction: column }
footer>* { margin: 5px 0px }
.dialogs label  { color: #333; font-weight: bold }
.dialogs button,
.dialogs input { display: block; font-size: 13px; color: #333; border: 1px solid #ccc; padding: 10px }
.popup button { padding: 0px 12px; background-color: #eee; background-image: linear-gradient(#fcfcfc, #eee); border: 1px solid #d5d5d5; cursor: pointer; padding: 10px }
.getpwd { font-size: small; color: #0366d6 }
.getpwd span { cursor: pointer }
.msg button { padding: 10px; width: 60px }
#register { width: 300px }
#cartList>div {display:flex}
#cartList>div>span{padding: 5px}
#cartList>div>span:first-child { flex: 1; flex-basis: auto}
#cartList>div>span.del { color: #fff; background-color: #f44; padding: 0px 10px; margin: 1px; font-size: 22px; cursor: pointer; height: 25px }
#cartList>div>span.total { font-weight: bold }
#cart button { padding: 10px; width: 120px; align-self: flex-end; cursor: pointer }
.orders { display: flex; }
.order { 
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 15px;
	background: #fff;
	margin-top: 10px;
	max-width: 800px;
	box-shadow: 5px 5px 5px 0px gray; }
.order div { padding: 5px 0px }
.order .total {padding: 10px 0px; font-weight: bold}
.order div.btn { padding: 10px; margin: 1px; width: 100px; background-color: #829aa8; border-radius: 4px; color: white; text-align: center; cursor: pointer}
#iban footer { user-select: text }
.items .f1 {
	display: flex;
	flex-wrap: wrap;
}
.items .f1 .item+.item { margin-left: 10px }
.popupMenu {
	padding: 10px;
}
.popupMenu:hover {
	background-color: #ccc;
	border-radius: 4px;
}
.popupMenu div {
	position: relative;
	width: 30px;
	height: 17px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	cursor: pointer;
}
.popupMenu div:before {
	content: ' ';
	position: absolute;
	top: 6px;
	left: 0px;
	height: 4px;
	width: 100%;
	background-color: white;
}
#menu {
	position: absolute;
	top: 100%;
	right: 0px;
	background-color: gray;
	display: none;
	flex-direction: column;
  flex-wrap: wrap;
	align-items: center;
}
#menu.toggle {
	display: flex;
}
@media screen and (min-width: 600px) {
  .popupMenu { display: none }
	#menu {
		position: static;
		display: flex;
		flex-direction: row;
	}
}