.container
{
  position:relative;
  top:0;
  width:70vw;
  height:95vh;
  margin-left: auto;
  margin-right: auto;
  background: black
}
.fond
{
  position:absolute;
  top:33vh;
  width:80%;
  left:10%;
  transform:rotate(-7deg)
}



.logs {width:100%;border-radius:3vw;border-style:solid;border-color:gray;border-width:0.5vh}

.titre
{
  position:relative;
  top:2vh;
  left:00;
  width:65vw;
  background:blue;
  border-radius:0.51vw;
  height:4vh;
  font-family:Commissioner;
  font-style:italic; 
  color:white;
  font-size:3vh;
}
.aib
{
  position:relative;
  top:-3vh;
  left:28vw;
  width:9vw;
  margin:auto;
  border-radius:0.51vw;
  height:4vh;
  font-family:Commissioner;
  font-style:italic; 
  color:white;
  font-size:2vh;
}
.dd
{
  position:relative;
  top:5vh;
  left:00;
  width:30vw;
  margin:auto;
  background:#e0e0e0;
  border-radius:0.5vw;
  border-style:solid;
  border-width:0.2vw;
  border-style:solid;
  border-color:#848282;
  padding-bottom:2vh;
  height:20vh;
  overflow:hidden;
  font-family:Commissioner;
  font-style:italic; 
}

div#depose {
  position:relative;
  top:2vh;
  left:0;  
  background:white;
  height: 8vh;
  width:25vw;
  padding: 1vw;
  font-size: 2.2vh;
  line-height:3vh;
  color: black;
  text-align: center;
  margin: 0vw;
  border: 0.2vw dashed #999;
  border-radius:1.5vh;
  overflow: hidden;
  cursor: pointer;
  }
div#depose:hover{background: orange;}
div#depose.onDropZone {
    color: #000;
    border: 1vh solid rgb(251, 74, 183);
    padding: 1vw;
  }

.bp
  {
  position:relative;
  bottom:-3vh;
  left:0;  
  height:3.5vh;  
  width:28vw;
  font-size:2vh;
  border-style:solid;
  border-radius:0.7vh;
  border-width:1px;
  border-color:black;
  cursor:pointer;
  visibility:hidden;
  background: #c0c0c0;
}
.bp:hover{background: #00ff00}
.no_bp
  {
  position:relative;
  top:-1vh;
  left:0;  
  height:3vh;  
  width:20vw;
  border-style:solid; 
  border-radius:0.5vw;  
  font-size:2vh;
  font-weight:bold;  
  color:#dadada;
  background:red;  
 
}

div.bloc {
    position:relative;
    top:-15px;
    left:5px;
    width:460px;
    padding: 10px;
    border-style:solid;
    border-color:#a1a1a1;
    margin: 10px;
    border-radius:5px;
    background:#ffffff;
  opacity: 0;
  }

div#preview 
  {
  display: none;
  max-height:420px;
  overflow:auto;    
}


div.fichier
{
    position:relative;
    top:-0px;
    left:00px;
    padding: 5px;
    background: #ffffff00;
    margin-top: 1px;
    width:370px;
  }

  div.fichier img
    {
    position:relative;  
    max-height: 280px;
    max-width: 80px;
    vertical-align: top;
 
    }

.blck {color:black;}
.gros{background:red;padding-left:20px;padding-right:20px;color:aliceblue;border-radius:5px;}


.rsus
{
position:relative;
top:8vh;
left:0vw;
width:60vw; 
height:55vh;
background: black;
visibility:hidden;
}

.infos_cab
{
position:relative;
top:0vh;
left:-2vw;
width:62vw; 
height:4.5vh;
background: #00ff00; 
color:black;
font-size: 2.5vh;
font-family:arial; 
text-align:left;
padding-left:2vw;  
border-radius:1vh;
visibility:hidden;
}

.go_config
{
  position:relative;
  top:-1.4vh;
  left:28vw; 
  line-height:2vh;
  font-size:2vh;
}

.img_conf
{
position:absolute;
top:-0.9vh;
left:11vw;
width:1.8vw;
  cursor:pointer;
  z-index: 1
 }

.save_file
{
  position:relative;
  top:-1.2vh;
  left:33vw;
  color:black;
  font-size:2vh;
}

.img_save
{
  position:relative;
  top:1.1vh;
  left:13vw;
  width:2vw;
  cursor:pointer
}

.ico_err
{
  position:relative;
  top:-0.4vh;
  left:6.5vw;
  color:white;
  font-size:2vh;
}

.img_errs
{
position:absolute;
top:-0.4vh;
left:8.7vw;
width:1.4vw;
  cursor:pointer;
  z-index: 1
 }

.cabrillo
{
position:relative;
top:0vh;
left:1vw;
background: black;
width:60vw;
font-size:2.5vh;
text-align:left;
color:white;
max-height:45vh;
overflow:auto;font-family:monospace;
}
.nb_qso {background: blue;text-align:center;font-size:3vh}
.erreur
{
position:relative;
top:0vh;
left:0vw;
width:100%;
color:white;
background: black;
font-family:arial;
font-size:2vh;  
border-radius:0.5vh;
}

.erreur1
{
position:relative;
top:0vh;
left:0vw;
width:100%;
color:white;
background: black;
font-family:arial;
font-size:2vh;  
border-radius:0.5vh;
}

.erreurs_0
{
position:absolute;
top:40vh;
left:26.9vw;
width:10vw;
height:0vh;
background: red;
z-index: 9;
visibility: hidden;
}
.lst_err
{
 position:absolute;
top:2.5vh;
left:0vw;
width:10.5vw;
height:46vh;
background: white;
color:red;  
max-height: 43vh;
overflow: auto;  
padding:0.5vh;
z-index: 9;
}
.erreurs
{
position:relative;
top:-1vh;
left:-0.5vw;
width:100%;
color:white;
background: blue;
font-family:arial;
font-size:1.8vh;  
text-align:left;
padding:1vh;
height:0.6vh;
}
.errs_t
{
position:relative;
top:-1vh;
left:-1vw;
width:100%;  
height:3vh;  
text-align: center;
}
.erreurs_c
{
position:absolute;
top:-1.5vh;
right:0vw;
width:0.5vw;
height:0.8vw;
color:white;
font-family:arial;
font-size:1.8vh;  
text-align:left;
padding:1vh;
z-index: 9;
cursor:pointer;
}
.partie {background: red;padding-left:1vw;padding-right:1vw}
.expl {background: blue;padding-left:1vw;padding-right:1vw}

.text_input
{
position:absolute;
top:0vh;
left:0vw;
font-size:1.6vh;
}
.img_hlp{width:1.5vw;position:relative;top:-1.3vh;left:22vw;cursor:pointer}
.xx {background: red;}

.operateur {position:absolute;top:1vh;left:2.5vw;font-size:2vh }
.score
{
  position:absolute;
  top:0.9vh;
  left:13vw;
  font-size:2vh;
  color:black;
}

.dbles_0
{
  position:absolute;
  top:0.9vh;
  left:20vw;
  font-size:2vh;
  color:black;
  background: #00ff00;
  padding-left:1vw;
  padding-right:1vw;
  border-radius:0.7vh;
}

.dbles_1
{
  position:absolute;
  top:0.9vh;
  left:20vw;
  font-size:2vh;
  color:white;
  background: red;
  padding-left:1vw;
  padding-right:1vw;
  border-radius:0.7vh;
}

.bad {background: red}
.cl_oeil
{
  position:absolute;
  top:0.5vh;
  left:20vw; 
}
.oeil
{
  position:absolute;
  top:-0vh;
  left:22vw; 
  width:1.3vw;
  cursor:pointer
}
.spinner
{
  position:absolute;
  top:50vh;
  left:32vw; 
  visibility: hidden;
}
.img_spin {width:8vw}
.recapt
{
  position:absolute;
  top:8.5vh;
  left:3vw; 
  width:13vw;
  height:22.8vh;
  background: white;
  font-family: Commissioner;
  font-size:1.6vh;
  border-radius:1.5vh;
  border-style:solid;
  visibility: hidden;
}
table,td,tr {  border-style:solid;border-width:0;padding:0;spacing:0}

.file_name
{
  position:absolute;
  top:28.9vh;
  right:3.5vw; 
  width:15vw;
  height:2.5vh;
  background: white;
  font-family: Commissioner;
  font-size:1.9vh;
  border-radius:0.8vh;
  border-style:solid;
visibility:hidden;
}

.graphe
{
  position:absolute;
  top:26vh;
  left:41vw; 
  width:36vw;
  height:46vh;
  background: white;
  font-family: Commissioner;
  font-size:1.9vh;
  border-radius:0.8vh;
  border-style:solid;

}