/* CSS Document */
html {
  height: 100%;
}
body {
  background:#F8F7EA url(../img/fond.png) repeat-x;
	color: #030;
  font-size: 12px;
  font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  height: 100%;
  margin: 3px auto;
}
div, span, td {
  font-size: 12px;
}
font.petit { font-size: 10px}
font.moyen { font-size: 11px}
font.normal {font-size: 15px}
font.grand {font-size: 18px}
a:link,a:visited {
	color: #333;
  cursor: pointer;   /* hand */
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}
#wrapper {
  background:#fff;
  text-align: left;
  width: 770px;
}
#borderWrapper {
  border: solid 1px #030;
}
#header {
  background: #005030;
  height: 116px;
}
#logoHeader {
	text-indent: 40px;
  width: 250px;
}
#titleHeader {
  width: 610px;
}
#menuHeader {
  width: 150px;
}
#logoHeader, #titleHeader, #menuHeader {
  float: left;
  height: 116px;
}
#mainBody {
  height: auto !important;
  height: 100%;
  background: #fff;
}
.clearBoth{
	clear: both;
}
#leftColumn{
  width: 250px;
  float: left;
}
#content {
  width: 520px;
  float: left;
	padding: 20px 0;
}
#boite {
  width: 499px;
  height: 274px;
  background: url(../img/boite.jpg) no-repeat;
}
#mainText {
	padding: 20px 30px 20px 70px;
}
.photoCase{
	float:left;
	width:166px;
	text-align: center;
}
.photoCase img {
	margin: 38px 17px 10px 17px;
}
.cellImage {
	padding-top: 2px;
	text-align: center;
	vertical-align: top;
	width: 130px;
}
span.imgBlock {
	float: left;
  height: 100%;
	padding-top: 2px;
	width: 100px;
}
span.txtBlock {
	width: 210px;
}
.imgBorder {
	border: 1px solid #030
}
.agentDisplay {
	float: left;
  height: 125px;
	width: 330px;
}
#footer {
  padding: 4px;
}