/* StatBlock layout */

layout-row:has(.statBlock){
	margin-top: 4rem;
}

.statBlock {
	border-top: 1px solid hsl( from var(--PrimaryColor ) h s l );
	padding-top: 1rem;
	margin-bottom: 3rem;
}



.statBlock .dataBlock {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
}
.statBlock .dataBlock .chartTable,
.statBlock .dataBlock .chart {
	flex: 1;
}

.statBlock .dataBlock {
	gap: 1rem;
}
.statBlock .dataBlock .chartTable { 
	flex: 1 1 19rem;
}
.statBlock .dataBlock .chart {
	flex: 0 0 20rem;
}




.statBlock table {
	width: 100%;
}

.statBlock svg{
	width: 100%;
}


.statBlock table td:first-of-type,
.statBlock table th:first-of-type{
	text-align: left;
}





.statBlock.chiffreCle {

	display: flex;
} /* un-nested for PrinceXML */

	/* & h1 { */
	.statBlock.chiffreCle h1 {
		display: flex;
		flex-direction: column;
	}

	/* & .cleLabel { */
	.statBlock.chiffreCle .cleLabel {
		font-weight: 500;
		display: block;
		font-size: var(--sizeL);
	}

	/* & .cleValue { */
	.statBlock.chiffreCle .cleValue {
		font-weight: 900;
		display: block;
		font-size: var(--sizeXXXL);
	}

/* } */





/* Defaults from ChartsHover.css */
/*
	.table tr.active,
	svg g.ct-series path.active,
	svg g.ct-series line.active,
	svg g:not(.ct-series) text.active  {
		opacity: 1;
	}

	table tr.desactive,
	svg g.ct-series path.desactive,
	svg g.ct-series line.desactive,
	svg g:not(.ct-series) text.desactive {
		opacity: 0.3;
	}
*/



/* Chart content Styling */





.ct-chart-pie .ct-series-a path, .ct-chart-donut .ct-series-a path { fill: var(--accessoryColor-One    );	/*fill: url(#gradient01);*/	}
.ct-chart-pie .ct-series-b path, .ct-chart-donut .ct-series-b path { fill: var(--accessoryColor-Six    );	/*fill: url(#gradient02);*/	}
.ct-chart-pie .ct-series-c path, .ct-chart-donut .ct-series-c path { fill: var(--accessoryColor-Eleven );	/*fill: url(#gradient03);*/	}
.ct-chart-pie .ct-series-d path, .ct-chart-donut .ct-series-d path { fill: var(--accessoryColor-Four   );	/*fill: url(#gradient04);*/	}
.ct-chart-pie .ct-series-e path, .ct-chart-donut .ct-series-e path { fill: var(--accessoryColor-Nine   );	/*fill: url(#gradient05);*/	}
.ct-chart-pie .ct-series-f path, .ct-chart-donut .ct-series-f path { fill: var(--accessoryColor-Two    );	/*fill: url(#gradient06);*/	}
.ct-chart-pie .ct-series-g path, .ct-chart-donut .ct-series-g path { fill: var(--accessoryColor-Seven  );	/*fill: url(#gradient07);*/	}
.ct-chart-pie .ct-series-h path, .ct-chart-donut .ct-series-h path { fill: var(--accessoryColor-Twelve );	/*fill: url(#gradient08);*/	} 
.ct-chart-pie .ct-series-i path, .ct-chart-donut .ct-series-i path { fill: var(--accessoryColor-Five   );	/*fill: url(#gradient09);*/	}
.ct-chart-pie .ct-series-j path, .ct-chart-donut .ct-series-j path { fill: var(--accessoryColor-Ten    );	/*fill: url(#gradient10);*/	}
.ct-chart-pie .ct-series-k path, .ct-chart-donut .ct-series-k path { fill: var(--accessoryColor-Three  );	/*fill: url(#gradient11);*/	}
.ct-chart-pie .ct-series-l path, .ct-chart-donut .ct-series-l path { fill: var(--accessoryColor-Eight  );	/*fill: url(#gradient12);*/	}


.chartTable:has(+ .chart.pie) table tr:nth-of-type(1)  .label:before {	background: var(--accessoryColor-One    );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(2)  .label:before {	background: var(--accessoryColor-Six    );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(3)  .label:before {	background: var(--accessoryColor-Eleven );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(4)  .label:before {	background: var(--accessoryColor-Four   );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(5)  .label:before {	background: var(--accessoryColor-Nine   );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(6)  .label:before {	background: var(--accessoryColor-Two    );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(7)  .label:before {	background: var(--accessoryColor-Seven  );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(8)  .label:before {	background: var(--accessoryColor-Twelve );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(9)  .label:before {	background: var(--accessoryColor-Five   );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(10) .label:before {	background: var(--accessoryColor-Ten    );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(11) .label:before {	background: var(--accessoryColor-Three  );	}
.chartTable:has(+ .chart.pie) table tr:nth-of-type(12) .label:before {	background: var(--accessoryColor-Eight  );	}


.ct-chart-bar .ct-series-a line {	stroke: hsl( from var(--neutralColor) h  5% 80% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-b line {	stroke: hsl( from var(--neutralColor) h  5% 70% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-c line {	stroke: hsl( from var(--neutralColor) h  5% 60% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-d line {	stroke: hsl( from var(--neutralColor) h  5% 50% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-e line {	stroke: hsl( from var(--PrimaryColor) h 99% 50% );	stroke-width: 12%; }

.ct-chart-bar .ct-series-a line {	stroke: hsl( from var(--Turquoise) h s 94% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-b line {	stroke: hsl( from var(--Turquoise) h s 91% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-c line {	stroke: hsl( from var(--Turquoise) h s 88% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-d line {	stroke: hsl( from var(--Turquoise) h s 85% );	stroke-width: 12%; }
.ct-chart-bar .ct-series-e line {	stroke: hsl( from var(--Appartenances-Bleu) h s l );	stroke-width: 12%; }



/* Flags */

table.hasFlags { }

table.hasFlags tr .label:before { 
	content: "!";
	color: #FFF0;
	display: inline-block;
	width: 0.67em;
	margin-right: 0.5em;
	background-color: hsl( from var(--PrimaryColor ) h s l ) ;
}


/* current */
.chartTable:has(+ .chart.bar) table tr.currentYear {
	color: hsl( from var(--PrimaryColor) h 99% 50% );
	font-weight: 600;
}



/* Pie text labels */
.ct-chart-pie text.ct-label{
	font-family: "PlexMono";
	font-feature-settings: "ss11";
	font-size: var(--sizeXXS);
	font-weight: 700;

	fill: #000;
	filter: drop-shadow(0 0 2px rgb(255 255 255 / 0.4));
}