.theme-light {
    --color-primary: #0060df;
    --color-secondary: #fbfbfe;
    --color-button: #cbeef8;
    --color-accent: #fd6f53;
    --font-color: #000000;
    --color-input:#fef9e7   ;
    --color-range:#525e6b;
    --color-warning:  #fd3f3f ;/*#ff370c ;*/
  }
.theme-dark {
    --color-primary: #17ed90;
    --color-secondary: #243133;
    --color-button: #116179;
    --color-accent: #12cdea;
    --font-color: #ffffff;
    --color-input:#283747 ;
    --color-range:#525e6b;
    --color-warning:  #fe8d8d  /*#ff785a;*/
  }


html {
    background: var(--color-secondary);
    color: var(--font-color);
}

header 
{
	width:95%;
	margin: auto;
	padding: 5px;
}
header img { display : none;}

header h4 {display : none;	}

header label {display : none;}

#vues {display : none;}



header ul input { display : inline-block;
}

#avion{
  font-size: 0.8em;
  color : red;
}

#selAvion
{
	flex: 1;
	width: 105px;
	height: 35px;
	padding: 3px;
	text-align: center;
	font-size: 1em;
	color: var(--font-color);
  background-color: var(--color-input);
}


.smallButton
{   direction: inline-block;
	display : inline-block;
	font-size: 0.8em;/*3vmin;*/
	background-color: var(--color-button);
	color: var(--font-color);
	margin: 5px;
}


#btnPrint { 
margin-left: 50px;
}

#btnShowAvion  { display: none; }


#main
{
	display:flex;
	flex-direction: column;
	width:95%;
	margin: auto;
	font-size: 1em;
}	

h3 { display: none; }

.element
{
	border: solid 1px var(--font-color);	
	margin-top:  6px;
	margin-left:  -5px;
	margin-right:  -5px;
}



.element:nth-child(1) /*formulaire entrée des valeurs*/
{
	flex:0.5;
	
}

.element:nth-child(2) /*dessin*/
{
	flex:1;
	min-height: 250px;
}	

.element:nth-child(3)  /*paramètres avion*/
{
	order:3;
	max-height: 200px;
	overflow: auto;
	/*background-color: #fef5e7;*/
	flex:0.5;
	color:var(--font-color);
}	

#selAvion {
  color: var(--font-color);
  background-color: var(--color-input);
}

#base
{	
	
}

#datBase
{
background-color: var(--color-input);
  color: var(--font-color);
}

#btnSelectBase
{
	width : 15%;
	height : 25px;
	padding : 2px;
	margin-top : 5px;
}


.conso
{
  font-size: 0.8em;
  color: var(--font-color);
  border: 1px solid var(--font-color);
  width : 30px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left:5px;
  text-decoration: none;
  border-radius: 4px;
  background-color: var(--color-input);
}


.rang
{
  padding : 2px;
  font-size: 0.7em;
  color : red;
}

.rang input
{
	background-color: var(--color-input);
    color: var(--font-color);
	 height: 10px;
  width: 25px;
  margin: 5px;
  padding:5px;
  border-width: 1px;
  border-radius: 6px;
}


#btnCalculer
{   
	
	margin-left: 150px;
	margin-bottom: 8px;
	margin-top: 8px;
	/*width : 50%;*/
	max-width: 130px;
	color : var(--font-color);;
 	
}


.ess
{
	width: 250px;
	margin-left: 5px;
	margin-bottom: 0px;
}

#canevas
{	
	background-color: var(--color-input);

}

footer
{
	margin-top: -5px;
	padding-left: 8px;
	color : var(--color-warning);
	font-size: 0.8em;
}


#alertePrint
{
  color: var(--color-secondary);  /*243133*/
}