.graphicalSelect
{
  width:160px;
  height:22px;
  line-height:22px;
  vertical-align:middle;
  position:relative;
  background:white;
  border:1px solid #ccc;
  overflow:hidden;
}

.graphicalSelect select
{
	display: none;
}

.graphicalSelect::after
{
  content:"\25BC";
  font-size:0.5em;
  font-family:arial;
  position:absolute;
  top:50%;
  right:5px;
  transform:translate(0, -50%);
}

.graphicalSelect.expanded::after
{
  content:"";
}

.graphicalSelect.expanded
{
  overflow:visible;
}

.graphicalSelect.expanded.sized
{
	overflow-x:hidden;
  overflow-y:scroll;
}

.graphicalSelect.expanded .options .option label
{
  display:inline-block;
	white-space: nowrap;
}

.graphicalSelect.expanded .options
{
  background:white;
  border:1px solid #ccc;
  position:absolute;
  top:-1px;
  left:-1px;
  width:100%;
	z-index: 1;
}

.graphicalSelect.expanded.sized .options
{
	border: 0;
}

.graphicalSelect.expanded.sized .options
{
	z-index: 0;
}

.graphicalSelect .options .option
{
  overflow:hidden;
}

.graphicalSelect.expanded .options .option
{
  height:22px;
  overflow:hidden;
}

.graphicalSelect .options .option img
{
  vertical-align:middle;
}

.graphicalSelect .options .option label
{
  display:none;
}

.graphicalSelect .options .option input
{
  width:0;
  height:0;
  overflow:hidden;
  margin:0;
  padding:0;
  float:left;
  display:inline-block;
  /* fix specific for Firefox */
  position: absolute;
  left: -10000px;
}

.graphicalSelect .options .option input:checked + label
{
  display:block;
  width:100%;
}

.graphicalSelect.expanded .options .option input + label
{
  display:block;
}

.graphicalSelect.expanded .options .option input:checked + label
{
  /* non. pas de background sur le selected, c'est pas le comportement par defaut */
}

.graphicalSelect.expanded .options .option input:hover + label
{
  color: white;
	background-color: #1e90ff; /* couleur de chrome */
}

.graphicalSelect.expanded.sized .options .option input:hover + label
{
	color: inherit;
	background-color: inherit;
}

.graphicalSelect.expanded.sized .redisplayedSelectedOptionWhenExpanded
{
	display: none;
}

.graphicalSelect.expanded.sized .options .option.chosen
{
	background: #1e90ff; /* couleur de chrome */
}