#log 
{
   margin:0 ;
   position : fixed ; 
   right : 5px ;
   bottom : 5px ; 
   width:240px;
   height:620px;
   overflow:hidden;
   background:rgba(0,0,0,0.75);
   color:white;
   text-align:left;
   padding:10px;
   font-size:1.25em;
   padding-left:15px;
   
   z-index:10000;
   
   border-radius:5px;
}

#log p 
{
   margin:2%;
   padding:0;
   width:96%;
   float:left;
   
   vertical-align:top;
}

#log p label
{
   margin:0;
   padding:0;
   float:left;
   width:50px;
   /* background:yellow;*/
}

#log p input
{
   border:none;
   background:none;
   color:white;
   font-size:0.8em;
   margin:0;
   padding:0;
   float:left;
}


#log p label + input
{
   margin-left:5px;
   width:100px;
}

#log p input:last-child
{
   float:right;
   text-align:right;
}


#log.inverse p input
{
   color : black ;      
}

#log.mini
{
   width:16px;
   height:16px;
   left:0;
   top:0;   
}

#log.inverse
{
   background:rgba(255,255,255,0.75);
   color : black ;
}

#log div:not(.col) p:not(.titre)
{
   font-family:courier;
   margin:20px;
   /*text-align:justify;*/
}


#scene { position:fixed ; width:100%; height:100%; background-color:#ddd; }

.repere
{
   position:absolute;
   width:100px;
   height:100px;
   background-color:#999;
   border:3px solid black;
   z-index:10000;
}

#r1.repere { background-color:rgba(255,0,0,0.5);  }
#r2.repere { background-color:rgba(0,255,0,0.5);  }
#r3.repere { background-color:rgba(0,0,255,0.5);  }


.col 
{
   margin:0;
   padding:0;
   width:238px;
   display:inline-block;
   vertical-align:top;
   float:left;
   /*background-color:yellow;*/
   
   border:1px solid white;
}
.col p
{
}