body {
	margin-left: 0;
	margin-right: 0;
}
.body {
	width:				960px;
	margin:				auto;
	background-color:	white;
	border:				1px solid gray;
	padding:			16px;
	max-width:			100%;
	box-sizing:			border-box;
}

@media print {
	.body {
		border:			none;
	}
	.pba {
		page-break-before:	always;
	}
	img, svg {
		page-break-inside:	avoid;
	}
	h2+.img_c, h3+.img_c {
		page-break-before:	avoid;
	}
}

@media screen and (max-width: 480px) {
	.body {
		padding:		16px 8px;
	}
}

p {
	line-height:		120%;
	margin-bottom:		0.25cm;
	text-align:			justify;
	text-indent:		1cm;
}
.toc_1 {
	font-size:			11pt;
	margin-bottom:		0;
	margin-top:			0.2cm;
	text-indent:		0;
}
.toc_2 {
	font-size:			11pt;
	margin-bottom:		0;
	margin-left:		0.5cm;
	margin-top:			0.2cm;
	text-indent:		0;
}
.toc_3 {
	font-size:			11pt;
	margin:				4px 0 0 7em;
	text-indent:		-4em;
}
.toc_1 > a:first-of-type, .toc_2 > a:first-of-type, .toc_3 > a:first-of-type,
h1 > a:first-of-type, h2 > a:first-of-type, h3 > a:first-of-type {
	display: inline-block;
	padding-right: 0.5em;
	text-indent: 0;
}
.toc_1 > a {
	width: 1em;
}
.toc_2 > a {
	width: 2.5em;
}
.toc_3 > a {
	width: 3.5em;
}

.body h2 {
	font-size:			130%;
	margin-bottom:		0.6cm;
	margin-left:		0;
	margin-right:		0;
	text-align:			left !important;
	page-break-inside:	avoid;
	page-break-after:	avoid;
}
.body h3 {
	font-size:			120%;
	margin-left:		0;
	margin-right:		0;
	text-align:			left !important;
	page-break-inside:	avoid;
	page-break-after:	avoid;
}
blockquote {
	margin-bottom:		0;
}
a {
	text-decoration:	none;
}
a:hover {
	color:				red;
}
a.fna {
	position:			relative;
	top:				-4px;
	font-size:			75%;
	font-weight:		bold;
	padding-left:		2px;
}
.sdfootnotes p {
	position:			relative;
	text-indent:		-28px;
	margin-left:		28px;
	margin-bottom:		0;
	font-size:			10pt;
}
.sdfootnotes > p > a:first-of-type {
	position:			relative;
	display:			inline-block;
	top:				-2px;
	font-size:			80%;
	font-weight:		bold;
	padding-right:		4px;
	text-indent:		0;
	width:				24px;
	text-align:			right;
}
.img_c, .txt_c {
	text-align:			center;
	text-indent:		0;
	margin:				0 auto 0.5cm auto;
	page-break-inside:	avoid;
	widows:				0;
	orphans:			0;
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			80%;
	/* max-width: calc(100vw - 32px); */
}
.img_c img {
	padding-bottom:		8px;
}
.img_c .nbr {
	font-weight:		bold;
}
.img_c .pct {
	font-style:			italic;
	font-size:			90%;
}
.img_c .extra {
	font-size:			90%;
	font-style:			italic;
	color:				#666;
}
.ib {
	display:			inline-block;
	max-width:			100%;
}
/* 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 */
.svg {
	/* margin:			16px auto; */
	position:			relative;
	/* z-index:			-1; */
	max-width:			100%;
}
.svg canvas {
	display:			block;
	width:				100% !important;
	visibility:			hidden;
}
svg {
	height:				100%;
	left:				0;
	position:			absolute;
	top:				0;
	width:				100%;
}
span.svg {
	display:			inline-block;
	margin-bottom:		8px;
}
/* Debugging : */
/*
.svg, img {
	outline:			1px dotted #aaa;
}
*/