html,body{margin:0;min-height: 100vh; font-family: Arial;font-size: 14px;letter-spacing: 0.06em;}	
html{display:flex}
body{display:flex;margin:5px;width:100%;box-sizing: border-box;}
	H1{font-size:xx-large;margin:5px;}
	.UserName{font-weight:700;color:navy}
	.space_col{display:flex;flex-direction: column;padding:0px 5px ;}
	.borderleft{border-left: 1px solid red;margin-right:5px;}
	.borderright{border-right: 1px solid red;margin-left:5px;}
	.side{background:#511;}
	.autosize{flex:1 1 100%; width:auto;}
	.wrap{display:flex;flex-wrap: wrap}
	
	.Book{min-width:250px;max-width:400px;background:#F8FAFF;border: 1px solid #004040;border-radius: 5px;padding:3px;margin:5px;display:flex;flex-direction: column;position:relative}
	
	.Cover{height:200px;margin:auto;}
	.selector { position: absolute; top: 170px; left: 2px; }
	.Stat { position: absolute; top: 10px; right: 2px; text-shadow: -1px -1px 1px #111;font-weight:700;text-align:right;}
	.Empr{color:#4D4; text-shadow: 1px 1px #808;}
	.Indisp{ color:#FF8080; text-shadow: -1px -1px 0px #FF0,1px 1px 0px #000;}
	.Emprunteur{color:#F00; text-shadow: 1px 1px #808;text-align:center}
	
	.Book_Info{margin:2px;display: flex;flex-direction: column;flex:1;}
	.Book_Info > div{margin-bottom: 5px}
	.Book_Info > div:last-child{margin-bottom: 0px}
	.ISBN{min-width:150px}
	.Serie{color:#2060D0;font-weight:550;}
	.Tome{color:#D02060;font-weight:normal; }
	.Title{min-width:200px;max-width:250px;color:#601090;font-weight: normal;flex:1;}
	.Price{text-align:right;color:#800}
	.book_group{color:#008;}
	
	._input_{width:150px;margin:2px 0px}
	._input_half{width:73px;margin:2px 0px}
	.form {background:#FFFFF0;border: 1px solid black;border-radius: 10px;padding:5px;margin:5px 0px;}
	
	.BookSerie {min-width:150px;color:#F0F0D0;}
	.BookSerieNb{text-align:right;color:#FA8}
	.NoDec{text-decoration:none; }
	a:link,a:visited {text-decoration: none}
	a:hover {text-decoration: underline;}
	.Book:hover{background:#FFF8F8;border: 1px solid maroon}
	.groups{flex-direction: row;font-size:large;display:inline;background:#3b4045;padding:10px ;}
	.main_group{color:#4bf;margin:4px 0px ;}
	.sub_group{color:#90e0ff;margin:4px 0px ;}
	.groups_list{display: flex;flex-flow:row wrap;padding:0px 10px 10px 10px ;background:#3b4045;}
	.main_group_item{flex: 1 0 250px;flex-direction: column;margin-top:10px;width:250px}
	.sub_group_item{margin-top:2px;margin-left:20px;}

	pre{margin: 0;}
	.nav_title{background:#822;width:auto;margin:4px 0px 4px 0px;padding:8px ;font-family: monospace;white-space: pre}
	.nav_url{color:#FFF}
	.serie_group{display:inline-block;float: center;text-align: center;width:230px;}
	
	input{box-sizing: border-box;}