* {
    font-family: Arial, Helvetica, sans-serif;
    font-size:inherit; 
    margin:0;
    padding:0;
}

BODY {
    behavior:url("http://extranet.gao-communication.com/lib/csshover.htc");
    font-size: 13px;/*.8em;*/
    padding:10px;
    width:100%;
  }

/* Cas particuliers */
sup { font-size:0.1em; }


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

form, fieldset, table, td{
   font-size: 1em;
   padding:0;
   margin:0;
}

h1 {
  font-size:1.3em;
  text-decoration:underline;
  margin-bottom:10px;
  margin-top:5px;  
}

h2 {
  font-size:1.2em;
  text-decoration:underline;
  margin-bottom:10px;
}

h3 {
  font-size:1.1em;
  text-decoration:underline;
  margin-bottom:10px;
}

/* Liens */

a:link 
{
    color:#008;
    text-decoration:underline;
}

a:active
{
    color:#008;
    text-decoration:underline;
}

a:visited
{
    color:#008;
    text-decoration:underline;
}

a:hover
{
    color:#48F;
    text-decoration:none;    
}

UL {
  list-style:none;
  margin:5px 0 5px 0;
  }

p {
 margin:5px 0 5px 0;  
}
  
/* ************* */

.tdlbl2, .tdlbl3, .tdlbl4 {
  text-align:right;
  font-weight:bold;
  width:110px;
  padding:3px;
}

.tdlbl3 {
  width:120px;
}

.tdlbl2 {
  width:200px;
}

.tddata2, .tddata3, .tddata4 {
  width:150px;
  color:#444;
}

.tddata3 {
  width:200px;
}

.tddata2 {
  width:300px;
}

/* div class fix pour ajuster un div parent au contenu flotant */
.fix{                                                                   
            clear:both;
            font-size:1px;
            width:100%;
            height:1px;
}

/* 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 0px; 
  width:100%;
  }

.formgroup{ 
  border:1px solid #888;
  background:#F8F8F8;
  padding:15px 10px 15px 10px;
 }

.formgroupdoubleline{
  height:5px;
  margin:0;
  font-size:0px;
 }

.formgrouptripleline{
  height:5px;
  padding:0;
  font-size:0px;
 }

.formgroup .form_txtgroup{
  position:absolute;
  z-index:5;
  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;
  color:#000;
}   

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

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

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

select option {
  padding-left:3px;
  padding-right:2px;  
  }
  
textarea{
  font-size:0.9em;
  border:1px #aaa solid;
  color:#444;
  overflow: auto;
  padding:2px;
  }

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

.form_submit {
  padding:0px 10px 0px 10px;
  font-size:0.9em;
  height:1.8em;
}

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

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

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;
}

.printcadre {
  margin:2px 0 3px 0;
  border-bottom:1px #888 solid;
  width:99%;
  padding:0px;
  font-size:0.9em;
}

.printcadre td {
  vertical-align:top;
  padding:2px 1px 2px 1px;
}

.printcadre label {
  width:auto;
  float:none;
  text-align:left;
  margin-right:5px;
}

.formselecteur div {
  background:#F8F8F8;
}

/* 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;
 }

/* Menu 1 */

ul.menu1 {
  display:block;
  width:100%;
  display:table;
}

.menu1 li {
  float:left;
  border:1px solid #CCC;
  padding: 2px 10px 2px 10px;
}


.tableoffre {
   width:100%}

.tableoffre td {
   padding-right:5px;
   font-size:0.9em;
}   

.divtarif {
  width:100%;
  text-align:right;
  margin-right:10px;
  padding-right:10px;
}

.tabledisp {
  width:100%;
  border:1px solid #888;
}

.tabledisp th {
  background:#fff;
  border:1px solid #888;
border-bottom:solid 2px black;
  }

.tabledisp td {
  border:1px solid #888;
  padding:0px;
  margin:0px;
  height:17px;
  line-height:17px;
}

.tabledisp * {
  vertical-align:middle;
}

.tableplanning {
/*  width:4000px; */
  width:3000px; 
}

.tableplanning .td1 {
  width:50px;
  border-right:1px dotted #888;
  text-align:right;
  white-space:nowrap;
  color:#000;
  }

.tableplanning .td2 {
  width:50px;
  border-left:1px dotted #888;
  text-align:right;
  white-space:nowrap;
  color:#000;
    }

.planningdiv {
  width:100%;
  height:100%;
  position:relative;
}

.planningord {
  background:#8bf;
  top:0;
  left:0;
  width:100%;
  position:absolute;
}

.planord {
  background:#8bf;
}

.planningopt1 {
background:#ff5;
  top:0;
  left:0;
  width:100%;
  position:absolute;
}

.planopt1 {
background:#ff5;
}

.planningopt2 {
background:#fc0;
  top:0;
  left:0;
  width:100%;
  position:absolute;
}

.planopt2 {
background:#fc0;
}

.planningopt3 {
background:#F88;
  top:0;
  left:0;
  width:100%;
  position:absolute;
}

.planopt3 {
background:#F88;
}

.planningerr {
background:#F8f;
  top:0;
  left:0;
  width:100%;
  position:absolute;
}

.planerr {
background:#F8f;
}

/* tables */
table.tablesorter {
    font-family:arial;
    background-color: #FFF;
    margin:10px 0 15px 0; 
    font-size: 8pt;
    text-align: left;
}

.tablesorter UL {
list-style:disc;
margin-left:15px;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    font-size: 8pt;
    padding: 4px;
    text-align: center;    
}
table.tablesorter thead tr .header {
    background-image: url(../lib/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #333;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color:#F8F8F8;
}
 
table.tablesorter thead tr .headerSortUp {
    background-image: url(../lib/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../lib/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8bd;
}

table.tablesorter tbody tr.trwarning td {
    background:#fea;
}

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

.checkPays div {
 float:left;
 width:150px;
 /*ext-align:left;*/
}

.checkPays label {
 float:right;
 width:130px;
 text-align:left;
 /*ext-align:left;*/
}

optgroup {
 color:#ada;
}

 .hintstock {
  width:100%;
  height:25px;
  line-height:25px;
  top:0;
  left:0;
  font-size:9px;
  text-align:center;
  position:absolute;
}

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

input:disabled, textarea:disabled {background:#eee;}

.hintoffre {font-size:0.8em; white-space:nowrap;}

#ultra{
    width:1022px;
    margin:0 auto;
    background:white;
padding-top:10px;
}

#extranetHeader{
padding:15px 0 0 0;
background:url(http://extranet.gao-communication.com/lib/bg_topHeaderExtranet.gif) repeat-x;
}

#sitesLogo{
height:150px;
margin:0 0 0 207px;
background:url(http://extranet.gao-communication.com/lib/acces_pro.gif) no-repeat 675px top;
}

#sitesLogo a{
margin:5px;
}

#footerExtranet{
height:40px;
border:solid 1px white;
background:white url(http://extranet.gao-communication.com/lib/gao_communication.gif) no-repeat center top;
}

.MandDisp {
width:1200px;
font-size:12px;
display:table;
}

.MandDisp H1{
font-weight:normal;
font-size:16px;
text-decoration:none;
}

.MandDispin{
width:49%;
float:left;
margin:0;
padding:0 5px;
}