/*
arbre.css
---------
*/
body {background-color: #BBD3C7;color: black;font-family: courrier; font-size:small;}

  #textDiv { position:absolute; top:8%; right:8%; border-style:solid; border-width:thin; background-color:red;}
.anom {color: #000000; font-weight: normal;font-size : 15px ;}
.anom {text-decoration: none;display: block;width: 150px;}


 .tablesql {border: 2px solid #0A1792;background-color:#B5DAF1;width:120px; z-index: 5;}
 .tablesql  {text-align:center;height:10% ; }
 .lienhorizontal {border-top: 2px solid; z-index: 1;}
 .lienvertical {border-left:2px solid;width:5px;z-index: 1;}
 /* carr's sosa 16 . 31   */
#m16 {position:absolute;left:0%;top: 0%;height:16%;}
#m17 {position:absolute;left:10%;top: 0%;height:16%;}
#m18 {position:absolute;left:20%;top: 0%;height:16%;}
#m19 {position:absolute;left:30%;top: 0%;height:16%;}
#m20 {position:absolute;left:40%;top: 0%;height:16%;}
#m21 {position:absolute;left:50%;top: 0%;height:16%;}
#m22 {position:absolute;left:60%;top: 0%;height:16%;}
#m23 {position:absolute;left:70%;top: 0%;height:16%;}
#m24 {position:absolute;left:80%;top: 0%;height:16%;}
#m25 {position:absolute;left:90%;top: 0%;height:16%;}
#m26 {position:absolute;left:100%;top: 0%;height:16%;}
#m27 {position:absolute;left:110%;top: 0%;height:16%;}
#m28 {position:absolute;left:120%;top: 0%;height:16%;}
#m29 {position:absolute;left:130%;top: 0%;height:16%;}
#m30 {position:absolute;left:140%;top: 0%;height:16%;}
#m31 {position:absolute;left:150%;top: 0%;height:16%;}

 /* carr's sosa 8 . 15   */
#m8 {position:absolute;left:5%;top: 20%;height:16%;}
#m9 {position:absolute;left:25%;top: 20%;height:16%;}
#m10 {position:absolute;left:45%;top: 20%;height:16%;}
#m11 {position:absolute;left:65%;top: 20%;height:16%;}
#m12 {position:absolute;left:85%;top: 20%;height:16%;}
#m13 {position:absolute;left:105%;top: 20%;height:16%;}
#m14 {position:absolute;left:125%;top: 20%;height:16%;}
#m15 {position:absolute;left:145%;top: 20%;height:16%;}
 
/* carr's sosa 16 . 31   */
#m4 {position:absolute;left:15%;top: 40%;height:16%;}
#m5 {position:absolute;left:55%;top: 40%;height:16%;}
#m6 {position:absolute;left:95%;top: 40%;height:16%;}
#m7 {position:absolute;left:135%;top: 40%;height:16%;}

 /* carr's sosa 2 . 3   */
#m2 {position:absolute;left:35%;top: 60%;height:16%;}
#m3 {position:absolute;left:115%;top: 60%;height:16%;}
 /* carr's sosa 1  */
#m1 {position:absolute;left:75%;top: 78%;height:16%;}

 /* 16 traits verticaux rang 1*/
#r116 {position:absolute;left: 3.00%;top:15%;width: 0.00%;height:8%;}
#r118 {position:absolute;left: 23.00%;top:15%;width: 0.00%;height:8%;}
#r120 {position:absolute;left: 43.00%;top:15%;width: 0.00%;height:8%;}
#r122 {position:absolute;left: 63.00%;top:15%;width: 0.00%;height:8%;}
#r124 {position:absolute;left: 83.00%;top:15%;width: 0.00%;height:8%;}
#r126 {position:absolute;left: 103.00%;top:15%;width: 0.00%;height:8%;}
#r128 {position:absolute;left: 123.00%;top:15%;width: 0.00%;height:8%;}
#r130 {position:absolute;left: 143.00%;top:15%;width: 0.00%;height:8%;}
#r117 {position:absolute;left: 16.50%;top:15%;width: 0.00%;height:8%;}
#r119 {position:absolute;left: 36.50%;top:15%;width: 0.00%;height:8%;}
#r121 {position:absolute;left: 56.50%;top:15%;width: 0.00%;height:8%;}
#r123 {position:absolute;left: 76.50%;top:15%;width: 0.00%;height:8%;}
#r125 {position:absolute;left: 96.50%;top:15%;width: 0.00%;height:8%;}
#r127 {position:absolute;left: 116.50%;top:15%;width: 0.00%;height:8%;}
#r129 {position:absolute;left: 136.50%;top:15%;width: 0.00%;height:8%;}
#r131 {position:absolute;left: 156.50%;top:15%;width: 0.00%;height:8%;}

 /* 8 traits verticaux rang 2*/
#r28 {position:absolute;left: 10.00%;top:35%;width: 0.00%;height:8%;}
#r29 {position:absolute;left: 30.00%;top:35%;width: 0.00%;height:8%;}
#r210 {position:absolute;left: 50.00%;top:35%;width: 0.00%;height:8%;}
#r211 {position:absolute;left: 70.00%;top:35%;width: 0.00%;height:8%;}
#r212 {position:absolute;left: 90.00%;top:35%;width: 0.00%;height:8%;}
#r213 {position:absolute;left: 110.00%;top:35%;width: 0.00%;height:8%;}
#r214 {position:absolute;left: 130.00%;top:35%;width: 0.00%;height:8%;}
#r215 {position:absolute;left: 150.00%;top:35%;width: 0.00%;height:8%;}

 /* 4 traits verticaux rang 3*/
#r34 {position:absolute;left: 20.00%;top:55%;width: 0.00%;height:7.5%;}
#r35 {position:absolute;left: 60.00%;top:55%;width: 0.00%;height:7.5%;}
#r36 {position:absolute;left: 100.00%;top:55%;width: 0.00%;height:7.5%;}
#r37 {position:absolute;left: 140.00%;top:55%;width: 0.00%;height:7.5%;}

 /* 2 traits verticaux rang 4*/
#r42 {position:absolute;left: 40.00%;top:75%;width: 0.00%;height:8%;}
#r43 {position:absolute;left: 120.00%;top:75%;width: 0.00%;height:8%;}

 /* 16 traits horizontaux rang 1*/
#h16 {position:absolute;left: 3.00%;top:23%;width: 2.30%;height:8%;}
#h18 {position:absolute;left: 23.00%;top:23%;width: 2.30%;height:8%;}
#h20 {position:absolute;left: 43.00%;top:23%;width: 2.30%;height:8%;}
#h22 {position:absolute;left: 63.00%;top:23%;width: 2.30%;height:8%;}
#h24 {position:absolute;left: 83.00%;top:23%;width: 2.30%;height:8%;}
#h26 {position:absolute;left: 103.00%;top:23%;width: 2.30%;height:8%;}
#h28 {position:absolute;left: 123.00%;top:23%;width: 2.30%;height:8%;}
#h30 {position:absolute;left: 143.00%;top:23%;width: 2.30%;height:8%;}
#h17 {position:absolute;left: 13.30%;top:23%;width: 3.30%;height:8%;}
#h19 {position:absolute;left: 33.30%;top:23%;width: 3.30%;height:8%;}
#h21 {position:absolute;left: 53.30%;top:23%;width: 3.30%;height:8%;}
#h23 {position:absolute;left: 73.30%;top:23%;width: 3.30%;height:8%;}
#h25 {position:absolute;left: 93.30%;top:23%;width: 3.30%;height:8%;}
#h27 {position:absolute;left: 113.30%;top:23%;width: 3.30%;height:8%;}
#h29 {position:absolute;left: 133.30%;top:23%;width: 3.30%;height:8%;}
#h31 {position:absolute;left: 153.30%;top:23%;width: 3.30%;height:8%;}


 /* 8 traits horizontaux rang 2*/
#j8 {position:absolute;left: 10.00%;top:43%;width: 5.00%;height:8%;}
#j10 {position:absolute;left: 50.00%;top:43%;width: 5.00%;height:8%;}
#j12 {position:absolute;left: 90.00%;top:43%;width: 5.00%;height:8%;}
#j14 {position:absolute;left: 130.00%;top:43%;width: 5.00%;height:8%;}
#j9 {position:absolute;left: 23.50%;top:43%;width: 6.65%;height:8%;}
#j11 {position:absolute;left: 63.50%;top:43%;width: 6.65%;height:8%;}
#j13 {position:absolute;left: 103.50%;top:43%;width: 6.65%;height:8%;}
#j15 {position:absolute;left: 143.50%;top:43%;width: 6.65%;height:8%;}

 /* 4 traits horizontaux rang 3*/
#k2 {position:absolute;left: 20.00%;top:62.50%;width: 15.00%;height:8%;}
#k4 {position:absolute;left: 100.00%;top:62.50%;width: 15.00%;height:8%;}
#k3 {position:absolute;left: 43.50%;top:62.50%;width: 16.50%;height:8%;}
#k5 {position:absolute;left: 123.50%;top:62.50%;width: 16.50%;height:8%;}

 /* 2 traits horizontaux rang 4*/
#l1 {position:absolute;left: 40.00%;top:83%;width: 35.00%;height:8%;}
#l2 {position:absolute;left: 83.50%;top:83%;width: 36.65%;height:8%;}