body{
  font-family: Arial, Helvetica, sans-serif;
}

input[type="button"]:hover {
 opacity:0.8;
}

input[type="radio"]
{
 -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  transform: scale(1.2);
}

#panneau_retour {
	position: absolute;
	top: 0;
	left:var(--main-bg-left);
	width: var(--main-bg-width);
  transform: var(--main-bg-transform);
	height: 40px;
  display:flex;
  align-items: center;
  background-image: url("../images/fond_panneau_retour.png");
  background-size: 100% 100%;
}

#panneau_retour span{
  font-size:12pt;
  color:white;
  padding:3px;  
}

#panneau_retour span.lien-retour{
  font-style:italic;
  text-decoration:underline;
  color:whitesmoke;
  color:silver;
}

#panneau_retour span.lien-retour{
  cursor:pointer;
}

#panneau_haut {
	background: white;
	position: absolute;
	top: 50px;
	left: var(--main-bg-left);
	width: var(--main-bg-width);
  transform: var(--main-bg-transform);
	height: 60px;
  background-color:snow;
}


#panneau_haut div.titre-principal span {
  font-size:18pt;
  
}

.selection{
  position:absolute;
  left:10px;
  right:25px;
}

input#selection_nom {

  width:100%;
  font-size:16pt;
  padding:5px;
  border-radius: 10px;
}



#panneau_haut #valide_recherche {
  margin-left:6px;
}


#panneau_accueil {
	position: absolute;
	top: 0;
	left: var(--main-bg-left);
	width: var(--main-bg-width);
  transform: var(--main-bg-transform);
	bottom: var(--main-bg-bottom);
  height: var(--main-bg-height);
	overflow: auto;
  background-image: url("../images/image_fond_accueil.jpg");
  background-size: 100% 100%;
  border:2px solid black;
}

.titre {
  position: absolute;
  top:25px;
  left:30px;
  right:30px;
  font-size:36pt;
  color:white;
  text-align:center;
  background-color: rgba(96, 125, 59, 0.6);
  border-radius: 5px;
}

.menu {
  position: absolute;
  bottom:30px;
  height:210px;
  font-size:20pt;
  color:white;
  text-align:center;
  left:10px;
  right:10px;
  background-color: rgba(96, 125, 59, 0.6);
  border-radius: 5px;
}

.item {
  padding:10px;
  border-bottom:1px solid white;
}

.item:hover {
  cursor:pointer;
}



#panneau_central {
	position: absolute;
	top: 100px;
	left: var(--main-bg-left);
	width: var(--main-bg-width);
  transform: var(--main-bg-transform);
	bottom:  var(--main-bg-bottom);
  height: var(--main-bg-height2);
	overflow: auto;
  background-color:whitesmoke;
}

#fenetre_aide table
{
    border-collapse: collapse;
    width:100%;
}

#fenetre_aide table tr
{
  border-bottom:1px dotted black;
}

#fenetre_aide table tr:nth-child(odd)
{
 background-color:white;
}


#fenetre_aide table tr td
{
  padding:5px;
}

#fenetre_aide table tr td:nth-child(2):hover{
 cursor:pointer;
}

#panneau_central table#cle_dicho
{
    width:100%;
    font-family:verdana;
    border-collapse: collapse;
}

#panneau_central table.bloc
{
 width:100%;
 border-collapse: collapse;
}

#panneau_central table.bloc tr
{
 border-bottom:1px dotted black;
}

#panneau_central table.bloc tr:last-child
{
 border-bottom: none;
}

#panneau_central table.bloc td
{
 padding:5px;
}


#panneau_central table.bloc td:nth-child(2)
{
 width:30px;
}

#panneau_central table.bloc tr.titre-bloc td
{
 background-color:gray;
 color:white;
 padding:10px;
}


#panneau_central table.bloc tr.titre-bloc td div.etape
{
 text-align:center;
 font-weight:bold;
 font-size:9pt;
 padding-bottom:5px;
} 

#panneau_central table.bloc tr.titre-bloc td div.titre_type_ref
{
 font-size:9pt;
 text-align:center;
} 

#panneau_central table.bloc .titre-espece
{
 font-size:10pt;
 color:gray;
 font-style:italic;
 display:block;
 text-align:right;
 width:100%;
}

#panneau_central table.bloc tr.titre-erreur td
{
 background-color:red;
 color:white;
}

div.jauge
{
 position: absolute;
 display:none;
 width:100%;
 height:100%;
 display:flex;
 align-items:center;
 justify-content:center;
 background-color:none;
 z-index:9999;
}