.div
		{
			height: 100%;
			width: 99%;
			background-color:#E6EBE6; 
			border: 1px solid #000000;
			overflow-y: scroll;
			overflow-x: hidden;
			margin: auto;
		}
	
	.div-graphique-v
		{
			height: 100%;
			width: 99%;
			background-color:#E6EBE6; 
			border: 1px solid #000000;
		}

	.index 
		{
			height: 100%;
			width: 100%;
			text-align: center;
		}
	
	
    body 
		{ 
			font-size: 16px;
			font-family:  Calibri, sans-serif;
		} 

	.table 
		{
			width: 1000px;
			height: 540px;
			border-spacing: 0px;
			text-align: center;	
			margin: 0 auto;		
			border: 10px solid #686868;
		}

	.table2
		{
			width: 100%;
			height: 30px;
			border: 0px;
		}
		
	.table-graphique
		{
			width: 80%; 
			height: 80%; 
			margin: auto;
			position: relative;
			top: 10px;
		}

	.td1
		{
			height: 40px;
			vertical-align: top;
			background-color: #686868; 
			border: 0px;
		}

	.td2_1
		{
			width: 5%;
			vertical-align: top;
		}

	.td2_2
		{
			width: 12%;
			vertical-align: top;
		}

	.td2_3
		{
			width: 66%;
			vertical-align: top;
		}

	.td3
		{
			width: 33%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: middle;
		}

	.td4
		{
			height: 460px;
			width: 33%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: top;
		}

	.td5
		{
			height: 300px;
			width: 33%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: top;
		}

	.td6
		{
			height: 30px;
			width: 33%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: middle;
		}

	.td7
		{
			height: 90px;
			width: 33%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: middle;
		}

	.td8
		{
			height: 490px;
		}

	.td9
		{
			height: 450px;
			width: 40%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: top;
		}

	.td10
		{
			height: 200px;
			width: 60%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			vertical-align: top;
		}

	.td11
		{
			height: 30px;
			width: 60%;
			background-color: #D5D5D5;
			border: 5px solid #D5D5D5;
			margin: 0 auto;	
		}
	
	.tr1
		{
			background-color:#E6EBE6; 
			border: 1px solid #000000;
			overflow: auto;
		}
		
	.td-graphique
		{
			height: 50%;
			width: 25%;
			margin: auto;
		}

	.titre
		{
			color: #FFFFFF;
			font-weight: bold;
		}
	
	.sous-titre
		{
			font-weight: bold;
		}
		
	.texte
		{
			text-align: justify;
		}
		
	.w3c
		{
			text-align: center;
		}
		
	a 
		{ 
			color: #000000;
		}
		
	a:visited 
		{
			color: #000000;
		}

	.Over 
		{ 
			background-color:#D5D5D5;
			font-weight: bold;
			width: 100%;
		}
	
	.Out
		{ 
			background-color:#E6EBE6; 
			width: 100%;
		}
	
	.graphique-h 
		{ 
			position: relative; 
			width: 270px; 
			height: 35px;
			border: 1px solid #00B050; 
			padding: 2px; 
			margin-bottom: .5em;
				
		}
	
	.graphique-h .bar-h 
		{
			display: block;	
			position: absolute;
			background: #92D050; 
			text-align: center; 
			color: #333; 
			height: 32px; 
			line-height: 2em;
			border: 2px solid #00B050;	
			left: 2px;
		}
	
	.graphique-h .bar-h span
		{
			position: absolute; 
			left: 1em;
		}
		
	.graphique-v 
		{ 
			position: relative; 
			width: 50px; 
			height: 120px;
			border: 1px solid #00B050; 
			padding: 2px; 
			margin-bottom: .5em;
			vertical-align: middle;
			margin: auto;
		}
	
	.graphique-v .bar-v
		{
			width: 46px;
			display: block;	
			position: absolute; 
			bottom: 2px;
			background: #92D050; 
			text-align: center; 
			color: #333; 
			height: 32px; 
			line-height: 2em;
			border: 2px solid #00B050;	
			left: 2px
		}
	
	.graphique-v .bar-v span
		{
			position: absolute;
			bottom: 20px;
			left: 10px;
		}