body {
  font: 10px sans-serif;

}

/* blocs*/

#titre {
	height: 60px; 
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}

#selection {
	padding: 25px; 
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	height: 30px;
}

#selection  span {
		float:left;
}

#selection form {
		float:right;
}

#selection form, span {
		display: inline-block;
}

#selection .center {
		width: 55%;
		margin-left: 15%;
}

#legende {
	float:left; 
	width:13%;
	margin-right:2%;
	/*height: 500px; */
	overflow: auto;
	border:1px solid;
	border-radius: 2em;
}
#chart {
	padding-left: auto;
	padding-right: auto;
	text-align: center;
	float:left;
	 
}


/* pré existant */
.dimension { cursor: ns-resize; }
.category { cursor: ew-resize; }
.dimension tspan.name { font-size: 1.5em; fill: #333; font-weight: bold; }
.dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; }
.dimension tspan.sort:hover { fill: #333; }
.dimension:hover tspan.name { fill: #000; }
.dimension:hover tspan.sort { opacity: 1; }
.dimension line { stroke: #000; }
.dimension rect { stroke: none; fill-opacity: 0; }
.dimension > rect, .category-background { fill: #fff; }
.dimension > rect { display: none; }
.category:hover rect { fill-opacity: .3; }
.dimension:hover > rect { fill-opacity: .3; }
.ribbon path { stroke-opacity: 0; fill-opacity: .5; }
.ribbon path.active { fill-opacity: .9; }
.ribbon-mouse path { fill-opacity: 0; }

.tooltip {
  background-color: rgba(242, 242, 242, .6);
  position: absolute;
  padding: 5px;
}

/* couleurs */


.category-0{ fill:rgb(255,255,61); stroke:rgb(255,255,61); }
.category-1{ fill:rgb(83,23,184); stroke:rgb(83,23,184); }
.category-2{ fill:rgb(250,87,159); stroke:rgb(250,87,159); }
.category-3{ fill:rgb(65,248,210); stroke:rgb(65,248,210); }
.category-4{ fill:rgb(163,110,82); stroke:rgb(163,110,82); }
.category-5{ fill:rgb(78,127,73); stroke:rgb(78,127,73); }
.category-6{ fill:rgb(235,139,107); stroke:rgb(235,139,107); }
.category-7{ fill:rgb(96,152,166); stroke:rgb(96,152,166); }
.category-8{ fill:rgb(151,157,6); stroke:rgb(151,157,6); }
.category-9{ fill:rgb(171,183,118); stroke:rgb(171,183,118); }
.category-10{ fill:rgb(83,1,160); stroke:rgb(83,1,160); }
.category-11{ fill:rgb(246,239,74); stroke:rgb(246,239,74); }
.category-12{ fill:rgb(235,130,126); stroke:rgb(235,130,126); }
.category-13{ fill:rgb(25,105,110); stroke:rgb(25,105,110); }
.category-14{ fill:rgb(250,198,23); stroke:rgb(250,198,23); }
.category-15{ fill:rgb(236,41,107); stroke:rgb(236,41,107); }
.category-16{ fill:rgb(175,112,139); stroke:rgb(175,112,139); }
.category-17{ fill:rgb(8,102,237); stroke:rgb(8,102,237); }
.category-18{ fill:rgb(2,102,213); stroke:rgb(2,102,213); }
.category-19{ fill:rgb(126,185,173); stroke:rgb(126,185,173); }
.category-20{ fill:rgb(183,11,37); stroke:rgb(183,11,37); }
.category-21{ fill:rgb(32,181,122); stroke:rgb(32,181,122); }
.category-22{ fill:rgb(158,172,171); stroke:rgb(158,172,171); }
.category-23{ fill:rgb(224,154,118); stroke:rgb(224,154,118); }
.category-24{ fill:rgb(0,49,14); stroke:rgb(0,49,14); }
.category-25{ fill:rgb(104,139,32); stroke:rgb(104,139,32); }
.category-26{ fill:rgb(203,97,139); stroke:rgb(203,97,139); }
.category-27{ fill:rgb(36,108,223); stroke:rgb(36,108,223); }
.category-28{ fill:rgb(49,198,107); stroke:rgb(49,198,107); }
.category-29{ fill:rgb(58,50,51); stroke:rgb(58,50,51); }
.category-30{ fill:rgb(248,229,28); stroke:rgb(248,229,28); }
.category-31{ fill:rgb(201,183,131); stroke:rgb(201,183,131); }
.category-32{ fill:rgb(128,139,45); stroke:rgb(128,139,45); }
.category-33{ fill:rgb(67,103,35); stroke:rgb(67,103,35); }
.category-34{ fill:rgb(71,225,116); stroke:rgb(71,225,116); }
.category-35{ fill:rgb(142,177,233); stroke:rgb(142,177,233); }
.category-36{ fill:rgb(19,53,112); stroke:rgb(19,53,112); }
.category-37{ fill:rgb(229,39,154); stroke:rgb(229,39,154); }
.category-38{ fill:rgb(12,78,161); stroke:rgb(12,78,161); }
.category-39{ fill:rgb(85,237,73); stroke:rgb(85,237,73); }
.category-40{ fill:rgb(227,128,120); stroke:rgb(227,128,120); }
.category-41{ fill:rgb(111,83,54); stroke:rgb(111,83,54); }
.category-42{ fill:rgb(137,107,173); stroke:rgb(137,107,173); }
.category-43{ fill:rgb(82,29,255); stroke:rgb(82,29,255); }
.category-44{ fill:rgb(223,63,129); stroke:rgb(223,63,129); }
.category-45{ fill:rgb(212,181,143); stroke:rgb(212,181,143); }
.category-46{ fill:rgb(133,174,142); stroke:rgb(133,174,142); }
.category-47{ fill:rgb(65,197,201); stroke:rgb(65,197,201); }
.category-48{ fill:rgb(109,37,104); stroke:rgb(109,37,104); }
.category-49{ fill:rgb(148,240,249); stroke:rgb(148,240,249); }
.category-50{ fill:rgb(131,10,87); stroke:rgb(131,10,87); }
.category-51{ fill:rgb(174,173,57); stroke:rgb(174,173,57); }
.category-52{ fill:rgb(100,186,11); stroke:rgb(100,186,11); }
.category-53{ fill:rgb(23,169,93); stroke:rgb(23,169,93); }
.category-54{ fill:rgb(36,246,165); stroke:rgb(36,246,165); }
.category-55{ fill:rgb(28,215,142); stroke:rgb(28,215,142); }
.category-56{ fill:rgb(16,113,148); stroke:rgb(16,113,148); }
.category-57{ fill:rgb(220,109,33); stroke:rgb(220,109,33); }
.category-58{ fill:rgb(101,111,158); stroke:rgb(101,111,158); }
.category-59{ fill:rgb(186,161,145); stroke:rgb(186,161,145); }
.category-60{ fill:rgb(25,67,145); stroke:rgb(25,67,145); }
.category-61{ fill:rgb(106,26,168); stroke:rgb(106,26,168); }
.category-62{ fill:rgb(126,57,204); stroke:rgb(126,57,204); }
.category-63{ fill:rgb(245,99,162); stroke:rgb(245,99,162); }
.category-64{ fill:rgb(83,162,149); stroke:rgb(83,162,149); }
.category-65{ fill:rgb(182,74,218); stroke:rgb(182,74,218); }
.category-66{ fill:rgb(148,181,28); stroke:rgb(148,181,28); }
.category-67{ fill:rgb(215,17,73); stroke:rgb(215,17,73); }
.category-68{ fill:rgb(42,114,137); stroke:rgb(42,114,137); }
.category-69{ fill:rgb(48,219,155); stroke:rgb(48,219,155); }
.category-70{ fill:rgb(187,224,124); stroke:rgb(187,224,124); }
.category-71{ fill:rgb(95,75,6); stroke:rgb(95,75,6); }
.category-72{ fill:rgb(103,102,167); stroke:rgb(103,102,167); }
.category-73{ fill:rgb(59,54,113); stroke:rgb(59,54,113); }
.category-74{ fill:rgb(175,26,243); stroke:rgb(175,26,243); }
.category-75{ fill:rgb(238,9,84); stroke:rgb(238,9,84); }
.category-76{ fill:rgb(37,139,253); stroke:rgb(37,139,253); }
.category-77{ fill:rgb(80,132,130); stroke:rgb(80,132,130); }
.category-78{ fill:rgb(247,90,252); stroke:rgb(247,90,252); }
.category-79{ fill:rgb(22,121,64); stroke:rgb(22,121,64); }
.category-80{ fill:rgb(42,159,219); stroke:rgb(42,159,219); }
.category-81{ fill:rgb(8,100,54); stroke:rgb(8,100,54); }
.category-82{ fill:rgb(123,3,208); stroke:rgb(123,3,208); }
.category-83{ fill:rgb(11,62,238); stroke:rgb(11,62,238); }
.category-84{ fill:rgb(193,26,67); stroke:rgb(193,26,67); }
.category-85{ fill:rgb(80,251,41); stroke:rgb(80,251,41); }
.category-86{ fill:rgb(221,209,50); stroke:rgb(221,209,50); }
.category-87{ fill:rgb(209,59,153); stroke:rgb(209,59,153); }
.category-88{ fill:rgb(63,3,31); stroke:rgb(63,3,31); }
.category-89{ fill:rgb(75,54,201); stroke:rgb(75,54,201); }
.category-90{ fill:rgb(56,139,141); stroke:rgb(56,139,141); }
.category-91{ fill:rgb(153,156,46); stroke:rgb(153,156,46); }
.category-92{ fill:rgb(221,188,27); stroke:rgb(221,188,27); }
.category-93{ fill:rgb(245,152,82); stroke:rgb(245,152,82); }
.category-94{ fill:rgb(241,130,36); stroke:rgb(241,130,36); }
.category-95{ fill:rgb(19,98,220); stroke:rgb(19,98,220); }
.category-96{ fill:rgb(4,1,247); stroke:rgb(4,1,247); }
.category-97{ fill:rgb(66,124,251); stroke:rgb(66,124,251); }
.category-98{ fill:rgb(83,35,164); stroke:rgb(83,35,164); }
.category-99{ fill:rgb(240,59,88); stroke:rgb(240,59,88); }