body
{
	background-color: peachpuff;
}
/*Barre d'entete------------------------------------------------------------------------------------*/
h1 {
  margin: 2px 0;
  padding: 0;
  line-height: 0.8;
  font-size: 20px;
}
h3 {
  margin: 2px 0;
  padding: 0;
  line-height: 1.2;
  font-size: 12px;
}
h4 {
  margin: 2px 0;
  font:normal;
  padding: 0;
  line-height: 1.2;
  font-size: 11px;
}
header{
	position: absolute;
	top: 0px;
	background-color: silver;
	border-radius: 10px 10px;
	height: 42px;
	left: 0px;
	width: 100%;
}
.som1{
	position: absolute;
	top: 0px;
	Width: 9%;
	height: 25px;
	background-color: #FF8C00;
	text-align: center;
	border-radius: 10px 10px;
	font-size: 12px;
}
.fic{
	position: absolute;
	top: 0px;
	left: 11%;
	Width: 9%;
	height: 25px;
	background-color: Aliceblue;
	text-align: center;
	border-radius: 10px 10px;
	font-size: 12px;
}
.aid{
	position: absolute;
	top: 0px;
	left: 22%;
	Width: 5%;
	height: 25px;
	background-color: aliceblue;
	text-align: Center;
	border-radius: 10px 10px;
	font-size: 12px;
}
.tit{
	position: absolute;
	top: 0px;
	left: 29%;
	width: 36%;
	height: 18px;
	background-color: khaki;
	text-align: center;
	border-radius: 10px 10px;
	font-size: 20px;
}
.cal{
	position: absolute;
	top: 0px;
	left: 68%;
	Width: 5%;
	height: 25px;
	background-color: Aliceblue;
	text-align: Center;
	border-radius: 10px 10px;
	font-size: 12px;
}
.pro{
	position: absolute;
	top: 0px;
	left: 75%;
	Width: 5%;
	height: 25px;
	background-color: aliceblue;
	text-align: Center;
	border-radius: 10px 10px;
	font-size: 12px;
}	
.som2{
	position: absolute;
	top: 0px;
	left: 82%;
	width: 7%;
	height: 25px;
	background-color: #FF8C00;
	text-align: center;
	font-size:12px;
	border-radius: 10px 10px;
}
.som3{
	position: absolute;
	top: 0px;
	left: 91%;
	width: 7%;
	height: 25px;
	background-color: white;
	text-align: center;
	font-size:12px;
	border-radius: 10px 10px;
}
.t0
{
	position: absolute;
	top: 20px;
	width: 300px;
	height: 550px;
	background-color: aliceblue;
	border: 2px solid red;
	text-align: center;
	Font-size: 14px;
	border-radius: 10px 10px;
}
.t1
{
	position: absolute;
	left: 20px;
	top: 50px;
	width: 350px;
	background-color: aliceblue;
	border: 2px solid red;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.tgraph
{
	position: absolute;
	left: 120px;
	top: 70px;
	height:320px;
	width: 1050px;
	background-color: aliceblue;
	background-image: url("Ressources/Ecrans/base_age.jpg");
	background-size : contain;
	background-repeat : no-repeat;
	border: 2px solid red;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.result_metier1
{
	position: absolute;
	top: 70px;
	left: 450px;
	background-color: silver;
	border: 2px solid transparent;
	text-align: left;
}
.result_metier2
{
	position: absolute;
	top: 155px;
	left: 450px;
	background-color: silver;
	border: 2px solid transparent;
	text-align: left;
}
#tableau{
    height:320px;
    overflow:auto;
    /*
    */
}
table
{
	Border-collapse: collapse;
	Font-size: 11px;
}
th, td
{
	Border: 1px solid black;
	padding: 10px;
}
.tt
{
	table-layout: fixed
}
.t8
{
	position: absolute;
	top: 510px;
	left: 10px;
	width: auto;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.t9
{
	position: absolute;
	top: 510px;
	left: 130px;
	width: 140;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.t10
{
	position: absolute;
	top: 460px;
	left: 130px;
	width: 140;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.btnretour {
	width: auto;
	padding: 2px 18px;
	background-color: Orange;
	border-radius: 10px 10px;
}
.btnok {
	width: auto;
	padding: 2px 18px;
	background-color: Lime;
	border-radius: 10px 10px;
}