/***********************************
 GLOBAL
***********************************/
A {
	color: #000000;
	text-decoration: none;
}
A:hover {
	color: #0080BF;
	text-decoration: underline;
}
BODY {
	background: #EEF1F4;
	margin: 0px;
}
TD, P {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
P {
	margin-bottom: 12px;
}
STRONG, STRONG A {
	color: #0080BF;
}

/***********************************
 PATH
***********************************/
.Path {
	padding-bottom: 4px;
	font-size: 9px;
	color: #84848E;
}
.Path A {
	color: #000000;
}

/***********************************
 CONTENT
***********************************/
.Page {
	background: #FFFFFF;
}
.Content {
	padding: 12px 4px 16px 0px;
}
.Title {
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #0080BF;
}
.SubTitle {
	margin: 8px 0px 4px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #ff9c00;
	padding: 4px 0px;
}
.PreText {
	font-family: Verdana, "Courier New", Courier, monospace;
	font-size: 12px;
}
.PreText A {
	color: #0080BF;
	text-decoration: underline;
}
.Small {
	font-size: 9px;
}
.Bar {
	background: #DBDFE4;
}

/***********************************
 PROGRESS BAR
***********************************/
TABLE.ProgressBar TR TD {
	background: #FFFFFF;
	padding: 1px;
	border: 1px solid #CACACF;
	height: 12px !important;
}

/***********************************
 WINDOW
***********************************/
BODY.BodyWindow {
	background: #EEF1F4;
}
.Window {
	border: 1px solid #C3C7CC;
	background: #FFFFFF;
}
.Window .Header
{
	padding: 3px 12px 8px;
}
.Window .Content
{
	padding: 12px 16px 16px;
}
.FooterWindow {
	padding: 7px 12px 24px;
	color: #84848E;
}
.FooterWindow A {
	color: #84848E;
	text-decoration: underline;
}

/***********************************
 EN-TETE
***********************************/
.HeaderBackground {
	background-color: #EEF1F4;
	background-repeat: repeat-x;
	padding: 10px 0px 8px 0px;
}
.HeaderBackground .Top {
	color: #54545E;
}
.HeaderBackground .User, .HeaderBackground .User A {
	color: #FFFFFF;
}

/***********************************
 MENU
***********************************/
.MenuBackground {
	background: #EEF1F4;
	background-image: url('../images/misc/menu_bg.gif');
}
.Menus {
	padding: 1px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 8px;
}
.Menus DIV A {
	display: inline;
	float: left;
	color: #000000;
	padding: 5px 6px;
	margin-left: 1px;
	margin-right: 2px;
	border: 0px solid #C3C7CC;
	border-bottom: 0px solid #C3C7CC;
	font-weight: bold;
}
.Menus DIV A:hover {
	background-color: #F4F6F9;
	border: 1px solid #C3C7CC;
	border-bottom: 1px solid #C3C7CC;
	padding: 4px 5px;
	text-decoration: none;
	color: #000000;
}
.Menus DIV.Current A, .Menus DIV.Current A:hover {
	padding: 2px 5px 4px;
	border: 1px solid #C3C7CC;
	border-top: 3px solid #FFCC00;
	border-bottom: 1px solid #FFFFFF;
	background: #FFFFFF;
	color: #0080BF;
}

/* TAB MENUS */
.tablist {
	padding: 3px 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 8px;
}

.tablist LI {
	list-style: none;
	display: inline;
	margin: 0px;
}

.tablist LI A {
	padding: 3px 8px;
	margin-left: 1px;
	border: 1px solid #C3C7CC;
	border-bottom: 1px solid #C3C7CC;
	background: #EEF1F4;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.tablist LI A.current {
	padding: 1px 8px 3px;
	border-top: 3px solid #FFCC00;
	border-bottom: 1px solid #FFFFFF;
	background: #FFFFFF;
	color: #0080BF;
}

.tabcontentcontainer {
	border: 1px solid #C3C7CC;
}

.tabcontent {
	display:none;
	padding: 14px 8px 14px 12px;
	position: relative;
	background: #FFFFFF;
}
.tabcontentSmall {
	display:none;
	padding: 7px 4px 7px 6px;
	position: relative;
	background: #FFFFFF;
}

/***********************************
 SUBMENU
***********************************/
.SubMenuBackground {
	padding: 6px 24px 16px 3px;
	height: 340px;
}
.SubMenu .SubHeader {
	padding: 2px 0px;
	font-weight: bold;
	color: #0080BF;
}
.SubMenu .SubItem {
}
.SubMenu .SubSep {
	padding: 2px 0px 4px;
}
.SubMenu A {
	color: #54545E;
	padding: 2px 2px;
	display:block;
}
.SubMenu .SubItem A:hover {
	background: #F4F6F9;
	text-decoration: none;
}
.SubMenu A:hover {
	color: #000000;
}

/***********************************
 PIED DE PAGE
***********************************/
.FooterBackground {
	background: #EEF1F4;
}
.Footer {
	padding: 7px 0px 16px 0px;
	font-size: 9px;
	color: #A5A5A7; 
}
.Footer A {
	color: #A5A5A7; 
	text-decoration: underline;
}

/***********************************
 LISTS
***********************************/
.List {
	border: 1px solid #D3D7DC;
	margin: 5px 0px 8px 0px;
}
.List TR TH {
	padding: 2px 4px;
	height: 19px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D3D7DC;
	border-right: 1px solid #D3D7DC;
	font-size: 11px;
	font-weight: normal;
	color: #82828A;
	background: #F1F4F7;
}
.List TR TH.On {
}
.List TR TH A {
	text-decoration: none;
}
.List TR TH.On A {
}
.List TR TD {
	border-top: 1px solid #E4E7EC;
	padding: 2px 4px;
	height: 22px;
}
.List TR TD.Bold {
	font-weight: bold;
}
.List TR TD.Flag IMG {
	border: 1px solid #D3D7DC;
	padding: 1px;
}
IMG.Flag {
	margin-right: 5px;
}

.List TR TD SELECT {
	font-size: 9px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
/* PRODUIT INVALIDE */
TR.Disabled TD {
	background: #F4F6F8;
	color: #86898C;
}
TR.Disabled TD.Info {
	color: #868696 !important;
}
TR.Disabled A {
	color: #56595C;
}
TR.Disabled TD IMG {
    filter: alpha(opacity=30); /* IE */
    opacity: 0.30; /* Safari, Opera and Mozilla */
}

/* PRODUIT EN COURS */
TR.Pending TD {
	background: #E5EAFF;
	color: #5060DD;
}
TR.Pending TD.Info {
	color: #5060DD !important;
}
/* PRODUIT EN ANNULATION */
TR.Cancelling TD {
	background: #FFEE99;
	color: #CC6622;
}
TR.Cancelling TD.Info {
	color: #CC6622 !important;
}
/* PRODUIT ANNULE */
TR.Cancelled TD {
	background: #FFEAE5;
	color: #CC0000;
}
TR.Cancelled TD.Info {
	color: #CC0000 !important;
}
/* PRODUIT CONFIRME */
TR.Confirmed TD {
	background: #EEF9E2;
	color: #18AA08;
}
TR.Confirmed TD.Info {
	color: #18AA08 !important;
}

.Dark TD {
	background-color: #F6F6FA;
}
.Darker TD {
	background-color: #BBBDC6;
	color: #FFFFFF !important;
}
.Blue TD {
	background-color: #0080BF;
	color: #FFFFFF !important;
}
TR.Total {
	background-color: #F6F6FA;
}
TR TD.Detail {
	border-top: 0px dotted #E4E7EC;
	padding: 0px;
}
TR TD.Detail TD, TR.Special TD.Detail TD {
	border-top: 1px dotted #E4E7EC;
}
.tableRollOverEffect{
	background-color:#d5e9f3;
}

.tableRowClickEffect{
	background-color:#ffe0b8;
}

/***********************************
 DIVERS
***********************************/
.Reference, .Reference A {
	font-family: Courier New, Courier, Verdana, sans-serif;
	color: #75BB26;
}
.Info {
	color: #828296;
}
.Actions {
	background: #EEF1F4;
	border: 1px solid #D3D7DC;
	margin-bottom: 6px;
}
.Actions TD {
	padding: 2px 2px;
}
.Actions TD.Separator {
	color: #B3B7BF;
}


/***********************************
 FORMULAIRES
***********************************/
FORM {
	display: inline;
}
FORM.Filters {
	margin-bottom: 8px;
}
INPUT, TEXTAREA, SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
SELECT {
	height: 20px;
}
OPTION {
	/*border-bottom: 1px solid #D3D7DC;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 4px 1px 4px;
    vertical-align: middle;
	height: 16px;
	background: #F6F6FA;
}
LABEL {
	margin-right: 2px;
	margin-bottom: 3px;
	color: #75797F;
}
.Required {
	font-weight: bold;
	color: #ff9c00;
}
INPUT:focus {
	border: 2px solid #ff9c00;
	background: #fff0d8;
}

.FormLabel {
	padding: 4px 0px 0px 0px;
}
BUTTON {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 22px;
}
.Browse {
	background: #FFFFFF;
	border: 1px solid #7f9db9;
	padding: 1px 0px 1px 3px;
	margin-right: 2px;
	float: left;
	cursor: pointer;
}
.Highlight {
	background: #d5e9f3;
}
.BrowseDisplay {
	overflow: hidden;
	width: 100%;
	padding-top: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
}
.BrowseImageDisplay {
}

.SideField {
	 background-color: #d5e9f3;
	 color: #000000;
	 padding: 2px;
}

.EmptyOption {
	background: #FFFFFF;
	padding: 2px 0px 2px 0px;
	font-size: 9px;
}
OPTION.WithIcon {
	padding: 2px 0px 2px 20px;
	border: 0px hidden;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
	border-bottom: 1px solid #D3D7DC;
}

/***********************************
 AUTOCOMPLETE FIELD
***********************************/
.AutoCompleteList .yui-ac-content {
	position:absolute;
	height:120px;
	width:196px;
	border:1px solid #000000;
	background:#FFFFFF;
	overflow:hidden;
	z-index:9050;
}
.AutoCompleteList .yui-ac-shadow {
	position:absolute;
	width:198px;
	margin:2px;
	background:#D3D7DC;
	z-index:9049;
}
.AutoCompleteList UL {
	padding:1px;
	margin: 0px;
	width:100%;
}
.AutoCompleteList LI {
	padding:3px 4px;
	width:100%;
	cursor:default;
	white-space:nowrap;
	border-bottom: 1px solid #D3D7DC;
}
.AutoCompleteList LI.yui-ac-highlight {
	background:#e0ffab;
}

/***********************************
 MESSAGES
***********************************/
.MsgImportant {
	font-weight: bold;
	color: #68931D;
}
.MsgAlert {
	font-weight: bold;
	color: #CD0E00;
}

/***********************************
 ERREURS
***********************************/
.Error {
	background: #F5F5F5;
	border: 1px solid #D5D5D5;
	padding: 8px;
}
.Error .ErrType {
	font-size: 16px;
	font-weight: bold;
	color: #F40000;
	margin: 0px 0px 4px 0px;
}

/***********************************
 INFO-BULLES
***********************************/
.Tip {
	background-color: #FFFFE1;
	border: 1px dashed #FFDB95;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 6px;
}
.Tip TD {
	color: #9A7D2D;
	line-height: 14px;
	border: 0px;
	padding: 0px;
}
.Tip B {
	color: #CE8D00;
}

.Valid {
	background-color: #EEF9E2;
	border: 1px dashed #BADE8F;
}
.Valid TD {
	color: #4F820F;
}
.Valid B {
	color: #6AA524;
}

.Alert {
	background-color: #FFEFEF;
	border: 1px dashed #F8C8C8;
}
.Alert TD {
	color: #B52010;
}
.Alert B {
	color: #B52010;
}

/***********************************
 BOXES
***********************************/
.Box {
	margin-top: 4px;
	margin-bottom: 16px;
}
.Box .Header {
	background: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #0080BF;
	margin-bottom: 10px;
	margin-top: 16px;
}
.Box .Body {
	margin-bottom: 12px;
}
.Box .Body .Swaper {
	cursor: pointer;
}
.Box .Body .Documents {
	margin-top: 7px;
}
.Box .Body .Participants {
	margin-bottom: 6px;
}
/***********************************
 BUBBLES
***********************************/
/* ORANGE */
.BubbleOrange {
	background-image: url('../images/bubbles/orange/bubble_middle.gif');
	background-repeat: repeat-y;
}
.BubbleOrange .Top {
	background-image: url('../images/bubbles/orange/bubble_top.gif');
	background-repeat: no-repeat;
	padding: 20px 16px 0px;
}
.BubbleOrange .Bottom {
	background-image: url('../images/bubbles/orange/bubble_bottom.gif');
	background-repeat: no-repeat;
	height: 14px;
	line-height: 10px;
}
.BubbleOrange .Resume {
	color: #BF6622;
}
.BubbleOrange .Title {
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #DF6600;
	/*border-bottom: 1px dotted #ffbf44;*/
}

/* BLUE */
.BubbleBlue {
	background-image: url('../images/bubbles/blue/bubble_middle.gif');
	background-repeat: repeat-y;
}
.BubbleBlue .Top {
	background-image: url('../images/bubbles/blue/bubble_top.gif');
	background-repeat: no-repeat;
	padding: 20px 16px 0px;
}
.BubbleBlue .Bottom {
	background-image: url('../images/bubbles/blue/bubble_bottom.gif');
	background-repeat: no-repeat;
	height: 14px;
	line-height: 10px;
}
.BubbleBlue .Resume {
	color: #0055AF;
}
.BubbleBlue .Title {
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #0055AF;
	/*border-bottom: 1px dotted #a9d2fe;*/
}

/* GREEN */
.BubbleGreen {
	background-image: url('../images/bubbles/green/bubble_middle.gif');
	background-repeat: repeat-y;
}
.BubbleGreen .Top {
	background-image: url('../images/bubbles/green/bubble_top.gif');
	background-repeat: no-repeat;
	padding: 20px 16px 0px;
}
.BubbleGreen .Bottom {
	background-image: url('../images/bubbles/green/bubble_bottom.gif');
	background-repeat: no-repeat;
	height: 14px;
	line-height: 10px;
}
.BubbleGreen .Resume {
	color: #338F00;
}
.BubbleGreen .Title {
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #338F00 !important;
	/*border-bottom: 1px dashed #bee76e;*/
}

/* GREY */
.BubbleGrey {
	background-image: url('../images/bubbles/grey/bubble_middle.gif');
	background-repeat: repeat-y;
}
.BubbleGrey .Top {
	background-image: url('../images/bubbles/grey/bubble_top.gif');
	background-repeat: no-repeat;
	padding: 20px 16px 0px;
	color: #96969B;
}
.BubbleGrey .Bottom {
	background-image: url('../images/bubbles/grey/bubble_bottom.gif');
	background-repeat: no-repeat;
	height: 14px;
	line-height: 10px;
}
.BubbleGrey .Resume {
}
.BubbleGrey .Title {
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #A6A6AB;
	/*border-bottom: 1px dashed #d4d4d4;*/
}
.BubbleGrey A {
	color: #96969B;
}
.BubbleGrey IMG {
    filter: alpha(opacity=40); /* IE */
    opacity: 0.40; /* Safari, Opera and Mozilla */
}

/* EMPTY */
.BubbleEmpty {
}
.BubbleEmpty .Top {
	padding: 20px 16px 0px;
}
.BubbleEmpty .Bottom {
	height: 14px;
	line-height: 10px;
}
.BubbleEmpty .Title {
	padding-bottom: 2px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	/*border-bottom: 1px dashed #bee76e;*/
}

/***********************************
 STATISTIQUES
***********************************/
.Positive {
	color: #6AC524;
}
.Negative {
	color: #D52010;
}
.Null {
	color: #CE8D00;
}