body {
  font-family: Verdana, sans-serif;
}
.sous_titre{
	font-size: 12px;
}
a:link, a:visited {
  color: #427B67;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #FF6E00;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
a.blackBg:link, a.blackBg:visited{
	margin: 0 10px 0 10px;
	color:#6bae8d;
	font-weight: normal; 
}
a.blackBg:hover{
	color:#FF6E00;
}
table, th, td {
  border: 0px solid black;
  border-collapse: collapse;
  vertical-align:top;
  font-family: Arial, Helvetica, sans-serif;
}
table.liste, th.liste, td.liste {
  font-size: 14px;
}
td, th {
  border: 0px solid #ddd;
  padding: 3px;
  text-align: left;
}
th {
  background-color: #427B67;
  color: white;
}
.grid_container {
  display: grid;
  grid-template-columns: 1fr  ;
  grid-gap: 0px;
  padding: 0px;
  border: 0px solid black;
  width: 100%;
  margin-bottom: 10px;
  }
.grid_container > div {
  text-align: left;
  border: 0px solid black;
}
.th_titre_noir{
	background-color: #000;
}
.th_titre_gris{
	background-color: #333333;
}
.th_sub_gris{
	background-color: #808080;
}
.th_titre_rouge{
	background-color: #cc0000;
}
.th_sub_rouge{
	background-color: #ff4d4d;
}
label{
	display: block;
	margin-top: .5em;
	font-size: .90em;
}
label:first-of-type{
	margin-top: 0;
}
input{
	font-size: .8em;
}
select {
  font-size: .8em;
}
.bouton{
	background-color: #000;
	color: #fff;
	border-radius: 4px;
	padding: .4em .7em;
	font-size: .9em;
	margin: 1em 0 0 0;
	border: none;
}
.bouton:hover {
  color: #fff;
  background-color: #427B67;
  text-decoration: none;
}
a.bouton:link, a.bouton:visited {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  cursor: default;
}
a.bouton:hover {
  color: #fff;
  background-color: grey;
  text-decoration: none;
}
a.bouton_lien:link, a.bouton:visited {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  cursor: default;
}
a.bouton_lien:hover {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}
.grid_container .bouton{
	margin: 0;
}
.msg, .msg_error, .msg_ok{
	font-weight: bold;
	width: 50vw;
	margin: 20px 0 20px 0px;
	padding: 20px 20px 20px 20px;
	border-radius: 4px;
	}
.msg_error{
	background-color: #ffcccc;
	color: red;
	font-weight: bold;
}
.msg_ok{
	background-color: #bddbd1;
	color: #000;
	font-weight: bold;
}
.warningBox{ 
	/* float: right; */
	padding: 20px;
	background-color: #d9d9d9;
	width: 50%;
}
.contenu{
	margin: 10px;
}
.loguser{
	font-size: 15px;
	vertical-align: middle;
	border: 1px solid red;
	height: 100%;
}
.filter{
	display: grid;
	grid-template-columns: 2fr 1.35fr 2fr 0.75fr;
	background-color: #fff;
	border: 8px solid #fff;
	grid-gap: 8px;
}
.filterItem{
	padding: 8px;
	border: 0px solid blue;
	background-color: #eee;
}
#hidden_div {
	display: none;
}
@media only screen and (max-width: 650px) {
	.filter{
		grid-template-columns: 1fr;	
	}
	.msg, .msg_error, .msg_ok, .warningBox{
		width: 95vw;
		}
}