HTML.player {
	width: 100%;
	height: 100%;
}
BODY.player {
	width: 100%;
	height: 100%;
	margin: 0;		/* obligatoire */
	/* padding et margin possible mais incompatible avec 100% */
	overflow: hidden;
}
.player-table {
	display: table;
	/* padding et margin possible mais incompatible avec 100% */
	width: 100%;
	height: 100%;
}
.player-row {
	display: table-row;
	/* pas de padding ni margin */
}

/* header */
.player-header-left {
	display: table-cell;
}
.player-header {
	display: table-cell;
	padding: 0.2em;
	padding-bottom: 0;	/* merge with folder-article-cell100 padding-top */
	/* pas de margin */
	box-sizing: border-box;
}
.debugStruct .player-header {
	border: 4px dashed black;
	height: 200px;
	color: orangeRed;
}
.player-header-right {
	display: table-cell;
}

/* center */
.player-row100 {
	display: table-row;
	/* pas de padding ni margin */
	height: 100%;
}
.player-center-left {
	display: table-cell;
}
.debugStruct .player-center-left {
	width: 300px;
}
.player-center-right {
	display: table-cell;
}
.debugStruct .player-center-right {
	width: 300px;
}
.player-cell100 {
	display: table-cell;
	/* pas de margin */
	height: 100%;
	box-sizing: border-box;
}
.debugStruct .player-cell100 {
	border: 4px dashed lime;
}

/* footer */
.player-footer-left {
	display: table-cell;
}
.player-footer {
	display: table-cell;
	/* pas de margin */
	box-sizing: border-box;
}
.debugStruct .player-footer {
	border: 4px dashed black;
	height: 200px;
}
.player-footer-left {
	display: table-cell;
}

/* content */
.content-root {
	position: relative;				/* allow position absolute for slideleft and slideup */
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}
.debugStruct .content-root {
	border: 4px dashed red;
}
.content-absolute {
	position: absolute;				/* obligatoire */
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow: auto;
}
.debugStruct .content-absolute {
	border: 4px dashed lime;
}