*{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  border-spacing:0;
  border-collapse: collapse;
  vertical-align:baseline;
/*  background:transparent fixed;*/
  background-repeat: no-repeat;
  color: #444;
  font:inherit;
  list-style:none;
  z-index:0;
}
html {height:100%;}
body {
/* behavior:url(/common/img/csshover.htc); hack ie6, à voir */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  width:100%;
  height:100%;
  overflow-y: scroll;
}

/* ie6? pas nécéssaire ??? html { height:100%;} */

/* LINKS */
a:link, a:active, a:visited, a:focus { color:#008; text-decoration:underline; }
a:visited { color:#808; }
a:hover, a:active { color:#00f; text-decoration:none; }

/* DIVERS */
.fix { clear:both; font-size:1px; width:100%; height:1px; }
hr { display:block; height:1px; border-top:1px solid #ccc; margin:1em 0; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
input, select { vertical-align:middle; }
td { vertical-align: top; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
textarea { overflow: auto; }
img { -ms-interpolation-mode: bicubic; display:block; text-indent: -999em; overflow: hidden; }

/* NEW * /
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
a:link { -webkit-tap-highlight-color: #FF5E99; }
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here * /
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here * /
@media screen and (max-device-width: 480px) {
/* le but est de charger des images plus petites car vont de toute façon s'affiche rplus petit
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } * /
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images * /
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables * /
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
*/

/* OLD
* {
    font-size:inherit; 
    margin:0;
    padding:0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    behavior:url(/common/img/csshover.htc);
    font-size: 14px;/*.8em;* /
    width:auto;
    margin:0px;
    padding:10px;
    height:auto; /*100% pb thick, mais need for ie?* /
    background:#fff url(null) fixed;
  }

body, html { margin:0px; padding:0; height:100%;}

img, fieldset, table, td {
    border:0;
    margin:0;
    border-spacing:0;
    border-collapse: collapse;
}

form, fieldset, table, td{
   padding:0;
   margin:0;
}

sup   { font-size:0.1em; }
ul, p { margin:5px 0 10px 0; }
ul    { /* margin-left:15px;*/
        /* list-style:none; * /}
*/
        
li    { margin-top:5px; margin-left:10px;
        /* list-style:none; */}

h1, h2, h3, h4, h5, h6, h7 {
  font-size:1.4em;
  text-decoration:none;
  border-bottom:2px solid #888;
  margin-bottom:10px;
  margin-top:30px;  
}

h2 {
  font-size:1.2em;
  margin-top:20px;  
}

h3, h4, h5, h6, h7 {
  font-size:1em;
  margin-top:10px;  
}

/*************************/  
/********* Hint **********/
/*************************/  
.Hint {
  position:relative;
  }

.Hint:hover {
  z-index:10000;
  }
   
.Hint em, .Hint em:hover{
  text-align:left;
  position: absolute;
  visibility:hidden;
  display: block;
  background: #ffc;
  border: 1px solid #ccc;
  padding: 5px;
  font-weight: normal;
  font-size:.9em;
  top: 20px;
  left: 159px;
  width:210px;
  white-space:normal;
  text-decoration:none;
  color:#000;
  line-height:1.2em;
}

.Hint:hover em{
  visibility:visible;
}

/*************************/
/* Formulaire : obj_form */
/*************************/

.containertable {
  border-collapse: separate;
  border-spacing:10px; 
  width:100%;
  }

.formgroup{ /* nouvelle version auto */
  border:1px solid #888;
  background:#F8F8F8;
  padding:10px 15px 10px 10px;
  margin-top:5px;
  -webkit-border-radius: 5px;    
  -moz-border-radius: 5px;       
  border-radius: 5px;
 }

.formgroup .form_txtgroup{
  position:absolute;
  z-index:10;
  background:#FFF;
  color:#888;
  margin-top:-23px;
  margin-left:5px;
}

.tdl, .tdi, .tdl2, .tdi2 {
  vertical-align:top;
  padding:1px 3px 1px 1px;
  padding-right:4px;
  }

.tdl {
  width:13em;
  padding-right:4px;
  }
  
label {
  font-size:1em;
  float:left;
  width:14em;
  text-align:right;
  font-weight:bold;
  /*white-space: normal;*/
  line-height:1.4em;
}   

.form_text {
  font-size:0.9em;
  color:#060;
  line-height:1.5em;
  margin-right:3px;  
}

.form_input{
  font-size:0.9em;
  border:1px #aaa solid;
  color:#060;
  padding:1px 2px 1px 2px;
}

select {
  font-size:0.85em;
  border:#aaa 1px solid;
  color:#060;
  padding-left:0px;
  }

textarea{
  font-size:0.9em;
  border:1px #aaa solid;
  color:#060;
  overflow: auto;
  padding:2px;
  }

.form_checkbox{
  margin-left:0 !important;
  margin-left:-3px;
  height:1.4em;
  margin-top:2px;
}

.radio {
float:left;
width:320px;
}

.radio label {
 font-weight:normal;
 float:right;
 text-align:left;
 width:300px;
}

.radio input {
  margin-top:3px;
}


.form_submit {
  padding:0px 10px 3px 10px;
  font-size:1em;
}

textarea.err, input.err {
  background:#FEE;
}

span.err {
  color:#F00;
  font-size:0.9em;
  margin-left:3px;
  position:relative;
}

span.ok {
  color:#0A0;
  font-size:0.9em;
  margin-left:3px;
  position:relative;
}

.form_message{
  font-size:0.9em;
  color:#444;
  margin-left:3px;
  top:-1px;
}

.txthtml { color:#888; font-size:.9em; }

/* slide */
div.slidecontainer {
 width:100%;
 position:relative;
 height:2px;
 margin-top:0px;
 border-bottom:1px dashed #888;
 }

div.slidecontainer:hover {
 border-bottom:1px dashed #0069b2;
}
 
div.slide {
 cursor:s-resize;
 width:100%;
 position:absolute;
 height:8px;
 margin-top:-4px;
 z-index:100;
 }
 
div.slideon{
 height:800px;
 margin-top:-400px;
 background:#000;
 filter:alpha(opacity=0);
 -moz-opacity: 0.0;
 opacity: 0.0;
 }

/****************/
/* TABLE SORTER */
/****************/
table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #eeEEEE;
    border: 1px solid #cdcdcd;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(../lib/jquery/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    border: 1px solid #cdcdcd;
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../lib/jquery/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../lib/jquery/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter tbody tr.trselected td {
    background:#ddd;
}


/* Sondages */
.sondage_container {
  width:48%;
  margin:5px;
  float:left;
  -webkit-border-radius: 5px;    
  -moz-border-radius: 5px;       
  border-radius: 5px;
  border:1px solid #ddd;
  font-size:0.9em;
}

.sondage_container h2 {
  font-size:1em;
  background: #eee;
  padding:4px;
  text-decoration:none;
  margin-top:0px;
  border-bottom:1px solid #ddd;
}

.sondage_container p{
  padding:0 5px 0 5px;
  text-align:justify;
  color:#666;
}

.sondage_graph {
  background:#44F;
  height:10px;
  }

.sondage_table {
  width:98%;
  }

.sondage_table .t1{
  width:80%
}

.sondage_table .t2{
  width:45px;
  text-align:left;
  padding-left:5px;
  }

.sondage_table .t3{
  width:100px;
  }
  

.checkleft {float:left;width:200px;margin-left:5px;}
.checkleft label{text-align:left;margin:0; font-weight:normal;float:right;}
.rc{clear:both; width:100%;}
.rc label{width:95%;}

.filetxt {background: url(/common/img/txt.png) left top no-repeat; padding-left:20px; }
.filepdf {background: url(/common/img/pdf.png) left top no-repeat; padding-left:20px; }
.filezip {background: url(/common/img/zip.png) left top no-repeat; padding-left:20px; }
.filemp3 {background: url(/common/img/mp3.png) left top no-repeat; padding-left:20px; }
.fileexe {background: url(/common/img/exe.png) left top no-repeat; padding-left:20px; }
.filecsv {background: url(/common/img/csv.png) left top no-repeat; padding-left:20px; }
.filedoc {background: url(/common/img/doc.png) left top no-repeat; padding-left:20px; }
.filempg {background: url(/common/img/mpg.png) left top no-repeat; padding-left:20px; }
.filewmv {background: url(/common/img/wmv.png) left top no-repeat; padding-left:20px; }
.fileavi {background: url(/common/img/avi.png) left top no-repeat; padding-left:20px; }
.filepsd {background: url(/common/img/psd.png) left top no-repeat; padding-left:20px; }
.filexls {background: url(/common/img/xls.png) left top no-repeat; padding-left:20px; }
.filegif {background: url(/common/img/gif.png) left top no-repeat; padding-left:20px; }
.filepng {background: url(/common/img/png.png) left top no-repeat; padding-left:20px; }
.filejpg {background: url(/common/img/jpg.png) left top no-repeat; padding-left:20px; }
.filejp2 {background: url(/common/img/jp2.png) left top no-repeat; padding-left:20px; }
.fileswf {background: url(/common/img/swf.png) left top no-repeat; padding-left:20px; }

code {
background:#eee;
width:99%;
display:block;
margin:5px 0px 5px 0px;
padding:5px;
}