body {
 margin: 0;
 padding: 0;
 background: white;
 color: black;
 font-size: 80%;
 font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
}

img,
a img {
	border: 0;
}

.bouton {
  color: #000099;
	font-weight: bold;
	background: #bbbbff;
	border: solid 2px #6666ff; 
  border-top-color: #ffffff;
	border-left-color: #ffffff;
}
 
.bouton:hover {
  color: #6666ff;
	background: #ccccff;
	cursor : pointer;
}

.bouton:focus { 
  background: #bbbbff;
	border: solid 2px #ffffff;
  border-top-color: #6666ff;
	border-left-color: #6666ff;
}


#entete {
 height: 70px;
 background: white url(bandeau-homepage.jpg) top right no-repeat;
}

#entete img {
 float: left;
 margin: 0 5px 0 0;
}

#entete h1 {
 text-indent: -5000px;
 margin: 0;
 line-height: 0;
}

#entete .titre {
 margin: 0 0 0 100px;
 font-weight: bold;
 color: #7093E4;
 font-size: 1em;
}

#date {
 width: 100%;
 height: 25px;
 background: url(carbone.gif) top;
 color : white;
 margin: 0 0 0 0;
}

#date .texte {
 margin: 0 5px 0 0;
 padding-top : 10px;
 text-align: right;
 font-weight: bold;
 color: white;
 font-size: 0.9em;
}

#numbibi {
  width: 800px;
	height: 480px;
  background: white url(Boby_bibi1.jpg) no-repeat center;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#bibinum {
  width: 800px;
	height: 480px;
  background: white url(Boby_bibi2.jpg) no-repeat center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#numbibi form {
  position: relative;
  top: 330px;
	left: 86px;
	margin-left: auto;
	margin-right: auto;
}

#numbibi  .reponse {
  position: relative;
	top: 360px;
	left: 90px;
	margin-left: auto;
	margin-right: auto;
	color: red;
	font-size: 1.7em;
	font-weight: bold;
}

#bibinum form {
  position: relative;
  top: 330px;
	left: 210px;
	margin-left: auto;
	margin-right: auto;
}

#bibinum  .reponse {
  position: relative;
  top: 360px;
	left: 150px;
	margin-left: auto;
	margin-right: auto;
	color: red;
	font-size: 1.7em;
	font-weight: bold;
}

#piedbibi {
  text-align: center;
}

#piednum {
  text-align: center;
}

#piedbibi .erreur {
  color: red;
	font-size : 1em;
	text-align: center;
}

#piednum .erreur {
  color: red;
	font-size : 1em;
	text-align: center;
}

#pied .erreur {
  color: red;
	font-size : 1em;
	text-align: center;
}

#pied .contact {
  font-size : 0.9em;
	text-align: center;
}

input.text {
	margin-left : 1px;
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
	border-right:1px solid;
	border-left:1px solid; 
	border-top:1px solid;
	border-bottom:1px solid;
}


input.submit {
  margin-left : 6px;
	font-size:8pt;
	font-weight:bold;
	background-color:#A0E7A9;
	border-right:1px solid;
	border-left:1px solid; 
	border-top:1px solid;
	border-bottom:1px solid;