TABLE { table-layout:fixed; margin:0px auto 0px auto; border-collapse:collapse;  }

ASIDE TABLE { font-size:90%; }



TABLE A { display:block; margin:auto; }

TABLE P { margin:0; }


TABLE.full { width:100%; }

TH, TD { vertical-align:top; padding:.1em; }

TH
{ 	font-size:95%; max-width:40%; border-right:1px solid RGBA(0,0,0,.05);
	text-align:right; padding-right:1em; font-weight:normal; color:RGBA(0,0,0,.70);
	width:30%; 
}

TD { font-size:100%; padding-left:1em; text-align:left; }

TD.help { color:var(--grey); font-size:90%; padding-bottom:1.5em; }

THEAD TD { font-weight:normal; }
THEAD TH
{ 	line-height:200%; color:RGBA(0,0,0,.65); font-size:85%;
	/* border-bottom:1px solid RGBA(0,0,0,.2); */
	color:var(--second); font-weight:bold;
}

TABLE.pan TD, TABLE.pan TH { text-align:center; }

/* --- GRID ---- */

TABLE.grid { table-layout:fixed; width:100%; }
TABLE.grid { border-collapse:separate; border-spacing:2px; margin-bottom:1em; }
TABLE.grid TH,TABLE.grid TD { padding:.5em .3em .5em .3em; text-align:center; border:0px; }
/* TABLE.grid THEAD TH { background-color:#EEE; text-align:center; } */

/* TABLE.grid TD, TABLE.grid TH { border-bottom:1px solid var(--line); } */
/* seulement TD, et en haut pour pouvoir avoir une seconde ligne masquée */
TABLE.grid TBODY TD, TABLE.grid TBODY TH { border-top:1px solid var(--line); }
TABLE.grid P I { padding:0; width:1em; }

/* --- STD --- */
/*	Yes-No */

H5,H6 { color:#FFF; text-align:center; font-weight:normal; margin:0px; font-size:1em; /* margin-bottom:2px; */ }
H5 { margin-bottom:1px; }
H6 { position:absolute; top:0px; width:100%; padding:.5em; }
H5.yes,H6.yes { background-color:#46A; }
H5.note,H6.no { background-color:#A21; }
H5.note,H6.note { background-color:#ABC; }

/* free */

TABLE.free { table-layout:auto; }
TABLE.free TH { width:auto; }

/* board */

TABLE.grid.board { table-layout:auto; }
TABLE.grid.board TH { width:auto; }
TABLE.board DIV.visu { display:inline-block; width:1em; height:1.5em; margin-right:.2em; background-color:var(--line); border-radius:.25em; }

TABLE.board TR.extra TD, TABLE.board TR.open TD { border:none; padding-top:0; padding-bottom:0; }
TABLE.board TR TD { overflow:hidden; }
TABLE.board TR TD DIV { transition:height .3s ease; }
TABLE.board TR TD DIV { height:3em; }
TABLE.board TR.extra DIV { height:0em; }

TABLE.board TD SUB { display:inline-block; vertical-align:middle; font-size:90%; }

/*
TABLE.board TR.extra TD DIV { transition:height 1s ease; }
TABLE.board TR.extra TD DIV.open { height:2em; color:#00F; }
TABLE.board TR.extra TD DIV.extra { height:1px; color:#F00;  }
*/

TABLE.large { width:100%; }
TABLE.large TH, TABLE.large TD { padding:.5em; vertical-align:top; }

TABLE.meta { font-size:85%; }
TABLE.meta TD, TABLE.meta TH { padding:.5em; }

TD.url {  word-break:break-all; }

FORM TABLE { width:100%; }