.form_input_time{
	display:inline-block;
	position:relative;
	padding:0 12px;
	width:15px;
	cursor:pointer;
	line-height:40px;
}

.form_input_time>span{
	display:inline-block;
	width:15px;
	height:15px;
	background:transparent url( /extensions/fonctions/form/images/clock.png) no-repeat center center;
}

.form_input_time>div{
	position:absolute;
	top:40px;
	left:-100px;
	width:100px;
	background:#fff;
	border:1px solid #000;
	z-index:100;
}

.form_input_time>div>div{
	float:left;
	width:50%;
	height:9.8em;
	overflow-x:auto;
}

.form_input_time>div p{
	border-bottom:1px solid #888;
	line-height:1.4em;
	text-align:center;
}

.form_input_time>div p.actif , .form_input_time>div p:hover{
	background:#ddd;
}


/* FORM ON OFF */
.form_on_off{
  position:relative;
  display:inline-block;
  width:60px;
  height:34px;
}

.form_on_off input{
  opacity:0;
  width:0;
  height:0;
}

.form_on_off span{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  transition:.4s;
  border-radius:34px;
}

.form_on_off:hover input + span{
  background-color:#aaa;
}

.form_on_off span:before{
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  background-color:#fff;
  transition:.4s;
  border-radius:50%;
  top:50%;
  left:4px;
  transform:translateY(-50%);
}

.form_on_off input:checked + span{
  background-color:#2196F3;
}

.form_on_off:hover input:checked + span{
  background-color:#0f70bc;
}

.form_on_off input:focus + span{
  box-shadow:0 0 1px #2196F3;
}

.form_on_off input:checked + span:before{
  left:calc( 100% - 30px );
}

.form_on_off span p{
	position:absolute;
  top:0;
  bottom:0;
  left:4px;
	max-width:calc( 100% - 34px );
	text-align:left;
	line-height:34px;
	font-size:10px;
	padding:0 5px;
  transition:all 0.3s;
  opacity:0;
  filter:alpha(opacity=0);
}

.form_on_off span p:last-child{
	text-align:right;
  opacity:1;
  filter:alpha(opacity=100);
  right:4px;
	left:auto;
}

.form_on_off input:checked + span p{
  opacity:1;
  filter:alpha(opacity=100);
}

.form_on_off input:checked + span p:last-child{
  opacity:0;
  filter:alpha(opacity=0);
}

.form_on_off.txt_off_2_lignes span p:last-child{
	line-height:17px;
}



/* FORM ON OFF EMPTY  1 (oui) 2 (non) 0 (?)*/
.form_on_off_empty{
  position:relative;
  display:inline-block;
  height:34px;
}

.form_on_off_empty input{
  opacity:0;
  width:0;
  height:0;
}

.form_on_off_empty span{
	float:left;
  position:relative;
	width:100%;
  background-color:#aaa;
  border-radius:34px;
	color:#fff;
	font-weight:bold;
  text-shadow:0 0 5px #000;
  transition:.4s;
	z-index:0;
}

.form_on_off_empty:hover input + span{
  background-color:#ccc;
}

.form_on_off_empty input[value="2"] + span{
  background-color:#F44336;
}

.form_on_off_empty:hover input[value="2"] + span{
  background-color:#bc2116;
}

.form_on_off_empty input[value="1"] + span{
  background-color:#009f13;
}

.form_on_off_empty:hover input[value="1"] + span{
  background-color:#015c0c;
}

.form_on_off_empty span:before{
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  background-color:#fff;
  transition:.4s;
  border-radius:50%;
	z-index:1;
  top:50%;
}

.form_on_off_empty input[value="2"] + span:before{
  left:4px;
  transform:translateY(-50%);
}

.form_on_off_empty input[value="0"] + span:before{
  left:50%;
  transform:translate(-50%,-50%);
}

.form_on_off_empty input[value="1"] + span:before{
  right:4px;
  transform:translateY(-50%);
}

.form_on_off_empty span p{
	float:left;
  cursor:pointer;
  position:relative;
	line-height:34px;
	font-size:10px;
	padding:0 5px;
	z-index:2;
	text-align:center;
	min-width:28px;
	overflow:hidden;
}

.form_on_off_empty span p:nth-child(1){padding-left:36px;}
.form_on_off_empty span p:nth-child(3){padding-right:36px;}

.form_on_off_empty span p:before{
	content:" ";
	position:absolute;
	width:10px;
	height:10px;
  border-radius:50%;
	background:rgba(255,255,255,0.8);
  transition:.4s;
	opacity:0;
}

.form_on_off_empty span p:nth-child(1):before{
  transform:translate(-50%,-50%);
	left:26px;
	top:50%;
}

.form_on_off_empty span p:nth-child(2):before{
  transform:translate(-50%,-50%);
	left:50%;
	top:15px;
}
	
.form_on_off_empty span p:nth-child(3):before{
  transform:translate(50%,-50%);
	right:25px;
	top:50%;
}

.form_on_off_empty span p:hover:before{
	opacity:1;
}

.form_on_off_empty span p:nth-child(1):hover:before{
	left:16px;
}

.form_on_off_empty span p:nth-child(2):hover:before{
	top:5px;
}
	
.form_on_off_empty span p:nth-child(3):hover:before{
	right:16px;
}

.input_euro{
	text-align:right;
}

input[readonly]{
	background: linear-gradient(-45deg, #eee 25%, #ccc 25%, #ccc 50%, #eee 50%, #eee 75%, #ccc 75%, #ccc);
	background-size:6px 6px;
}