@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,700italic,400,600,700);

/*
**
** DESIGN ====================================================================================================
**
*/

#bgconteneur	{ margin: 0 auto; padding: 10px 20px; text-align: center; }
#conteneur		{ position: relative; width: 1200px; margin: 0 auto; text-align: left; }

#content		{ background-color: #FFFFFF; padding-top: 20px; }
#footer			{ text-align: center; padding: 5px; } 

#contentPart				{ padding: 5px; }
#contentPart .title			{ text-align: center; color: #999999; font-size: 13px; padding: 3px; }
#contentPart ul				{ margin: 0px; padding-left: 15px; }
#contentPart li				{ padding-bottom: 3px; }
#contentPartShortcut div	{ padding-top: 3px; }

/*
** Header
*/
#header						{  }
#headerContent				{ padding-bottom: 10px; }
#header #authentifiedUser 	{ font-size: 16px; color: #333333; font-weight: normal; }

#header a					{ color: #333333; }
#header a:hover 			{ color: #A12020; }

/*
** Context url
*/
#contextUrl a			{ color: #333333; }
#contextUrl a:hover    	{ color: #A12020; }

/*
** DESIGN -> Logon
*/
#logonDiv input					{ padding: 5px; font-size: 12px; color: #656565; font-weight: normal; }
#logonDiv input[type=text]		{ width: 370px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; }
#logonDiv input[type=password]	{ width: 370px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; }
#logonDiv input[type=submit]	{ width: 200px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; background-color: #ad1f24; color: #fff; text-align: left; cursor: pointer; }
#logonDiv select				{ width: 290px; padding: 7px; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #e3e3e3; }

#logonDiv a						{ color: #ad1f24; }

div.logonBox	{ width: 320px; background-color: #FFFFFF; border: 1px solid #A12020; }
div.logonHeader	{ padding: 3px; color: #FFFFFF; font-weight: bold; background-color: #A12020; text-align: center; }
div.logonFooter	{ height: 15px; background-color: #A12020; }

/*
* DESIGN -> Order
*/
.notexpediee	{ font-weight: normal; color: red; }
.expediee		{ font-weight: normal; color: green; }
.paid			{ font-weight: normal; color: green; }
.unpaid			{ font-weight: normal; color: red; }

.bgTitle		{ background-color: #6D6464; }
.tabOnglet		{ color: #A12020 ; font-weight: bold; }

/*
* DESIGN -> Event
*/
.responseOk		{ font-weight: normal; color: green; }
.responseKo		{ font-weight: normal; color: red; }

/*
** DESIGN -> Menu
*/
#menu						{ background-color: #F3F2F2; font-size: 0; 
								background-image: url('/imafrance_crm/custom/img/event/background_menu_border.png');
								background-repeat: repeat-x;
								background-position: bottom;
							}
.menuItem					{ display: inline-block; margin: 0; padding: 10px 15px; border-bottom: 5px solid #fff; }
.menuOffsetIn				{ background-color: #fff; border-bottom: 5px solid #A12020; }
#header .menuItem a			{ font-family: "Open Sans"; font-weight: 600; color: #737373; font-size: 14px; }
#header .menuOffsetIn a		{ color: #A12020; }

.menuOffsetOut:hover		{
	border-bottom: 5px solid #A12020;
	background: #A12020;
	/*
	background: -moz-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F2F2), color-stop(100%, #fff) );
	background: -webkit-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: -o-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: -ms-linear-gradient(top, #F3F2F2 0%, #fff 100%);
	background: linear-gradient(top, #F3F2F2 0%, #fff 100%);
	*/
}
#header .menuOffsetOut:hover a		{
	color: #fff;
}

/*
** DESIGN -> Corner
*/
#cornerTopLeft     { position:absolute; top:-1px; left:-1px; width:10px; height:10px; background:url('/imafrance_crm/custom/img/kernel/corners.gif') no-repeat top left; }
#cornerTopRight    { position:absolute; top:-1px; right:-1px; width:10px; height:10px; background:url('/imafrance_crm/custom/img/kernel/corners.gif') no-repeat top right; }
#cornerBottomLeft  { position:absolute; bottom:-1px; left:-1px; width:10px; height:10px; background:url('/imafrance_crm/custom/img/kernel/corners.gif') no-repeat bottom left; }
#cornerBottomRight { position:absolute; bottom:-1px; right:-1px; width:10px; height:10px; background:url('/imafrance_crm/custom/img/kernel/corners.gif') no-repeat bottom right; }

/*
** DESIGN -> Color preview
*/
span.colorPreview	{ padding: 3px; }

/*
** DESIGN -> Sheet
*/
table.card th					{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #333333; font-weight: normal; text-align: right; width: 120px; }
table.cardRib th				{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #333333; font-weight: normal; text-align: left; width: 120px; }
table.card th.required			{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #000000; font-weight: bold; text-align: right; width: 120px; }
table.card td					{ padding: 3px; padding-left: 10px; border-bottom: 1px dotted #DDDDDD; text-align: left; }
table.card td.name,	table.card td.name span.name
								{ font-weight: bold; font-size: 13px; text-align: left; }
table.card td.none				{ border-bottom: 0px; }
table.card table.Gtab td		{ padding: 0px; border: none; }

table.cardDetail th				{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #333333; font-weight: normal; text-align: right; width: 120px; }
table.cardDetail th.required	{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #000000; font-weight: bold; text-align: right; width: 120px; }
table.cardDetail td				{ padding: 3px; padding-left: 10px; border-bottom: 1px dotted #DDDDDD; text-align: left; }
table.cardDetail td.name, table.cardDetail td.name span.name
								{ font-weight: bold; font-size: 13px; text-align: left; }
table.cardDetail td.none		{ border-bottom: 0px; }

table.none th			{ padding: 0px; border: none; font-weight: normal; text-align: left; }
table.none td			{ padding: 0px; border: none; font-weight: normal; text-align: left; }

table.ihlightTable	{ border-spacing: 1px; }
table.highlightTable th	{ background-color: #9A9A9C; padding: 1px; border-bottom: 1px dotted #DDDDDD; color: #fff; font-weight: bold; text-align: center; vertical-align: top; }
table.highlightTable td	{ padding: 1px; padding: 5px 5px; border-bottom: 1px dotted #DDDDDD; }



/*
table.highlightTable tr:nth-child(odd) td {
    background-color: #F0F0F0;
}
table.highlightTable tr:nth-child(even) td {
    background-color: #FBFBFB;
}
*/

#nbMailsSendLast table td { border:none; }
#nbMailsSend	 table td { border:none; }

/*
** DESIGN -> Search
*/
fieldset.search			{ padding: 5px; background-color: #F3F2F2; border: none; border-radius: 0px; }
fieldset.search legend	{ font-size: 18px; color: #A12020;
							background-image: url('/imafrance_crm/custom/img/event/_picto_search_fieldset.png');
							background-repeat: no-repeat;
							background-position: left top;
							background-size: 30px auto;
							padding-left: 40px;
							height: 30px;
						}

fieldset.searchAdd		{ padding: 5px; border: 1px solid #AAAAAA; background-color: #F9E08E; -moz-border-radius:5px; border-radius:5px; }

fieldset.searchUpdate	{ margin-top: 20px; padding: 5px; background-color: #F3F2F2; border: none; border-radius: 0px; }
fieldset.searchUpdate legend	{ font-size: 18px; color: #A12020;
							background-image: url('/imafrance_crm/custom/img/event/_picto_search_update_fieldset.png');
							background-repeat: no-repeat;
							background-position: left top;
							background-size: 30px auto;
							padding-left: 40px;
							height: 30px;
						}

fieldset.import			{ padding: 5px; border: 1px solid #AAAAAA; -moz-border-radius:5px; border-radius:5px; }
div.searchMenu			{ display: none; position: absolute; text-align: left; background-color: #D3D4D6; border: 1px solid #AAAAAA; padding: 5px;}
div.searchMenu div		{ padding: 3px;}

fieldset.search select { width: 200px; }

div.searchQuickSave	{ background-color: #fff; border-top: 1px dotted #DDDDDD; padding: 5px; }
div.searchNumber	{ text-align: right; padding: 5px; font-size: 14px; color: #999999; }
span.searchNumber	{ font-style:italic; font-size: 12px; color: #999999; }

div.calendarShareColorChoice		{ display: none; position: absolute; text-align: left; background-color: #D3D4D6; width:200px; padding:5px; padding-bottom:5px; border: 1px solid #FFFFFF; margin-top : 1px;}
div.calendarShareColorChoice div.calendarShareColorChoicePresent	{ margin: 0; margin-left:3px; margin-top:3px; padding:0; width: 15px; height:15px; float:left; border: 1px solid #FFFFFF;  cursor: pointer;}
div.calendarShareColorChoiceFirst	{ margin:0; padding:0; width: 20px; height:20px; border: 1px solid #FFFFFF; cursor: pointer;} 

/*
** DESIGN -> Import
*/

#importStep { 	text-align:left; }

#importStep div.oneStep { float:left; padding-right: 5px;}
				
#importStep div.oneStep div.left { 		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top left; 
							background-image: url('/imafrance_crm/custom/img/event/left_quick_start_off.gif'); }

#importStep div.oneStep div.middle { 	float:left; height: 64px; 
							background-repeat: repeat-x; background-position: top left; 
							background-image: url('/imafrance_crm/custom/img/event/middle_quick_start_off.gif'); }
							
						
#importStep div.oneStep div.middle div.content 				{ padding-top: 18px; } 
#importStep div.oneStep div.middle div.content div.num 		{ font-size: 22px; float: left;  color:#999999 ;}
#importStep div.oneStep div.middle div.content div.label 	{ font-size: 17px; float: left; padding-top: 3px; padding-left: 5px; color:#999999;}

#importStep div.oneStep div.right {		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top right; 
							background-image: url('/imafrance_crm/custom/img/event/right_quick_start_off.gif'); }
							
#importStep div.oneStep div.stepNextContent	{ float:left; }
#importStep div.oneStep div.stepNextLabel 	{ padding-top: 20px;}




#importStep div.active div.left { 	background-image: url('/imafrance_crm/custom/img/event/left_quick_start_on.gif'); }

#importStep div.active div.middle { background-image: url('/imafrance_crm/custom/img/event/middle_quick_start_on.gif'); }
							
#importStep div.active div.middle div.content div.num 		{ color: #FFFFFF; }
#importStep div.active div.middle div.content div.label 	{ color: #FFFFFF; }

#importStep div.active div.right {	background-image: url('/imafrance_crm/custom/img/event/right_quick_start_on.gif'); }

.importType					{ padding: 10px; background-color: #FEFFEA; } 
.importPreview table		{ border: 1px dashed #EEEEEE; }
.importPreview th			{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #333333; font-weight: bold; text-align: center; }
.importPreview td			{ border-bottom: 1px dashed #EEEEEE; border-right: 1px dashed #EEEEEE; padding: 2px; }
.importPreview td.header	{ border-bottom: 1px dashed #EEEEEE; border-right: 1px dashed #EEEEEE; padding: 2px; background-color: #EEEEEE; font-weight: bold; }

/*
** DESIGN -> QuickStart
*/

#quickStart { 	text-align:left; }

#quickStart div.oneStep { float:left; padding-right: 5px;}
				
#quickStart div.oneStep div.left { 		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top left; 
							background-image: url('/imafrance_crm/custom/img/event/left_quick_start_off.gif'); }

#quickStart div.oneStep div.middle { 	float:left; height: 64px; 
							background-repeat: repeat-x; background-position: top left; 
							background-image: url('/imafrance_crm/custom/img/event/middle_quick_start_off.gif'); }
							
						
#quickStart div.oneStep div.middle div.content 				{ padding-top: 18px; width:120px;} 
#quickStart div.oneStep div.middle div.content div.num 		{ font-size: 22px; float: left;  color:#5492DB ;}
#quickStart div.oneStep div.middle div.content div.label 	{ font-size: 17px; float: left; padding-top: 3px; padding-left: 5px; color:#5492DB;}

#quickStart div.oneStep div.right {		width: 15px; float:left; height: 64px;
							background-repeat: no-repeat; background-position: top right; 
							background-image: url('/imafrance_crm/custom/img/event/right_quick_start_off.gif'); }
							
#quickStart div.oneStep div.stepNextContent	{ float:left; }
#quickStart div.oneStep div.stepNextLabel 	{ padding-top: 20px;}




#quickStart div.active div.left { 	background-image: url('/imafrance_crm/custom/img/event/left_quick_start_on.gif'); }

#quickStart div.active div.middle { background-image: url('/imafrance_crm/custom/img/event/middle_quick_start_on.gif'); }
							
#quickStart div.active div.middle div.content div.num 		{ color: #FFFFFF; }
#quickStart div.active div.middle div.content div.label 	{ color: #FFFFFF; }

#quickStart div.active div.right {	background-image: url('/imafrance_crm/custom/img/event/right_quick_start_on.gif'); }

/*
** DESIGN -> Changelog
*/
#changelog .title			{ font-size: 20px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#changelog .subtitle		{ font-size: 14px; color: #999999; padding-top: 10px; padding-bottom: 10px; cursor: pointer; }
#changelog .description		{ padding-left: 30px; background-color: #F6F7F7; }
#changelog .description div	{ padding: 7px; }

/*
** DESIGN -> Sync
*/
#sync .title			{ font-size: 20px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#sync .subtitle			{ font-size: 14px; color: #999999; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#sync .description		{ padding-left: 30px; background-color: #F6F7F7; }
#sync .description div	{ padding: 7px; }

/*
** DESIGN -> Statistic
*/
table.tableStatistic { width: 440px; }


/*
**
** DEFAULT ====================================================================================================
**
*/

/*
** BODY
*/
body			{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }

/*
** DEFAULT
*/
h1, h2, h3, div, p, td, th, li, span, a {
	font-family: "Open Sans", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

/*
** H1
*/
h1				{ font-size: 14px; color: #A12020; font-weight: bold; }
h2				{ font-size: 12px; color: #A12020; font-weight: bold; }

/*
** P
*/
p.title			{ font-size: 12px; color: #A12020; font-weight: bold }
p.bold			{ font-weight: bold; }

/*
** IMG
*/
img				{ border: none; }

/*
** BLOCKQUOTE
*/
blockquote		{ margin: 10px; }

/*
** TD
*/
td.title		{ font-size: 12px; color: #A12020; font-weight: bold }
td.bold			{ font-weight: bold }
td.titleTab		{ font-weight: bold; background-color: #D3D4D6 }
td.cellMenu		{ height: 18px; text-align: center; border-right: 1px solid #6D6464;  }
td.cellMenuIn	{ font-weight: bold ; height: 18px; text-align: center; border-right: 1px solid #6D6464;  }
td.cellMenuOver	{ height: 18px; text-align: center; border-right: 1px solid #6D6464;  }
td.cellHome1	{ background-color: #D3DBE8 }
td.cellHome2	{ background-color: #E0E0E0 }
td.cellHome3	{ background-color: #F2F2F2 }
td.cellTab		{ border-bottom: 1px solid #DDDDDD }
td.cellTab0		{ border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF ; }
td.cellTab1		{ border-bottom: 1px solid #DDDDDD }
td.cellTabIn	{ font-weight: bold; background-color: #E9F2F8; border-bottom: 1px solid #DDDDDD }
td.cellTabBold	{ font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabRed	{ color: #A12020; font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabGreen	{ color: #02AA16; font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.pager		{ color: #999999; }

td.cellTabStatWeek	{ font-weight: bold; color: #A12020; border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF; }
td.formulary	{ text-decoration: underline; font-weight: bold }

/*
** TR
*/

tr.odd			{ background-color: #fff; }
tr.even			{ background-color: #F0F0F0; }

tr.before		{ background-color: #FFEBCE; }
tr.over			{ background-color: #F9E08E !important ; }

/*
** UL
*/
ul.error 		{ position: relative; padding-top : 0px; margin-top: 0px; }

/*
** LI
*/
li.error		{ font-size: 12px; color: #A12020; font-weight: normal }

/*
** DIV
*/
div.bold		{ font-weight: bold }
div.title		{ font-size: 12px; color: #A12020; font-weight: bold }
div.titleTab	{ padding: 1px; font-weight: bold; background-color: #E2ECFF }
div.cell		{ padding: 1px; border: 1px solid #D3DBE8; }
div.displayInfo	{ padding: 5px; border: 1px dotted #D3DBE8; background-color: #FFFFFF; }
div.subscribe	{ padding: 1px; border: 1px dashed #E18E19; }

div.success		{ padding: 3px; font-weight: bold; color: #267510; background-color: #B5E2AE; border: 1px solid #267510; }
div.alert		{ padding: 3px; font-weight: bold; color: #B40326; background-color: #FFCCCB; border: 1px solid #B40326; }
div.error		{ padding: 3px; background-color: #FFCCCB; border: 1px solid #B40326; }
div.warning		{ padding: 5px; color: #A12020; font-weight: bold; }
div.legend		{ padding: 5px; border: 1px dotted #D3DBE8; background-color: #FFFFFF; }
div.info		{ padding: 5px; border: 1px dotted #7890BB; background-color: #D3DBE8; }
div.timestamp	{ color: #999999; padding: 5px; }

div.errorMessage	{ color: #FF0000; font-weight: bold; }
div.operation	{ padding: 3px; background-color: #E9F2F8; border: 1px solid #DDDDDD; text-align:left; filter:alpha(opacity=90); }						
div.fileInfo	{ color: #AAAAAA; font-style: italic; }
div.statistic	{ padding: 3px; border: solid 1px #7890BB; background-color: #E9F2F8; }
div.statisticTotal	{ color: #A12020; font-weight: bold; }

div.menuNav		{ padding: 3px; background-color: #A12020; color: #FFFFFF; border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

div.colorView	{  }
div.colorAdd	{ background-color: #B9D9EC; }
div.colorUpdate	{ background-color: #E8FFE8; }
div.colorDelete	{ background-color: #E6E6E6; }
div.colorCadre	{ background-color: #E2ECFF; padding: 3px }
div.colorCadreGroup { background-color: #E8FFE8; padding: 3px }
div.colorBarre	{ border-bottom: 3px solid #AAAAAA; }
div.colorSearch	{ background-color: #FFFFCC; }
div.colorViewSearch select { width: 250px; }

div.colorAdd select 		{ width: 250px; }
div.colorUpdate select 		{ width: 250px; }

fieldset.colorView		{ background-color: #F9E08E; }
fieldset.colorUpdate	{ background-color: #E8FFE8; }
fieldset.colorAdd		{ background-color: #E8FFE8; }

.colorView fieldset			{ padding: 5px; border: none; border-top: 3px solid #efefef; border-radius: 0px; }
.colorView fieldset legend	{ font-size: 18px; color: #A12020;
							/* background-image: url('/imafrance_crm/custom/img/event/_picto_fieldset.png');
							background-repeat: no-repeat;
							background-position: left top;
							background-size: 30px auto;
							padding-left: 40px; */
							height: 30px;
						}


div.statRed		{ color: #FF0000; font-weight: normal; }
div.statGreen	{ color: #02AA16; font-weight: normal; }

div.queryButton	{ text-align: center; width: 50px; padding: 1px; border: solid 1px #7890BB; background-color: #E2ECFF; }
div.formulary	{ text-decoration: underline; font-weight: bold }

div.contactSearchForManif { float: right; padding-bottom: 10px; margin-top: -40px; }
div.contactSearchForGroup { float: right; padding-bottom: 10px; margin-top: -40px; }

div.activityList		{ padding-bottom:2px; padding-top:2px; }

<!--div.tutoriel			{ padding-bottom: 5px; background-color}-->
<!--div.response			{ padding-bottom: 10px; padding-top: 5px; padding-left:20px; display: none; background-color: #EEEEEE; }-->


/*
** DESIGN -> Tutoriel
*/
#tutoriel .title			{ font-size: 14px; color: #999999; font-weight: bold; }
#tutoriel .faq              { text-align: justify; border-top: 1px solid #CCCCCC; padding-top: 2px;}
#tutoriel .subtitle			{ font-size: 14px; color: #999999; cursor: pointer; }
#tutoriel .response			{ padding-left: 10px; background-color: #F6F7F7; }
#tutoriel .question a		{ text-decoration: none; }
#tutoriel table 			{ padding-left: 10px;}


div.addressDefault		{ margin: auto ; text-align: center;  padding: 3px;  border: 1px solid #FFDE8F; font-weight: bold; color: #FFDE8F; font-size: 12px; font-variant: small-caps; background-color: white; }
span.addressLibelle		{ color: #AAAAAA; font-size: 15px; }
span.addressDefault		{ color: #FA5300; }

#tagsContainer			{ }
#tagInput				{ width: 150px; }
.tagDiv					{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.tagDivHover			{ background-color: #FBFBFB; }
.tagDelete				{ float:right; }
.tagContent				{ padding-top:2px; }

#activitiesContainer		{ }
#activityInput				{ }
.activityDiv				{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.activityDivHover			{ background-color: #FBFBFB; }
.activityDelete				{ float:right; }
.activityContent			{ padding-top:2px; }

#tagActivitysContainer			{ }
#tagActivityInput				{  }
.tagActivityDiv					{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.tagActivityDivHover			{ background-color: #FBFBFB; }
.tagActivityDelete				{ float:right; }
.tagActivityContent				{ padding-top:2px; }

.backlist				{ color: #A12020; font-weight: bold; }
.backlistMessage		{ color: #A12020; font-weight: normal; }

/*
** CALENDAR
*/
#calendar-tab, #opportunitie-tab, #account-tab, #contact-tab, #manif-tab { width: 100%; }

#calendarMenuTitle		{ font-weight: bold; }
#calendarTableMonth		{ border: 1px solid #CCCCCC; }
#calendarTableMonth td	{ border-right: 1px solid #CCCCCC; }
#calendarTableWeek		{ border: 1px solid #CCCCCC; }

.calendarDateEmpty		{ background-color: #EEEEEE; width: 100%; height: 90px;}
.calendarWeekDays		{ text-align: center; color: #FFFFFF; background-color: #FD8800; }
.calendarWeekItem		{ width: 135px; background-color: #FFFFFF; }

.calendarToday			{ border: 1px solid #FD8800; }
.calendarTodayDay		{ height: 15px; text-align: left; color: #FFFFFF; background-color: #FD8800; padding-right: 3px; }
.calendarWeekDay		{ height: 15px; text-align: left; color: #000000; background-color: #EEEEEE; padding-right: 3px; }
.calendarItemList		{ padding-left:5px; padding-right:5px; }

#calendarTableMonth .calendarWeekItemContent 					{ height: 75px; text-align: left; cursor:pointer; }
#calendarTableMonth .calendarWeekItemContentLine 				{ height: 15px; overflow: hidden; }
#calendarTableMonth .calendarWeekItemContentTitle 				{ font-weight: normal; color: #FD8800;  }
#calendarTableMonth .calendarWeekItemContentLineLabelManif 	 	{ height: 15px; overflow: hidden; }
#calendarTableMonth .calendarWeekItemContentLineLabelSupport 	{ height: 15px; overflow: hidden; }
#calendarTableMonth .calendarWeekItemContentLine img			{ float:left; padding-left:3px; }

#calendarTableWeek td	{ border-right: 1px solid #CCCCCC; }
#calendarTableWeek .calendarTodayDay	{ height: 15px; text-align: center; color: #FFFFFF; background-color: #FD8800; }
#calendarTableWeek .calendarWeekDay		{ height: 15px; text-align: center; color: #000000; background-color: #EEEEEE; }

#calendarTableDay		{ width: 100% }
#calendarTableDay .calendarTodayDay	{ height: 15px; text-align: center; color: #FFFFFF; background-color: #FD8800; }
#calendarTableDay .calendarWeekDay	{ height: 15px; text-align: center; color: #000000; background-color: #EEEEEE; }

.calendarHour			{ width: 15px; }
.calendarHour div		{ border-bottom: 1px solid #EEEEEE; height: 30px }

.calendarToEnlargeTodayDay							{ text-align: center; color: #FFFFFF; background-color: #FD8800; font-weight:bold; }
.calendarToEnlargeWeekDay							{ height: 15px; text-align: center; color: #000000; background-color: #EEEEEE; font-weight:bold;}
.calendarWeekItemContentToEnlargeContainer 			{ display:none; }
.calendarWeekItemContentToEnlarge 					{ text-align: left;}
.calendarWeekItemContentToEnlargeLine 				{ padding-bottom: 3px; }
.calendarWeekItemContentToEnlargeLineLabelManif 	{ position:relative; top:-5px; padding-left:3px; }
.calendarWeekItemContentToEnlargeLineLabelSupport 	{ position:relative; top:-3px; padding-left:3px; }
.calendarWeekItemContentToEnlargeMenu				{ padding:3px; padding-bottom: 5px;  }
.calendarWeekItemContentToEnlargeTitle 				{ font-weight: normal; color: #FD8800; padding:3px; padding-top:0px;   }

.calendarSeparator		{ border-bottom: 1px dotted #DDDDDD; padding-top: 2px; margin-bottom: 2px;}

#showCalendarDayContent { border: 1px solid #CCCCCC ; display: none;position: absolute; background-color: #FFFFDD; width: 260px; height: 200px; z-index: 10; overflow: auto; }

a.calendarItemList:link     		{ text-decoration: none; }
a.calendarItemList:visited  		{ text-decoration: none; }
a.calendarItemList:active   		{ text-decoration: none; }
a.calendarItemList:hover    		{ text-decoration: underline }

.calendarOptions					{ margin:10px; padding: 5px; border: 1px dotted #999999; background-color: #F9E08E; }

div#supportOptions					{ text-align: center ;  margin:0; padding:0; }
div#supportOptionsIn				{ text-align: center ; margin: auto; width: 850px; border:1px solid #CCCCCC; padding:5px; margin-top:15px; margin-bottom:15px;}
table#supportOptionsTable			{ text-align: left ; width:100% ;}
.supportOptionsLabel				{ padding:5px; padding-left:0px; }

/*
** HR
*/
hr	{ height: 1px; color: #999999; background-color: #999999; border: none; }

/*
** SPAN
*/
span.errorMessage	{ color: #A12020; font-weight: bold; }
span.footer { font-size: 12px; color: #AAAAAA; font-weight: normal; text-decoration: none }

/*
** FORMS
*/
input					{ padding: 2px; color: #656565; font-weight: normal; }
input[type=text]		{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
input[type=password]	{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
input[type=submit] 		{ padding: 3px 5px; background-color: #A12020; color: #fff; border: none; cursor: pointer; }
input[type=submit]:hover { background-color: #B42424; }

textarea				{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
select					{ padding: 2px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }

textarea.contactNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.contactNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.opportunitieNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.opportunitieNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.accountNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.accountNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.manifNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.manifNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.groupNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.groupNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.eventNoteView  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.eventNoteEdit  { width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 
textarea.contactSupportDescriptionView { width: 100%; height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea.contactSupportDescriptionEdit { width: 100%; height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

option.formatTypeDesactive { background-color:#BBBBBB; color:#FFFFFF; }

.manifSubscribeBlockedYes	{ background-color: red; color: #fff; padding: 3px 10px; }
.manifSubscribeBlockedNo	{ background-color: green; color: #fff; padding: 3px 10px; }

/*
** A
*/
a     			{ font-size: 12px; color: #0000FF; text-decoration: none; }
a:link     		{  }
a:visited  		{  }
a:active   		{  }
a:hover    		{ color: #A12020; }

a.footer		{ color: #AAAAAA; }
a.footer:hover	{ color: #AAAAAA; }

a.menuMarket     	{ color: #000000; font-weight: bold; }
a.menuMarket:hover	{ color: #014D99; font-weight: bold; }

a.menuKernel		{ color: #000000; }
a.menuKernel:hover	{ color: #000000; }

a.menuKernelWhite		{ color: #FFFFFF; }
a.menuKernelWhite:hover	{ color: #FFFFFF; }

a.menuKernelOver		{ color: #A12020; }
a.menuKernelOver:hover	{ color: #A12020; }

a.displayInfo     		{ color: #AAAAAA; }
a.displayInfo:hover		{ color: #AAAAAA; }

/*
* Menu action
*/
.menuAction 				{ padding-bottom: 10px; }
.menuAction a				{ font-size: 13px; }
.menuAction .menuActionSeparator	{  }
.menuAction span.item_over			{  }

/*
** Shorcut
*/
#contentPartShortcut .shortcutItem	{ display: inline-block; padding: 0 2px 20px 0; background-color: none; }
#contentPartShortcut div 			{ font-size: 0; }
#contentPartShortcut a div			{ width: 60px; font-size: 11px; }
#contentPartShortcut a:hover div	{ color: #A12020; }

/*
** Shorcut
*/
.referenceBox	{ background-color: #F3F2F2; display: block; }

/*
* IMG SIZE
*/
.menuAction	img, .menuAction input[type=image],
#gedCategoryCurrentMenu img, #gedCategoryCurrentMenu input[type=image],
#webmailCategoryCurrentMenu img, #webmailCategoryCurrentMenu input[type=image],
#supportOptions img 
							{ max-height: 20px; }

.stepNextLabel img 			{ max-height: 20px; }
.colorView img, .highlightTable img, .card img
							{ max-height: 14px; }
#changelog img
							{ max-height: 14px; }
.colorView input[type=image]
							{ max-height: 20px; }
.colorStat img
							{ max-height: 20px; }
.searchAdd img
							{ max-height: 20px; }
.search img
							{ max-height: 20px; }
.movePagerLayout			{ padding-bottom: 10px; }
.paginatedSection img, .movePagerLayout img
							{ max-height: 15px; }

#contentPart img			{ max-height: 14px; }
#contentPartShortcut img	{ max-height: 50px; max-width: 60px; }

.referenceBox 				{ min-height: 90px; }
.referenceBox img			{ max-height: 14px; }
.referenceBoxLogo 			{ padding: 10px; }
.referenceBoxLogo img 		{ max-height: 80px; max-width: 140px; }

#jqContextMenu img, #vakata-contextmenu img, #iconeCategoryContainer img
							{ max-height: 14px; }
							
#iconeCategoryContainer .tableCategoryIcon img	{ max-height: 30px; }
#iconeCategoryContainer .contentCategoryIcon img	{ max-height: 80px; }

#importStep img 			{ max-height: 30px; }

.colorView .formulary-field-container img	{ max-height: none; }

/**
 * START The automcomplete box styling
 */
div.auto_complete 
{
	position: relative ;
    width: 290px;
    background: #fff;
}

div.auto_complete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

div.auto_complete ul li.selected {
    background-color: #dcedad;
}

div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}

/**
 * END The automcomplete box styling
 */
 
/*
 *	LEGEND
 */

fieldset			{ padding: 5px; border: 1px solid #AAAAAA; -moz-border-radius:5px; border-radius:5px; }

legend			{ font-weight: bold; color: #000000; }
.colorStat		{ background-color: #B9D9EC; padding: 3px }

.bgTitle { background-color: #6D6464; }
.tabOnglet { color: #A12020 ; font-weight: bold; }

/* Class permettant de configurer la boite à déplacer */
div.tomove
{
	background: #eee none;
	border: 1px solid #ddd;
	font-size: 0.9em;
	position: absolute;
}

.bgTitle { background-color: #6D6464; }


div.buttonsChoice{
	text-align: center;
	padding: 5px 0 0 0;
}
div.buttonsChoice button{
	background: url(../../../script/images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #aaaaaa 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.buttonsChoice button:hover{
	border: solid #777777 1px;
}

/*
* KERNEL
*/
.moduleDisable	{ background-color: #f00; color: #fff; font-weight: normal; }
td.moduleGroup	{ background-color: #fff; vertical-align: bottom; text-align:center; width: 30px; border-right: 1px solid #DDDDDD; }
.moduleGroupA	{ color: #FE0045; }
.moduleGroupM	{ color: #E96F00; }
.moduleGroupL	{ color: #008000; }

/*
* BUSINESS
*/
tr.businessLine {}
td.businessLineSelected { background-color : #F9E08E ;}
input.businessLineOffset						{ width: 25px; } 
input.businessLineReference						{ width: 80px; }
textarea.businessLineLibelle					{ width: 350px; height:50px; }
select.businessLineUnit							{ width: 90px; }
input.businessLineConditioning					{ width: 60px; }
input.businessLineQuantityOrder					{ width: 40px ;}
input.businessLineQuantity						{ width: 40px ;}
select.businessLineTva							{ width: 100px ; }
input.businessLinePriceUnitPurchaseHT			{ width: 50px; }
input.businessLinePriceUnitHT					{ width: 50px; }
input.businessLinePriceUnitTTC					{ width: 50px; }
input.businessLineRemise						{ width: 30px; }
input.businessLinePriceBaseHT					{ width: 50px; color: red ;}
input.businessLinePriceBaseTTC					{ width: 50px; color: red ;}
input.businessLinePriceLinePurchaseHT			{ width: 80px; color: red ;}
input.businessLinePriceLineHT					{ width: 80px; color: red ;}
input.businessLinePriceLineTTC					{ width: 80px; color: red ;}
input.businessLineWeightUnit					{ width: 50px; }
input.businessLineWeightLine					{ width: 80px; color: red ;}
input.readonly									{ color: red ;}
input.disabled                                  { color: grey; opacity: 0.5;} 

input.businessPaymentAmountPaid					{ width: 80px; }
input.businessPaymentAmountTotal				{ width: 80px; }
input.businessPaymentAmountEscompte				{ width: 80px; }
select.businessPaymentTva						{ width: 100px ; }
td.businessHeaderSelected { background-color : #F9E08E ;}

div.businessLineDiv {  }
div.businessLineLibelleDiv { 	
	width: 350px; height: 20px; 
	padding: 0px; overflow-x: hidden; 
	overflow-y: scroll; overflow : -moz-scrollbars-vertical; 
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC; 
	text-align: left; 
}

div.designationInvoiceDiv {  }
div.designationInvoiceDiv {    
    width: 350px; height: 20px; 
    padding: 0px; overflow-x: hidden; 
    overflow-y: scroll; overflow : -moz-scrollbars-vertical; 
    background-color: #FFFFFF; 
    border: 1px solid #CCCCCC; 
    text-align: left; 
}

span.businessDangerousCustomer				{ color:red; font-weight: bold; } 
span.businessLate							{ font-weight: bold ; color:red; }
span.businessUnsolded						{ font-weight: normal ; color:black; }
span.businessSolded							{ font-weight: normal ; color:green ; }
span.businessRunning						{ font-weight: normal ; color:black; }
span.businessWaiting						{ font-weight: normal ; color:black; }
span.businessAccepted						{ font-weight: normal ; color:green ; }
span.businessDoing							{ font-weight: normal ; color:green; }
span.businessToInvoice						{ font-weight: normal ; color:green; }
span.businessValidated						{ font-weight: normal ; color:green; }
span.businessCancelled						{ font-weight: normal ; color:red ; }
span.businessRefused						{ font-weight: normal ; color:red ; }
span.businessLinked							{ font-weight: normal ; color:purple ; }
span.businessPaymentUnpaid					{ font-weight: normal ; color:red ; }

span.businessArticleDisplay					{ font-weight: normal ; color:green ; }
span.businessArticleNotDisplay				{ font-weight: normal ; color:red ; }

span.privateAccess							{ color : black; }

span.invoiceUnpaidStatistic					{ color : black; font-size:22px; }
span.invoiceUnpaidMonthStatistic			{ color : black; font-size:14px; }
div.invoiceUnpaidMonthStatistic				{ padding:10px; }

td.cellTabDataFormPublicRequired			{font-weight: bold;}
td.cellTabDataFormPublic					{}



/*
* PROGRESS BAR
*/

.businessProgressbar {
  background-color: #8D8D8D;
  border-radius: 9px; /* (height of inner div) / 2 + padding */
  padding: 1px;
  width: 200px;
  height: 15px;
}

.businessProgressbar div.libelle { position:relative; color: #FFFFFF; text-align:center; top:-15px; left:5px; }

.businessProgressbar div.bar {
   background-color: #FE8F00;
   width: 0%; /* Adjust with JavaScript */
   height: 15px;
   border-radius: 10px;
}

.businessProgressbar div.start {
   background-color: #FB5400;
}

.businessProgressbar div.running {
   background-color: #FE8F00;
}

.businessProgressbar div.finished {
   background-color: #25F547;
}
/*
* WEBMAIL
*/
div.attachment 	   { float:left; cursor:pointer; height: 23px; }
div.attachment div { float:left; }

tr.tableMessage 	{ cursor: pointer }

.messageLinkedDiv				{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.messageLinkedDivHover			{ background-color: #FBFBFB; }
.messageLinkedDelete			{ float:right; }
.messageLinkedContent			{ padding-top:2px; }

.subMenuWebmail ul {
    margin:0;
    padding:0;
    list-style:none;
}

.subMenuWebmail li {
    margin:5px;
    padding:0;
    list-style:none;
}

.subMenuWebmail 
{ 
	position:absolute;
	width:250px; 
	z-index:9999;
	display: none; 
	border: 1px solid #F1F1F1; 
	background-color: #000000; 
	color: #FFFFFF;
	margin-top:3px;
}

.subMenuWebmail a		{ color: #FFFFFF; font-weight: bold; }
.subMenuWebmail a:hover	{ color: #FFFFFF; font-weight: bold; }

.validatedMessage {color:red;}

tr.businessResultCount {height:30px; background-color:#FFFFFF;}

tr.businessResultCount td { border-top:1px solid #000000; border-bottom:1px solid #000000;}
tr.businessResultCount td:first-child { border-left:1px solid #000000;}
tr.businessResultCount td:last-child { border-right:1px solid #000000;}

.rightPanelTitle { margin-bottom: 5px; padding: 2px; text-align: left; color: #fff; background-color: #9A9A9C; }

#calendarTableMonth img, #showCalendarDayContent img, .formulary-add-new img	{ max-height: 15px; }

#param-fieldsets div[id^='fieldset-'] { display: none; }

div .label {
  line-height: 2.5;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-default {
    background-color: #777;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-danger {
    background-color: #d9534f;
}
.label-green {
    background-color: green;
}
#search-engine input[type=text] { width: 80%; height: 32px; background: #F3F2F2; font-size: 13px; }
#search-engine input[type=submit] { height: 38px; width: 37px; font-size: 13px; }

legend.dropdown-button { cursor: pointer; }
img.dropdown-picto { max-height: 0.8em; vertical-align: middle; }
span.dropdown-info { font-size: 11px; color: #0000FF; } 

.counterBox {
	padding: 10px;
	font-size: 18px ;
	/* border: 3px solid #999; 
	width: 20px; 
	padding: 10px;
	color: #333 ;
	font-size: 18px ;
	margin: auto; */
}
.counterBox span { font-size: 18px; }
.counterBoxGreen { color: green; }
.counterBoxRed { color: red; }