@import url('https://fonts.googleapis.com/css?family=Open+Sans');

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

#bgconteneur	{ margin: 0 auto; text-align: center; background-image: url('/tarca/custom/img/kernel/background.gif'); background-repeat: repeat-x; }
#conteneur		{ position: relative; width: 90%; margin: 0 auto; text-align: left; }

#content		{ background-color: #FFFFFF; border-bottom: solid 1px #DDDDDD; }
#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			{  }
#header #authentifiedUser { color: #333333; font-weight: bold; }

#header a:link     	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none }
#header a:visited  	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none }
#header a:active   	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none }
#header a:hover    	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A12020; text-decoration: none }

/*
** Context url
*/
#contextUrl a:link     	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline }
#contextUrl a:visited  	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline }
#contextUrl a:active   	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline }
#contextUrl a:hover    	{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A12020; text-decoration: underline }

/*
** DESIGN -> Logon
*/
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				{  }
td.menu				{ position: relative; z-index: 50; height: 27px; }
td.menu div.menu	{ position: relative; text-align: center; height: 27px; }
td.menu div.menu a	{ position: relative; padding-left: 20px; padding-right: 20px; top: 5px; }
td.menu ul			{ position: absolute; display: none; z-index: 60; margin: 0px; padding: 0px; list-style-type: none; }
td.menu li			{ padding: 5px; padding-right: 30px; white-space: nowrap; }
td.menu li a		{ color: #000000; text-decoration: none; }
td.menu li:hover	{ background-color: #B1B2B4; }
td.menu li:hover a	{ color: #FFFFFF; }

span.menuCornerLeft	{ position: absolute; top: 0px; left: 0px; width: 7px; height: 27px; background-image: url('/tarca/custom/img/kernel/_butCornerLeft.gif'); background-repeat: no-repeat; background-position: left; }
span.menuCornerRight{ position: absolute; top: 0px; right: 0px; width: 7px; height: 27px; background-image: url('/tarca/custom/img/kernel/_butCornerRight.gif'); background-repeat: no-repeat; background-position: right; }

div.menuOffsetIn	{ position: absolute; bottom: 0px; height: 5px; width: 100%; }
div.menuOffsetOut	{ position: absolute; bottom: 0px; height: 5px; width: 100%; display: none; }

ul.menuIn			{ text-align: left; background-color: #EEEDEB; }
ul.menuOut			{ text-align: left; background-color: #EEEDEB; }

a.menuIn:link     { font-size: 11px; color: #333333; font-weight: bold; text-decoration: none }
a.menuIn:visited  { font-size: 11px; color: #333333; font-weight: bold; text-decoration: none }
a.menuIn:active   { font-size: 11px; color: #333333; font-weight: bold; text-decoration: none }
a.menuIn:hover    { font-size: 11px; color: #333333; font-weight: bold; text-decoration: underline }

a.menuOut:link     { font-size: 11px; color: #666666; font-weight: normal; text-decoration: none }
a.menuOut:visited  { font-size: 11px; color: #666666; font-weight: normal; text-decoration: none }
a.menuOut:active   { font-size: 11px; color: #666666; font-weight: normal; text-decoration: none }
a.menuOut:hover    { font-size: 11px; color: #666666; font-weight: normal; text-decoration: underline }

/*
** DESIGN -> Corner
*/
#cornerTopLeft     { position:absolute; top:-1px; left:-1px; width:10px; height:10px; background:url('/tarca/custom/img/kernel/corners.gif') no-repeat top left; }
#cornerTopRight    { position:absolute; top:-1px; right:-1px; width:10px; height:10px; background:url('/tarca/custom/img/kernel/corners.gif') no-repeat top right; }
#cornerBottomLeft  { position:absolute; bottom:-1px; left:-1px; width:10px; height:10px; background:url('/tarca/custom/img/kernel/corners.gif') no-repeat bottom left; }
#cornerBottomRight { position:absolute; bottom:-1px; right:-1px; width:10px; height:10px; background:url('/tarca/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				{ 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				{ background-color: #FFFFFF; padding: 3px; padding-left: 10px; border-bottom: 1px dotted #DDDDDD; text-align: left; }
table.cardDetail td.name		{ background-color: #FFFFFF; font-weight: bold; font-size: 13px; text-align: left; }
table.cardDetail td.none		{ background-color: #FFFFFF; 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.highlightTable	{ border-spacing: 1px; }
table.highlightTable th	{ background-color: #D3D4D6; padding: 1px; border-bottom: 1px dotted #DDDDDD; color: #333333; font-weight: bold; text-align: center; }
table.highlightTable td	{ padding: 1px; padding-left: 10px; border-bottom: 1px dotted #DDDDDD; }

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

/*
** DESIGN -> Search
*/
fieldset.search			{ padding: 5px; border: 1px solid #AAAAAA; background-color: #FDFFC9; -moz-border-radius:5px; border-radius:5px; }
fieldset.searchAdd		{ padding: 5px; border: 1px solid #AAAAAA; background-color: #FDFFC9; -moz-border-radius:5px; border-radius:5px; }
fieldset.searchUpdate	{ padding: 5px; border: 1px solid #AAAAAA; background-color: #D3D4D6; -moz-border-radius:5px; border-radius:5px; }
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: #FEFFEA; 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: 11px; 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('/tarca/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('/tarca/custom/img/event/middle_quick_start_off.gif'); }
							
						
#importStep div.oneStep div.middle div.content 				{ padding-top: 18px; width:160px;} 
#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('/tarca/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('/tarca/custom/img/event/left_quick_start_on.gif'); }

#importStep div.active div.middle { background-image: url('/tarca/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('/tarca/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('/tarca/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('/tarca/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('/tarca/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('/tarca/custom/img/event/left_quick_start_on.gif'); }

#quickStart div.active div.middle { background-image: url('/tarca/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('/tarca/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 -> Statistic
*/
table.tableStatistic { width: 440px; }


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

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

/*
** H1
*/
h1				{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A12020; font-weight: bold }
h2				{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A12020; font-weight: bold }

/*
** P
*/
p				{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
p.title			{ font-size: 11px; color: #A12020; font-weight: bold }
p.bold			{ font-weight: bold }

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

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

/*
** TD
*/
td				{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
td.title		{ font-size: 11px; 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: #FBFBFB; }
tr.even			{ background-color: #F0F0F0; }
tr.before		{ background-color: #FFEAEA; }

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

/*
** LI
*/
li				{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
li.error		{ font-size: 11px; color: #A12020; font-weight: normal }

/*
** DIV
*/
div				{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
div.bold		{ font-weight: bold }
div.title		{ font-size: 11px; 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	{ padding: 1px; border: 1px dashed #D3DBE8; width: 290px; }
div.timestampWithUser	{ padding: 1px; border: 1px dashed #D3DBE8; width: 480px; }

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: #E8FFE8; }
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.colorAdd select 		{ width: 250px; }
div.colorUpdate select 		{ width: 250px; }

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

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; }

#tosContainer		{ }
#toInput			{ }
.toDiv				{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.toDivHover			{ background-color: #FBFBFB; }
.toDelete			{ float:right; }
.toContent			{ padding-top:2px; }


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

/*
** CALENDAR
*/
#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: #FDFFC9; }

div#supportOptions					{ text-align: center ;  margin:0; padding:0; }
div#supportOptionsIn				{ text-align: center ; margin: auto; width: 670px; 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.item		{ padding: 3px; }
span.item_over	{ padding: 2px;	background : #E9F2F8; border: solid #D3DBE8 1px; }
span.errorMessage	{ color: #A12020; font-weight: bold; }
span.footer { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }

/*
** FORMS
*/
input			{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
textarea		{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
select			{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
button			{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }

textarea.contactNoteView  { width: 550px; height: 100px;}
textarea.contactNoteEdit  { width: 550px; height: 100px;}
textarea.manifNoteView  { width: 500px; height: 100px;}
textarea.manifNoteEdit  { width: 500px; height: 100px;}
textarea.groupNoteView  { width: 880px; height: 100px;}
textarea.groupNoteEdit  { width: 880px; height: 100px;}
textarea.eventNoteView  { width: 450px; height: 100px;}
textarea.eventNoteEdit  { width: 450px; height: 100px;}
 
textarea.contactSupportDescriptionView { width: 750px; height: 200px;}
textarea.contactSupportDescriptionEdit { width: 750px; height: 200px;}

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

/*
** A
*/
a:link     		{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:visited  		{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:active   		{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:hover    		{ font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }

a.footer:link     { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }
a.footer:visited  { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }
a.footer:active   { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }
a.footer:hover    { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: underline }

a.menuMarket:link     { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none }
a.menuMarket:visited  { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none }
a.menuMarket:active   { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none }
a.menuMarket:hover    { font-size: 11px; color: #014D99; font-weight: bold; text-decoration: underline }

a.menuKernel:link     { font-size: 11px; color: #000000; text-decoration: none }
a.menuKernel:visited  { font-size: 11px; color: #000000; text-decoration: none }
a.menuKernel:active   { font-size: 11px; color: #000000; text-decoration: none }
a.menuKernel:hover    { font-size: 11px; color: #000000; text-decoration: underline }

a.menuKernelWhite:link     { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelWhite:visited  { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelWhite:active   { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelWhite:hover    { font-size: 11px; color: #FFFFFF; text-decoration: underline }

a.menuKernelOver:link     { font-size: 11px; color: #A12020; text-decoration: none }
a.menuKernelOver:visited  { font-size: 11px; color: #A12020; text-decoration: none }
a.menuKernelOver:active   { font-size: 11px; color: #A12020; text-decoration: none }
a.menuKernelOver:hover    { font-size: 11px; color: #A12020; text-decoration: underline }

a.displayInfo:link     { font-size: 11px; color: #AAAAAA; text-decoration: none }
a.displayInfo:visited  { font-size: 11px; color: #AAAAAA; text-decoration: none }
a.displayInfo:active   { font-size: 11px; color: #AAAAAA; text-decoration: none }
a.displayInfo:hover    { font-size: 11px; color: #AAAAAA; text-decoration: underline }


/**
 * 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: #E2ECFF; 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;
}

/*
* BUSINESS
*/

tr.businessLine.inWeight td {
  border-bottom:5pt solid #FFD4D4;
}

tr.businessLine {}
tr.businessLine.inStock { background-color : #FDFFC9 ;}
td.businessLineSelected { background-color : #FDFFC9 ;}

tr.businessLine.reliquat { background-color : #f1baba;}
 
input.businessLineReference						{ width: 60px; }
input.businessLineOffset						{ width: 25px; }
input.businessLineCustomReference				{ width: 80px; }
input.businessLineProviderReference				{ width: 100px; }
textarea.businessLineLibelle					{ width: 350px; height:120px; }
select.businessLineUnit							{ width: 100px; }
input.businessLineConditioning					{ width: 80px; }
input.businessLineQuantity						{ width: 50px ;}
input.businessLineQuantityOrder					{ width: 50px ;}
select.businessLineTva							{ width: 100px ; }
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.businessLinePriceLineHT					{ width: 80px; color: red ;}
input.businessLinePriceLineTTC					{ width: 80px; color: red ;}
input.amountDeliveryHTProd						{ width: 50px; }
input.nbPacking									{ width: 50px; }
input.weightTotal								{ width: 50px; }
input.businessLinePriceBuyHT					{ width: 50px;}
input.businessLinePriceBuyHTLine				{ width: 80px; color: red ;}
input.businessLineWeightUnit					{ width: 50px; }
input.businessLineWeightLine					{ width: 80px; color: red ;}
input.readonly									{ color: red ;} 

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

div.businessLineDiv {  }
div.businessLineLibelleDiv { 	
	width: 350px; height: 50px; 
	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.businessWebHelp						{ color:orange; font-weight: bold; }
span.businessUnpaid							{ 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.businessIncoming						{ font-weight: normal ; color:red;  font-weight: bold;}
span.businessValidated						{ font-weight: normal ; color:green ; }
span.businessCancelled						{ font-weight: normal ; color:red ;}
span.businessRefused						{ font-weight: normal ; color:red ; }
span.businessAccepted						{ font-weight: normal ; color:green ; }
span.businessLinked							{ font-weight: normal ; color:purple ; }
span.businessPaymentUnpaid					{ font-weight: normal ; color:red ; }
span.businessAccepted						{ font-weight: normal ; color:green ; }
span.businessMaquetteTodo					{ font-weight: normal ; color:red ; }
span.businessMaquetteRedo					{ font-weight: normal ; color:red ; }
span.businessWaitingBat						{ font-weight: normal ; color:black ; }
span.businessWaitingPayment					{ font-weight: normal ; color:orange ; }
span.businessWaitingDeliver					{ font-weight: normal ; color:orange ; }
span.businessWaitingStock					{ font-weight: normal ; color:#A12020 ; }
span.businessToDeliver						{ font-weight: normal ; color:green ; }
span.businessDoing							{ font-weight: normal ; color:teal ; } 
span.businessToInvoice						{ font-weight: normal ; color:red ; }
span.businessWaitingAnswer					{ font-weight: normal ; color:orange ; }
span.businessSent							{ font-weight: normal ; color:orange ; }

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					{}

span.sendSaturday							{ font-weight: bold ; color:red ; }

span.businessLitige							{ font-weight: bold ; color:red ; }

table.businessStatistic td 					{ text-align:right;}

.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;
}

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;}

/* #orderToDeliveryForm { overflow:auto; max-height:60vh; } */
.jqiGreymessage form { overflow:auto; max-height: 60vh; }

.bootstrap-alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.bootstrap-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

option.tvaDisabled {
	background-color: #cccccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn-default {
    color: #333;
    background-color: #eee;
    border-color: #ccc;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #adadad;
}