dt {
	font-weight:		bold;
	width:				30%;
}
dd {
	width:				70%;
}
h3, ol.h3, h4 {
	text-align:			left !important;
	clear:				both;
}
h4 {
	margin-top:			0;
	margin-bottom:		0;
}
ol.h3 {
	color:				#de4918;
	page-break-after:	avoid;
	font-weight:		bold;
	font-size:			110%;
}
dd > small {
	color:				gray;
}
ul.compact ul.compact {
	max-height:			320px;
	overflow:			scroll;
	font-size:			75%;
	border:				1px solid gray;
	font-family:		sans-serif;
	background-color:	white;
}
li > .nbr {
	display:				inline-block;
	width:				36px;
	text-align:			right;
	font-size:			80%;
}
li > .pct {
	display:				inline-block;
	width:				64px;
	text-align:			right;
	font-weight:		bold;
	font-size:			90%;
}
li > .txt {
	vertical-align:	top;
	display:				inline-block;
	max-width:			80%;
}
li > .mul {
	color:				red;
	font-style:			italic;
}
.users {
	column-width:		<? echo SHOW_PARTIAL ? 21 : 17 ?>em;
}
.users ol {
	margin-top:			0;
}
.users li span[id], .stats span[id] {
	color:				#f80;
	cursor:				pointer;
}
.users li span[id]:hover, .stats span[id]:hover {
	color:				#ff4040;
}
#infolayer {
	position:			fixed;
	top:					0;
	left:					0;
	text-align:			center;
	background-color: rgba(0,0,0,0.1);
	width:				100%;
}
#infolayer .hdr, #infolayer .contents {
	border:				1px solid red;
	border-radius:		8px;
	background-color:	#fefece;
	margin:				16px auto;
	box-shadow:			10px 10px 5px grey;
}
/* Cases de fermeture */
#infolayer .close {
	position:			absolute;
	top:					16px;
	right:				16px;
	font-size:			150%;
	cursor:				pointer;
	text-shadow:		10px 10px 5px grey;
}

#infolayer .hdr {
	padding:				8px;
	display:				inline-block;
}
@media screen and (max-height: 480px) {
	/* Ajustements smartphones */
	#infolayer .hdr {
		font-size:		90%;
	}

	#infolayer .hdr h2 {
		font-size:		110%;
	}
}
#infolayer .hdr *:first-child {
	margin-top:			0;
}
#infolayer .hdr *:last-child {
	margin-bottom:		0;
}
#infolayer .contents {
	max-height:			calc(100vh - 12em);
	max-width:			calc(100vw - 7em);
	overflow:			auto;
	font-size:			80%;
	padding:				16px;
	text-align:			left;
}
/* L’utilisation de div.svg, canvas et des styles qui s’y appliquent est nécessaire pour
	pallier un bug d’Internet Explorer. Les autres navigateurs n’ont pas besoin de ça.
	Voir http://nicolasgallagher.com/canvas-fix-svg-scaling-in-internet-explorer/
	et https://codepen.io/tomByrer/pen/qEBbzw?editors=1100 */
div.svg {
	width:				800px;
	max-width:			100%;
	margin:				16px auto;
	position:			relative;
	z-index:				-1;
}
div.svg > canvas {
	display:				block;
	width:				100% !important;
	visibility:			hidden;
}
svg {
	height:				100%;
	left:					0;
	position:			absolute;
	top:					0;
	width:				100%;
}