html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, /*pre,*/ a, abbr, acronym, address, big, cite, /*code,*/ del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, 
/*i,*/ center, dl, dt, dd, /*ol, ul, li,*/ fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html { overflow-y: scroll; }
body { 
    background: #FAFAFA;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 68%;
    line-height: 1;
    color: #585858;
    padding: 1% 1% 55px 1%;
}

::selection { background: #5f74a0; color: #fff; }
::-moz-selection { background: #5f74a0; color: #fff; }
::-webkit-selection { background: #5f74a0; color: #fff; }

br { display: block; line-height: 1.6em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*ol, ul { list-style: none; }*/

input, textarea { 
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

h1 { 
    font-weight: bold;
    font-size: 3em;
    line-height: 1.6em;
    margin-bottom: 10px;
    text-align: left;
}

h2 { 
    font-weight: bold;
    font-size: 2.6em;
    line-height: 1.2em;
    margin-bottom: 10px;
    text-align: left;
}

h3 { 
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1em;
    margin-bottom: 10px;
    text-align: left;
}

h4 { 
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 10px;
    text-align: left;
}

div, li, p, pre {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 10px 0;
}

/** page structure **/
section {
    display: block;
    width: 95%;
    min-width: 800px;
    background: #fff;
    margin: 2em auto;
    padding: 10px 17px;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.35);
}

table {
    /*margin: 0 auto;*/
    font-size: 1.2em;
    margin-bottom: 15px;
}

table thead {
    cursor: pointer;
    background: #c9dff0;
}
table thead tr th { 
    font-weight: bold;
    padding: 4px;
    /*padding: 12px 30px;*/
    /*padding-left: 42px;*/
}
table thead tr th span { 
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

table thead tr th.headerSortUp, table thead tr th.headerSortDown  {
    background: #acc8dd;
}

table tbody tr { 
    /*color: #555;*/
    padding-bottom:10px;
}
table tbody tr td {
    font-family: courier, sans-serif;
    /*text-align: center;*/
    /*padding: 15px 10px;*/
    padding: 4px;
}
table tbody tr td.lalign {
    font-family:arial;
    font-weight: bold;
    text-align: left;
}
.description{
    font-family:arial;
    font-style: italic;
}
.groupe {
    font-family:arial;
    font-weight:bold;
    padding-top:10px;
    background: #EEE;                  
}