Body
{
	background-color: peachpuff;
}
Fieldset
{
	background-color: silver;
	text-align: center;
	font-size:10px;
	border: 1px solid black;
	border-radius: 10px 10px;
}
.ld0
{
	font-size:12px;
	color: black;
}
.ld1
{
	font-size:12px;
	color:red;
}
.ld2
{
	font-size:9px;
	color: black;
}
.ld3
{
	font-size:9px;
	color:red;
}
.ld4
{
	font-size:9px;
	color:blue;
}
.t0{
	color: red;
	}
/*Barre d'entete-----------------------------------------------------------------------*/
header{
	position: absolute;
	top: 0px;
	background-color: silver;
	border-radius: 10px 10px;
	height: 42px;
	left: 0px;
	width: 98%;
}
.Tch{
	position: absolute;
	top: 0px;
	left: 0%;
	width: 4%;
	height: 25px;
	background-color: White;
	text-align: center;
	font-size:12px;
	border-radius: 10px 10px;
}
.som1{
	position: absolute;
	top: 0px;
	Left:6%;
	Width: 7%;
	height: 25px;
	background-color: #FF8C00;
	text-align: center;
	border-radius: 10px 10px;
	font-size: 12px;
}
.fic{
	position: absolute;
	top: 0px;
	left: 15%;
	Width: 6%;
	height: 25px;
	background-color: Aliceblue;
	text-align: center;
	border-radius: 10px 10px;
	font-size: 12px;
}
.aid{
	position: absolute;
	top: 0px;
	left: 23%;
	Width: 4%;
	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;
}
/*Barre verticale-----------------------------------------------------------------------*/
.t_ch0:before
{
    content: "";
    left: 80px;
    top: 40px;
	height: 650px;
	width: 1px;
    background: black;
    position: absolute;
}
/*niveau initial-----------------------------------------------------------------------*/
.ch0
{
	background-color: white;
	position: absolute;
	top: 590px;
	Width: 50px;
	height: 85px;
	font-size: 10px;
	border: none;
}
.n0
{
	position: absolute;
	background-color: orange;
	top: 560px;
	Left:  1290px;
	Width: 150px;
	height: 70px;
}
/*epouse1-----------------------------------------------------------------------*/
.m1_p0:before {
	content: "";
    left: 1460px;
    width: 780px;
    height: 1px;
    background: black;
    position: absolute;
    top: 600px;
}
.m1_p1:before {
    content: "";
    left: 1870px;
    height: 15px;
	width: 1px;
    background: black;
    position: absolute;
    top: 600px;
}
.m1a
{
	position: absolute;
	top: 580px;
	Left:  2240px;
	Width: 150px;
	height: 70px;
}
.m1b 
{
	position: absolute;
	background-color: violet;
	top: 580px;
	Left:  2240px;
	Width: 150px;
	height: 70px;
}
.enf1
{
	background-color: DarkKhaki;
	position: absolute;
	top: 610px;
	Left:  1770px;
	Width: 230px;
}
.m1_p2{
    position: absolute;
    left: 1670px;
    top: 565px;
	width: 150px;
	font-size: 9px;
	text-align: center;
}
/*parents epouse1-----------------------------------------------------------------*/
.pm11a
{
	background-color: DarkKhaki;
	position: absolute;
	Left:  2130px;
	Width: 170px;
	height: 60px;
	top: 490px;
}
.pm11b
{
	background-color: violet;
	position: absolute;
	Left:  2130px;
	Width: 170px;
	height: 60px;
	top: 490px;
}
.pm1_p10:before {
    content: "";
    left: 2320px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 520px;
}
.pm1_p11:before {
    content: "";
    left: 2325px;
    height: 65px;
	width: 1px;
    background: black;
    position: absolute;
    top: 520px;
}
.pm12a
{
	background-color: DarkKhaki;
	position: absolute;
	Left:  2330px;
	Width: 170px;
	height: 60px;
	top: 490px;
}
.pm12b
{
	background-color: violet;
	position: absolute;
	Left:  2330px;
	Width: 170px;
	height: 60px;
	top: 490px;
}
/*epouse2-----------------------------------------------------------------------*/
.m2_p0:before {
    content: "";
    left: 510px;
    width: 780px;
    height: 1px;
    background: black;
    position: absolute;
    top: 600px;
}
.m2_p1:before {
    content: "";
    left: 870px;
    height: 15px;
	width: 1px;
    background: black;
    position: absolute;
    top: 600px;
}
.m2a
{
	position: absolute;
	top: 580px;
	Left:  340px;
	Width: 150px;
	height: 70px;
}
.m2b
{
	position: absolute;
	background-color: violet;
	top: 580px;
	Left:  340px;
	Width: 150px;
	height: 70px;
}
.enf2
{
	background-color: DarkKhaki;
	position: absolute;
	top: 610px;
	Left: 750px;
	Width: 230px;
}
/*parents epouse2-----------------------------------------------------------------*/
.pm21a
{
	background-color: DarkKhaki;
	position: absolute;
	top: 490px;
	Left:  220px;
	Width: 170px;
	height: 60px;
}
.pm21b
{
	background-color: violet;
	position: absolute;
	top: 490px;
	Left:  220px;
	Width: 170px;
	height: 60px;
}
.pm2_p10:before {
    content: "";
    left: 410px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 520px;
}
.pm2_p11:before {
    content: "";
    left: 415px;
    height: 65px;
	width: 1px;
    background: black;
    position: absolute;
    top: 520px;
}
.pm22a
{
	background-color: DarkKhaki;
	position: absolute;
	top: 490px;
	Left:  420px;
	Width: 170px;
	height: 60px;
}
.pm22b
{
	background-color: violet;
	position: absolute;
	top: 490px;
	Left:  420px;
	Width: 170px;
	height: 60px;
}
.m2_p2{
    position: absolute;
    left: 890px;
    top: 565px;
	width: 150px;
	font-size: 9px;
	text-align: center;
}
/*epouse3-----------------------------------------------------------------------*/
.m3_p0:before {
    content: "";
    left: 1370px;
    height: 70px;
	width: 1px;
    background: black;
    position: absolute;
    top: 640px;
}
.m3_p1:before {
    content: "";
    left: 1370px;
    height: 1px;
	width: 50px;
    background: black;
    position: absolute;
    top: 680px;
}
.m3_p2{
    position: absolute;
    left: 1240px;
    top: 650px;
	width: 150px;
	font-size: 9px;
	text-align: center;
}
.m3
{
	position: absolute;
	background-color: darkkhaki;
	top: 700px;
	Left:  1230px;
	Width: 150px;
	height: 50px;
}
.m3_p2:before {
    content: "";
    left: 1570px;
    height: 1px;
	width: 50px;
    background: black;
    position: absolute;
    top: 700px;
}
.enf3
{
	background-color: DarkKhaki;
	position: absolute;
	top: 650px;
	Left:  1420px;
	Width: 230px;
}
/*niveau parents-----------------------------------------------------------------------*/
.ch1
{
	background-color: white;
	position: absolute;
	top: 480px;
	Width: 50px;
	height: 85px;
	font-size: 10px;
	border: none;
}
.m_p14{
    position: absolute;
    left: 635px;
    top: 480px;
}
.m_p16{
    position: absolute;
    left: 635px;
    top: 500px;
}	
.np1
{
	position: absolute;
	top: 480px;
	Left: 650px;
	Width: 150px;
	height: 70px;
}
.np2
{
	position: absolute;
	background-color: violet;
	top: 480px;
	Left: 650px;
	Width: 150px;
	height: 70px;
}
.m_p10:before {
    content: "";
    left: 820px;
    width: 1100px;
    height: 3px;
    background: black;
    position: absolute;
    top: 510px;
}
.m_p11:before {
    content: "";
    left: 1370px;
    height: 55px;
	width: 3px;
    background: black;
    position: absolute;
    top: 510px;
}
.m_p12{
    position: absolute;
    left: 1290px;
    top: 475px;
	width: 150px;
	font-size: 9px;
	text-align: center;
}
.nm1
{
	position: absolute;
	top: 480px;
	Left: 1920px;
	Width: 150px;
	height: 70px;
}
.nm2
{
	position: absolute;
	background-color: violet;
	top: 480px;
	Left: 1920px;
	Width: 150px;
	height: 70px;
}
.m_p13{
    position: absolute;
    left: 2090px;
    top: 480px;
}
.m_p15{
    position: absolute;
    left: 2090px;
    top: 500px;
}
/*Niveau Grands parents-----------------------------------------------------------------------*/
.ch2
{
	background-color: white;
	position: absolute;
	top: 370px;
	Width: 50px;
	height: 85px;
	font-size: 10px;
	border: none;
}
/*Paternels-----------------------------------------------------------------------*/
.m_p113{
    position: absolute;
    left: 315px;
    top: 380px;
}
.m_p115{
    position: absolute;
    left: 315px;
    top: 400px;
}
.ngp1a
{
	position: absolute;
	top: 380px;
	Left: 330px;
	Width: 160px;
	height: 70px;
}
.ngp1b
{
	position: absolute;
	background-color: violet;
	top: 380px;
	Left: 330px;
	Width: 160px;
	height: 70px;
}
.m_p110:before {
    content: "";
    left: 510px;
    width: 470px;
    height: 3px;
    background: black;
    position: absolute;
    top: 410px;
}
.m_p111:before {
    content: "";
    left: 730px;
    height: 75px;
	width: 3px;
    background: black;
    position: absolute;
    top: 410px;
}
.m_p112{
    position: absolute;
    left: 700px;
    top: 380px;
	width: 150px;
	font-size: 9px;
	text-align: right;
}
.ngm1a
{
	position: absolute;
	top: 380px;
	Left: 980px;
	Width: 160px;
	height: 70px;
}
.ngm1b
{
	position: absolute;
	background-color: violet;
	top: 380px;
	Left: 980px;
	Width: 160px;
	height: 70px;
}
.m_p213{
    position: absolute;
    left: 1160px;
    top: 380px;
}
.m_p215{
    position: absolute;
    left: 1160px;
    top: 400px;
}
/*Maternels-----------------------------------------------------------------------*/
.m_p313{
    position: absolute;
    left: 1600px;
    top: 380px;
}
.m_p315{
    position: absolute;
    left: 1600px;
    top: 400px;
}
.ngp2a
{
	position: absolute;
	top: 380px;
	Left: 1620px;
	Width: 160px;
	height: 70px;
}
.ngp2b
{
	position: absolute;
	background-color: violet;
	top: 380px;
	Left: 1620px;
	Width: 160px;
	height: 70px;
}
.m_p210:before {
    content: "";
    left: 1800px;
    width: 460px;
    height: 3px;
    background: black;
    position: absolute;
    top: 410px;
}
.m_p211:before {
    content: "";
    left: 2000px;
    height: 75px;
	width: 3px;
    background: black;
    position: absolute;
    top: 410px;
}
.m_p212{
    position: absolute;
    left: 2000px;
    top: 380px;
	width: 150px;
	font-size: 9px;
	text-align: left;
}
.ngm2a
{
	position: absolute;
	top: 380px;
	Left: 2260px;
	Width: 160px;
	height: 70px;
}
.ngm2b
{
	position: absolute;
	background-color: violet;
	top: 380px;
	Left: 2260px;
	Width: 160px;
	height: 70px;
}
.m_p413{
    position: absolute;
    left: 2440px;
    top: 380px;
}
.m_p415{
    position: absolute;
    left: 2440px;
    top: 400px;
}
/*niveau arrière grands parents-----------------------------------------------------------------------*/
.ch3
{
	background-color: white;
	position: absolute;
	top: 260px;
	Width: 50px;
	height: 85px;
	font-size: 10px;
	border: none;
}
.nargp1a
{
	position: absolute;
	top: 270px;
	Left: 180px;
	Width: 110px;
	height: 70px;
}
.nargp1b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 180px;
	Width: 110px;
	height: 70px;
}
.m_p310:before {
    content: "";
    left: 310px;
    width: 200px;
    height: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p311:before {
    content: "";
    left: 410px;
    height: 85px;
	width: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p312{
    position: absolute;
    left: 330px;
    top: 260px;
	width:150px;
	font-size: 9px;
	text-align: center;
}
.nargm1a
{
	position: absolute;
	top: 270px;
	Left: 510px;
	Width: 110px;
	height: 70px;
}
.nargm1b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 510px;
	Width: 110px;
	height: 70px;
}
.nargp2a
{
	position: absolute;
	top: 270px;
	Left: 830px;
	Width: 110px;
	height: 70px;
}
.nargp2b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 830px;
	Width: 110px;
	height: 70px;
}
.m_p320:before {
    content: "";
    left: 960px;
    width: 200px;
    height: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p321:before {
    content: "";
    left: 1060px;
    height: 85px;
	width: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p322{
    position: absolute;
    left: 980px;
    top: 260px;
	width:150px;
	font-size: 9px;
	text-align: center;
}
.nargm2a
{
	position: absolute;
	top: 270px;
	Left: 1140px;
	Width: 110px;
	height: 70px;
}
.nargm2b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 1140px;
	Width: 110px;
	height: 70px;
}
.nargp3a
{
	position: absolute;
	top: 270px;
	Left: 1470px;
	Width: 110px;
	height: 60px;
}
.nargp3b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 1470px;
	Width: 110px;
	height: 60px;
}
.m_p330:before {
    content: "";
    left: 1600px;
    width: 200px;
    height: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p331:before {
    content: "";
    left: 1700px;
    height: 85px;
	width: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p332{
    position: absolute;
    left: 1620px;
    top: 260px;
	width:150px;
	font-size: 9px;
	text-align: center;
}
.nargm3a
{
	position: absolute;
	top: 270px;
	Left: 1790px;
	Width: 110px;
	height: 70px;
}
.nargm3b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 1790px;
	Width: 110px;
	height: 70px;
}
.nargp4a
{
	position: absolute;
	top: 270px;
	Left: 2110px;
	Width: 110px;
	height: 70px;
}
.nargp4b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 2110px;
	Width: 110px;
	height: 70px;
}
.m_p340:before {
    content: "";
    left: 2240px;
    width: 200px;
    height: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p341:before {
    content: "";
    left: 2340px;
    height: 85px;
	width: 3px;
    background: black;
    position: absolute;
    top: 300px;
}
.m_p342{
    position: absolute;
    left: 2260px;
    top: 260px;
	width:150px;
	font-size: 9px;
	text-align: center;
}
.nargm4a
{
	position: absolute;
	top: 270px;
	Left: 2430px;
	Width: 110px;
	height: 70px;
}
.nargm4b
{
	position: absolute;
	background-color: violet;
	top: 270px;
	Left: 2430px;
	Width: 110px;
	height: 70px;
}
/*4° niveau-----------------------------------------------------------------------*/
.ch4
{
	background-color: white;
	position: absolute;
	top: 150px;
	Width: 50px;
	height: 85px;
	font-size: 10px;
	border: none;
}
.tgp1a
{
	position: absolute;
	top: 150px;
	Left: 105px;
	Width: 80px;
	height: 80px;
}
.tgp1b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 105px;
	Width: 80px;
	height: 80px;
}
.m_p410:before {
    content: "";
    left: 205px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p411:before {
    content: "";
    left: 230px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p412{
    position: absolute;
    left: 160px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm1a
{
	position: absolute;
	top: 150px;
	Left: 265px;
	Width: 80px;
	height: 80px;
}
.tgm1b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 265px;
	Width: 80px;
	height: 80px;
}
.tgp2a
{
	position: absolute;
	top: 150px;
	Left: 425px;
	Width: 80px;
	height: 80px;
}
.tgp2b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 425px;
	Width: 80px;
	height: 80px;
}
.m_p420:before {
    content: "";
    left: 525px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p421:before {
    content: "";
    left: 560px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p422{
    position: absolute;
    left: 480px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm2a
{
	position: absolute;
	top: 150px;
	Left: 585px;
	Width: 80px;
	height: 80px;
}
.tgm2b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 585px;
	Width: 80px;
	height: 80px;
}
.tgp3a
{
	position: absolute;
	top: 150px;
	Left: 745px;
	Width: 80px;
	height: 80px;
}
.tgp3b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 745px;
	Width: 80px;
	height: 80px;
}
.m_p430:before {
    content: "";
    left: 845px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p431:before {
    content: "";
    left: 880px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p432{
    position: absolute;
    left: 800px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm3a
{
	position: absolute;
	top: 150px;
	Left: 905px;
	Width: 80px;
	height: 80px;
}
.tgm3b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 905px;
	Width: 80px;
	height: 80px;
}
.tgp4a
{
	position: absolute;
	top: 150px;
	Left: 1065px;
	Width: 80px;
	height: 80px;
}
.tgp4b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 1065px;
	Width: 80px;
	height: 80px;
}
.m_p440:before {
    content: "";
    left: 1165px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p441:before {
    content: "";
    left: 1190px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p442{
    position: absolute;
    left: 1120px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm4a
{
	position: absolute;
	top: 150px;
	Left: 1225px;
	Width: 80px;
	height: 80px;
}
.tgm4b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 1225px;
	Width: 80px;
	height: 80px;
}
.tgp5a
{
	position: absolute;
	top: 150px;
	Left: 1385px;
	Width: 80px;
	height: 80px;
}
.tgp5b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 1385px;
	Width: 80px;
	height: 80px;
}
.m_p450:before {
    content: "";
    left: 1485px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p451:before {
    content: "";
    left: 1520px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p452{
    position: absolute;
    left: 1450px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm5a
{
	position: absolute;
	top: 150px;
	Left: 1545px;
	Width: 80px;
	height: 80px;
}
.tgm5b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 1545px;
	Width: 80px;
	height: 80px;
}
.tgp6a
{
	position: absolute;
	top: 150px;
	Left: 1705px;
	Width: 80px;
	height: 80px;
}
.tgp6b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 1705px;
	Width: 80px;
	height: 80px;
}
.m_p460:before {
    content: "";
    left: 1805px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p461:before {
    content: "";
    left: 1840px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p462{
    position: absolute;
    left: 1770px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm6a
{
	position: absolute;
	top: 150px;
	Left: 1865px;
	Width: 80px;
	height: 80px;
}
.tgm6b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 1865px;
	Width: 80px;
	height: 80px;
}
.tgp7a
{
	position: absolute;
	top: 150px;
	Left: 2025px;
	Width: 80px;
	height: 80px;
}
.tgp7b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 2025px;
	Width: 80px;
	height: 80px;
}
.m_p470:before {
    content: "";
    left: 2125px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p471:before {
    content: "";
    left: 2160px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p472{
    position: absolute;
    left: 2090px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm7a
{
	position: absolute;
	top: 150px;
	Left: 2185px;
	Width: 80px;
	height: 80px;
}
.tgm7b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 2185px;
	Width: 80px;
	height: 80px;
}
.tgp8a
{
	position: absolute;
	top: 150px;
	Left: 2345px;
	Width: 80px;
	height: 80px;
}
.tgp8b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 2345px;
	Width: 80px;
	height: 80px;
}
.m_p480:before {
    content: "";
    left: 2445px;
    width: 60px;
    height: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p481:before {
    content: "";
    left: 2480px;
    height: 95px;
	width: 1px;
    background: black;
    position: absolute;
    top: 180px;
}
.m_p482{
    position: absolute;
    left: 2410px;
    top: 120px;
	width:150px;
	font-size: 8px;
	text-align: center;
}
.tgm8a
{
	position: absolute;
	top: 150px;
	Left: 2505px;
	Width: 80px;
	height: 80px;
}
.tgm8b
{
	position: absolute;
	background-color: violet;
	top: 150px;
	Left: 2505px;
	Width: 80px;
	height: 80px;
}
/*5° niveau-----------------------------------------------------------------------*/
.ch5
{
	background-color: white;
	position: absolute;
	top: 50px;
	Width: 50px;
	height: 85px;
	font-size: 10px;
	border: none;
}
.tgp51pa
{
	position: absolute;
	top: 50px;
	Left: 80px;
	Width: 50px;
	height: 60px;
}
.tgp51pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 80px;
	Width: 50px;
	height: 60px;
}
.m_p510:before {
    content: "";
    left: 150px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p511:before {
    content: "";
    left: 155px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp51ma
{
	position: absolute;
	top: 50px;
	Left: 160px;
	Width: 50px;
	height: 60px;
}
.tgp51mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 160px;
	Width: 50px;
	height: 60px;
}
.tgm51pa
{
	position: absolute;
	top: 50px;
	Left: 240px;
	Width: 50px;
	height: 60px;
}
.tgm51pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 240px;
	Width: 50px;
	height: 60px;
}
.m_p520:before {
    content: "";
    left: 310px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p521:before {
    content: "";
    left: 315px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm51ma
{
	position: absolute;
	top: 50px;
	Left: 320px;
	Width: 50px;
	height: 60px;
}
.tgm51mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 320px;
	Width: 50px;
	height: 60px;
}
.tgp52pa
{
	position: absolute;
	top: 50px;
	Left: 400px;
	Width: 50px;
	height: 60px;
}
.tgp52pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 400px;
	Width: 50px;
	height: 60px;
}
.m_p530:before {
    content: "";
    left: 470px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p531:before {
    content: "";
    left: 475px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp52ma
{
	position: absolute;
	top: 50px;
	Left: 480px;
	Width: 50px;
	height: 60px;
}
.tgp52mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 480px;
	Width: 50px;
	height: 60px;
}
.tgm52pa
{
	position: absolute;
	top: 50px;
	Left: 560px;
	Width: 50px;
	height: 60px;
}
.tgm52pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 560px;
	Width: 50px;
	height: 60px;
}
.m_p540:before {
    content: "";
    left: 630px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p541:before {
    content: "";
    left: 635px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm52ma
{
	position: absolute;
	top: 50px;
	Left: 640px;
	Width: 50px;
	height: 60px;
}
.tgm52mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 640px;
	Width: 50px;
	height: 60px;
}
.tgp53pa
{
	position: absolute;
	top: 50px;
	Left: 720px;
	Width: 50px;
	height: 60px;
}
.tgp53pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 720px;
	Width: 50px;
	height: 60px;
}
.m_p550:before {
    content: "";
    left: 790px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p551:before {
    content: "";
    left: 795px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp53ma
{
	position: absolute;
	top: 50px;
	Left: 800px;
	Width: 50px;
	height: 60px;
}
.tgp53mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 800px;
	Width: 50px;
	height: 60px;
}
.tgm53pa
{
	position: absolute;
	top: 50px;
	Left: 880px;
	Width: 50px;
	height: 60px;
}
.tgm53pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 880px;
	Width: 50px;
	height: 60px;
}
.m_p560:before {
    content: "";
    left: 950px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p561:before {
    content: "";
    left: 955px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm53ma
{
	position: absolute;
	top: 50px;
	Left: 960px;
	Width: 50px;
	height: 60px;
}
.tgm53mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 960px;
	Width: 50px;
	height: 60px;
}
.tgp54pa
{
	position: absolute;
	top: 50px;
	Left: 1040px;
	Width: 50px;
	height: 60px;
}
.tgp54pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1040px;
	Width: 50px;
	height: 60px;
}
.m_p570:before {
    content: "";
    left: 1110px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p571:before {
    content: "";
    left: 1115px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp54ma
{
	position: absolute;
	top: 50px;
	Left: 1120px;
	Width: 50px;
	height: 60px;
}
.tgp54mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1120px;
	Width: 50px;
	height: 60px;
}
.tgm54pa
{
	position: absolute;
	top: 50px;
	Left: 1200px;
	Width: 50px;
	height: 60px;
}
.tgm54pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1200px;
	Width: 50px;
	height: 60px;
}
.m_p580:before {
    content: "";
    left: 1270px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p581:before {
    content: "";
    left: 1275px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm54ma
{
	position: absolute;
	top: 50px;
	Left: 1280px;
	Width: 50px;
	height: 60px;
}
.tgm54mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1280px;
	Width: 50px;
	height: 60px;
}
.tgp55pa
{
	position: absolute;
	top: 50px;
	Left: 1360px;
	Width: 50px;
	height: 60px;
}
.tgp55pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1360px;
	Width: 50px;
	height: 60px;
}
.m_p590:before {
    content: "";
    left: 1430px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p591:before {
    content: "";
    left: 1435px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp55ma
{
	position: absolute;
	top: 50px;
	Left: 1440px;
	Width: 50px;
	height: 60px;
}
.tgp55mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1440px;
	Width: 50px;
	height: 60px;
}
.tgm55pa
{
	position: absolute;
	top: 50px;
	Left: 1520px;
	Width: 50px;
	height: 60px;
}
.tgm55pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1520px;
	Width: 50px;
	height: 60px;
}
.m_p600:before {
    content: "";
    left: 1590px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p601:before {
    content: "";
    left: 1595px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm55ma
{
	position: absolute;
	top: 50px;
	Left: 1600px;
	Width: 50px;
	height: 60px;
}
.tgm55mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1600px;
	Width: 50px;
	height: 60px;
}
.tgp56pa
{
	position: absolute;
	top: 50px;
	Left: 1680px;
	Width: 50px;
	height: 60px;
}
.tgp56pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1680px;
	Width: 50px;
	height: 60px;
}
.m_p610:before {
    content: "";
    left: 1750px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p611:before {
    content: "";
    left: 1755px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp56ma
{
	position: absolute;
	top: 50px;
	Left: 1760px;
	Width: 50px;
	height: 60px;
}
.tgp56mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1760px;
	Width: 50px;
	height: 60px;
}
.tgm56pa
{
	position: absolute;
	top: 50px;
	Left: 1840px;
	Width: 50px;
	height: 60px;
}
.tgm56pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1840px;
	Width: 50px;
	height: 60px;
}
.m_p620:before {
    content: "";
    left: 1910px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p621:before {
    content: "";
    left: 1915px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm56ma
{
	position: absolute;
	top: 50px;
	Left: 1920px;
	Width: 50px;
	height: 60px;
}
.tgm56mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 1920px;
	Width: 50px;
	height: 60px;
}
.tgp57pa
{
	position: absolute;
	top: 50px;
	Left: 2000px;
	Width: 50px;
	height: 60px;
}
.tgp57pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2000px;
	Width: 50px;
	height: 60px;
}
.m_p630:before {
    content: "";
    left: 2070px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p631:before {
    content: "";
    left: 2075px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp57ma
{
	position: absolute;
	top: 50px;
	Left: 2080px;
	Width: 50px;
	height: 60px;
}
.tgp57mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2080px;
	Width: 50px;
	height: 60px;
}
.tgm57pa
{
	position: absolute;
	top: 50px;
	Left: 2160px;
	Width: 50px;
	height: 60px;
}
.tgm57pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2160px;
	Width: 50px;
	height: 60px;
}
.m_p640:before {
    content: "";
    left: 2230px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p641:before {
    content: "";
    left: 2235px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm57ma
{
	position: absolute;
	top: 50px;
	Left: 2240px;
	Width: 50px;
	height: 60px;
}
.tgm57mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2240px;
	Width: 50px;
	height: 60px;
}
.tgp58pa
{
	position: absolute;
	top: 50px;
	Left: 2320px;
	Width: 50px;
	height: 60px;
}
.tgp58pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2320px;
	Width: 50px;
	height: 60px;
}
.m_p650:before {
    content: "";
    left: 2390px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p651:before {
    content: "";
    left: 2395px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgp58ma
{
	position: absolute;
	top: 50px;
	Left: 2400px;
	Width: 50px;
	height: 60px;
}
.tgp58mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2400px;
	Width: 50px;
	height: 60px;
}
.tgm58pa
{
	position: absolute;
	top: 50px;
	Left: 2480px;
	Width: 50px;
	height: 60px;
}
.tgm58pb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2480px;
	Width: 50px;
	height: 60px;
}
.m_p660:before {
    content: "";
    left: 2550px;
    width: 10px;
    height: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.m_p661:before {
    content: "";
    left: 2555px;
    height: 75px;
	width: 1px;
    background: black;
    position: absolute;
    top: 80px;
}
.tgm58ma
{
	position: absolute;
	top: 50px;
	Left: 2560px;
	Width: 50px;
	height: 60px;
}
.tgm58mb
{
	position: absolute;
	background-color: violet;
	top: 50px;
	Left: 2560px;
	Width: 50px;
	height: 60px;
}