/*-------------- Define global styles (start) --------------*/

a:link, a:visited{
  font-family:arial;
  color: #3399CC;
  text-decoration: none;
}

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

form{
    display: inline;
    margin-top: auto;
    margin-bottom: auto;
    margin-left:auto;
    margin-right:auto;
}

p{
  line-height: 15px;
}

#container{
    background-image: url("images/bkg-header.gif");
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: auto;
    margin-right: auto;

}
#page { 

        }


#containerPopup{
  width: 600px;
  text-align: left;
}

select.dropdown{
  width: 250px;
}
/*-------------- Define global styles (end) --------------*/

/*-------------- Header (start) --------------*/
#header{
}
/*-------------- Header (end) --------------*/

/*-------------- TopNav (start) --------------*/
#topNav{
  margin: 0px;
  padding: 20px 0px 25px 0px;
  color: #333333;
}

#topNav a:link, #topNav a:visited, #topNav a:hover{
  margin: 0px 20px 0px 0px;
}

#topNav span{
  margin: 0px 20px 0px 0px;
}
/*-------------- TopNav (end) --------------*/

/*-------------- Banner (start) --------------*/
#banner{
  padding: 0px;
  margin: 95px 0px 0px 0px;
}
/*-------------- Banner (end) --------------*/

/*-------------- gauche (start) --------------*/
.parametre {
  width: 48%;
  float:left;
}
/*-------------- gauche (end) --------------*/

/*-------------- droite (start) --------------*/
.presentation {
  font-family:arial;
  width:48%;
  padding: 1em;
  text-align:left;
  float:right;
}
/*-------------- droite (end) --------------*/
.spacer {
  clear: both;
}

/*-------------- Titre (start) --------------*/
#titre
{  
    margin: 0px;
    text-align: left;
    float: left;
    color: #666666;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-size:large;
    height:50;
    vertical-align:middle;
}
/*-------------- Titre (end) --------------*/

/*-------------- Toolbar (start) --------------*/
#pageToolbar{
  margin: 0px;
  padding: 5px 5px 8px 5px;
  text-align: right;
  float: right;
}

#pageToolbar ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#pageToolbar li {
  margin: 0px;
  padding: 0px;
  float: left;
}

#pageToolbar li.print {
  background-image: url(images/ico-print.gif);
  background-repeat: no-repeat;
  padding: 2px 20px 4px 25px;
}

#pageToolbar li.textSize {
  background-image: url(images/ico-textSize.gif);
  background-repeat: no-repeat;
  padding: 2px 0px 4px 40px;
}
/*-------------- Toolbar (end) --------------*/

/*-------------- Content (start) --------------*/
#content
{
}

.odd{
  background-color: #F6FBFF;
}

.even{
  background-color: #EFF6FB;
}

.tableForm{
  background-color: #FFFFFF;
  margin-bottom: 20px;
  text-align:left;
}

.tableForm td{
  padding: 10px;
}





.normal{
  color: #666666;
}

div.pagination{
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  border-top: 1px solid #D7E5EF;
  border-bottom: 1px solid #D7E5EF;
  text-align: center;
  background-color: #FAFDFF;
}

div.pagination td.buttons{
  padding: 0px 20px 0px 20px;
}

div.pagination td.pages{
}

div.pagination td.pages a{
  margin-left: 5px;
}

div.pagination td.pages span{
  margin-left: 5px;
}

div.pagination td.pages span.on{
  background-color: #0099CC;
  color: #FFFFFF;
  padding: 5px 3px 5px 3px;
}

td.closeBtn{
  background-image: url("images/bkg-spacer.gif");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0px 0px 10px 20px;
}

td.closeBtn a:link, td.closeBtn a:visited, td.closeBtn a:hover{
  font-size: 160%;
  font-weight: bold;
}

/* Info fields */
div.infoFields dl {
  margin: 0px;
  padding: 3px;
}

div.infoFields dt {
  font-weight: normal;
  padding: 0px 0px 5px 0px;
  float: left;
  clear: left;
  width: 120px;
  margin: 0px;
  color: #999999;
}

div.infoFields dd {
  padding: 0px 0px 5px 0px;
  margin: 0px;
  color: #336699;
}

div.infoFields dd p{
  color: #666666;
}

/*-------------- Content (end) --------------*/

/*-------------- BottomNav (start) --------------*/
#bottomNav{
}

#bottomNav a:link, #bottomNav a:visited, #bottomNav a:hover{
  margin: 0px 20px 0px 0px;
}
/*-------------- BottomNav (end) --------------*/

/*-------------- Footer (start) --------------*/
#footer{
    border-top: 1px solid #E5E5E5;
    color: #999999;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}

#footer p{
  color: #999999;
}
/*-------------- Footer (end) --------------*/

/*-------------- Ben (start) --------------*/

table#saisie {
    width: 480px;
    border:1px;
}

.colgauchesaisie {
    font-weight: bold;
    text-align: right;
    width: 100px;
}

.coldroitesaisie {
    font-weight: bold;
    text-align: left;
    width: 370px;
}

.textboxsaisie {
    width: 360px;
}

.autocomplete_completionListElement {
	BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; VISIBILITY: hidden; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: buttonshadow 1px solid; COLOR: windowtext; BORDER-BOTTOM: buttonshadow 1px solid; LIST-STYLE-TYPE: none; HEIGHT: 200px; TEXT-ALIGN: left
}
.autocomplete_highlightedListItem {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: black; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffff99
}
.autocomplete_listItem {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; COLOR: windowtext; PADDING-TOP: 1px; BACKGROUND-COLOR: window
}
/*-------------- Ben (end) --------------*/