html{
	font-family: Elephant, Verdana, sans-serif;
	font-size: 18px;
}
h1 {
	color: white;
	background-color: blue;
	padding: 10px;
	border: 4px solid black;
	text-align: center;
	width: 750px;
	margin:0 auto;
	display:inline-block;
}
body {
        background: url("bg5.jpg");
        background-size:cover;
}

#thead td:nth-child(1) {
        width: 380px;
        text-align:left;
}
#thead td:nth-child(2) {
        width: 60px;
        text-align:right;
}
#thead2 td:nth-child(1) {
        width: 50px;
}
#thead2 td:nth-child(2) {
        width: 60px;
        text-align:left;
        border:2px solid black;
}

#thead2 td:nth-child(3) {
        width: 350px;
        text-align:left;
	border:2px solid black;
}
#thead2 td:nth-child(4) {
        width: 50px;
        text-align:left;
        border:2px solid black;
}
#thead2 td:nth-child(5) {
        width: 50px;
        text-align:left;
        border:2px solid black;
}
#thead2 td:nth-child(6) {
        width: 50px;
        text-align:left;
        border:2px solid black;
}

li,td {
	font-size:20px;
}

#List > ul {
  display: none;
  list-style-type:none;
} 
  
#List > ul > li {
    list-style:none; 
} 
  
#List > li {
   list-style:none;   
  font-weight: bold;
}

li > .multi::after {
  content:' +'
}
  
li > .multi-opened::after {
  content:' -'
}

li:hover {
    color: blue;
}

li.pointer {
    cursor: pointer;
}

#T2 {
        table-layout:fixed;
        border: 2px solid yellow;
        width: 95%;
	top: 5px;
	left: 5px;
	height: 50px;
	position: relative;
}
#tbody2 {
        height:calc(99vh  - 250px) ;
        display:block;
	top:5px;
        overflow: auto;
}
#thead2 {
        display:block;
	border: 2px solid black;
}
.Conteiner{
	height: 400px;
}
#List{
	position: relative;
	top: 5px;
	left: 5px;
	width: 97%;
	height: 100%;
}

#lia{
        float:right;
        margin-right:150px;
}

#lib{
        float:right;
        margin-right:-165px;
        margin-top:25px;
}

#lic{
        float:right;
        margin-right:-90px;
        margin-top:50px;
}
#lid{
        float:right;
        margin-right:-115px;
        margin-top:75px;
}
#lie{
        float:right;
        margin-right:-83px;
        margin-top:100px;
}
#lif{
        float:right;
        margin-right:-155px;
        margin-top:125px;
}
#Pays{
	border:5px solid red;
	position: relative;
	top: 5px;
	left: 5px;
}
#I{
	max-width: auto;
	max-height: 200px;
}
.Z{
	max-width: 85vw;
	max-height: 85vh;
}
.R{
	max-width: auto;
	max-height: 200px;
}
#S{
	height:500px;
}
.ori{
	display:inline-block;
	border:2px solid black;
	height: 300px;
}
.ori2{
	display:inline-block;
	height: 250px;
	width:5px;
}
.relatif{
	position:relative;
}
.Abs{
	position:absolute;
}

.Add{
	bottom:0px;
	left:0px;
	height:90px;
	width: 70%;
	border:3px solid black;
}
.Back{
	top:20px;
}
.ib{
	display:inline-block;

}
.AA{	/*Cat*/
	top:110px;
}
.AB{	/*Listbox*/
	width:200px;
	left:250px;
	top:110px;
}
.AC{	/*Pays*/
	top:90px;
}

.AD{	/* Radio1*/
	top:130px;
	left:150px;
}
.AF{	/*Numero*/
	top:170px;
}
.AE{	/*radio2*/
	top:150px;
	left:223px;
}
.AG{
	left:100px;
	top:170px;
	width:100px;
}
.AH{
	left:210px;
	top:170px;
}
.AI{
	left:300px;
	top:130px;
}
.AJ{
	left:300px;
	top:150px;
}
#btn5{
	top:40px;
}
#btn6{
	top:60px;
}