﻿/*Formulaire*/
label { font-size:10px; font-weight:bold; display:block; }
input[type=text], input[type=password], select, textarea { font-size:12px; margin:0px 0 0 0; padding:0; border:1px solid #CCCCCC; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
input[type=text], input[type=password] { height:20px; line-height:16px; }
select { height:24px; }
textarea { min-height:36px; }
input[type=image] { margin:0; padding:0; }
input[type=button], input[type=submit] { font-size:1em; vertical-align:middle; margin-bottom: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.9em; }

/* Google Style */
input[type=button], input[type=submit], .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 gainsboro; border:1px solid rgba(0, 0, 0, 0.1);
border-radius:2px; color:#333; cursor:pointer; font-size:11px;
height:22px; line-height:20px; padding:0 8px; text-align:center; }

.LinkButton { height:20px; display:inline-block;vertical-align:middle; }
.LinkButton img { vertical-align:text-bottom; 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=radio] { vertical-align:middle; width:16px; }
input[type=radio] + label { display:inline-block; vertical-align:bottom; padding-left:2px; padding-right:6px; font-weight:normal; width:auto; font-size:11px; }
input[type=checkbox] { vertical-align:middle; width:20px; }
input[type=checkbox] + label { display:inline-block; vertical-align:middle; padding-left:2px; padding-right:6px; font-weight:normal; width:auto; font-size:11px; }

.FixedForm label { display:inline-block; width:100px; font-size:9px; font-weight:bold; }
.FixedForm input[type=text], div.FixedForm input[type=password], div.FixedForm textarea { width:240px; }
.FixedForm select { width:244px; }

.FixedForm .FieldGroupTitle { display:block; font-size:11px; margin-bottom:8px; margin-top:4px; font-weight:bold; color:#336699;  }
.FixedForm .FieldDetails { display:block; margin-left:106px; font-size:9px; margin-bottom:4px; }

.FieldGrp { display:inline-block; vertical-align:top; margin-top:-4px; padding-bottom:4px; padding-left:4px; }

.FieldDetails { font-size:9px; font-style:italic; color:#888; }
.FieldUnit { font-size:9px; }

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-color:#006699; color:#FFFFFF; font-size:10px; font-weight:bold; }

.Numeric { width:40px; text-align:center; }
.Money { width:60px; text-align:right; }
.Date { width:68px; }
.DateDay { width:52px; }
.DateMonth { width:80px; }
.DateYear { width:64px; }
.PhoneNumber { width:100px; }
.ShortText { width:120px; }
.Text { width:200px; }
.TextFull { width:98%; }
.Url { width:200px; }
.Email { width:200px; }
.PostalCode { width:46px; }

.FormPanel { padding:3px 5px 3px 5px; margin:4px 1px; border:solid 1px #CCCCCC; background-color:#FFFFEE; }
.FormPanel .Title {color:#006699;font-size:12px;font-weight:bold;text-transform:uppercase;margin-top:4px;margin-bottom:3px;display:block;}
.FormPanel .subTitle {color:#666666;font-size:11px;font-weight:bold;text-transform:uppercase;margin-top:3px;margin-bottom:2px;display:block;}
.FormPanel p {font-size:10px;color:#666666;text-align:justify;}

.ActionPanelLeft, .ActionPanelCenter, .ActionPanelRight { clear:both; padding:3px 2px 3px 2px; border:solid 1px #CCCCCC; background-color:#FFFFEE; margin:4px 1px; font-size:0.9em; }
.ActionPanelLeft { text-align:left; }
.ActionPanelCenter { text-align:center; }
.ActionPanelRight { text-align:right; }


.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; }

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(#7ab700),to(#578200)); background-image:-webkit-linear-gradient(top,#7ab700,#578200); background-color:#7ab700;
                         background-image:linear-gradient(top,#7ab700,#578200); background-image:-o-linear-gradient(top,#7ab700,#578200); }

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(#7ab700),to(#578200)); background-image:-webkit-linear-gradient(top,#7ab700,#578200); background-color:#7ab700;
                         background-image:linear-gradient(top,#7ab700,#578200); background-image:-o-linear-gradient(top,#7ab700,#578200); }
                         
input[type=button].ButtonCancel, input[type=submit].ButtonCancel, .LinkButton.ButtonCancel { font-weight:bold; }

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(#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); }