@charset "utf-8";
#statosBox
{
    position: absolute;
    top: 150px;
    left: 100px;
    width:570px;
    height:300px;
    z-index: 1;
}

#ParchDesk
{
    position: absolute;
    left:-80px;
    top:-40px;
}
#barGraph
{
    position: absolute;
    top: 70px;
    left: 40px;
    width:480px;
    height: 50px;
    background-color: rgb(159, 167, 241);
    border-color: black;
    border-style: double;
}

#titreStatos
{
    position: absolute;
    top:-10px;
    width:570px;
    left:0px;
}

#PseudoStatos
{
    position: absolute;
    top: 15px;
    left: 40px;
    font-size: 18px;
}

#origH
{
    position: absolute;
    left:40px;
    top:40px;
}

#LapsGP
{
    position: absolute;
    width: 200px;
    height: 50px;
    top:73px;
    left:200px;
    background-color: rgb(216, 88, 184);
    z-index: 1;
}

#chGP
{
     position: absolute;
     top:150px;
}

#chPP
{
     position: absolute;
     top:150px;
}

#close
{
     position: absolute;
     top:150px;

}

#closeG
{
     position: absolute;
     top:73px;
     height: 50px;
     background-color: black;
}

#ori
{
     position: absolute;
     top:150px;
     left:40px;
}

#fini
{
     position: absolute;
     width:100px;
     top:40px;
     left:520px;
}

#legende
{
    position: absolute;
    top:200px;
    left:40px;
}

#signe
{
     position: absolute;
     top:10px;
     left:450px;
     opacity: 0.6;
}

#explain
{
    position: absolute;
    left:40px;
    bottom:0;
}

#PavComST
{
     position: absolute;
     left:450px;
     top:201px;
}

#Pse
{
    position: absolute;
    left:0px;
    top:55px;
    width:40px;
    height:45px;
    
}

#Pla
{
    position: absolute;
    left:44px;
    top:55px;
    width:40px;
    height:45px;
    
}

#quitG
{
    position: absolute;
    left:0px;
    top:0px;
    width:40px;
    height:40px;
    
}

#quit
{
    position: absolute;
    left:480px; /* 460px; */
    top:220px; /* 194px; */
}

/*  VUES   */
#VueBox
{
    position: absolute;
    top: 500px;
    left: 250px;
}

#PavComSTvb
{
     position: absolute;
     left:350px;
     top:201px;
}

#titreVubox 
{
    position: absolute;
    top:10px;
    left:-30px;
    width:570px;
}

#Soustitre1Vubox 
{
    position: absolute;
    top:90px;
    left:100px;
    width:570px;
}

#Soustitre2Vubox 
{
    position: absolute;
    top:90px;
    left:230px;
    width:570px;
}

#explainVu
{
    position: absolute;
    left:80px;
    top:280px;
    font-size: 14px;
}

#Psevb
{
    position: absolute;
    left:0px;
    top:55px;
    width:40px;
    height:45px; 
}

#Plavb
{
    position: absolute;
    left:44px;
    top:55px;
    width:40px;
    height:45px;  
}

#quitGvb
{
    position: absolute;
    left:0px;
    top:0px;
    width:40px;
    height:40px;
}

#GraphPC1
{
    position: absolute;
    left:80px;
    top:150px;
}

#GraphPC2
{
    position: absolute; 
    left:210px;
    top:150px;
}

#PseudoVubos
{
    position: absolute; 
    left:100px;
    top:80px;
}

#quitvb
{
    position: absolute;
    left:380px; 
    top:250px; 
}

/*  remarks  */
#remarksBox
{
    position: absolute;
    left:730px;
    top:130px;
}

#remarksDesk
{
    position: absolute;
    left:0;
    top:0;
}

#PseudoRem
{
    position: absolute; 
    left:100px;
    top:80px;
}

#titreRemark
{
    position: absolute;
    left:200px;
    top:20px;
}

/*
#SousTitresRem
{
    position: absolute;
    left:100px;
    top:200px;
}
*/
#PavComSTRem
{
     position: absolute;
     left:380px;
     top:560px;
}

#PseRem
{
    position: absolute;
    left:0px;
    top:55px;
    width:40px;
    height:45px; 
    /* background-color: black;*/
}

#PlaRem
{
    position: absolute;
    left:50px;
    top:55px;
    width:38px;
    height:45px;  
   /*  background-color: black;*/
}

#quitGrem
{
    position: absolute;
    left:0px;
    top:0px;
    width:40px;
    height:40px;
   /*  background-color: black;*/
}

#Avis0
{
    position: absolute;
    left:250px;
    top:100px;
}

#Avis1
{
    position: absolute;
    left:250px;
    top:200px;
}

#Avis2
{
    position: absolute;
    left:250px;
    top:300px;
}

#Avis3
{
   position: absolute;
   left:250px;
   top:400px;
}  

#AvisT0
{
    position: absolute;
    left:100px;
    top:184px;
}

#AvisT1
{
    position: absolute;
    left:100px;
    top:284px;
}

#AvisT2
{
    position: absolute;
    left:100px;
    top:384px;
}

#AvisT3
{
   position: absolute;
   left:100px;
   top:484px;
}

#Speed
{
    position: absolute;
    left:0px;
    top:0px;
    width: 230px;
    height:550px;
    z-index: 2;
    /*background-color: black;*/
}

#Slow
{
   position: absolute;
   left:250px;
   top:0px;
   width: 230px;
   height:550px;
   z-index: 2;
   /*background-color: black;*/
}

#cptVitess
{
   position: absolute;
   left:200px;
   top:590px;
   font-size: 48px;
}

#explainRem
{
   position: absolute;
   width: 400px;
   left:100px;
   top:520px;
}

#quitRem
{
    position: absolute;
    left:400px; 
    top:600px;
}