body, div, p, h1, input, textarea{
 margin:0;
 padding:0;
 font-family:"arial";
 font-size:11px;
 color:#666666;
}

a{
 font-family:"arial";
 font-size:11px;
 color:#999999;
 text-decoration:none;
}

a:hover{
 color:#333333;
}

span{
 display:none;
}

hr{
 width:100%;
 clear:both;
 visibility:hidden;
}

img{
 border:0;
}


a.btn-back{
 display:block;
 width:80px;
 height:36px;
 background-image: url("../images/interface/btn-back.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 padding:3px 0 0 45px;
 text-align:left;
}

a.btn-back:hover{
 background-position: 1px -38px; 
}

#titleBarContent{
 width:600px;
 height:40px;
 background-image: url("../images/interface/bgContentTitleBar.gif");
 background-position: bottom left;
 background-repeat: no-repeat;
 padding:0 0 0 0;
 margin:0 0 0 0;
}

#titleBarContent H1{
 display:block;
 font-weight:bold;
 color:#003300;
 margin:0;
 padding:0;
 float:left;
 text-align:left;
 padding:14px 0 0 5px;
 width:70%;
}

#titleBarContent span{
 display:block;
 float:left;
 width:19%;
 text-transform:uppercase;
 color:#003300;
 text-align:right;
 padding:5px 0 0 5px;
}

#titleBarContent img{
 position:relative;
 top:-5px;
 right:0px;
}

form{
 margin:20px 0 0 0;
 padding:0;
}

form input{
 //display:block;
 float:left;
 background-color:#FFFFFF;
 border:1px solid #666666;
 height:15px;
 width:400px;
 padding:3px 1px 0 4px;
 margin:4px 4px 0 0;
}

textarea{
 display:block;
 float:left;
 background-color:#FFFFFF;
 border:1px solid #343434;
 height:80px;
 padding:3px 1px 0 2px;
 width:402px;
 margin:4px 0 8px 3px;
}

label{
 display:block;
 float:left;
 color:#333333;
 width:100px;
 text-align:right;
 padding: 5px 5px 0 0;
 margin: 3px 0 0 0;
}

#caracteristiques label{
 margin:0 0 3px 0;
}

a.helpLink{
 float:left;
 display:block;
 width:18px;
 height:18px;
 background-image: url("../images/interface/aide.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:3px 0 0 0;
 psoition:relative;
}

.helpDiv{
 position:absolute;
 float:left;
 display:none;
 background-color:#EEEEEE;
 border: 1px solid #666666;
 padding:10px;
 width:150px;
}

*> .helpDiv{
 position:absoslute;
 margin:auto;
}

br{
 clear:left;
}

a.save{
 display:block;
 float:left;
 width:40px;
 height:40px;
 background-image: url("../images/interface/btn-save.gif");
 background-position: 0 -37px;
 background-repeat: no-repeat;
 margin:55px 0 0 0;
}

a.save:hover{
 background-position: 0 0;
}

.sizedSmall{
 width:70px;
}

.sized250{
 width:250px;
}

em{
 color:#990000;
 font-weight:bold;
 font-style:normal;
}

.dateWidget{
 width:160px;
 height:180px;
 background-color:#EFEFEF;
 border:1px solid #666666;
 position:relative;
}

.dateWidget a{
 display:block;
 float:left;
}

.dateWidget a.btn-gauche{
 width:12px;
 height:16px;
 background-image: url("../images/interface/btn-gauche.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:0;
 padding:0 2px 0 2px;
}

.dateWidget a.btn-gauche-clair{
 width:12px;
 height:16px;
 background-image: url("../images/interface/btn-gauche-clair.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:0;
 padding:0 2px 0 2px;
}

.dateWidget a.btn-droite{
 width:12px;
 height:16px;
 background-image: url("../images/interface/btn-droite.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:0 0 0 2px;
 padding:0 0 0 0px;
}

.dateWidget a.btn-droite-clair{
 width:12px;
 height:16px;
 background-image: url("../images/interface/btn-droite-clair.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:0 0 0 2px;
 padding:0 0 0 0px;
}

.dateWidget a.btn-gauche:hover,.dateWidget a.btn-droite:hover, .dateWidget a.btn-gauche-clair:hover, .dateWidget a.btn-droite-clair:hover{
 background-position: 0 -16px;
}

.years{
 height:16px;
 width:136px;
 background-color:#666666;
 padding:2px 2px 2px 24px
}

.years a{
 font-family:"arial";
 font-size:12px;
 font-weight:bold;
 color:#999999;
 padding:0px 3px 0px 3px;
}

.years a.selected{
 font-family:"arial";
 font-size:12px;
 font-weight:bold;
 color:#FFFFFF;
 padding:0px 3px 0px 3px;
}

.years a.selected:hover{
 color:#333333;
}

.months{
 height:18px;
 width:138px;
 background-color:#CCCCCC;
 border-bottom:1px dotted #666666;
 padding:2px 0 0 24px;
}

.months a{
 font-family:"verdana";
 font-size:10px;
 color:#333333;
 padding:3px;
}

.months a.selected{
 font-weight:bold;
 color:#990000;
}

.months a:hover{
 color:#FFFFFF;
}

.days{
  padding:0 0 0 5px;
}

.days table tr th{
 font-family:"verdana";
 font-size:10px;
 color:#333333;
 width:18px;
}

.days table tr td{
 font-family:"verdana";
 font-size:10px;
 color:#333333;
 width:16px;
 text-align:center;
}

.days table tr td a{
 font-family:"verdana";
 font-size:10px;
 color:#333333;
 display:block;
 width:17px;
 height:14px;
 margin:0;
 padding:0;
}

.days table tr td a:hover{
 font-family:"verdana";
 font-size:10px;
 color:#990000;
 border:1px solid #333333;
 width:15px;
 height:12px;
 background-color:#FFFFFF;
 font-weight:bold;
}


.resultat{ 
 background-color:#333333;
 color:#CCCCCC;
 font-family:"verdana";
 font-size:10px;
 height:16px;
 padding:2px 0 0 5px;
 width:157px;
}

.resultat em{
 font-family:"verdana";
 font-size:10px;
 color:#FFFFFF;
 font-weight:normal;
}

#icone{
 position:relative;
 width:39px;
 height:42px;
 top:-189px;
 left:-10px;
 background-image: url("../images/interface/cal.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
}

a#confirm {
 width:38px;
 height:31px;
 background-image: url("../images/interface/btn_confirm.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 position:relative;
 display:block;
 left:135px;
 top:-80px;
}

a#confirm:hover{
 background-position: -1px -30px;
}

div#dateObs{
 position:absolute;
 display:none;
}

.selectBox{
  background-color:#EFEFEF;
  border:1px solid #666666;
  width:195px;
  padding:5px;
  text-align:left;
  margin:1px 0 0 205px;
  position:absolute;
  display:none;
}

.selectBoxActiv{
 background-color:#EFEFEF;
 border:1px solid #666666;
 width:195px;
 padding:5px;
 text-align:left;
 margin:-2px 0 0 208px;
 position:absolute;
 display:block;
}

.selectBoxActiv a{
 display:block;
 padding:2px;
 margin:0;
 color:#333333;
}

.selectBoxActiv a:hover{
 background-color:#999999;
 color:#ffffff;
}

#Observation select{
 margin:0 0 8px 3px;
}

.checkBox{
 margin:0 5px 0 0;
}

.invisibleDiv{
 display:none;
 height:15px;
}

.sized50{
 width:50px;
}

.msgInFlux{
 padding:20px;
 border: 1px dashed #990000;
 margin:0 20px 20px 0;
 display:none;
}

.export{
 display:block;
 padding:5px;
 border:1px solid #CCCCCC;
 margin:5px;
}

.export:hover{
 background-color:#EFEFEF;
}