@font-face {
    font-family: 'GloriaHallelujah';
    src: url('font/cursif-webfont.eot');
    src: url('font/cursif-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cursif-webfont.woff2') format('woff2'),
         url('font/cursif-webfont.woff') format('woff'),
         url('font/cursif-webfont.ttf') format('truetype'),
         url('font/cursif-webfont.svg#cursif') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
  height: 100%;
	user-select : none;
user-select : text;
user-select : all;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
text-align:center;
max-width:800px;
min-width:650px;
 user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
font: 100%/100% GloriaHallelujah;
}
#auteur{
bottom:0px;
position:fixed;
opacity: 0.3;

}


#general
{

top:10px;
display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(20px, auto);
  width:100vw;
}


#divnb1
{
 grid-column: 1 ;
  grid-row: 1;
 display: flex; 
 height:50px;
}


#divnb2
{
 grid-column: 2 ;
  grid-row: 1;
 display: flex; 
}

#info
{
 grid-column: 2/4 ;
  grid-row:5;
 display: flex; 
}


#divnb3
{
 grid-column: 3 ;
  grid-row: 1;
 display: flex; 
}
#check
{
 grid-column: 3;
  grid-row: 1;
 display: flex; 
 min-width:150px;
}
#divvitesse
{
 grid-column: 1 ;
  grid-row: 2;
 display: flex; 
}

#divctl
{
 grid-column: 3 ;
  grid-row: 2;
 display: flex; 
}

#divuntour
{
 grid-column: 2 ;
  grid-row: 2;
 display: flex; 

}
#dessin
{
 grid-column: 1/5 ;
  grid-row: 4;
  margin: auto;
  cursor:pointer;
  
 }
 
 #divcpttr1
{
  grid-column: 1 ;
  grid-row: 3;
  margin: auto;
}
 
 #divcpttr2
 {
 grid-column: 2 ;
  grid-row: 3;
  margin: auto;
 } 
 #divcpttr3
 {
 grid-column: 3 ;
  grid-row: 3;
  margin: auto;
 }
 
 input[type=number]
 {
 width:60px;
 }