/* Import de lightbox */
/*@import url("lightbox.css.jsp") ;*/
@import url("thickbox.css.jsp") ;

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

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

#header			{ }
#header #authentifiedUser { color: #333333; font-weight: bold; }
#content		{ padding: 10px; border-bottom: solid 1px #DDDDDD; }
#footer			{ text-align: center; padding: 5px; } 

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

/*
** 
** Default Police ============================================================================================
**
*/

/*
** 
** Default Police ============================================================================================
**
*/

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

/*
** H1
*/
h1				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #A12020; font-weight: bold }
h1.assoRubric	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #A12020; display: inline; font-weight: bold }
h2				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #A12020; font-weight: bold }
h1.titleBack	{ margin: 3px; }

/*
** P
*/
p				{ font-family: Arial, Verdana, 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 }

/*
** TD
*/

td				{ font-family: Arial, Verdana, 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		{ font-weight: bold; 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	{ font-weight: bold; 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.cellTabBold	{ font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabIn	{ font-weight: bold; background-color: #E1FADE; border-bottom: 1px solid #DDDDDD }
td.pager		{ color: #999999 }

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

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.cardDefault th			{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #333333; font-weight: normal; text-align: right; }
table.cardDefault th.required	{ background-color: #EEEEEE; padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #000000; font-weight: bold; text-align: right; }
table.cardDefault td			{ padding: 3px; padding-left: 10px; border-bottom: 1px dotted #DDDDDD; text-align: left; }
table.cardDefault td.none		{ border-bottom: 0px; }

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


/*
** TR
*/
tr.odd			{ background-color: #FBFBFB; }
tr.even			{ background-color: #F0F0F0; }
tr.before		{ background-color: #FFEBCE; }
tr.over			{ background-color: #FDFFC9 !important ; }

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

/*
** LI
*/
li				{ font-family: Arial, Verdana, 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: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
div.bold		{ font-weight: bold }
div.title		{ font-size: 12px; 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.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.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; }

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

fieldset.info			{ padding: 5px; border: 1px solid #AAAAAA; background-color: #FDFFC9; -moz-border-radius:5px; border-radius:5px; }
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; }
fieldset.content		{ padding: 5px; border: 1px dotted #D3DBE8; -moz-border-radius:5px; border-radius:5px; }
fieldset.content legend	{ padding: 5px; color: #999999; font-size: 14px; }

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

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


/*
** SPAN
*/
p.bold			{ font-weight: bold }
span.item		{ padding: 3px; }
span.item_over	{ padding: 2px;	background : #E9F2F8; border: solid #D3DBE8 1px; }
span.errorMessage	{ color: #A12020; font-weight: bold; }

span.pagePublished		{ color: #008000; }
span.pageUnpublished	{ color: #FE0045; }
span.pageDraft			{ color: #E96F00; }

span.publishComment		{ color: #000000; font-weight: normal; }
span.publishAccepted	{ color: #008000; font-weight: normal; }
span.publishRefused		{ color: #FE0045; font-weight: normal; }
span.publishAsked		{ color: #E96F00; font-weight: normal; }
span.publishCancel		{ color: #FE0045; font-weight: normal; }

span.contentHidden		{ color: #E96F00; font-style: italic; }
span.contentCategory	{ background-color: #dcedad; color: #666666; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; }

/*
** HR
*/
hr				{ border: 0px; border-bottom: 1px solid #999999; height: 1px; }

/*
** IMG
*/
img				{ border: 0px; }

/*
** FORMS
*/
input					{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; }
input[type=text]		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #AAAAAA; }
input[type=password]	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #AAAAAA; }
textarea				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #AAAAAA; }
select					{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #AAAAAA; }

div.colorSearch	input[type=text]	{ width: 250px; }
div.colorAdd 	input[type=text]	{ width: 250px; }
div.colorUpdate input[type=text]	{ width: 250px; }
div.colorSearch	select				{ width: 250px; }
div.colorAdd 	select				{ width: 250px; }
div.colorUpdate select				{ width: 250px; }
div.colorAdd 	textarea			{ width: 250px; }
div.colorUpdate textarea			{ width: 250px; }
 
/*
** A
*/
a:link     		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:visited  		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:active   		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }
a:hover    		{ font-family: Arial, Verdana, 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 }

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

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

.tabOnglet { color: #A12020 ; font-weight: bold; }

/*
 *	LEGEND
 */

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-image: url('/ogmyos/custom/img/ebiz/back/_img_search_background.gif'); background-repeat: no-repeat; background-position: bottom right; }

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

/*
 *	LEGEND
 */

fieldset		{ padding: 5px; border: 1px solid #AAAAAA; -moz-border-radius:5px; border-radius:5px; }
legend			{ font-weight: bold; color: #000000; }

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

/*
* ORDER
*/
.notexpediee	{ font-weight: bold; color: red;}
.expediee		{font-weight: bold; color: green;}
.paid			{ font-weight: bold; color: green;}
.unpaid			{font-weight: bold; color: red;}

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

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


/*
** 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('/ogmyos/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('/ogmyos/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 -> Color preview
*/
span.colorPreview	{ padding: 3px; }

/*
* CATEGORY
*/
.categoryNotDisplay { background-color: #A0A0A0; color: #FFFFFF; }

/*
* ARTILCE
*/
.articleNotDisplay { background-color: #A0A0A0; color: #FFFFFF; }

.proposedItem span	{ padding: 3px; background-color: #FEFFEA; border: 1px solid #AAAAAA; color: #333333; }
.proposedItem img	{ position: relative; top: 3px; }

img.flag_lang			{ width:20px; height:15px; margin-left:3px; padding: 2px; }
/*
* SUGGESTION
*/
.businessArticleLinkedDiv				{ display:none; clear:both ; background-color: #FFFFCC; border: 1px solid #CCCCCC; margin-bottom:1px; padding:2px; }
.businessArticleLinkedDivHover			{ background-color: #FBFBFB; }
.businessArticleLinkedDelete			{ float:right; }
.businessArticleLinkedContent			{ padding-top:2px; }