body {font-family: Roboto, sans-serif;
	font-size: 14px;
	background-color:#000000;
	color:#FFFFFF;
	margin: 0; padding: 0;
	width:100%; height:100%;}
a {text-decoration: none;
	color: currentcolor;}
a:hover { text-decoration: underline;}
*, *:before, *:after {box-sizing: border-box;
    outline:none;}
header {text-align: center;
	display: flex;
	justify-content: center;}
img {width: 30px;
	margin : 0 10px 0 -40px}
h1 {font-size: 22px;}
div.grandeboite {display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;}
h2 {font-size: 18px;}
div.box{width: 340px;}
div.box>h2 {color: #000; 
	display: table;
	padding: 5px 30px 5px 30px;
	border-radius: 20px;
	margin: 20px;}
label>b {font-size: 16px;
	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
 	user-select: none;}
span>b {text-decoration: underline;}
div.box-enfant>p {border: solid 2px;
	color: #ffffff;
	display: table;
	padding: 5px 20px 5px 20px;
	border-radius: 20px;
	margin-left: 40px;}
.print a {text-decoration: underline;
	color: #B792FD;}
.web a {text-decoration: underline;
	color: #93FDBF;}
.loin a {font-size: 16px;
	color: #FEF593;}
#fun-fact {background-color: #B792FD;
	color: #000;
	display: table;
	border-radius: 5px;
	padding: 5px;
	text-align: center;}
span.hide {display: none;}
label:hover {cursor: pointer;}
input.seemore {display: none;}
input.seemore:checked~span.hide {display: inline;}
footer {display: flex;justify-content: center;}
@media print {
 body {font-size: 7pt;
	color:#4A4A49 !important;}
span.hide {display: contents;}
div.loin {display: none;}
h1 {font-size: 10pt;}
h2 {font-size: 9pt;}
label>b {font-size: 8pt;
color: #4A4A49 !important;}
a {color: #4A4A49 !important;}
a:after { content: " (" attr(href) ")";}
div.grandeboite {flex-direction: row;
	align-items: flex-start;}
div.box-enfant>p {border: solid 1pt;
	border-color: #4A4A49 !important;
	border-style: dashed;
	page-break-inside: avoid;}}