/* Variables */

:root
{

	--couleur-fond: #ffffff;
	
	--couleur-gen-blanchi: #f2f8fa;
	--couleur-gen-tres-clair: #e8f7fc;
	--couleur-gen-clair: #d1f0fa;
	--couleur-gen-miclair: #a3e0f5;
	--couleur-gen: #51C5ED;
	--couleur-gen-mifonce: #138fb9;
	--couleur-gen-fonce: #0a485c;
	--couleur-gen-tres-fonce: #05242e;
	--couleur-gen-tftrans: #05242e1a;
	
	--couleur-ombre: grey;

}

#contenant_aquariums
{
  position: relative;
  
  border: 6px solid var(--couleur-gen);
  border-radius: 30px;
  border-top: transparent;
  
  background-color:  var(--couleur-gen-tres-clair);
  
  margin: auto;
  
  box-shadow: 2px 2px 7px var(--couleur-ombre);
  
}

#aquarium, .aquarium
{
	background-color: transparent;
}

#aquarium
{
	position: relative;
	z-index: 1;
}

.aquarium
{
  position: absolute;
  	left: 0px;
  	top: 0px;
  z-index: 0;
}

#couche_devant
{
	cursor: url(../img/main.png), auto;
	
	z-index: 2;
}

#couche_derriere
{
	z-index: 0;
}

/* Inputs */

.contenant_input
{
	text-align: center;
	padding: 7px;
	margin: 5px;
	
	border: 6px solid var(--couleur-gen);
  border-radius: 30px;
  border-top: transparent;
  background-color: var(--couleur-gen-tres-clair);
  
  box-shadow: 2px 2px 7px var(--couleur-ombre);
}

.contenant_input input[type=text]
{
	width: 30px;
	text-align: center;
}

input#lancer_simulation, input#pause_simulation, input#cacher_options
{
	font-weight: bold;
	font-size: 20px;
	width: 79%;
	padding: 3px;
}

input#pause_simulation, input#cacher_options
{
	width: 10%;
}


span.titre_input
{
  display: inline-block;
  padding: 2px;
  margin: 1px;
  font-weight: bold;
	font-size: 16px;
  
} 

span.span_input
{
  display: inline-block;
  padding: 2px;
  border-radius: 5px;
  background-color: var(--couleur-gen-tftrans);
  margin: 1px;
  
}