#page{
  margin-left:auto;
  margin-right:auto;
}

#headerOdonat{
 width:795px;
 height:168px;
 background-image: url("../images/interface/header.jpg");
 background-position: 0 0;
 background-repeat: no-repeat;
}

#footerOdonat{
 width:795px;
 height:72px;
 background-image: url("../images/interface/footer.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
}

#contentOdonat{
 width:793px;
 border-left:1px solid #40A16D;
 border-right:1px solid #40A16D;
 background-color:#FDF8D0;
 text-align:center;
 padding:10px 0 20px 0;
 margin: 0 0 0 2px;
}

#application{
 width:700px;
 background-image: url("../images/interface/projetAtlas.gif");
 background-position: 15px 15px;
 background-repeat: no-repeat;
 background-color:#FFFFFF;
 border:1px solid #666666;
 margin-left:auto;
 margin-right:auto;
}

#newObservation{
 display:block;
 height:51px;
 width:281px;
 background-image: url("../images/interface/btnNewObservation.jpg");
 background-position: 0 0;
 background-repeat: no-repeat;
 text-align:center;
 padding:23px 0 0 10px;
 font-family:"verdana";
 font-size:10px;
 font-weight:bold;
 margin-left:auto;
 margin-right:auto;
 margin-top:100px;
 
}

#user{
 float:right;
 width:300px;
 text-align:right;
 padding:
 height:10px;
 margin:2px 10px 65px 0;
}

#actionTitle{
 width:99%;
 text-align:right;
 padding:
 height:10px;
 margin:2px 0 65px 0;
}

#contentOdonat fieldset{
 width:640px;
 margin:20px 0 20px 10px;
 border:1px solid #666666;
}

*>#contentOdonat fieldset{
 margin-left:auto;
 margin-right:auto;
}

#contentOdonat label{
 width:200px;
 padding:0 5px 0 0;
}

#contentOdonat #mailles label{
 width:122px;
 padding:0 5px 0 0;
}


#contentOdonat input{
 display:block;
 float:left;
 width:200px;
 margin:0 5px 5px 3px;
}

#contentOdonat #mailles input{
 width:121px;
 height:15px;
 padding:2px 5px 0 2px;
 margin:4px 4px 6px 3px;
}

#contentOdonat #coordonnees input{
 width:70px;
 height:15px;
 padding:2px 5px 0 2px;
 margin:4px 4px 6px 3px;
}

#contentOdonat #coordonnees label{
 width:60px;
 padding:2px 5px 0 0;
}

p.help{
 width:600px;
 padding:10px 10px 0 80px;
 text-align:left;
}

strong{
 color:#333333;
}

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


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

#donnees_perso textarea{
 width:201px;
 height:40px;
 border:1px solid #666666;
 margin-left:1px;
}

#deconnexion{
 display:block;
 float:right;
 width:20px;
 height:20px;
 background-image: url("../images/interface/deconnexion.gif");
 background-position: 1px 1px;
 background-repeat: no-repeat;
}

.smallInput{
 display:block;
 float:right;
 width:70px;
 height:12px;
 padding:0;
 margin-top:3px;
}

#connexion{
 display:block;
 float:right;
 width:19px;
 height:19px;
 background-image: url("../images/interface/connexion.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
}

#pconnexion{
 float:right;
 text-align:right;
 width:100px;
 margin:4px 0 0 0;
}

p.login{
 display:block;
 float:right;
 margin:5px 3px 3px 3px;
 padding:5px;
 border: 1px dashed #999999;
}

p.login span{
 display:block;
 padding:3px 0 0 0;
 float:right;
}

#loginConnected{
 display:block;
 float:right;
 width:228px;
 height:48px;
 background-image: url("../images/interface/identificationConnected.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 clear:right;
 font-family:"arial";
 font-size:11px;
 text-align:left;
 padding:10px 0 0 40px;
 margin:19px 10px 0 0;
}

#export-perso{
 display:block;
 float:right;
 width:152px;
 height:60px;
 background-image: url("../images/interface/export-perso.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 font-family:"arial";
 font-size:11px;
 text-align:right;
 padding:10px 10px 0 0;
 margin:20px 3px 0 0;
}

*> #loginConnected{
 height:55px;
}

#loginConnected a{
 display:block;
 width:30px;
 height:33px;
 position:relative;
 top:-29px;
 right:-195px;
 cursor:pointer;
 
}

#loginConnected a:hover{
 background-image: url("../images/interface/deconnexion.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
}


#loginNotConnected{
 display:block;
 float:right;
 width:255px;
 height:60px;
 background-image: url("../images/interface/identificationNotConnected.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 clear:right;
 font-family:"verdana";
 text-align:left;
 font-size:9px;
 color:#333333;
 padding:10px 0 0 10px;
 margin:20px 10px 0 0;
}

#loginNotConnected input{
 width:100px;
 border:1px solid #666666;
 margin:1px;
 text-align:center;
}

#loginNotConnected input.hiddenfield{
 display:none;
} 

a#connexionAuto{
 display:block;
 height:14px;
 width:20px;
 float:left;
}

a#identificationSubmit{
 display:block;
 position:relative;
 width:30px;
 height:33px;
 top:-44px;
 left:197px;
}

*> a#identificationSubmit{
 top:-44px;
 left:220px;
 !top:-42px;
 !left:200px;
}

a#identificationSubmit:hover{
 background-image: url("../images/interface/identificationSubmit.gif");
 background-position: 0px 0px;
 background-repeat: no-repeat;
}

#newAccount{
 display:block;
 float:right;
 height:63px;
 width:133px;
 background-image: url("../images/interface/newaccount.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:18px 2px 0 0;
}

#backBTN{
 display:block;
 float:right;
 height:63px;
 width:63px;
 background-image: url("../images/interface/retour.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
 margin:18px 2px 0 0;
}

#backBTN a{
 display:block;
 width:32px;
 height:37px;
 margin:8px 0 0 13px;
 padding:33px 0 0 0;
 text-align:center;
}

*> #backBTN a{
 margin:8px 0 0 17px;
}

#backBTN a:hover{
 background-image: url("../images/interface/btnBack.gif");
 background-position: 0 0;
 background-repeat: no-repeat;
}

#actions{
 width:672px;
 margin-left:auto;
 margin-right:auto;
}

#application h1{
 height:27px;
 clear:both;
 text-align:left;
 font-family:"Trebuchet MS";
 font-weight:bold;
 font-size:16px;
 color:#003300;
 padding:0 0 0 70px;
 border-bottom:2px dashed #999999;
}

*> #application h1{
 margin:10px 0 30px 0;
 padding:-30px 0 0 70px;
 height:44px;
}

#application p.contenu{
 padding:15px 40px 0 70px;
 text-align:left;
}

i{
 color:#990000;
}

#habitat{
width:290px;
}

select#habitat option{
 padding:0 0 0 5px;
 font-weight:normal;
}

select#habitat option.optionTitle{
 font-weight:bold;
 background-color:#DDDDDD;
 font-size:11px;
 font-family:"verdana";
}

#species,#species2{
 height:2px;
}

#validation{
 display:none;
 width:700px;
 text-align:right;
}

#validation a.valid{
 display:block;
 width:180px;
 height:24px;
 background-image: url("../images/interface/btn-save.gif");
 background-position: 0 -37px;
 background-repeat: no-repeat;
 text-align:left;
 padding:10px 0 0 40px;
 font-weight:bold;
 font-size:11px;
 border:1px dashed #999999;
 margin:10px 7px 0 0;
 float:right;
}

#validation a.valid2{
 display:block;
 width:205px;
 height:34px;
 background-image: url("../images/interface/btn-save.gif");
 background-position: 0 -37px;
 background-repeat: no-repeat;
 text-align:left;
 padding:5px 0 0 43px;
 font-weight:bold;
 font-size:11px;
 border:1px dashed #999999;
 margin:10px 7px 0 0;
 float:right;
}

*> #validation a.valid{
 margin:0 20px 15px 0;
 clear:both;
 !margin:10px 20px 30px 0;
}

*> #validation a.valid2{
 margin:0 20px 15px 0;
 clear:both;
 !margin:10px 20px 30px 0;
}

#validation a.valid:hover,a.valid2:hover{
 background-position: 0 0;
 color:#000000;
 border:1px dashed #990000;
}

#messageSuccess{
 margin:140px 100px 0 100px;
 border:1px solid #999999;
 background-color:#EAF5E9;
  font-family:"Trebuchet MS";
 font-size:16px;
 font-weight:bold;
 padding:30px;
}

#messageSuccess a{
 font-weight:bold;
}

input.hiddenField{
 display:none;
}

#message-champs-obligatoires{
 color:#990000;
 font-weight:normal;
}