:focus
{
-moz-outline-style: none;
}

body {
  background-color:#ecf5ff;
  margin:0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:100%;
  color:#464955;
  text-align:center;
}

#home{ 
  position: absolute;
  width:48px;
  height:48px;
  top:0px;
  left: 0px;
}
#home a { 
  background-image:url(../../../image/bandeauOSEIndex.gif);
  background-repeat: no-repeat;
  width:48px;
  height:48px;
  border:0;  
  display: block;
}
#home a:hover { 
  background-image:url(../../../image/bandeauOSEIndexHover.gif);
}
 




p{ 
  padding:5px 20px 0 20px;
  margin:0;
  font-size:0.75em;
 }
ul{
 font-size:0.75em;
margin:0;
	
}
h2{ 
  border-bottom:1px solid #464955;
  font-size:1em;
  margin:5px 20px;
 }
h3{ 
  font-size:0.9em;
  margin:3px 20px;
 }
a{ 
  color:#000;
 }
a:hover{ 
  color:#555;
 }

#top {  
  background: url(../../public/images/topIndex.png) 0px 0px repeat-x;
  height:88px;
 }

#top h1{ 
  text-align:center;
  margin:0 20px;
  padding-top:8px;
  font-size:1.7em;
  letter-spacing:-0.08em;
  color:#fff;
 }

#top h2{ 
  text-align:center;
  margin:0px 20px;
  font-size:1.2em;
  letter-spacing:-0.08em;
  color:#fff;
  border:none;
 }

div.info{ 
  width:600px;
  padding-bottom:30px;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
 }

.login{ 
  background-color:#fff;
  padding:20px 0;
  border-bottom:1px solid #afd5ff;
 }
#boiteLogin{
  border:1px solid #a7aeb0;
  margin:10px auto;
  width:400px;
  background-color:#fff;
  color:#656a7e;
  background: #fff url(../../public/images/key.png) 0px 0px no-repeat;
 }

#boiteLogin h1{
  margin:0 10px 10px 10px;
  font-size:1.3em;
  padding:0.2em;
  text-align:right;
  color:#656a7e;
  border:none;
}
input, select { 
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  width:200px;
 }
input.checkbox { 
  width:auto;
  border:none;
}
input:focus {
  background-color:#eee;
} 
input.submit { 
  background-color:#a7aeb0;
  color:#fff;
  font-weight:bold;
}
input.submit:hover{
  background-color:#7f8587;
} 

dl {
	margin: 0; padding: 0;
}

dt {
	float: left;
	clear: left;
	text-align: right;
	margin: 5px 10px 0 0;
	width: 10em;
	font-weight: bold;
}

dd {
	margin-bottom: 5px;
}
form p{ 
  text-align:right;
  padding-right:12px;
 }
form label{
  display:inline;
 }
#erreurLogin{
  padding-bottom:10px;
 }
#erreurLogin p, #erreurLogin p.ok { 
  border:1px solid #ff2b2b;
  margin:4px 25px 0 25px;
  padding:0px 2px;
  background-color:#b81b1b;
  color:#fff;
  font-size:0.8em;
 }

#erreurLogin p.ok {
  border:1px solid #0a7b12;
  background-color:#e0f3e1;
  color:#0a7b12;

 }
p.nojs{ 
  padding:10px 10px 20px 10px;
 }
p.nojs a{
  color:#3d708e;
 }
p.nojs a:hover{
  color:#00a2ff;
 }

.info{
	padding-top:10px;
}
.info p { 
  text-align:justify;
 }