/**
 	* @package    MA
 	* @subpackage	css
 	* @version    SVN: $Revision$ $Date$ $Author$
 	* @desc       button
 	*/


.large .field .input_r input,
.large .field .input_mr input,
.large .field .input_br input { width:auto; }


/* std */
.input_l { background:none no-repeat scroll right -135px transparent;
	font-family: Arial,verdana,Helvetica,sans-serif; font-size: 12px; line-height: normal;
	margin-left:12px;padding:11px 0 12px;*padding:0;zoom:1;line-height:37px;
}
.input_r { background:none no-repeat scroll left -173px transparent;
	position:relative;left:-12px;margin:0;padding:11px 0 12px;color:#FFF;font-weight:bold;*padding:0;zoom:1;
}
.input_l .go { background-position:left -211px; } .input_l .go input, .input_l .go a, .input_l .go span {padding:0 16px 0 32px;}
.input_l .goback { background-position:left -249px; } .input_l .goback input, .input_l .goback a, .input_l .goback span {padding:0 16px 0 32px;}
.input_l .special { background-position:left -287px; } .input_l .special input, .input_l .special a, .input_l .special span {padding:0 5px 0 32px;}
.input_l .custom input, .input_l .custom a, .input_l .custom span {padding:0 16px 0 32px;}
.input_r input, .input_r a, .input_r span { display:inline;display:inline-block;position:relative;left:6px;cursor:pointer;clear:both;background-color:transparent;
	border:0 none;color:#FFFFFF;font-weight:bold;text-transform:none;height:37px;margin:0;padding:0 16px;width:auto;font-size:12px;vertical-align:baseline;*vertical-align:middle;
	user-select:none;-moz-user-select:none;-webkit-user-select:none;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.333);
}

/* mini */
.input_ms {
	font-family: Arial,verdana,Helvetica,sans-serif; font-size: 12px; line-height: normal;
	margin:0;padding:6px 0 7px;*padding:0;zoom:1;line-height:27px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	box-shadow:0 3px 4px rgba(127, 127, 127, 0.75);-moz-box-shadow:0 3px 4px rgba(127, 127, 127, 0.75);-webkit-box-shadow:0 3px 4px rgba(127, 127, 127, 0.75);
}
.input_ml { background:none no-repeat scroll right 1px transparent;
	font-family: Arial,verdana,Helvetica,sans-serif; font-size: 12px; line-height: normal;
	margin-left:12px;padding:6px 0 7px;*padding:0;zoom:1;line-height:27px;
}
.input_mr { background:none no-repeat scroll left -26px transparent;
	position:relative;left:-12px;margin:0;padding:6px 0 7px;color:#FFF;font-weight:bold;*padding:0;zoom:1;
}
.input_ml .go { background-position:left -53px; } .input_ml .go input, .input_ml .go a, .input_ml .go span {padding:0 6px 0 24px;}
.input_ml .goback { background-position:left -80px; } .input_ml .goback input, .input_ml .goback a, .input_ml .goback span {padding:0 6px 0 24px;}
.input_ml .special { background-position:left -107px; } .input_ml .special input, .input_ml .special a, .input_ml .special span {padding:0 6px 0 24px;}
.input_ml .custom input, .input_ml .custom a, .input_ml .custom span {padding:0 6px 0 24px;}
.input_mr input, .input_mr a, .input_mr span { display:inline;display:inline-block;position:relative;left:6px;cursor:pointer;clear:both;background-color:transparent;
	border:0 none;color:#FFFFFF;font-weight:bold;text-transform:none;height:26px;margin:0;padding:0 12px;width:auto;font-size:11px;vertical-align:baseline;*vertical-align:middle;
	user-select:none;-moz-user-select:none;-webkit-user-select:none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.333);
}
.input_mr input { *height:27px; }
.input_mr a, .input_mr span  { *height:27px;_height:26px; }

/* big */
.input_bl { background:none no-repeat scroll right -699px transparent;
	font-family: Arial,verdana,Helvetica,sans-serif; font-size: 12px; line-height: normal;
	margin-left:12px;padding:16px 0 18px;*padding:0;zoom:1;line-height:48px;
}
.input_br { background:none no-repeat scroll left -650px transparent;
	position:relative;left:-12px;margin:0;padding:16px 0 18px;color:#FFF;font-weight:bold;*padding:0;zoom:1;
}
.input_bl .go { background-position:left -650px; } .input_bl .go input, .input_bl .go a, .input_bl .go span {padding:0 16px 0 36px;}
.input_bl .goback { background-position:left -650px; } .input_bl .goback input, .input_bl .goback a, .input_bl .goback span {padding:0 16px 0 36px;}
.input_bl .special { background-position:left -650px; } .input_bl .special input, .input_bl .special a, .input_bl .special span {padding:0 16px 0 36px;}
.input_bl .custom input, .input_bl .custom a, .input_bl .custom span {padding:0 16px 0 36px;}
.input_br input, .input_br a, .input_br span { display:inline;display:inline-block;position:relative;left:6px;cursor:pointer;clear:both;background-color:transparent;
	border:0 none;color:#FFFFFF;font-weight:bold;text-transform:none;height:48px;margin:0;padding:0 16px;width:auto;font-size:14px;vertical-align:baseline;*vertical-align:middle;
	user-select:none;-moz-user-select:none;-webkit-user-select:none;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.333);
}


.input_l14 {
	font-size: 12px;
	padding:11px 0 12px;*padding:0;	
}
.input_r14 {
	padding:11px 0 12px;*padding:0;
}
.input_r14 input, .input_r14 a, .input_r14 span {
	font-size: 14px;
	text-transform:none;
}

.input_bl16 {
	font-size: 14px;
	padding:16px 0 16px;*padding:0;	
}
.input_br16 {
	padding:16px 0 16px;*padding:0;
}
.input_br16 input, .input_br16 a, .input_br16 span {
	font-size: 16px;
	letter-spacing: 1px;
	text-transform:none;
}




span.input_r input:focus,
.large .field .input_mr input,
.large .field .input_br input {background-color:transparent;}

span .it_file {
	position:absolute;overflow:hidden;top:-1px;right:-1px;left:auto;width:100%;height:100%;padding:1px;_zoom:1;
}
span .it_file input {
	position:absolute;border:0 none;cursor:pointer;font-size:1.125em;width:auto!important;height:auto!important;margin:0;padding:0;top:0;right:-6px;left:auto;
	filter:alpha(opacity=0);opacity:0;
}

span.input_mr .it_file {
	right:-5px;
}

.disabled .input_l { background-position:right -460px; }
.disabled .input_l .input_r { background-position:left -498px; }
.disabled .input_l .go { background-position:left -536px; }
.disabled .input_l .goback { background-position:left -574px; }
.disabled .input_l .special { background-position:left -612px; }
.disabled .input_l input, .disabled .input_l a, .disabled .input_l span { color:#DFDFDF;color:rgba(223, 223, 223, 0.8);cursor:default; }
.disabled .input_l a:focus, .disabled .input_l a:hover, .disabled .input_l a:active { color:#DFDFDF;color:rgba(223, 223, 223, 0.8); }

.disabled .input_ml { background-position:right -324px; }
.disabled .input_ml .input_mr { background-position:left -351px; }
.disabled .input_ml .go { background-position:left -378px; }
.disabled .input_ml .goback { background-position:left -405px; }
.disabled .input_ml .special { background-position:left -432px; }
.disabled .input_ml input, .disabled .input_ml a, .disabled .input_ml span { color:#DFDFDF;color:rgba(223, 223, 223, 0.8);cursor:default; }
.disabled .input_ml a:focus, .disabled .input_ml a:hover, .disabled .input_ml a:active { color:#DFDFDF;color:rgba(223, 223, 223, 0.8); }
/*
.disabled .input_bl { background-position:right -324px; }
.disabled .input_bl .input_br { background-position:left -351px; }
.disabled .input_bl .go { background-position:left -378px; }
.disabled .input_bl .goback { background-position:left -405px; }
.disabled .input_bl .special { background-position:left -432px; }
.disabled .input_bl input, .disabled .input_bl a, .disabled .input_bl span { color:#DFDFDF;color:rgba(223, 223, 223, 0.8);cursor:default; }
.disabled .input_bl a:focus, .disabled .input_bl a:hover, .disabled .input_bl a:active { color:#DFDFDF;color:rgba(223, 223, 223, 0.8); }
*/

/* force le bg des input submit :: focus ( conflit avec le bg des input type text ) */
.input_l .input_r input, .input_ml .input_mr input, .input_bl .input_br input{ background-color: transparent; }

/* ie6/7 width bug */
.input_r input,
.input_mr input,
.input_br input{ overflow:visible; }


/* picto in button */
.input_l .custom span.picto,
.input_ml .custom span.picto,
.input_bl .custom span.picto {
    font-size:1px; line-height:1px;
	display:inline-block;
	vertical-align: middle;
	position:relative;width:auto;height:auto;
	padding:0;margin:0;
	top:0;right:auto;bottom:auto;left:0;
	overflow:hidden;width:0;height:0;
}


/* square */
.input_sqr { background-position: -62px -748px; font-size: 12px; line-height: 27px; padding: 9px 15px 3px; vertical-align:baseline;*vertical-align:middle; zoom:1;}
.input_sqr.sqr_back { background-position: 0px -748px; }
.input_sqr.sqr_prev { background-position: -31px -748px; }
.input_sqr.sqr_next { background-position: -93px -748px; }
.input_sqr.sqr_go { background-position: -124px -748px; }


/* force color */
span.f_smalt, span.f_smalt .input_r, span.f_smalt .input_mr, span.f_smalt .input_br { background-image:url("../../img/commun/color/smalt/button.png"); }
span.f_lochmara, span.f_lochmara .input_r, span.f_lochmara .input_mr, span.f_lochmara .input_br { background-image:url("../../img/commun/color/lochmara/button.png"); }
span.f_deep-cerulean, span.f_deep-cerulean .input_r, span.f_deep-cerulean .input_mr, span.f_deep-cerulean .input_br { background-image:url("../../img/commun/color/deep-cerulean/button.png"); }
span.f_tangerine, span.f_tangerine .input_r, span.f_tangerine .input_mr, span.f_tangerine .input_br { background-image:url("../../img/commun/color/tangerine/button.png"); }
span.f_gray, span.f_gray .input_r, span.f_gray .input_mr, span.f_gray .input_br { background-image:url("../../img/commun/color/gray/button.png"); }
span.f_orange, span.f_orange .input_r, span.f_orange .input_mr, span.f_orange .input_br { background-image:url("../../img/commun/color/orange/button.png"); }
span.f_mandarine, span.f_mandarine .input_r, span.f_mandarine .input_mr, span.f_mandarine .input_br { background-image:url("../../img/commun/color/mandarine/button.png"); }
a.f_blue, span.f_blue, span.f_blue .input_r, span.f_blue .input_mr, span.f_blue .input_br { background-image:url("../../img/commun/color/blue/button.png"); }