body{
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-size: 8pt; font-style: normal; 
  line-height: normal; 
  color: #663300; 
  background-color: #FFF8DC;
  background-image: none;
}

table {
  background-color: #FFF8DC;
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-size: 8pt; 
  font-weight: bold;
  color: #000000;
}
input{ 
  font-size: 8pt; 
  color: #663300; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal; 
  text-align: left
  }
td {
 font-family: Geneva, Arial, Helvetica, san-serif; 
 font-size: 8pt;
 font-weight: bold; 
 color: #0F088F;
 }
th {
 font-family: Geneva, Arial, Helvetica, san-serif; 
 font-size: 8pt;
 font-weight: bold; 
 color: #0F088F;
 }
.T{font-family: Geneva, Arial, Helvetica, sans-serif; color: #663300; font-size: 8pt; font-style: normal}
.Tob{font-family: Geneva, Arial, Helvetica, sans-serif; color: #663300; font-size: 8pt; border: #663300 none; font-weight: bolder}
.TRub{font-family: Geneva, Arial, Helvetica, san-serif; color: #663300; font-size:13pt; font-weight: bold}
.TpetiteRub {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11pt; font-weight: bolder; color: #0F088F} 
.TinyRub {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: bolder; color: #0F088F}
.TtrespetiteRub {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10pt; font-weight: bolder; color: #0F088F ; font-style: italic}
.jomo{width:28px; text-align: right; font-weight: bold}
.trim{width:28px; text-align: right; font-weight: bold}
.anne{width:35px; text-align: right; font-weight: bold}
.indi{color: #663300; text-align: right}
.pcent{width:50px;  text-align: right; font-weight: bold}
.euro{width:80px;  text-align: right; font-weight: bold}
.gras{font-weight: bold}
.plusgras{font-weight: bolder}
.font9plusgras{font-weight: bolder; font-size: 9pt}
.jomogras{width:28px; text-align: right; font-weight: bolder; font-size: 9pt}
.annegras{width:35px; text-align: right; font-weight: bolder; font-size: 9pt}
.bannieredefil { 
    font-family: Geneva, Arial, Helvetica, san-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold
}
.tabentete {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10pt; background-color: #FFFFCC}
.button{ 
  background-color:#817679;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-style: normal;
  text-align: center;
  height: 25px; width: 100px;
  font-size: 10pt;
  vertical-align: middle;
  }
.buttonsup{
  background-color:#817679;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-style: normal;
  text-align: center;
  height: 18px; width: 100px;
  font-size: 8pt;
  vertical-align: middle;
  }
.slimbutton{
  background-color:#0F088F;
  color: #FFFFFF;
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-style: normal;
  text-align: center;
  font-size: 8pt;
  }
.buttonplus{ 
  background-color:#0F088F;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal; 
  text-align: center; 
  height: 30px; width: 150px; 
  font-size: 12pt; 
  vertical-align: baseline;
}

.buttonlsttbl{
  background-color:#817339;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-style: normal;
  text-align: center;
  height: 25px; width: 70px;
  font-size: 9pt;
  vertical-align: middle;
  }

.buttsaistrim{
	background-color:#663300; color: #FFCC33; font-weight: bold; 
	font-family: Geneva, Arial, Helvetica, san-serif; font-style: normal; 
	text-align: center; height: 25px; width: 100px; 
	font-size: 10pt; vertical-align: baseline}
.TminiRub {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9pt; font-weight: bolder; color: #663300 ; font-style: italic}
.butsaisie {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #FFCC33; background-color: #663300; text-align: center; height: 30px; width: 150px; font-weight: bold}

hr {  color: #663300}
.Tdemi {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 7pt; color: #663300; word-spacing: 1pt}
.Tgras {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: bold; color: #663300}
.Grostitre {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 24px; font-weight: bolder; color: #663300}
.TexEntete {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 14px; font-style: normal; color: #663300; font-weight: 500}
.trimgras {  font-weight: bold; text-align: right; width: 28px}
.pcentgras { width:50px; text-align: right ; font-weight: bold}
.eurogras { width:80px; text-align: right ; font-weight: bold}
.indigras { color: #663300; text-align: right ; font-weight: bold}
.buttonAcc { background-color:#FFFFCC; color: #663300; font-weight: bold; font-family: Geneva, Arial, Helvetica, san-serif; font-style: normal; text-align: center; vertical-align: middle ; font-size: 13pt; border: #663300; border-style: outset; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.TRubtitre { font-family: Geneva, Arial, Helvetica, san-serif; color: #663300; font-size:18px; font-weight: bold }

.tablejaune {  background-color: #FFFFCC}
.tablelime {  background-color: #00FF00}
.tablecornsilk {  color: #0F088F; background-color: #FFF8DC; }
.tablemais2 { 
 color: #0F088F; 
 background-color: #FFF8DC; 
 border: solid thin ; 
 border-color : #00f #00f #00f #00f;}

.tablemais {
color : #663300;
background-color : #ECE5B6;
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 9pt;
font-weight : bolder
}
.tablerrmais {  color: #FFFFFF; background-color: #FF0000; border: solid thin ; border-color : #00f #00f #00f #00f;}
.tablebleue {  background-color: #BBFFFF}
.tablepourpre {  background-color: #800080}
.tablecyan {  background-color: #E0FFFF}


.sc{width:800px; overflow:scroll}
.schx{width:800px; overflow-y: hidden; overflow-x: scroll}

.hrfin { color: #663300 }
.tbody {  overflow: scroll}
.PieddePage { font-family: Geneva, Arial, Helvetica, sans-serif; color: #663300; font-size: 7pt; border: #663300 none; font-weight: bolder}
.rounded {
      width: 500px;
      background: #FFFFCC url(tl.gif) no-repeat top left;
    }
.rounded div {
      background: transparent url(tr.gif) no-repeat top right;
    }
.rounded div div {
      background: transparent url(bl.gif) no-repeat bottom left;
}
.rounded div div div{
      background: transparent url(br.gif) no-repeat bottom right;
      padding: 40px;
}
.totaux{width:50px; text-align: right; font-weight: bold}
.totauxgris{
  width:50px;
  text-align: right;
  background-color:lightgrey;
  font-weight: bold
  }
.totauxass{
  width:50px; 
  text-align: right;
  background-color:lightgreen;
  font-weight: bold
  }
.totauxassgris{
  width:50px; 
  text-align: right;
  background-color:lightgrey;
  font-weight: bold
  }  
.totauxliq{
  width:50px; 
  text-align: right;
  background-color:aqua;
  font-weight: bold
  }
.reliquatass{width:210px; text-align: center;  background-color:lightgreen; font-weight: bold}
.reliquatliq{width:210px; text-align: center;  background-color:aqua; font-weight: bold}
.trimentierass{width:290px; text-align: center; background-color:lightgreen; font-weight: bold}
.trimentierliq{width:290px; text-align: center; background-color:aqua; font-weight: bold}
.carre{
  background-color:#0F088F;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  height: 30px;
  font-size: 11pt;
  vertical-align: middle;
}
.butcache{
  font-size: 8pt;
  background-color:#FFF8DC;
  color: #000000;
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal; 
  text-align: center;
  background-image: url(images/butcache.jpg);
}
.refbleue{
  background-color:#0F088F;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  height: 20px;
  font-size: 10pt;
}
.refgrandbleue{
  background-color:#0F088F;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center; 
  height: 30px;
  font-size: 14pt;
 }
.tnbi { text-align : center;}
.bttdel{ text-align: center;}
.mince{width:16px; text-align: right}
.menuopt {
  background-color:#0F088F;
  color: cyan;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  vertical-align: middle; 
  height: 30px;
  width: 120px;
  font-size: 12pt;
  border: 5px solid;
  border-color: #ddd #999 #999 #ddd;
}

.bigsideral {
  background-color:#0F088F;
  color: yellow;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  height: 30px;
  width: 180px;
  font-size: 14pt;
  border: 5px solid;
  border-color: #fff #aaa #aaa #fff;
  vertical-align: top;

}

.menuctx {
  background-color:#0F088F;
  color: yellow;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  vertical-align: middle;
  margin:auto;
  height: 25px;
  width: 110px;
  font-size: 12pt;
  border: 4px solid;
  border-color: #fff #aaa #aaa #fff;
}


a:link{color:#FFFFFF}
a:visited{color:#FFFFCC}
a {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; color: #FFCC33}
a:hover {
 color: yellow
 }

.menuval {
  background-color:#0F0888;
  color: cyan;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  vertical-align: middle;
  margin:auto;
  height: 30px;
  width: 120px;
  font-size: 12pt;
  border: 5px solid;
  border-color: #aaa #666 #666 #aaa;
}

.menuabs {
  background-color:#0F0888;
  color: red;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal;
  font-weight: bold; 
  text-align: center;
  vertical-align: middle;
  margin:auto;
  height: 30px;
  width: 120px;
  font-size: 12pt;
  border: 5px solid;
  border-color: #aaa #666 #666 #aaa;
}

.bigbutton{
  background-color:#0F088F;
  color: #FFFFFF;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal; 
  text-align: center;
  vertical-align: middle;
  height: 30px; width: 200px;
  font-size: 12pt;
}

.midbutton{
  background-color:yellow;
  color: #0F088F;
  font-weight: bold; 
  font-family: Geneva, Arial, Helvetica, san-serif; 
  font-style: normal; 
  text-align: center;
  vertical-align: middle;
  height: 25px; width: 120px;
  font-size: 12pt;
}


#navcontainer
{
background: #FFF8DC;
margin: 1em auto;
padding: 1em 0 0 0;
font-family: Geneva, Arial, Helvetica, san-serif;
text-align: left;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 13%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 80px;
height: 25px;

border-width: 5px;
border-color: #ddd #999 #999 #ddd;
border-style: solid;
color: white;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, san-serif;
font-weight: bold;
font-style: normal;
font-size: 11pt;
text-align: center;
background: #0F088F;
}


#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #0F088F;
color: #FFFF00;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaa #fff #fff #ccc;
}