.visages_portrait {
	display: inline-block;
	padding: 1vh;
	margin: 1vh;
	border: 1px solid black;
	border-radius: 0.4em;
	background-color: #ddd;
	font-size: x-large;
}
.visages_portrait img { border-radius: 0.4em; max-width: 15vw; max-height: 30vh; }
#visages_game2 .visages_portrait img { width: 10vw; }
#visages_place1, #visages_label1 { width: 25vh; height: 25vh; margin: auto; }
#visages_bulle1 {
	position: absolute;
	display: none;
	height: 2em;
	line-height: 2em;
	padding: 0.3em 0.6em;
	font-weight: bold;
	font-size: 1.2em;
	background-color: white;
	border: 1px solid black;
	border-radius: 10px;
	transition: opacity .5s ease-in-out;
	opacity: 0;
}

.visages_label2 {
	border: 1px solid black;
	background-color: white;
	border-radius: 10px;
}
.visages_target { width: 10vw; height: 5vh; }
.visages_place2, .visages_label2 { width: 20vw; height: 10vh; }
.visages_label2 { line-height: 10vh; font-weight: bold; font-size: 6vh; }
.visages_place2 { display: inline-block; margin: 1vh; }
.visages_target { border: 1px dashed black; border-radius: 10px; }
.visages_label2.fixed { line-height: 5vh; font-size: 3vh; width: 10vw; height: 5vh; }
.visages_label2.moving { box-shadow: 10px 10px 5px #656565; }

#visages_part2 {
	max-height: 100%;
	overflow-y: auto;
}

.visages_typing { font-weight: bold; font-size: 0.8em; }
.selected .visages_typing { background-color: #fff; border: 1px solid black; border-radius: 0.4em; }
#visages_part2_faces .selected { background-color: #afa; }

#visages_part2_names input { 
	box-shadow: none;
	padding: 0.2em 0.5em;
	border-width: 0.1em;
	margin: 0.2em;
 }

.visages_summary_portrait {
	display: inline-block;
	vertical-align: top;
	padding: 0.5em;
	height: 10em;
	width: 8em;
	margin: 1vw;
	border: 1px solid black;
	background-color: #ddd;
	border-radius: 10px;
}
.visages_summary_good { background-color: #bfb; }
.visages_summary_bad { background-color: #faa; }
.visages_summary_portrait img { width: 5em; height: auto; border-radius: 10px; }