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

#bgconteneur	{ width: 990px; margin: 0 auto; text-align: center; }
#conteneur		{ position: relative; width: 952px; margin: 0 auto; text-align: left; background-color: #FFFFFF;}

#header			{ background-color: #004588; }
#content		{ padding: 4px; background-color: #FFFFFF; border: solid 1px #DDDDDD; border-top: none; }
#footer			{ text-align: center; padding: 5px; } 

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

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

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

/*
** H1
*/
h1				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #004588; font-weight: bold }
h2				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #004588; font-weight: bold }
h3				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #004588; font-weight: bold }

h1.orderStateWait  		{ color: #004588;  margin: 0; padding: 0;font-size: 11px;}
h1.orderStateSend  		{ color: green; margin: 0; padding: 0; font-size: 11px; }
h1.orderStateCancelled  { color: red; margin: 0; padding: 0; font-size: 11px; }
h1.orderStateDelivery	{ color: #FD8800;  margin: 0; padding: 0;font-size: 11px;}

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

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

/*
** TD
*/
td				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
td.title		{ font-size: 11px; color: #004588; font-weight: bold }
td.bold			{ font-weight: bold }
td.titleTab		{ font-weight: bold; background-color: #004588; color: #FFFFFF; }
td.cellMenu		{ height: 18px; text-align: center; border-right: 1px solid #2F74B7; background-image: url('/ocirp-asso/custom/img/event/_button_back.gif');}
td.cellMenuIn	{ font-weight: bold ; height: 18px; text-align: center; border-right: 1px solid #2F74B7; background-image: url('/ocirp-asso/custom/img/event/_button_back.gif'); }
td.cellMenuOver	{ height: 18px; text-align: center; border-right: 1px solid #6D6464; background-image: url('/ocirp-asso/custom/img/event/_button_back.gif'); }
td.cellMenuSearch	{ height: 16px; text-align: center; color:#FFFFFF;cursor:pointer; background-image: url('/ocirp-asso/custom/img/event/_button_back_search.gif');}
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: #004588; font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabGreen	{ color: #004588; font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.pager		{ color: #999999 }

td.cellTabStatWeek	{ font-weight: bold; color: #004588; 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: #DAF1F9; }
tr.before		{ background-color: #FFEAEA; }
tr.hover		{ background-color: #FDFFC9; }

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

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

/*
** TABLE
*/
/*
** 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; }


/*
** DIV
*/
div				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
div.bold		{ font-weight: bold }
div.title		{ font-size: 11px; color: #004588; font-weight: bold }
div.titleTab	{ padding: 1px; font-weight: bold; background-color: #E2ECFF }
div.legend		{ padding: 5px; border: 1px dotted #D3DBE8; background-color: #FFFFFF; }
div.info		{ padding: 5px; background-color: #D3DBE8; border: 1px dashed #7890BB; zoom:1; }
div.timestamp	{ padding: 1px; border: 1px dashed #D3DBE8; width: 290px; }
div.timestampWithUser	{ padding: 1px; border: 1px dashed #D3DBE8; width: 480px; }
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.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: #004588; font-weight: bold; }

div.menuNav		{ padding: 3px; background-color: #004588; color: #FFFFFF; border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }
div.subMenuDiv	{ position: relative; text-align: left; background-color: #2F74B7; }

div.colorView	{ background-color: #E2FFE2; }
div.colorAdd	{ background-color: #FFE6C8; }
div.colorUpdate	{ background-color: #FFE6C8; }
div.colorDelete	{ background-color: #E6E6E6; }
div.colorCadre	{ background-color: #E2ECFF; padding: 3px }
div.colorCadreGroup { background-color: #FFE6C8; padding: 3px }
div.colorBarre	{ border-bottom: 3px solid #AAAAAA; }
div.colorSearch	{ background-color: #E2ECFF; }
div.colorSearchResult	{  }

div.headerTitle	{ font-weight: bold; background-color: #004588 ;color: #FFFFFF; padding: 1px;}
div.headerTitle a { color: #FFFFFF;}
div.headerTitle a:link { color: #FFFFFF;}
div.headerTitle a:visited { color: #FFFFFF;}
div.headerTitle a:active { color: #FFFFFF;}
div.headerTitle a:hover { color: #FFFFFF;}

div.buttonBackSearch { background-image: url('/ocirp-asso/custom/img/event/_button_back_search.gif'); text-align: center; height:18px; }

div.masterMenu	{ height: 20px; background-color: #FFFFFF; border-top: 2px solid #FFFFFF; } 

fieldset.colorUpdate	{ background-color: #FFE6C8; }
fieldset.colorAdd	{ background-color: #FFE6C8; }
fieldset.searchDelete	{ padding: 5px; border: 1px solid #AAAAAA; background-color: #D3D4D6; -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; }

div.warning		{ padding: 5px; color: #A12020; font-weight: bold; }

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

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.searchContactForManif { position: absolute; top: 95px; right: 6px; }
div.searchManifForContact { position: absolute; top: 95px; right: 6px; }
div.searchContactForGroup { position: absolute; top: 95px; right: 6px; }
div.searchMenu			{ display: none; position: absolute; text-align: left; background-color: #D3D4D6; border: 1px solid #AAAAAA; padding: 5px; width: 150px;}
div.searchMenu div		{ padding: 3px;}


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

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

div.organismeDescription	 { display: none;}
a#hideOrganismeDescription	 { display: none;}

div.placeDescription	 { display: none;}
a#hidePlaceDescription	 { display: none;}
a#hidePlaceDescription	 { color:#FFFFFF;}
a#hidePlaceDescription:link	 { color:#FFFFFF;}
a#hidePlaceDescription:hover	 { color:#FFFFFF;}
a#hidePlaceDescription:active	 { color:#FFFFFF;}
a#hidePlaceDescription:visited	 { color:#FFFFFF;}

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

#functionsContainer			{ }
#functionInput				{ width: 150px; }
.functionDiv				{ display:none; clear:both ; background-color: #DAF1F9; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.functionDivHover			{ background-color: #FBFBFB; }
.functionDelete				{ float:right; }
.functionContent			{ padding-top:2px; }

div.hr				{ border-bottom:1px solid #CCCCCC; margin-top:10px; margin-bottom:15px; }


/*
** CALENDAR
*/
.calendarTable			{ border: 1px solid #CCCCCC; background-color: #E2FFE2; }

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

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

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

.calendarToEnlargeTodayDay							{ text-align: center; color: #FFFFFF; background-color: #004588; 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: #004588; padding:3px; padding-top:0px;   }

#showCalendarDayContent { border: 1px solid #CCCCCC ; display: none;position: absolute; background-color: #A0D0FF; 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 }

div#calendarOptions					{ text-align: center ; margin-top:15px; }
table#calendarOptionsTable			{ text-align: left ; margin: auto; width: 700px; border:1px solid #CCCCCC; }

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

div#assistanteTable					{ display: none;}

/*
** 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: #004588; font-weight: bold; }
span.netapayerPrix { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #004588; font-weight: bold; font-style:italic; }
span.whiteBold	{ font-weight: normal; color: #FFFFFF; }

/*
** FORMS
*/
input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
select			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
select			{ width: 200px; }

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: 770px; height: 100px;}
textarea.groupNoteEdit  { width: 770px; height: 100px;}
textarea.eventNoteView  { width: 450px; height: 100px;}
textarea.eventNoteEdit  { width: 450px; height: 100px;}
textarea.descriptionContactGroupView { width: 300px; height: 100px;}
textarea.descriptionContactGroupEdit { width: 300px; height: 100px;}

textarea.orderNoteView  { width: 500px; height: 100px;}
textarea.orderNoteEdit  { width: 500px; height: 100px;}

 
textarea.contactSupportDescriptionView { width: 750px; height: 200px;}
textarea.contactSupportDescriptionEdit { width: 750px; height: 200px;}

input.inputTextWidth	{ width: 280px; }

/*
** A
*/
a:link     		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:visited  		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:active   		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:hover    		{ font-family: 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: #FFFFFF; text-decoration: none }
a.menuKernelOver:visited  { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelOver:active   { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelOver:hover    { font-size: 11px; color: #FFFFFF; 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 }

a.menuKernelSearch:link     { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelSearch:visited  { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelSearch:active   { font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuKernelSearch:hover    { font-size: 11px; color: #FFFFFF; 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
 */
legend			{ font-weight: bold; color: #000000; }
fieldset		{ padding: 5px; background-color: #E2FFE2 }
.colorStat		{ background-color: #E2ECFF; padding: 3px }

.bgTitle { background-color: #6D6464; }
.tabOnglet { color: #004588 ; 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; }

#contactEventContainer		{ padding-top: 5px; width:710px}
#alertToManyContactEvent 	{ display: none ; padding-top: 5px; padding-bottom: 5px; }
.contactEvent				{ clear:both ; background-color: #E2FFE2; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.contactEventHover			{ background-color: #FBFBFB; }
.contactEventDelete			{ float:right; }
.contactEventContent		{ padding-top:2px; }
.contactEventLegend			{ font-weight: bold; }