/*
    Document   : reset
    Created on : Jul 3, 2012, 12:02:02 PM
    Author     : cc
    Description:
        Purpose of the stylesheet follows.
*/

.bar, .progression{
width:50px;
display: block;
height: 10px;

}

.bar{
background-color: white;
margin: 1px 1px 0px 1px;
border : solid 1px #158bc8;
}

.progression{
background-color: #158bc8;
}

.precent{
color: white;
display: block;
text-align: center;
}


/* Breadcrumb */
#breadcrumb {
	box-shadow: 0 0 1px #ffffff;
	padding-top: 3px;
}
#breadcrumb a {
	padding: 8px 20px 8px 10px;
	display: inline-block;
	background-image: url('/public/images/breadcrumb.png');
	background-position: center right;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #666666;
}
#breadcrumb a:hover {
	color: #333333;
}
#breadcrumb a:last-child {
	background-image:none;
}
#breadcrumb a.current {
	font-weight: bold;
	color: #444444;
}
#breadcrumb a i {
	margin-right: 5px;
	opacity: .6;
}
#breadcrumb a:hover i {
	margin-right: 5px;
	opacity: .8;
}


/* Bidouillage d'apparence */
.ui-tabs-panel.ui-widget-content.ui-corner-bottom{
overflow:auto;
}


sub {
vertical-align:text-bottom;
font-size: .7em;
line-height: .8em;
}


table a {
font-weight:bold;
}

#header, #footer, #content{
    border:1px solid #ddd;
    padding:10px;
    margin-bottom:5px;
}

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

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


/* Tableau */


table.tablesorter {
	table-layout: fixed;
        border: 1px solid #CDCDCD;
	border-radius:5px;
	border-spacing:0;
	font-family:arial;
	background-color: #CDCDCD;
	margin:0px 0pt 0px;
	font-size: 8pt;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    text-align:center;
	background-color: #EBEBEB;
	border: 1px solid #CDCDCD;
	font-size: 8pt;
	padding: 4px;
	padding-right:20px;
	max-width:800px;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	white-space: normal;
	/* UI hover and active states make the font normal and the table resizes, this fixes it */
	font-weight: bold !important;
}

table.tablesorter .header,
table.tablesorter .tablesorter-header {
	/* black double arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	/* white double arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	/* image */
	/* background-image: url(black-bg.gif); */
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 20px 4px 4px;
	cursor: pointer;
}
table.tablesorter .header:hover,
table.tablesorter .tablesorter-header:hover {
	/* black double arrow */

	/* white double arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	/* image */
	/* background-image: url(black-bg.gif); */
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 20px 4px 4px;
	cursor: pointer;
	background-color: #d9d9d9;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	border: 1px solid #CDCDCD;
}

table.tablesorter th.headerSortUp,
table.tablesorter th.tablesorter-headerSortUp {
	background-color: #d9d9d9;
	/* black asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	/* white asc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
	/* image */
	/* background-image: url(black-asc.gif); */
}



table.tablesorter th.headerSortDown,
table.tablesorter th.tablesorter-headerSortDown {
	background-color: #d9d9d9;
	/* black desc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	/* white desc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
	/* image */
	/* background-image: url(black-desc.gif); */
}
/* used to hide a tbody while rebuilding to speed it up */
table.tablesorter .tablesorter-hidden {
	display: none;
}

/* Zebra Widget - row alternating colors */
table.tablesorter tr.odd td {
	background-color: #EBEBEB;
}
table.tablesorter tr.even td {
	background-color: #fff;
}

/* Column Widget - column sort colors */
.tablesorter td.primary,
.tablesorter tr.odd td.primary {
	background-color: #99b3e6;
}
.tablesorter tr.even td.primary {
	background-color: #c2d1f0;
}

.tablesorter td.secondary,
.tablesorter tr.odd td.secondary {
	background-color: #c2d1f0;
}
.tablesorter tr.even td.secondary {
	background-color: #d6e0f5;
}

.tablesorter td.tertiary,
.tablesorter tr.odd td.tertiary {
	background-color: #d6e0f5;
}
.tablesorter tr.even td.tertiary {
	background-color: #ebf0fa;
}

/* hovered row colors */
table.tablesorter tbody tr:hover td,
table.tablesorter tbody tr.even:hover td {
	background: #F7F7F7;
}
table.tablesorter tbody tr.odd:hover td {
	background: #bfbfbf;
}




/* filter widget */
table.tablesorter input.tablesorter-filter,
table.tablesorter select.tablesorter-filter {
	width: 95%;
	height: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.tablesorter tr.tablesorter-filter,
table.tablesorter tr.tablesorter-filter td {
	text-align: center;
	background: #fff;
}
/* optional disabled input styling */
table.tablesorter input.tablesorter-filter.disabled,
table.tablesorter select.tablesorter-filter.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* Graphique */

#placeholder
{
position:relative;
margin:20px 5px;
font-size: smaller;
width:100%

}

#serie {
font-size:smaller;
position:absolute;
max-width:240px;
overflow:auto;
top:320px;
left:550px;
}

#overview .yAxis.y1Axis {
display:none;
}


.tickLabel
{

font-size: 0.78em;
text-transform:none;
letter-spacing: -0.5px;
}

.yAxis.y1Axis *
{
margin-right:16px;
margin-top:-8px;
}

/* Header de détails */

#header_detail {
margin-top:10px;
margin-bottom:-10px;
width:600px;
margin-left:auto;
margin-right:auto;
text-align:center;
color:white;
white-space:nowrap;
font:13px/27px Arial,sans-serif;
display:block;
list-style-type: none outside none;
}