﻿/*Formulaire*/
label { font-size:10px; font-weight:bold; }
input, select, textarea { font-family:Verdana, Arial, Sans-Serif; }
input[type=text], input[type=password], select, textarea { font-size:12px; margin:2px 0; padding:0; }
input[type=text], input[type=password] { height:20px; }
select { height:24px; }
textarea { min-height:36px; }
input[type=image] { margin:0; padding:0; }
input[type=button], input[type=submit], input[type=file] { margin:auto; padding:2px 4px; font-size:1em; vertical-align:middle; margin:2px 0; }
input[type=checkbox], input[type=radio] { vertical-align:middle; width:14px; }
input[type=radio] + label { display:inline-block; vertical-align:middle; padding-left:2px; padding-right:6px; font-weight:normal; }
input[type=checkbox] + label { vertical-align:middle; padding-left:2px; padding-right:6px; font-weight:normal; }

.FixedForm {vertical-align:bottom; }
.FixedForm label { display:inline-block; width:100px; font-size:9px; font-weight:bold; margin-top:2px; }
.FixedForm input[type=text], div.FixedForm input[type=password], div.FixedForm textarea { width:240px; vertical-align:top; }
.FixedForm select { width:244px; vertical-align:top; }
.FixedForm input[type=radio], .FixedForm input[type=checkbox] { }
.FixedForm input[type=radio] + label { display:inline-block; vertical-align:middle; padding-left:2px; padding-right:6px; font-weight:normal; font-size:11px; line-height:24px; }
.FixedForm input[type=checkbox] + label { vertical-align:middle; padding-left:2px; padding-right:6px; font-weight:normal; font-size:11px; line-height:24px; }

.FormPanel { padding:3px 5px 3px 5px; margin:4px 1px; border:solid 1px #CCCCCC; background-color:#FFFFEE; }
.FormPanel .Title {color:#006699;font-size:13px;font-weight:bold;text-transform:uppercase;margin-top:6px;margin-bottom:10px;display:block;}
.FormPanel .subTitle {color:#006699;font-size:12px;font-weight:bold;text-transform:uppercase;padding-bottom:2px;margin-top:20px;margin-bottom:6px;display:block;border-bottom:1px solid #006699;}
.FormPanel p {color:#666666;text-align:justify;}

.FormTable { width:100%; }
.FormTable th, .FormTable th + td { padding:2px; vertical-align:top;border-bottom:1px solid #EEE; }
.FormTable th { text-align:left; width:240px; color:#333; }

.FieldGrp { display:inline-block; vertical-align:top; }

.FormTypeA { font-size:1em; padding:5px; }
.FormTypeA label { display:inline-block; width:80px; font-size:9px; font-weight:bold; color:#333333; }
.FormTypeA input[type=text], .FormTypeA input[type=password], .FormTypeA select, .FormTypeA textarea { margin-top:2px; margin-bottom:4px; }
.FormTypeA input[type=button], .FormTypeA input[type=submit] { margin:auto; padding-left:4px; padding-right:4px; }

.FieldDetails { font-size:0.8em; font-style:italic; color:#888; }
.FieldUnit { font-size:0.8em; }
.Watermark { color:#999; font-style:italic; }

fieldset { border:solid 1px #CCCCCC; padding:4px; margin:2px 1px; }
legend { margin-left:10px; margin-bottom:5px; padding:1px 5px; border:solid 1px #CCCCCC; background:#09C url(Images/NavInnerShadow.png) repeat-x bottom; color:#FFFFFF; font-size:10px; font-weight:bold; }

.Numeric { width:40px; text-align:center; }
.Money, .Decimal { width:60px; text-align:right; }
.Date { width:68px; }
.PhoneNumber { width:100px; }
.ShortText { width:120px; }
.Text { width:200px; }
.TextFull { width:98%; }
.Url { width:200px; }
.Email { width:200px; }
.PostalCode { width:46px; }

.Inline {display:inline-block;}

.ActionPanelLeft { clear:both; text-align:left; padding:3px 2px 3px 2px; border:solid 1px #CCCCCC; background-color:#FFFFEE; margin:4px 1px; font-size:0.9em; }
.ActionPanelCenter { clear:both; text-align:center; padding:3px 2px 3px 2px; border:solid 1px #CCCCCC; background-color:#FFFFEE; margin:4px 1px; font-size:0.9em; }
.ActionPanelRight { clear:both; text-align:right; padding:3px 2px 3px 2px; border:solid 1px #CCCCCC; background-color:#FFFFEE; margin:4px 1px; font-size:0.9em; }

.ContextMenuPanel { background-color:#FFFFFF; border:1px solid #666666; width:400px; }
.ContextMenuItem { position:relative; display:block; font-size:0.8em; border-bottom:1px solid #999999; color:#333333; height:34px; padding:2px; }
.ContextMenuItem img { float:left; height:34px; width:34px; margin-right:2px; }

/* Error */
.FeedbackOK { color:Green; font-size:0.9em; font-weight:bold; }
.FeedbackKO { color:Red; font-size:0.9em; font-weight:bold; }
.Error, .ErrorMsg, .ValidationError { color:Red; font-size:0.8em; }

/* Google Style */
input[type=button], input[type=submit], input[type=file], .LinkButton 
{
background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
-moz-border-radius:2px; -webkit-border-radius:2px; -moz-user-select:none; -webkit-user-select:none; background-color:whiteSmoke;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1); background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);
border:1px solid #666; border:1px solid rgba(0, 0, 0, 0.2);
border-radius:2px; color:#333; cursor:pointer; font-size:11px;
height:22px; line-height:20px; padding:0 8px; text-align:center;
-webkit-box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.1);box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1);
 }

input[type=file] { width:320px;padding:2px;padding-bottom:0px;line-height:19px; }

.LinkButton { height:20px; display:inline-block;vertical-align:middle; text-decoration:none; }
.LinkButton:hover { text-decoration:none; }
.LinkButton img { float:left; margin-top:2px; margin-right:4px;height:16px; width:16px; }

input[type=button]:hover, input[type=submit]:hover, .LinkButton:hover { border:1px solid grey; border:1px solid rgba(0, 0, 0, 0.5); color:#000; }
input[type=button]:active, input[type=submit]:active, .LinkButton:active { position:relative;top:1px;left:1px;-webkit-box-shadow:none;box-shadow:none; }

input[type=button].ButtonValidation, input[type=submit].ButtonValidation, .LinkButton.ButtonValidation { font-weight:bold; color:#FFF;
                         background-image:-webkit-gradient(linear,left top,left bottom,from(#00c6dc),to(#00b4c8)); background-image:-webkit-linear-gradient(top,#00c6dc,#00b4c8); background-color:#00c6dc;
                         background-image:linear-gradient(top,#00c6dc,#00b4c8); background-image:-o-linear-gradient(top,#00c6dc,#00b4c8); }

input[type=button].ButtonValidation:hover, input[type=submit].ButtonValidation:hover, .LinkButton.ButtonValidation:hover { border:1px solid grey; border:1px solid rgba(0, 0, 0, 0.5); color:#FFF; }

input[type=button].ButtonOk, input[type=submit].ButtonOk, .LinkButton.ButtonOk { font-weight:bold; }

input[type=button].ButtonOk:hover, input[type=submit].ButtonOk:hover, .LinkButton.ButtonOk:hover { border:1px solid grey; border:1px solid rgba(0, 0, 0, 0.5); color:#FFF;
                         background-image:-webkit-gradient(linear,left top,left bottom,from(#00c6dc),to(#00b4c8)); background-image:-webkit-linear-gradient(top,#00c6dc,#00b4c8); background-color:#00c6dc;
                         background-image:linear-gradient(top,#00c6dc,#00b4c8); background-image:-o-linear-gradient(top,#00c6dc,#00b4c8); }

input[type=button].ButtonCancel:hover, input[type=submit].ButtonCancel:hover, .LinkButton.ButtonCancel:hover { border:1px solid grey; border:1px solid rgba(0, 0, 0, 0.5); color:#FFF;
                         background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#333)); background-image:-webkit-linear-gradient(top,#666,#333); background-color:#666;
                         background-image:linear-gradient(top,#666,#333); background-image:-o-linear-gradient(top,#666,#333); }
                         
input[type=button].ButtonDelete, input[type=submit].ButtonDelete, .LinkButton.ButtonDelete { font-weight:bold; }

input[type=button].ButtonDelete:hover, input[type=submit].ButtonDelete:hover, .LinkButton.ButtonDelete:hover { border:1px solid grey; border:1px solid rgba(0, 0, 0, 0.5); color:#FFF;
                         background-image:-webkit-gradient(linear,left top,left bottom,from(#CC0000),to(#990000)); background-image:-webkit-linear-gradient(top,#CC0000,#990000); background-color:#CC0000;
                         background-image:linear-gradient(top,#CC0000,#990000); background-image:-o-linear-gradient(top,#CC0000,#990000); }