<div class="card">
	<div class="card-header">
		<h3 class="card-title">Répartion par types</h3>

		<div class="card-tools">
			<button type="button" class="btn btn-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
			<button type="button" class="btn btn-tool" data-widget="remove"><i class="fa fa-times"></i></button>
		</div>
	</div>
	<!-- /.box-header -->
	<div class="card-body">
		<div class="row">
			<div class="col-md-8">
				<div class="chart-responsive">
					<canvas id="pieChart" height="170" width="205" style="width: 205px; height: 170px;"></canvas>
				</div>
				<!-- ./chart-responsive -->
			</div>
			<!-- /.col -->
			<div class="col-md-4">
				<ul class="chart-legend clearfix">
					<li><i class="fa fa-circle-o text-red"></i> Semences</li>
					<li><i class="fa fa-circle-o text-green"></i> Plants</li>
					<li><i class="fa fa-circle-o text-yellow"></i> Plats</li>
					<li><i class="fa fa-circle-o text-aqua"></i> Outils</li>
				</ul>
			</div>
			<!-- /.col -->
		</div>
		<!-- /.row -->
	</div>
	<!-- /.box-body -->
	<div class="card-footer">
		<ul class="nav nav-pills nav-stacked">
			<li>
				<a href="#">
					T1 <span class="pull-right text-red"><i class="fa fa-angle-down"></i> 12%</span>
				</a>
			</li>
			<li>
				<a href="#">
					T2 <span class="pull-right text-green"><i class="fa fa-angle-up"></i> 4%</span>
				</a>
			</li>
			<li>
				<a href="#">
					T3 <span class="pull-right text-yellow"><i class="fa fa-angle-left"></i> 0%</span>
				</a>
			</li>
		</ul>
	</div>
	<!-- /.footer -->
</div>
