/* Neat Home layout CSS

   Contains styles which position and organizes the centent.
   It assumes a minimum screen size of 1024x768.
   
   If the width is less than 1024, an horizontal scollbar
   allow the user to see the rest of the page.
   
   If the available height is less than 680, the themes zone
   is scrollable.  

   author: JDS
   date:   25.11.2006

 */


/* has to include a #centeringwrapper to center the content of the page. */
body {
  text-align: center;
  min-width: 930px;
  
  padding: 0px;
  margin: 0px;
}

/* 
  allows to center the content of the page. 
  a border 3px appart the content is drown.
*/
#centeringwrapper {
  text-align: left;
  width: 930px;

  border-width: 1px;
  border-style: solid;
  border-color: #B0B1BA;

  margin: 0 auto; /* to actually center */

  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
}

/*
  Height of the two banners.
*/
#subbannercontent , #bannerPictAndTools, #bannerNewsAndPict, #ne, #tools, #gu{
  height: 137px;
  width: 100%;
}

#bannerPictAndTools {
  background-image: url("/neat/servlet/ImageProviderA");
  background-repeat: no-repeat;
}

#bannerNewsAndPict {
  background-color: #f1f3f4;
  /*width: 380px;*/
  background-image: url("/neat/servlet/ImageProviderB");
  background-repeat: no-repeat;
}

#content {
  background-color: #fcfcfc;
  overflow: auto;
  height: 310px;
}

#footer {
  background-color: #fcfcfc;
  width: 100%;
  height: 70px;
  padding: 0px;
  vertical-align: middle;
}

#subbannercontent{
  float: left;
}

#ne{
  /*background-image: url("../images/title-trans.gif");*/
  /*background-repeat: no-repeat;*/
  float: left;  
  width: 583px;
}

#tools{
  /*background-image: url("../images/biais-trans.png");*/
  /*background-repeat: no-repeat;*/
  float: left;
  width: 155px;
}

.tools{
  position: relative;
}

#tool1{
  margin-left: 42px;
  margin-bottom: 1em;
}
#tool2{
  margin-left:37px;
}
#tool3{
  margin-left:32px;
  margin-bottom: 1em;
}
#tool4{
  margin-left:27px;
  margin-bottom: 0.5em;
}
#tool5{
  margin-left:22px;
}

#SEARCH, a#searcharrowlink{
  float:left;
  display: block;
  width: 100px;
  border-style:solid;
  border-color:#d0dfee;
  border-width:1px;
  font-size:100%;
  position: relative;
}

a#searcharrowlink{
  width: 16px;
  height: 15px;
  /height: 14px; 
  _height: 16px;
  background-color: #fcfcfc;
  text-align: center;
}
#arrow{
  padding-top: 3px;
}

#gu{
  /*background-image: url("../images/biaisB.png");*/
  /*background-repeat: no-repeat;*/
  float: left;  
  width: 192px;
}

.gu{
  margin:0;
  padding:0;
  position: relative;
}

#gu1{
  margin-top: 35px;
/*  margin-left:29px;*/
  margin-bottom: 5px;
}
#gu2{
  margin-left:29px;
}
#gu3{
  margin-top: 22px;
  margin-left:26px;
}
#gu4{
  margin-top: 3px;
  margin-left:31px;
}
#gu5{
  margin-top: 3px;
  margin-left:31px;
  margin-bottom:5px;
}
#gu6{
  margin-top: 3px;
  margin-left:15px;
  margin-bottom:5px;
}
#gu7{
  margin-left:11px;
}


#news, #mid-terme-news, #short-terme-news, #newspict{
  float: left;
  height: 128px;

  padding:3px;  
}

#news{
  width: 544px;
}

#newspict{
  /*padding:0px;*/
  margin:0px;
  width: 371px;
}
#newspict:hover{
  cursor: pointer;
}

#mid-terme-news{
  width:200px;
}

#short-terme-news{
  width:332px;
  overflow: auto;
}

#short-terme-news div.rss{
  float: left;
}

#short-terme-news div#rss_date{
  width: 75px;
}

#short-terme-news div#rss_title{
  width: 230px;
}

#mid-terme-news div#rss_title{
  width: 200px;
}

#redcontent{
  width: 198px;
  float: left;
  
  padding:3px;
}

#themes{
  float: left;
  height: 100%;
  width: 692px;
  /width: 692px;
}

.redtheme{
  padding: 3px;
}

.bluetheme{
  float: left;
  width: 173px;
  /width: 173px;
  
  height: 100px;

  overflow: hidden;
}

.lastbluetheme{
  float: left;
  width: 173px;
  /width: 173px;
  
  height: 113px;

  overflow: hidden;
}

#chch {
  float: right;
  padding-top:15px;
  padding-left:10px;
  padding-right:10px;
}

#zego {
  float: right;
  padding-bottom:3px;
}

table, tr, td{
  margin:0px;
  padding:0px;
}

#rss_date{
  text-align:right;
  padding-right:5px;
}