.records{
	display:flex;
	flex-direction:column;
	}
.records_header{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	}
.records_body{
	display:flex;
	flex-direction:row;
	flex:1;
	min-height: 1px;
	}	
.records_footer{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	}
.records_main{
	display:flex;
	flex-direction:column;
	//justify-content: center;
	flex:1;
	min-width:1px;
	min-height: 1px;
	overflow: scroll;
	align-items: flex-start;
	/* align-items: center; Pose souci en mode flex-grid car les éléments apparaissent tous au centre horizontalement */
	}
.records_noRecords{
	//display: flex;
    //justify-content: center;
   // align-items: center;
	width:100%;
	height:100%;
	min-height: 80px;
	//position:absolute;
	//left:1px;
	//top:1px;
	//width:99%;
	//height:99%;
	//background-color:buttonface; // Pour folder qui nécessite un fond blanc
	opacity:0.9;
	font-size: 14pt;
	//cursor:pointer;
	user-select:none;
	}
.records_recordsUndefined{
	display:flex;
	flex-direction:column;
	align-items: center;
    justify-content: center;
	min-height: 100px;
	background-color:buttonface;
	opacity:0.9;
	font-size: 14pt;
	line-height: 1.4;
	}
.records_noRecords_td{
	text-align:center;
	padding:50px;
	}
.records_cmdPlus{
	position:absolute;
	right:10px;
	bottom:10px;
	cursor:pointer;
	}
.records_cmdPlus[visible=false]{
	display:none;
	}
.records_cmdPlus_img{
	width:30px;
	}
.records_cmdDelete{
	position:absolute;
	//right:40px;
	left:10px;
	bottom:1px;
	cursor:pointer;
	}
.records_top-left{
	display:flex;
	align-items: center;
	//padding:5px;
	}
.records_top-center{
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
	flex:1;
	//padding:5px;
	}
.records_top-right{
	display:flex;
	align-items: center;
	//padding:5px;
	}
.records_bottom-left{
	display:flex;
	align-items: center;
	//padding:5px;
	}
.records_bottom-right{
	display:flex;
	align-items: center;
	//padding:5px;
	}
.records_bottom-center{
	display:flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
	flex:1;
	//padding:5px;
	}
.records_middle-left{
	display:flex;
	flex-direction:column;
	justify-content: center;
	//padding:5px;
	}
.records_middle-right{
	display:flex;
	flex-direction:column;
	justify-content: center;
	//padding:5px;
	}
.records_record_actions{
	display:flex;
	flex-direction:row;
	align-items: center;
	}
.records_record_action{
	margin-left:5px;
	}
.records_barActions{
	display:flex;
	align-items:center;
	margin-top:15px;
	}
.records_action{
	margin-left:2px;
	}
/*
.records_quickButtons{
	display:flex;
	width:100%;
	justify-content: space-around;
	}
*/
.records_quickButton {
	border:outset 2px;
	padding: 2px 15px;
	cursor:pointer;
	}
.records_quickButton[pushed=true]{
	border-style:inset;
	filter: saturate(30%);
	}
.auto_icon{
	cursor:pointer;
	margin:3px;
	}
.auto_icon:hover{
	border:inset 1px;
	margin:2px;
	}
.auto_icon[selected=true]{
	border:inset;
	margin:0px;
	}
.auto_detail{
	display:none
	}
.auto_detail[selected=true]{
	display:block;
	}
.records_choiceElt{
	background: #FFFFFFFF;
	}
.records_choiceElt_item{
	font-weight: bold;
    min-width: 150px;
    text-align: center;
    margin: 10px;
    padding: 10px 30px;
    border: solid 1px;
    border-radius: 5px;
    background-color: #EAEAEA;
	}
.records_recordNotImplented{
	margin:10px;
	padding:5px;
	border:solid 1px #aaaaaa;
	}