:root
{
  --body-text-a-color: #027A63;
}

#onglet_ee
{
	filter: invert(1);
}

html {
/* L'image est positionnée en fond et est centrée */
background: white;
}

body
{
	font-family: 'Open Sans Condensed', sans-serif;
	color: var(--body-text-a-color);
	right:0%;

}

#fond
{
	display:inline-block;
	position:fixed;
	top:0%;
	left:0%;
	bottom:0%;
	right:0%;
	opacity:0.4;
}



article
{
	display: inline-block;
	font-size: 120%;
	position: absolute;
	left: 10%;
	top: 150px;
	bottom : 50px;
	right  : 0px;
	font-size: 110%;
	overflow-y:scroll;
}

button,article a
{
	background:none;
	color:var(--body-text-a-color);
	text-decoration: none;
	margin-right: 50px;
	margin-bottom: 70px;
}

button:hover,article a:hover
{
	opacity:0.6;
}

div#erreur
{
	color:red;
}

table td, table th {
	padding-bottom: 10px;
	padding-right: 30px;
	vertical-align: top;

}

.table_analyses{
	position: relative;
	top: 40px;
}

.table_analyses th, .table_analyses td {
	text-align: center;
	padding-right: 60px;
	font-size: 110%;
}

input, select, textarea
{
	margin-bottom: 10px;
	width : 272px;
	font-size:0.8em;
}

#suivant_ordi, #switch_calcul{
	background: rgba(0, 0, 0, 0);
	color : var(--body-text-a-color);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 100%;
	border:solid var(--body-text-a-color) 2px;
	border-radius:2px;
	margin-bottom: 20px;
	width: auto;
}

#suivant_ordi:hover, #switch_calcul:hover
{
	opacity : 0.6;
}

#qr-canvas
{
  position: fixed;
  max-width: 90vw;
  max-height: 90vh;
  top: 10vh;
  left: 5vw;
}

*[class^="bouton"]{
	width: auto; min-width: 90px; 
	color : white; font-size: 100%; font-family: 'Open Sans Condensed', sans-serif; padding: 2px 10px; font-weight: 500;
	border-radius:20px; border: 0px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition: all .4s ease-in-out;
}

*[class^="bouton"]:hover{
	background-position: 100% 0;
	opacity: 1;
}

img[class^="bouton"], input[type^="image"]{
	height: 20px; min-width: auto;
	}

.bouton{
background-image: linear-gradient(to right, #09e4bc, #027A63, #027A63, #06b696); background-size: 300% 100%;
}

.bouton_supprimer{
background-image: linear-gradient(to right, #c46966, #752521, #752521, #c46966); background-size: 300% 100%;
}

.input{
color : var(--body-text-a-color); font-size: 90%; font-family: 'Open Sans Condensed', sans-serif; padding: 2px 10px;
background-color: #e3faf6;
width: auto; min-width: 100px; border: solid 0px var(--body-text-a-color);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}