body{
	font-family:Arial;
	padding: 0 10px;
    margin: 0;
}
h2,h3,h4{
	margin:10px;
}
.row{display:flex;}
.container {
  display: flex; /* or inline-flex */
 
  flex-wrap: wrap;
  flex-direction: column; 
}
.container0 {
  display: flex; /* or inline-flex */
  flex-wrap: wrap;
  align-items: center;
}

.item {
	margin:5px 10px;
	padding:5px 10px;
	border-radius:6px;
	border:none;
	display:inline-block;
	color:#fff;
	text-decoration: none;
	max-width:250px;
}
.item p{
    text-align: justify;
    text-justify: inter-word;
}

.item:hover{-webkit-filter: opacity(20%);
	filter: opacity(20%);}

.item h3{
}

.item h4{
	line-height: 2em;
	margin: 5px 0px ;
	border-bottom: dashed 1px;
	}

.item .infos p{
	margin:2px;
}

.hm{background-color: #1BA9DD;}
.fp{background-color: #8E2D85;}
.re{background-color: #8EBD43;}
.la{background-color: #CBA519;}
.ad{background-color: #E64285;}
.fo{background-color: #E6472E;}
.tf{background-color: #05304F;}
.gris{background-color: #726356;}
.inactive{
	-webkit-filter: opacity(20%);
	filter: opacity(20%);
	/*text-decoration:line-through;*/
	}

.legend button, .btn{
	padding:5px 8px;
	margin:5px;
	border-radius: 6px;
	border:none;
	display:inline-block;
	color:#fff;
	cursor: pointer;
	
	}

.hide{
	display: none;
}

.item:after {
  display:inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.item.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:4px;
  right:-5px;
}
.item.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-4px;
  right:-5px;
}
.barre {
  text-decoration: line-through;
}