/* This is the css file of the default skin with comments for the individual formats */


body, li { font-size: 8pt; font-family: Trebuchet MS, Arial, helvetica, sans-serif; text-decoration:none; background-color:#FFFFFF }
a { font-size: 8pt;  text-decoration:none; color:#222222 }
a:visited { color: #444444; }
td { font-size: 8pt;  text-decoration:none; vertical-align:top; }
.tdmid { font-size: 8pt;  text-decoration:none; vertical-align:middle; }
td.casesel { font-size: 8pt;  text-decoration:none; vertical-align:middle;background-color:#BDDEAC; border-top:1px solid #3E5989; border-bottom:1px solid #3E5989; }
td.casenotsel { font-size: 8pt;  text-decoration:none; vertical-align:middle;background-color:#0E192B; border-top:1px solid #3E5989; border-bottom:1px solid #3E5989; }
td.casenotsel:hover { font-size: 8pt;  text-decoration:none; vertical-align:middle;background-color:#BDDEAC;border-top:1px solid #3E5989; border-bottom:1px solid #3E5989;  }
/* the next styles are meant for forms */
form { margin:0; padding:0;}
input, textarea { background-color: #F5F5F5; font-size: 8pt; border-style: solid; border-width:1px;}
select {  background-color: #F5F5F5; font-size: 8pt; }

/* Essai YB */
.tableshowarticle {
	border:1px solid #3E5989;
}
.tablelistcat {
	border:1px solid #3E5989;
}
.tablelistart {
	border:1px solid #3E5989;
}
.tablelistallart {
	border:1px solid #3E5989;
}
.topmenutable
{
	border-style:none;
	border-collapse:collapse;
	background-color:#ACBDDE;
	width:97%;
}
.tableheader {
	border-style:none;
	border-collapse:collapse;
	background-color:#FFFFFF;
	width:97%;
}
.menutable {  border:1px solid #3E5989; background-color:#ACBDDE; width:100%; }

.tabledot
{
	width : 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333333;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #333333;

}


/* Main menu settings for selected / not selected tabs */
a.notselected, a.notselected:link, a.notselected:visited, a.notselected:hover, a.notselected:active { font-size: 8pt;  color:#DEDEDE; font-weight: bold; text-align: center; text-decoration:none; }
.topmenuoff { background-color:#3E5989;}

a.selected, a.selected:link, a.selected:visited, a.selected:hover, a.selected:active { font-size: 8pt;  color: #3E5989; font-weight: bold; text-align: center; text-decoration:none; }
.topmenuon { background-color:#BDDEAC; }
/* calendar module */
/* used for the year view in the calendar */
#small {font-size: 8pt;}
/* used to mark the inactive days of the previous and next month in the month box of the calendar */
#vn { color:silver; }
/* Headline of the calendar datepicker */
#cal { background-color: #666666; color: #cccccc; font-weight: bold; text-align: right; }

/* Module related submenu */
/* l = low : not selected */
#ml { background-color: #3E5989; color: #CCCCCC; font-weight: bold; text-align: center; }
/* h = highlight : selected */
#mh { background-color: #BDDEAC; color: #474747; font-weight: bold; text-align: center; }

/* styles used in several modules */
/* moves content of a table cell to the right = align=right */
#ri { text-align: right; }
/* special style for the default submit icon so it appears transparent */

/* used in the help files */
#normal { font-size: 10pt; }

.tablestandard {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
}
.titlestyle {
	background-color:#C2D1EB;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top:1px solid #AAAAAA;
	text-align:center;
	font-style: italic;
}
.linestyle {
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
.speciallinkstyle {
	color:#000066;
} 
.tablestandard {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
}
.tablefull {
	border: 1px solid #333333;
}
.titlestyle {
	background-image:url('../img/fond-tableau-relief.gif');
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top:1px solid #AAAAAA;
	text-align:center;
	font-style: italic;
}
.linestyle {
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

.stylebutton
{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:1px;
	text-transform:capitalize;
	margin:2px 2px 2px 2px;
}
.tablestandard {
	width:90%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
}
.titlestyle {
	background-color:#C2D1EB; 
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top:1px solid #AAAAAA;
	text-align:center;
	font-style: italic;
}
.linestyle {
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
.speciallinkstyle {
	color:#000066;
} 

.selectedtab {
	border-bottom:1px solid #8B8B8B;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:center;
	vertical-align:bottom;
	
	background-color:#ACBDDE;
}
.unselectedtab {
	border-bottom:1px solid #8B8B8B;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:center;
	vertical-align:bottom;
	
	background-color:#C2D1EB;
}
.tabspacer {
	border-bottom:1px solid #8B8B8B;
	padding:0px;
	text-align:center;
	
	vertical-align:bottom;
}

.lightborder {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	text-align:center;
}
.lightbordersummary {


	text-align:center;
}

.lightborderfin {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	text-align:center;
	
}

.lightbordercolor {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	text-align:center;
	
	text-align:center;
	background-color:#BDDEAC;
	text-transform:capitalize;
}
.lightbordercolornp {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:0px;
	text-align:center;
	
	text-align:center;
	background-color:#BDDEAC;
	text-transform:capitalize;
}

.lightbordercolortext {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:left;
	background-color:#BDDEAC;
	text-transform:capitalize;
}

.lightbordercolorlight {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	text-align:center;
	
	background-color:#C2D1EB;
}
.lightbordertext {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:left;
}

.lightbordercolorlighttext {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	text-align:left;
	
	background-color:#C2D1EB;
}
.lightbordertextfin {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	
	text-align:left;
	text-indent:5px;
}

.lightbordertextwhite {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:left;
	background-color:#FFFFFF;
}


.lightborderwhite {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	text-align:center;
	
	text-align:center;
	background-color:#FFFFFF;
}

.lightborderheader {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:4px;
	text-align:center;
	
	text-align:center;
	vertical-align:middle;
	background-color:#ACBDDE;
}

.lightborderheaderfin {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:0px;
	text-align:center;
	
	text-align:center;
	vertical-align:middle;
	background-color:#ACBDDE;
}

.framestyle { 

	margin-bottom:5px;
	background-color:#ACBDDE;
	border:1px solid #0E192B;
	width:95%;
	text-align:center;
}

.framestyleHH { 
	
	margin-bottom:5px;
	background-color:#ACBDDE;
	border:1px solid #0E192B;
	width:95%;
	text-align:center;
}

.framestyleHH td {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:left;
	vertical-align:middle;
	background-color:#BDDEAC;
}

.framestyleH { 
	
	margin-bottom:5px;
	background-color:#ACBDDE;

	border:1px solid #0E192B;
	width:95%;
	text-align:center;
}

.framestyleH td {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:left;

}

.framestyleH ul,.framestyleH li
{
	background-color:#ACBDDE;
}
.framestyleHZero { 
	
	margin-bottom:5px;
	background-color:#ACBDDE;
	border:1px solid #0E192B;
	text-align:center;
}

.framestyleHZero td {
	border-bottom:1px solid #8B8B8B;
	border-top:1px solid #E5E5E5;
	padding:2px;
	
	text-align:left;

}


.framestylefull { 
	
	margin-bottom:5px;
	background-color:#ACBDDE;
	border:1px solid #0E192B;
	width:100%;
	text-align:center;
}
.framestylezero { 
	
	margin-bottom:5px;
	background-color:#ACBDDE;
	border:1px solid #0E192B;
	text-align:center;
}
.submenu {
	border:1px solid #0E192B;
	margin-bottom:5px;
}
.divpopup {
	background-color:#BDDEAC;
	border:1px solid #0E192B;
}

.speciallinkstyle
{
	border:1px solid #333333;
	background-color:#FFFFFF;
	padding:2px;
}


#summary {
	border-bottom:0px solid #ACBDDE;
	padding:2px;
	text-align:center;
 }
.roundbox { padding:2px; }
.summarysidemenu { background-color:#FFFFFF; border:3px solid #FFFFFF; }
.summarytable { padding:2px; }

.mod_frame {
/* background-color:#ACBDDE; */
 
	margin-bottom:5px;
	background-color:#ACBDDE;
	width:95%;
	text-align:center;

 }
.mod_title { background-color:#BDDEAC; text-indent:10px; margin-bottom:6px; border-bottom:3px solid #ACBDDE; text-align:center;}
.mod_textcontent { background-color:#FFFFFF; margin-bottom:5px; width:95%; text-align:left;}
#tr { border-style:none; background-color:transparent;}
/* .boxstyle { border:1px solid #8A8A8A;background-color:#ACBDDE;width=100%; } */




/* Chat Template from here */

#chatheader {
	padding:10px;
	background:url(images/head.png) repeat-x left bottom;
	padding-bottom: 20px;
}

#credit {
	float:right;
	color:#567B9B;
	line-height: 130%;
	background:url(images/logo.png) no-repeat left top;
	padding-left:85px;
	height: 100px;
}

#credit h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin:0px;
	padding:0px;
	margin-bottom:0.3em;
}

#credit p {
	margin:0px;
	padding:0px;
	font-weight: normal;
	line-height: 100%;
}

#credit a, #credit a:visited  {
	color:#567B9B;
}

input {
	margin-right: 8px;
}

h2 {
	font-size: 1.5em;
	color: #222233;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	color: #222233;
	font-weight: bold;
}

h4 {
	font-size: 1.1em;
	color: #222233;
	font-weight: bold;
}

#description p {
	color: #DDE2F2;
	font-size: 1em;
	margin:0.5em 0px 0.5em 0px;
}

#description a, #description a:hover, #description a:visited {
	color: #FFF;
}

#description a:hover {
	color: #F0F2CA;
}

#chatoutput ul {
	list-style: none;
	margin:0px;
	padding:0px;
	padding:8px 10px 15px 8px;
}

#chatoutput ul li {
	background:#8CB4D7 url(images/liback.png) repeat-x bottom;
	padding:8px 12px 12px 12px;
	font-weight: bold;
	margin:0px;
	color:#FFF;
	line-height: 150%;
	margin-bottom:8px;
}

#chatoutput ul li span.name {
	display: block;
	background:url(images/bubble.png) no-repeat left;
	padding-left:19px;
	font-weight: normal;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #DFE5EB;
}

#chatoutput ul li:hover span.name {
	color: #FFF;
	background:url(images/bubblehover.png) no-repeat left;
}

form {
	padding:0px;
	margin:5px;
}

label {
	color: #567B9B;
	display: block;
	margin-top:7px;
	margin-bottom: 3px;
	font-weight: bold;
}

#chatoutput {
	text-align: left;
	margin-right: 00px;
}

#description {
	float: right;
	width: 235px;
	padding-right: 10px;
	padding-left: 5px;
	color: #DDE2F2;
	line-height: 130%;
}

#description ul {
	margin:0px;
	padding:0px;
	padding-left: 1.5em;
}

#description ul li {
	margin-bottom: 0.4em;
}


/* End chat template */

.calcontrol_select
{
	width:90px;
}
.calcontrol_combobox
{
	width:90px;
}
.calcontrol_combobox_year
{
	width:60px;
}
.calcontrol_combobox_month
{
	width:60px;
}
.calcontrol_combobox_project
{
	width:160px;
}
.km_cattitle
{
	font-size:16px;
	font-weight:bold;
}
.km_catsubtitle
{
	font-style:italic;
}
.km_catframe
{
	background-color:#BDDEBB;
	width:75%;
	text-align:left;
}