.start_logo { height: 30vmin; width: auto; }

#start .textblock { padding: 0 1em 1em 1em; overflow: hidden; max-width: 80%; }

#start .sublayout {
	background-color: #ddd;
	border: 3px solid black;
}

#start .sublayout th { text-align: right; padding-left: 0.5em; }


.home_avatar {
	border: 3px solid black;
	border-radius: 1em;
	padding: 1em;
	font-weight: bold;
	position: absolute;
	width: 20vh;
	left: 65%; left: 65vw;
	top: 35%; top: 35vh;
}
.home_avatar img { position: absolute; 	height: 50vh; left: 5vw; top: 10vh; }

#welcome_text { font-size: 80%; margin: 2em; }
#welcome_text b { text-shadow: 1px 1px gray; font-size: 120%; }
#welcome_text_update { font-size: 100%; }

#browsernotsupported { font-size: 200%; font-weight: bold; color: red; }

#welcome_start_button { font-size: 160%; }

#welcome .version {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 50%;
}
#welcome .sending { position: absolute; bottom: 5px; left: 5px; }

#home_logo { height: 15vmin; width: auto; }
.home_icon img { height: 5vmin; width: auto; }
.home_icon { float: right; font-weight: bold; margin: 1em!important; font-size: 80%!important; border: none!important; background: none!important; box-shadow: none!important; }
#home_connected { text-align: center; height: 5vmin; font-size: 2.5vmin; padding-top: 3vmin; }


#home_col1 input+label {
	display: block;
	padding: 0.8em 0;
	margin: 1em 0.5em;
}
#home_menu_program+label { border-radius: 1em; }

#home_col2 input+label {
	display: block;
	height: 2.8em;
	line-height: 2.8em;
	padding: 0!important;
	margin: 1em 0;
	border-radius: 0.4em;
	text-align: left;
	/* text-shadow: 1px 1px #fff; */
}
#home_col2 input+label img { height: 2.8em; margin-right: 0.5em; float: left; border-radius: 0.2em 0 0 0.2em; }

#home_col3 { padding: 1em 0.5em; }
#home_col3 .home_game_div {
	height: 100%;
	border: 0.2em solid black;
	border-radius: 1em;
	text-align: center;
}

#home_col3 .home_game_div .home_preview {
	border: 0.1em solid black;
	margin: 0.5em;
	height: 24vh;
}

#home_col3 .home_screenshot { height: 30vh; margin: 0.5em 0 0.3em; }
#home_col3 .home_game_div h3 { padding: 0.5em 0 0; font-size: 1.5em; border-top: 0.1em solid black; }
#home_col3 .home_game_div p { margin: 1em; }
#home_col3 .home_game_div p.working { font-size: 80%; font-style: italic; }

.followup_button { font-size: 0.8em; position: absolute; right: 1em; bottom: 1em; }
.followup_button img { height: 8vh; width: 8vh; }

#soutien h4 { font-size: 150%; }
.soutien_highlight {
	color: #e80;
	font-weight: bold;
	font-size: 120%;
}
#soutien fieldset { height: 8em; }
#soutien legend { text-align: left; background-color: white; }
.soutien_button {
	display: inline-block;
	padding: 0.4em 1em;
	background-color: #e80;
	border: 1px solid black;
	color: white;
	font-size: 150%;
	text-decoration: none;
	text-shadow: 0px 0px 2px black;
	border-radius: 2px;
}
#soutien_note { font-size: 80%; max-width: 800px; margin: auto; }

#signup_back_button { font-size: 80%; padding: 0.2em; position: absolute; top: 0; left: 0; }
#signup img { height: 15vh; }
#signup input[type=text] { margin: 0.2em; }
#signup .explain { font-size: 80%; }
#signup .explain ul { text-align: left; margin-bottom: 0; }
#signup .explain li { margin: 0; }
#signup th { width: 40%; text-align: right; }
#signup_pro_details { display: none; }

#cookie .textblock { margin: 2em; max-width: 80%; }


#accountText { text-align: left; font-size: 80%; }
#accountFlushButton { font-size: 60%; }

#patients input[type=button] { display: block; margin: 0.5em auto 0; font-size: 80%; }
#patients input[type=button]+input[type=button] { margin-top: 1.5em; }
#patientsList { font-size: 1em; width: 80%; }
#patientsList option { padding: 0.3em; }
#patientsListSelected { background-color:#7f7; font-weight:bold; }
#patients fieldset { height: 80%; }
#patientAdd input[type=button] { display: block; margin: 0.5em auto; font-size: 80%; }
#patientAdd th { width: 40%; text-align: right; font-weight: normal; }
#patientDetailsText ul { font-size: 80%; }
#patientUpdateButton { font-size: 60%!important; }
#patientLetsGoButton { font-size: 100%!important; background-color: #0b0; }

#home_warning_landscape { display: none; color: red; font-weight: bold; }
@media (orientation: portrait) { #home_warning_landscape { display: block; } }