:root {
	--fontsize: 16px;
	--fontsize9: 14px;
	--fontsize8: 12px;
	--fontsize7: 11px;
}

* {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	background-repeat: no-repeat;
}

body {
	margin-bottom: 32px;
}

.pointer {
	cursor: pointer;
}

.inline-block {
	display: inline-block;
}

.center {
	text-align: center;
}

h1, h2 {
	color: #004990;
	font-weight: normal;
}

h1 a {
	font-size: 0.5em;
}

.EWGSOP {
	font-size: 0.8em;
}

table.EWGSOP {
	border-spacing: 0;
	border-collapse: collapse;
	margin-left: 32px;
}

table.EWGSOP td {
	padding: 1px 4px;
	border: 1px solid darkgray;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.checkbox {
	margin-left: 32px;
}

form {
	display: inline-block;
	margin-left: 16px;
	padding: 2px 8px;
	background-color: lightgray;
	border: 1px solid darkgray;
	font-size: 0.9em;
}

input[type=text] {
	margin-left: 4px;
	width: 4em;
}

textarea[name=resultat] {
	height: 6em;
	background-color: white;
	border: 1px solid green;
	padding: 4px 8px;
	width: calc(100% - 60px);
}

.commande {
	background-position: 0px 0px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid black;
	background-color: #FFF;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.commande:hover {
	background-color: #fef9e7;
}

.reload {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 48 48'%3E%3Cpath style='fill: %23070c2b%3B fill-rule: evenodd%3B' d='M15.518 23.936A8.576 8.576 0 0 0 24 32.606V34.94l-0.944 4.286A15.186 15.186 0 0 1 9 23.936 14.953 14.953 0 0 1 21 9h2l0.048 6.323A8.6 8.6 0 0 0 15.518 23.936Z'/%3E%3Cpath style='fill: %23ffb400%3B fill-rule: evenodd%3B' d='M24 39.275c-0.319 0-.63-0.029-0.944-0.049L24 34.94V32.606a8.672 8.672 0 0 0 0-17.34 8.346 8.346 0 0 0-.949.058L23 13s-0.658-4.4 1-4.4A15.172 15.172 0 0 1 39 23.936 15.172 15.172 0 0 1 24 39.275Z'/%3E%3Cpath style='fill: %23ffb400%3B fill-rule: evenodd%3B' d='M26.005 42V28L19 35Z'/%3E%3Cpath style='fill: %23070c2b%3B fill-rule: evenodd%3B' d='M21.989 6V19l6.024-6.494Z'/%3E%3C/svg%3E");
}

.copy {
	background-position: 2px 2px;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 128 128'%3E%3Cpath d='M40 18.3V14c0-5.5 4.5-10 10-10h45.9c2.7 0 5.2 1.1 7.1 2.9l14.1 14.1c1.9 1.9 2.9 4.4 2.9 7.1V99 c0 5.5-4.5 10-10 10H85.3' fill='%2342ACB7'/%3E%3Cpath d='M94 109V43.1c0-5.3-2.1-10.4-5.9-14.1L74 14.9C70.2 11.1 65.2 9 59.9 9H41.3c-0.9 1.5-1.3 3.2-1.3 5v4.3 L85.3 109H94z' opacity='0.1'/%3E%3Cpath d='M74 124H14c-5.5 0-10-4.5-10-10V29c0-5.5 4.5-10 10-10h45.9c2.7 0 5.2 1.1 7.1 2.9l14.1 14.1 c1.9 1.9 2.9 4.4 2.9 7.1V114C84 119.5 79.5 124 74 124z' fill='%23F0EF98'/%3E%3Cpath d='M14 114V29c0-5.5 4.5-10 10-10H14C8.5 19 4 23.5 4 29v85c0 5.5 4.5 10 10 10h10C18.5 124 14 119.5 14 114z' fill='%23FFFFFF'/%3E%3Cpath d='M14 125.5h60c6.3 0 11.5-5.2 11.5-11.5v-3.5H110c6.3 0 11.5-5.2 11.5-11.5V28.1c0-3.1-1.2-6-3.4-8.1L104 5.9 c-2.2-2.2-5.1-3.4-8.1-3.4H50c-6.3 0-11.5 5.2-11.5 11.5v3.5H14C7.7 17.5 2.5 22.7 2.5 29v85C2.5 120.3 7.7 125.5 14 125.5z M41.5 14c0-4.7 3.8-8.5 8.5-8.5h45.9c2.3 0 4.4 0.9 6 2.5L116 22.1c1.6 1.6 2.5 3.7 2.5 6V99c0 4.7-3.8 8.5-8.5 8.5H85.5v-17H109 c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5H85.5v-17H109c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5H85.5V43.1c0-3.1-1.2-6-3.4-8.1 L68 20.9c-2.2-2.2-5.1-3.4-8.1-3.4H41.5V14z M5.5 29c0-4.7 3.8-8.5 8.5-8.5h45.9c2.3 0 4.4 0.9 6 2.5L80 37.1c1.6 1.6 2.5 3.7 2.5 6 V114c0 4.7-3.8 8.5-8.5 8.5H14c-4.7 0-8.5-3.8-8.5-8.5V29z' fill='%2362355C'/%3E%3Cpath d='M19 105.5h50c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5H19c-0.8 0-1.5 0.7-1.5 1.5S18.2 105.5 19 105.5z' fill='%2362355C'/%3E%3Cpath d='M19 85.5h50c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5H19c-0.8 0-1.5 0.7-1.5 1.5S18.2 85.5 19 85.5z' fill='%2362355C'/%3E%3C/svg%3E");
	vertical-align: baseline;
}

@media print {
	* {
		font-size: var(--fontsize8);
	}
	.commande, img {
		display: none;
	}
}

[type="reset"], .reset {
cursor: pointer;
background-color: #680000;
border: 1px solid #680000;
color: white;
border-radius: 4px;
padding: 2px 16px 2px 16px;
}
[type="reset"]:hover, .reset:hover {
color: #680000;
background-color: white;
}
[type="reset"]:disabled, .reset:disabled  {
background-color: #ccc;
}

[type="submit"], .submit {
cursor: pointer;
background-color: #006800;
border: 1px solid #006800;
color: white;
border-radius: 4px;
padding: 2px 16px 2px 16px;
}
[type="submit"]:hover, .submit:hover {
color: #006800;
background-color: white;
}
[type="submit"]:disabled, .submit:disabled  {
background-color: #ccc;
}