:root {
	--taille-texte: 10pt;
}

.container {
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
}

body {
	font-family: "Helvetica";
	font-size: 12pt;
}

form {
    display: block;
}

.form-inline {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

input[type="submit"] {
	display: inline-block;
   padding: 1px 6px;
   background-color: #808080;
   color: white;
   text-decoration: none;
   border-radius: 6px;
   font-size: var(--taille-texte);
}

input[type="submit"]:hover {
	background-color: #0056b3;
}

input[type="button"] {
	font-family: "Helvetica";
	font-size: var(--taille-texte);
}

input[type="text"] {
	font-family: "Helvetica";
	font-size: var(--taille-texte);
}

input[type="number"] {
	font-family: "Helvetica";
	font-size: var(--taille-texte);
}

input[type="date"] {
	font-family: "Helvetica";
	font-size: var(--taille-texte);
}

select, select option {
	font-family: "Helvetica";
	font-size: var(--taille-texte);
}

.entete_col {
   font-family: "Helvetica";
   font-size: var(--taille-texte);
   border:1px solid black;
   background-color:#85c1e9;
   padding-left:5px;
   padding-right:5px;
   text-align: center;
}

.entete_cell {
   font-family: "Helvetica";
   font-size: var(--taille-texte);
	border:1px solid black;
   padding-left:3px;
   padding-right:3px;
   padding-top:5px;
   padding-bottom:5px;
}

.entete_row {
	font-family: "Helvetica ";
	font-size: var(--taille-texte);
	border:1px solid black;
	background-color:orange;
	padding-left:5px;
	padding-right:5px;
	text-align: center;
}

.btn {
  display: inline-block;
  padding: 1px 6px;
  background-color: #808080;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-size: var(--taille-texte);
}

.btn:hover {
  background-color: #0056b3;
}