/*******************************************************************************************************/
/* STYLES PAGE LECTEURS */
/*******************************************************************************************************/

input[type=text],
input[type=password] {
	margin:10px 0 0 0;
	width:20vw;
}

label {
	height:20px;
	margin:1vh 0;
}

#zone_mail {
	display:flex;
}

#zone_login,
#zone_init_pwd,
#zone_pwd_generated,
#zone_change_pwd,
#zone_pwd_changed,
#zone_historique {
	display:none;
}

#zone_mail,
#zone_login,
#zone_init_pwd,
#zone_pwd_generated,
#zone_change_pwd,
#zone_pwd_changed {
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
}

#zone_historique {
	width:100%;
	min-height:10vh;
	margin:0.1vw 0;
	
	background-color:#f9f9f9;
	border:thin solid #bbb;
	border-radius:6px;
}

#cartes_livres {
	border:unset;
}

#loading {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
	height:6vw;
	margin:auto 0;
}

#loading img {
	width:31px;
	height:31px;
}

#loading span {
	margin:0 0 0 10px;
	font-size:1.2em;
}

#bts {
	display:block;
	width:100%;
	text-align:center;
}

#menu_lecteurs {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
}


#mnu_tri_titre,
#mnu_tri_auteur,
#mnu_tri_date,
#mnu_modif_pwd {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:85vw;
	height:70px;
	margin:5vw 0 0 0;
	text-decoration:none;
	background:#00a2e3;
	color:#fff;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
	border:solid #fff;
	border-width:thin;
	border-radius:6px;
	
}

#mnu_tri_titre:before,
#mnu_tri_auteur:before,
#mnu_tri_date:before {
	display:flex;
	content:url('../graphisme/tri_mnu_mobile.png');
}

#mnu_modif_pwd:before {
	display:flex;
	content:url('../graphisme/change_pwd_mnu_mobile.png');
}













@media only screen and (max-width:1210px) {
	input[type=text],
	input[type=password] {
		width:40vw;
	}
}

@media only screen and (max-width:950px) {	
	#bts {
		display:none;
	}
}

@media only screen and (max-width:576px) {
	input[type=text],
	input[type=password] {
		width:65vw;
	}
}