/*
 * CSS Reset
 */

html, body, div, span, applet, object, iframe,
h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

h1{
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2{
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

blockquote, q
{
    quotes: none;
}

label{
    display: block;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

img{
  vertical-align: middle;
  border: 0;
}

img.percentImage {
   background: white url('imgs/percentImage_back.png') top left no-repeat;
   padding: 0;
   margin: 5px 0 0 0;
   background-position: 1px 0;
   vertical-align: baseline;

}

/*
 * CSS Style
 */

body
{
    background: url('imgs/background.gif') repeat top left;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #000;
    min-height:100%;
}

html{
  height:100%;
}

#page
{
    width: 800px;
    margin: 15px auto;
    padding: 0;
}

#header
{
    width: inherit;
    height: 89px;
    margin: 0;
    padding: inherit;
}

/*
 * Liens
 */

a, a:link, a:visited
{
    text-decoration: none;
    cursor: pointer;
}

a:hover
{
    text-decoration: underline;
}

a.ovalbuttongrey
{
    background: transparent url('imgs/oval-gray-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 10px Tahoma;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px;
    padding-left: 11px;
    text-decoration: none;
}

a:link.ovalbuttongrey, a:visited.ovalbuttongrey, a:active.ovalbuttongrey
{
    color: #494949; /*button text color*/
}

a.ovalbuttongrey span
{
    background: transparent url('imgs/oval-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/* Hover state CSS */
a.ovalbuttongrey:hover
{
    background-position: bottom left;
}

/* Hover state CSS */
a.ovalbuttongrey:hover span
{
    background-position: bottom right;
    color: black;
}

a.ovalbuttonred
{
    background: transparent url('imgs/oval-red-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 10px Tahoma;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px;
    padding-left: 11px;
    text-decoration: none;
}

a:link.ovalbuttonred, a:visited.ovalbuttonred, a:active.ovalbuttonred
{
    color: #494949; /*button text color*/
}

a.ovalbuttonred span
{
    background: transparent url('imgs/oval-red-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/* Hover state CSS */
a.ovalbuttonred:hover
{
    background-position: bottom left;
}

/* Hover state CSS */
a.ovalbuttonred:hover span
{
    background-position: bottom right;
    color: black;
}

a.ovalbuttongreen
{
    background: transparent url('imgs/oval-green-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 10px Tahoma;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px;
    padding-left: 11px;
    text-decoration: none;
}

a:link.ovalbuttongreen, a:visited.ovalbuttongreen, a:active.ovalbuttongreen
{
    color: #494949; /*button text color*/
}

a.ovalbuttongreen span
{
    background: transparent url('imgs/oval-green-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/* Hover state CSS */
a.ovalbuttongreen:hover
{
    background-position: bottom left;
}

/* Hover state CSS */
a.ovalbuttongreen:hover span
{
    background-position: bottom right;
    color: black;
}

/* Container you can use to surround a CSS button to clear float */
.buttonwrapper
{
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
    text-align: center;
}

/*
 * Structure du menu
 */

#menu
{
    background: url('imgs/menu_background.png') no-repeat top left;
    width: 800px;
    height: 36px;
    text-align: center;
    margin: 0 0 15px 0;
    padding:0;
}

ul.nav
{
    margin: 0;
    margin-top: expression('7');
    padding: 0;
}

ul.nav li
{
    display: inline;
    padding:8px 0 15px 0;
    padding-top: expression('0');
    padding-bottom: expression('0');
    margin:0;
}

ul.nav li a
{
    line-height: 30px;
    height: 30px;
    padding:8px 0 15px 0;
    padding-top: expression('0');
    padding-bottom: expression('0');
    margin: 0 -3px 0 0;
}

ul.nav li span
{
    background: url('imgs/menu_separateur.png') no-repeat top right;
    line-height: 30px;
    height: 30px;
    padding: 8px 10px 12px 10px;
    margin:0;
}

ul.nav li span.last_menu
{
    background: none;
}

.nav a, .nav a:link, .nav a:visited, .nav a:hover
{
    color: #525252;
    text-decoration: none;
    font-weight: bold;
}

/* Etat survol */
ul.nav li:hover
{
    background: url('imgs/menu_hover.png') no-repeat top left;
}

ul.nav li:hover span
{
    background: url('imgs/menu_separateur_right.png') no-repeat top right;
}

ul.nav li:hover a
{
    background: url('imgs/menu_separateur_left.png') no-repeat top left;
}

/* Etat selectionne */
ul.nav li.active
{
    background: url('imgs/menu_selected.png') no-repeat top center;
}

ul.nav li.active span
{
    background: url('imgs/menu_separateur_right.png') no-repeat top right;
}

ul.nav li.active a
{

    background: url('imgs/menu_separateur_left.png') no-repeat top left;
}

/*
 * Block principal
 */

#wait
{
    text-align: center;
    height: 20px;
}

#main_top
{
    width: inherit;
    height: 31px;
    line-height: 31px;
    background: url('imgs/main_top.png') no-repeat top left;
    margin: 0 0 0 0;
    padding: inherit;
}

select
{
    height: 17px;
    width: 150px;
    font-size: 11px;
    border:1px solid #8e8d92;
    background: url(imgs/input_background.jpg) repeat-x top left;
}

input
{
    height: 15px;
    width: 150px;
    vertical-align: middle;
    font-size: 11px;
    border:1px solid #8e8d92;
    background: url(imgs/input_background.jpg) repeat-x top left;
}

textarea
{
    font-size: 11px;
    border:1px solid #8e8d92;
    background: url(imgs/input_background.jpg) repeat-x top left;
}

#main
{
    width: 798px;
    background: url('imgs/main_background.gif') repeat-y top left;
    margin: 0;
    padding: 1px;
}

#main_bottom
{
    width: inherit;
    height: 25px;
    background: url('imgs/main_bottom.png') no-repeat top left;
    margin: 0;
    padding: inherit;
}

.clear
{
    clear: both;
    width: 100%;
    height: 0;
}

/*
 * Footer
 */

#footer
{
    margin:5px auto;
    width: inherit;
    text-align: center;
    color: #666;
}

.noclass{
    background: none;
    border: none;
    width: 15px;
}

.fields .noclass{
    background: none;
    border: none;
    width: 15px;
}

 .fields
{

}

.fields label
{
    display: block;
    text-align: right;
    padding: 0;
    margin: 5px 0 5px 0;
}

.fields input, .fields select
{
    background: url(imgs/input_background.jpg) repeat-x top left;
    height: 16px;
    width: 250px;
    line-height: 20px;
    border: 1px solid #447799;
}

.fields textarea
{
    background: url(imgs/input_background.jpg) repeat-x top left;
    height: 103px;
    width: 250px;
    border: 1px solid #447799;
    vertical-align: top;
}

#tableauStats .clair {
	background-color: #eee;
}
#tableauStats {
	border:1px solid black;

}
#tableauStats td, th {
	border-left:1px solid black;
}