/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 mars 2022, 15:27:08
    Author     : Charles
*/

.centered {
  position: absolute;
  top:20px;
  left:0;
  width:100%;
  text-align: center;
}

.centered2 {
  position: absolute;
  top:20px;
  left:0;
  text-align: center;
}


.input_code{
  border: none;
  width: 6ch;
  background: 
    repeating-linear-gradient(90deg, 
        dimgrey 0, 
        dimgrey 1ch, 
        transparent 0, 
        transparent 1.5ch) 
      0 100%/100% 2px no-repeat;
  color: dimgrey;
  font: 5ch consolas, monospace;
  letter-spacing: .5ch;
}

input:focus {
  outline: none;
  color: dodgerblue;
}

.machine_plage{
  background-image:url("../images/machine_plage.png");
  background-repeat: no-repeat;
  width:700px;
  height:700px;
}

.machine_plage_try_again{
  background-image:url("../images/machine_plage_try_again.png");
  background-repeat: no-repeat;
  width:700px;
  height:700px;
}

.machine_plage_done{
  background-image:url("../images/machine_plage_done.png");
  background-repeat: no-repeat;
  width:700px;
  height:700px;
}

.machine_plage_ricane{
  background-image:url("../images/machine_plage_ricane.png");
  background-repeat: no-repeat;
  width:700px;
  height:700px;
}



.globe{
  text-align:center;  
  width:100%;  
}

.red{
  border:solid 1px red;
}

.haut{
  width:700px;
  height:250px;   
}

.gauche{
  width:250px;
  height:180px; 
  float:left;  
}

.crane{
  width:200px;
  height:180px;   
  float:left;
}

.droite{
  width:250px;
  height:180px;   
  float:left;
}

.bas{
  height:270px;   
  width:700px;
  float:left;
}


.orange{
  background-color:rgb(255,153,0);
}

.red{
  background-color:#FF5C5C;
}

.blue{
  background-color:#DFDFFF;
}

.green{
  background-color:#46FF46;
}

.niceLink{
  color:black; /*#FFCA00;*/
  text-decoration: none;
  font-weight:bold;
}

.niceLink:hover{
  color:#FFCA00; /*#A8DAFF;*/
}