body.skinX → override des vars de :root
le nbde skin est calculé auto en js (par le nb de titres entre fleches )
*/

/* réglages par défaut */
body { --favicon-color:var(--color); }


.skin1 { /* --> Basic white <-- fond blanc, simple */
	--bgcolor:rgb(245,245,245); 			--color:rgb(30,30,30);		
	--low-color:#ff444b; /* gris #bebebe; */ /*--low-color:#f9c229; jaune chaud */
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color);	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor); 	--read-color:	var(--color);
}
.skin1 section.fiche { border-color:var(--color); }
/*.skin1 section.fiche .links ul { background:var(--fiche-bgcolor); }*/
.skin1 section.fiche .links :is(li, li a) { color:var(--color); }
.skin1 section.fiche :is(.date, .date a), .skin1 section.fiche .files :is(li, li a) { color:var(--low-color); }
.skin1 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }

.skin2 { /* --> Black gold <-- fond noir + doré */
	--bgcolor:#201F27; /*rgb(20,20,20);*/ 			--color:rgb(245,245,245);		
	/*--low-color:#d0ae64; doré */ /*doré aussi #D2AB57;*/ /*--low-color:#f9c229; jaune chaud*/
	--low-color:#fff565; /* jaune froid*/ /*--low-color:#00ffd5; blue */
	--low-color:#ffe746; --low-color:rgb(69, 231, 157);
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor); 		--read-color:	var(--color);
	--favicon-color:	var(--low-color);
}
.skin2 section.fiche, .skin2 section.fiche header { border-color:var(--color); }
.skin2 section.fiche header { background-color: var(--low-color); }
/*.skin2 section.fiche .links ul { background:var(--fiche-bgcolor); }*/
/*.skin2 section.fiche .links :is(li, li a) { color:var(--bgcolor); }*/
.skin2 section.fiche :is(.date, .date a), .skin2 section.fiche .files :is(li, li a) { color:var(--low-color); }

.skin3 { /* --> Fallout HUD <-- */
	/* rgba(69, 231, 157, .4) = #268152 ou rgb(38,129,82) */
	--bgcolor:rgb(16, 61, 32); 		--color:rgb(69, 231, 157);		--low-color:rgb(38,129,82);
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--color);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
	--favicon-color:	var(--bgcolor);
}
.skin3 section.fiche header { background-color: var(--low-color); color:var(--color); }
.skin3 section.fiche header h1::before { background:var(--color); }
.skin3 section.fiche header nav li { color:var(--bgcolor); }
/*.skin3 section.fiche .links li a { color:var(--bgcolor); }*/
.skin3 section.fiche .links :is(li, li a) { color:var(--bgcolor); }
/*.skin3 section.fiche .links ul { background:var(--fiche-bgcolor); }*/

.skin4 { /* --> Deep blue <-- */
	/* rgba(3, 255, 250, .7) = #02c0bc ou rgb(2,192,188) */
	--bgcolor:rgb(0, 44, 44); 		--color:rgb(3, 255, 250);		--low-color:rgb(2,192,188);
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
	--favicon-color:	var(--bgcolor);
}
.skin4 section.fiche header { background-color: var(--low-color); }
/*.skin4 section.fiche .links li a { color:var(--bgcolor); }*/
.skin4 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

.skin5 { /* --> Light blue <-- */
	--bgcolor:rgb(1, 187, 214); 	--color:rgb(157, 242, 253);		/*--low-color:rgb(157, 242, 253, .8);*/
																	--low-color:#c3f7fe;
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
}
.skin5 section.fiche header { background-color: var(--low-color); }
/*.skin5 section.fiche .links li a { color:var(--bgcolor); }*/
.skin5 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

.skin6 { /* --> BSOD <-- base bleue intense */
	--bgcolor:#0031D0; 			--color:#B6F9FB;		--low-color:#6CA3F6; /*rgb(243,208,61);*/
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
	--favicon-color:	var(--bgcolor);
}
/*.skin6 section.fiche .links ul { background:var(--fiche-bgcolor); }*/
.skin6 section.fiche header { background-color: var(--low-color); }
/*.skin6 section.fiche .links li a { color:var(--bgcolor); }*/
.skin6 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

.skin7 { /* --> Com Truise <-- */
	/* rgba(255, 210, 199, .65) = #ffaa99 ou rgb(255,170,153) */
	--bgcolor:rgb(255, 94, 67); 	--color:rgb(255, 210, 199);		--low-color:rgb(255,170,153);
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
	--favicon-color:	var(--bgcolor);
}
.skin7 section.fiche header { background-color: var(--low-color); }
/*.skin7 section.fiche .links li a { color:var(--bgcolor); }*/
.skin7 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

/*.skin8 {  Vintage orange  nice vintage orange and white and black *** 
	--bgcolor:rgb(238,80,35); 			--color:#E0D6D5;		--low-color:var(--color);
	--bgcolor:rgb(248,100,55); 			
	--family-bgcolor:	#231F20; 			--family-color:	var(--color);
	--wiki-bgcolor:		#231F20; 			--wiki-color:	var(--color);
	--fiche-bgcolor:	var(--color); 		--fiche-color:	#231F20;
	--read-bgcolor:		var(--color); 		--read-color:	#231F20;
	--favicon-color:	var(--bgcolor);
}*/

.skin8 { /* --> Truise Com <-- Com Truise inversé :) */
	/*--bgcolor:rgb(48,32,24);*/
	--bgcolor:rgb(45,35,35); 	/*--color:rgb(236,88,59);		--low-color:rgb(238,58,47);	*/
	--color:rgb(255, 94, 67); /*--low-color:#e0e0e0;*/	--low-color:rgb(255, 210, 199);
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
}
.skin8 section.fiche header { background-color: var(--fiche-bgcolor); }
/*.skin8 section.fiche .links li a { color:var(--bgcolor); }*/
.skin8 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

.skin9 { /* --> Night City RED <--  */
	/* rgba(233,0,3,.7) = #b50003 ou rgb(181,0,3) */
	/*--bgcolor:rgb(58,1,2); 		--color:rgba(233,0,3);		--low-color:rgb(250,180,67);*/
	--bgcolor:#3a0810; 		--color:#ff6159;		--low-color:#ff3b44;
	--bgcolor:#22151b;		/*--color:#ff5c54;*/
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
}
.skin9 section.fiche header { background-color: var(--fiche-bgcolor); }
/*.skin9 section.fiche .links li a { color:var(--bgcolor); }*/
.skin9 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

.skin10 { /* --> Militech Blue <-- */
	--bgcolor:#041724; 			--color:#35d8e2;		--low-color:#b7f1eb;
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--color); 		--read-color:	var(--bgcolor);
}
.skin10 section.fiche header { background-color: var(--low-color); }
/*.skin10 section.fiche .links :is(li, li a) { color:var(--low-color); }*/
.skin10 section.fiche header nav li { background-color:var(--color); }
.skin10 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }
/*.skin10 section.fiche .links li a { color:var(--bgcolor); }*/
.skin10 section.fiche .links :is(li, li a) { color:var(--bgcolor); }

.skin11 { /* --> Deckard <-- */
	--bgcolor:rgb(52,50,70); 		--color:rgb(245,68,111);		--low-color:#f75f84;
	--bgcolor:rgb(42,40,60); 	--low-color:#fc93ad;
	--bgcolor:rgb(42,40,70);
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--low-color); 	--read-color:	var(--bgcolor);
}
.skin11 section.fiche .files .pl-dropzone {
	background-image: linear-gradient(-45deg, var(--color) 25%, transparent 25%, transparent 50%, var(--color) 50%, var(--color) 75%, transparent 75%, transparent);
}

.skin12 { /* --> Purple magic <-- base bleu-violet et rose zarb, comp jaune... argh :); */
	--bgcolor:rgb(29,32,137); 	--color:rgb(237,120,168);		--low-color:rgb(238,152,187);		
	--family-bgcolor:	var(--color); 	--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 	--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--low-color); 		--read-color:	var(--bgcolor);
}
.skin12 section.fiche .links li a { color:var(--bgcolor); }
.skin12 section.fiche .files .pl-dropzone {
	background-image: linear-gradient(-45deg, var(--color) 25%, transparent 25%, transparent 50%, var(--color) 50%, var(--color) 75%, transparent 75%, transparent);
}

/*.skin13 {  Retro yellow foncé et jaune 
	--bgcolor:rgb(20,20,20); 	--color:rgb(237,185,24);		--low-color:rgba(237,185,24,.75);
	--bgcolor:#141414; 			--color:rgb(247,231,57);		--low-color:#f6ea65;
								--color:rgb(243,208,61);		
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--low-color); 		--read-color:	var(--bgcolor);
}*/
/*.skin13 section.fiche header { background-color: var(--fiche-bgcolor); }*/

/*.skin14 {  Simple yellow fond jaune 
	--bgcolor:#F0BB33; 	--color:#2E2E26;		--low-color:#F1EADD;
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--color);
	--read-bgcolor:		var(--bgcolor); 		--read-color:	var(--color);
	--favicon-color:	var(--bgcolor);
}
.skin14 section.fiche header { background-color: var(--low-color); color:var(--color); }
.skin14 section.fiche header h1::before { background:var(--color); }
.skin14 section.fiche, .skin14 section.fiche header { border-color:var(--color); }
.skin14 section.fiche .links ul { background:var(--color); }
.skin14 section.fiche .links :is(li, li a) { color:var(--low-color); }
.skin14 section.fiche :is(.date, .date a), .skin14 section.fiche .files :is(li, li a) { color:var(--color); }
.skin14 section.fiche header nav li { border-color:var(--color); }
/*.skin14 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }*/


/*
#F0BB33
 --low-color:#f9c229; jaune chaud
	--low-color:#fff565; /* jaune froid*/
.skin13 { /* --> DOS Yellow <-- */
	--bgcolor:#101010; 	--color:#ffe742;		--low-color:#fff;
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor);		--read-color:	var(--color);
	--favicon-color:	var(--bgcolor);
}
.skin13 section.fiche, .skin13 section.fiche header { border-color:var(--color); }
/*.skin13 section.fiche .links ul { background:var(--color); }*/
/*.skin13 section.fiche .links :is(li, li a) { color:var(--bgcolor); }*/
.skin13 section.fiche :is(.date, .date a), .skin13 section.fiche .files :is(li, li a) { color:var(--low-color); }
.skin13 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }

.skin14 { /* --> DOS Green <-- */
	--bgcolor:#101010; 	--color:#32FF32;		--low-color:#fff;
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor);		--read-color:	var(--color);
	--favicon-color:	var(--bgcolor);
}
.skin14 section.fiche, .skin14 section.fiche header { border-color:var(--color); }
/*.skin14 section.fiche .links ul { background:var(--color); }*/
/*.skin14 section.fiche .links :is(li, li a) { color:var(--bgcolor); }*/
.skin14 section.fiche :is(.date, .date a), .skin14 section.fiche .files :is(li, li a) { color:var(--low-color); }
.skin14 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }

.skin15 { /* --> DOS Orange <-- */
	--bgcolor:#101010; 	--color:#ee5023;		--low-color:#fff;
	/*--color:#E91B28;*/
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor);		--read-color:	var(--color);
	--favicon-color:	var(--bgcolor);
}
.skin15 section.fiche, .skin15 section.fiche header { border-color:var(--color); }
/*.skin15 section.fiche .links ul { background:var(--color); }*/
/*.skin15 section.fiche .links :is(li, li a) { color:var(--bgcolor); }*/
.skin15 section.fiche :is(.date, .date a), .skin15 section.fiche .files :is(li, li a) { color:var(--low-color); }
.skin15 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }

.skin16 { /* --> DOS Red <-- */
	--bgcolor:#101010; 	--color:#ff393c;		--low-color:#fff;	
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 		--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor);		--read-color:	var(--color);
	--favicon-color:	var(--bgcolor);
}
.skin16 section.fiche, .skin16 section.fiche header { border-color:var(--color); }
/*.skin16 section.fiche .links ul { background:var(--color); }*/
/*.skin16 section.fiche .links :is(li, li a) { color:var(--bgcolor); }*/
.skin16 section.fiche :is(.date, .date a), .skin16 section.fiche .files :is(li, li a) { color:var(--low-color); }
.skin16 section.fiche header nav li:hover { background-color:var(--low-color); color:var(--bgcolor); }

.skin17 { /* --> Atari ST - GEM/TOS <-- ze green c'est #00DE00 */
	--bgcolor:#DEDEDE; --color:#000;	--low-color:#DEDEDE;
	--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color);	--fiche-color:	var(--color);
	--read-bgcolor:		var(--bgcolor); 	--read-color:	var(--color);
}
body.skin17, .skin17 header { background-color:#00DE00; }
.skin17 section.fiche, .skin17 section.fiche header { border-color:var(--color); }
/*.skin17 section.fiche .links ul { background:var(--color); }*/
/*.skin17 section.fiche .links :is(li, li a) { color:var(--bgcolor); }*/
.skin17 section.fiche :is(.date, .date a), .skin17 section.fiche .files :is(li, li a) { color:var(--color); }
.skin17 section.fiche .files .pl-dropzone {
	background-image: linear-gradient(-45deg, #00DE00 25%, transparent 25%, transparent 50%, #00DE00 50%, #00DE00 75%, transparent 75%, transparent);
}
/*.skin15 { /* Vintage Cream */
	/*--bgcolor:#f9cb99; 	--color:#d9341e; /* green 9eb682  */	/*--low-color:#e95128; /*var(--color); */
	/*--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	var(--low-color); 	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor);		--read-color:	var(--low-color);
	--favicon-color:	var(--bgcolor);
}
.skin15 section.fiche, .skin15 section.fiche header { border-color:var(--color); }
.skin15 section.fiche .links ul { background:var(--color); }
.skin15 section.fiche .links :is(li, li a) { color:var(--bgcolor); }
.skin15 section.fiche :is(.date, .date a), .skin15 section.fiche .files :is(li, li a) { color:var(--color); }

.skin16 { /* White RED fond blanc, simple */
	/*--bgcolor:rgb(240,240,240); 		--color:#E91B28;		--low-color:var(--color); /*#D2AB57;*/
	/*--family-bgcolor:	var(--color); 		--family-color:	var(--bgcolor);
	--wiki-bgcolor:		var(--color); 		--wiki-color:	var(--bgcolor);
	--fiche-bgcolor:	#bebebe; /*#cacaca;*/ 		/*	--fiche-color:	var(--bgcolor);
	--read-bgcolor:		var(--bgcolor); 	--read-color:	var(--color);
}
/*.skin16 section.fiche header { background-color: var(--fiche-bgcolor); color:var(--bgcolor); }*/
/*.skin16 section.fiche, .skin16 section.fiche header { border-color:var(--color); }
.skin16 section.fiche .links ul { background:var(--color); }
.skin16 section.fiche .links :is(li, li a) { color:var(--bgcolor); }
.skin16 section.fiche :is(.date, .date a), .skin16 section.fiche .files :is(li, li a) { color:var(--color); }