body { background: #ffd879 }

div#whole { max-width: 1200px; padding: 0 3%; margin: auto }
@media (max-width: 800px) {
	div#whole { padding: 0 1% }
}
@media (max-width: 650px) {
	body { font-size: 0.8em }
}

h1 { text-align:center }
p.sub-title { font-size: 1.2em }

div.options {
	border: 1px solid #e05b00;
	background: #ffaf79;
	padding: 0.5em;
	margin: 0.5em 0;
	border-radius: 0.2em;
}

div.type_auteur { overflow: auto; font-size: 1.5em; margin: 0.5em 0 }
div.type_auteur>img { float: left; border: 2px solid black; margin-right: 1em; max-width: 600px }
div.type_auteur>h2 { margin: 0.2em 0 }
div.type_auteur>p { margin: 0.5em 0; text-align:justify }
div.type_auteur>p.note { font: 0.7em sans-serif; color: #666; color: rgba(0,0,0,0.7) }
@media (max-width: 1200px) {
	div.type_auteur>img { width: 40%; margin-right: 0.5em; }
}
@media (max-width: 800px) {
	div.type_auteur { margin: 0.5em 0; font-size: 1em }
}
#niveaux { display:none }
.niveaux {
	display:inline-block; padding: 0.3em 1em; margin: 0.1em;
	background: #f574a4; font-size: 0.8em;
	border-radius: 0.5em;
}
.niveaux p { margin: 0.3em 0 }

/* Quand on affiche un auteur */
#profil { display: none;
	background: #ffaf79;
	border-radius: 0.5em;
	border: 1px solid #e05b00;
	padding: 0.5em;
}
#profil>p>a { color: #29f; font: bold 1em sans-serif }
#profil>h1 { margin: 0 }
#profil>h1>span { color: #a20 }

#profil2, #profil1 { display: flex; flex-wrap: wrap; justify-content: space-between }

#profil2>div.type_auteur { flex-basis: 48% }
#profil2>div.type_auteur>img { width: 50% }
#profil2>div.type_auteur>h2 { font-size: 1.2em }
#profil2>div.type_auteur>p { font-size: 0.8em }

#profil1>div.type_auteur { flex-basis: 31%; }
#profil1>div.type_auteur>img { width: auto; height: 2em; border-width: 1px; }
#profil1>div.type_auteur>h2 { font-size: 1.2em; }
#profil1>div.type_auteur>p { display: none; }

@media (max-width: 1200px) {
	#profil1>div.type_auteur { width: 30%; margin: 0.5em 1% }
}
@media (max-width: 800px) {
	#profil2>div.type_auteur, #profil1>div.type_auteur { display: block; width: auto; margin: 0.5em 0 }
	#profil2>div.type_auteur>p { font-size: 0.8em }
	#profil2>div.type_auteur>img { width: 25%; border-width: 1px }
}