select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:6px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background:#ecf4f6;
    color:#000000;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#000000;
    position:absolute;
    pointer-events:none;
    display:block;
}




.fieldset1
{


  max-width:300px;
  padding:16px;	
    border:3px solid #000066;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
}

.texte{
text-align:left;
color:#FFFFFF;
font-size:13px;
font-family:arial;
font-weight:bold;


}




#champ1{
font-size:24px;
color:#FFFFFF;
font-weight:bold;
position:absolute;
top:200px;
left:320px;

}


#champ2{
font-size:24px;
color:#FFFFFF;
font-weight:bold;
position:absolute; 
top:250px;
left:320px;
}


#valider{
     
    
     background: transparent url('../images/valider.png') no-repeat top left;
	 width:108px;
	 height:34px;
	 cursor:pointer;
	 font-size:9px;
	 font-weight:bold;
	 border:none;
	 
     
}



#motdepasse{
color:#333333;
font-size:12px;

font-weight:bold;
margin-left:0.5em;



}

.barre{
background-image:url(../../images/barre.png);
background-repeat:no-repeat;
width:600px;
height:23px;



}
a{


color:#000000;
}


#champ_texte{

background: transparent url('../images/input0.png') no-repeat top left;
background-repeat:no-repeat;
width:157px;
height:21px;
border:none;
text-align:center;
}



#pwd_user{

background: transparent url('../images/inputconnexion.png') no-repeat top left;
background-repeat:no-repeat;
width:194px;
height:29px;
border:none;
text-align:center;
}


#login_user{

background: transparent url('../images/inputconnexion.png') no-repeat top left;
background-repeat:no-repeat;
width:194px;
height:29px;
border:none;
text-align:center;
}


#email{

background: transparent url('../images/input.png') no-repeat top left;
background-repeat:no-repeat;
width:142px;
height:22px;
border:none;
text-align:center;
}

#montant_employee{

background: transparent url('../../images/input.png') no-repeat top left;
background-repeat:no-repeat;
width:142px;
height:22px;
border:none;
text-align:center;
}








#datepicker0{

background: transparent url('../../images/input.png') no-repeat top left;
background-repeat:no-repeat;
width:142px;
height:22px;
border:none;
text-align:center;
}

#info{
text-align:center;
font-weight:bold;
visibility:hidden;

}


#message{
text-align:center;
font-weight:bold;
visibility:hidden;

}
#heure{
top:180px;
right:40px;
border:none;
font-weight:bold;



}