/*------------------------------------------------------------------
[DEFAULT STYLE]*/
form.default{
	position: relative;
	width: auto;
	background: #f4f4f4;
	padding: 10px 30px;
	/*margin-bottom: 15px;*/
}
.optissima_message form.default{
    background: none;
}
form.default.top{
    margin-top: 10px;
}
form.default p, form.default div.as_p{
	padding: 5px 0 5px 0;
	width: 500px;
	margin: 0;
	border-top: 1px solid #d6d2cf;
	line-height: 35px;
	overflow: hidden;
    text-align: left;
}
form.default p label, form.default div.as_p label{
	display: block;
	width: 42%;
	float: left;
	padding-right: 1%;
	text-align: left;
}
/*------------------------------------------------------------------
[Text & Textarea]*/
input[type=text], input[type=password], textarea{
	border: 1px solid #d6d2cf;
	padding: 3px;
	font-size: 1.3em;
	width: 215px;
}

/*------------------------------------------------------------------
[Select]*/
form select{
	border: 1px solid #d6d2cf;
	padding: 3px;
	font-size: 1.2em;
	/*width: 222px;*/
    width: 270px;
}
select.auto_size{
	width: auto;
}

/*------------------------------------------------------------------
[Input et select Hover]*/
input[type=text]:hover, input[type=text]:focus, 
input[type=password]:hover, input[type=password]:focus, 
textarea:hover, textarea:focus, 
select:hover, select:focus{
	border-color: #f72173;
}
/*------------------------------------------------------------------
[Bouton submit et reset]*/
p.submit{
	text-align: right;
	padding-top: 20px;
}
p.submit span.legend{
	float: left;
}
button.annuler, input.annuler, a.annuler{
	background: url(/images/bt_annuler.gif);
	height: 30px;
	width: 107px;
	border: none;
}
a.annuler{
    float: right;
    margin-left: 15px;
}

button.valider, input.valider{
	background: url(/images/bt_valider.gif);
	height: 30px;
	width: 107px;
	border: none;
    float: right;
}

button.valider_comm, input.valider_comm{
	background: url(/images/bt_valider.gif);
	height: 30px;
	width: 107px;
	border: none;
	text-align:center;
}


button.cre_obj, input.cre_obj{
	background: url(/optiliste/public/images/optilist/btn_cre_obj.gif);
	height: 30px;
	width: 165px;
	border: none;
    float: right;
}

button.cre_obj_push, input.cre_obj_push{
	background: url(/optiliste/public/images/optilist/btn_cre_obj.gif);
	height: 30px;
	width: 165px;
	border: none;
}

button.part_obj, input.part_obj{
	background: url(/optiliste/public/images/optilist/btn_part_obj.gif);
	height: 30px;
	width: 220px;
	border: none;
}


button.annuler:hover, button.valider:hover, button.cre_obj:hover,button.part_obj:hover,button.valider_comm:hover,button.cre_obj_push:hover,
input.annuler:hover, input.valider:hover, input.cre_obj:hover,input.part_obj:hover,input.valider_comm:hover,input.cre_obj_push:hover,
input.ok_button:hover, input.ok_button:hover,
a.annuler:hover{
	background-position: 0px 30px;
	cursor: pointer;
}
#submit_upload{
	height: 28px;
	width: 150px;
	border: none;
	background: url(/images/bt_telecharger.gif);
	/*
margin-left: 300px;
*/
}
#submit_upload:hover{
	background-position: 0px 30px;
	cursor: pointer;
}
/*------------------------------------------------------------------
[Bouton Parcourir]*/
div.fileinputs {
    
	position: relative;
	width: 200px;
}

div.fakefile {
/*	position: absolute;
	top: 0px;
	left: 0px;*/

	z-index: 1;
}
div.fakefile img {
	padding-top: 5px;
}
input.file{
	width: 300px;
	height: 31px;
}

input.file.hidden {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	
	top: 72px;
	right: 220px;
}

/*------------------------------------------------------------------
[Position of elements : "Telecharger mon compte"]*/
/* Label */
form.upload_compte p label, form.upload_compte div.as_p label
{
	display: block;
	width: 215px;
	float: left;
	padding-right: 1%;
	text-align: left;
}
/* Input */
form.upload_compte input, form.upload_compte select
{
	margin-left: 1%;
}
form.upload_compte div.fileinputs{
    
    left:225px;
    position:absolute;
    top:-30px;

}
/*------------------------------------------------------------------
[Position of elements : "Effectuer une nouvelle saisie"]*/
/* Label */
form.new_input p label, form.new_input div.as_p label
{
	display: block;
	width: 156px;
	float: left;
	padding-right: 1%;
	text-align: left;
}
/* Input */
form.new_input input, form.new_input select
{
	margin-left: 1%;
}

form.new_input p label.optin
{
	width: 350px;
}
/*------------------------------------------------------------------
MiniMoteur */

#moteur ul {
    clear:both;
    list-style-type:none;
    margin:0pt 0pt 6px 35px;
    padding-top:40px;
}
#moteur li {
    color:#3C3C3C;
    display:inline;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
#moteur label{
    color:#3C3C3C;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
.champs {
    float:left;
    font-size:16px;
    height:25px;
    margin-top:5px;
    margin-right:5px;
}