body{
	margin: auto;
	width: 900px;
	background-color: #FFF;
	font: 12px 'Trebuchet MS', Verdana, Arial;
	color: #000;
	border:solid 1px blue;
	{position: absolute; left:50%; margin-left: -462px; }
}

div {
	text-align:center;
	}
div#bandeau {
  background-image: url(images/boyaux.jpg);
  width:900px;
	height:174px;
	}
div#menu {
	float:left;
	width:168px;
	background-image: url(images/boyauderie.jpg);
	height:210px;
	padding-top:100px;
	background-repeat:no-repeat;
	{padding-top:110px;}
	}
#menu li {
  list-style: none;
}
div#contenu {
  display:block;
  overflow:auto;
  margin-top:10px;
	float:left;
	text-align:justify;
	width:728px;
	height:400px;
	}
div#contenu2 {
  display:block;
  overflow:auto;
  margin-top:10px;
	float:left;
	text-align:justify;
	width:728px;
	}
div#pied_page {
	clear:both;
	width:900px;
	height:50px;
	background-color: #E5F5F4;
	}
#contenu img {
  float:left;
}
#contenu p:first-letter{
	font-size: 18px;
	font-weight: bold;
	margin-left:35px;
  color:#23AACD;
}
h1{
  font:bold 25px 'Trebuchet MS', Verdana, Arial;
  margin-top:-5px;
  color:#596CA4;
}
h2{
  font:bold 20px 'Trebuchet MS', Verdana, Arial;
  color:#000;
  margin-top:5px;
}
strong{
  color:#23AACD;
}
.droite{
  float:right;
  color:#666;
  text-align:left;
  padding-top:10px;
  padding-right:20px;
  font: 9px 'Trebuchet MS', Verdana, Arial;
}
.gauche{
  float:left;
  color:#999;
  padding-top:8px;
  padding-left:35px;
}
.gauc{
  float:left;
  color:#BBB;
  padding-top:2px;
  padding-right:10px;
  padding-left:6px;
}
.droi{
  float:right;
  color:#BBB;
  padding-top:2px;
  padding-right:6px;
  padding-left:10px;
}
#tab img{
  float:right;
}
.gau{
  float:right;
  padding-top:2px;
  padding-right:10px;
}
#pied_page a:link, #pied_page a:visited {
	text-decoration:none;
	display:inline;
	color:#000000;
	font:italic 9px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	background:none;
}
#pied_page a:hover{
	text-decoration:none;
	color:#FFDC62;
	font:italic 9px Verdana, Arial, Helvetica, sans-serif;
}
#pied_page a:active{
	text-decoration:none;
	color:#000000;
	font:italic 8px Verdana, Arial, Helvetica, sans-serif;
}
#menu{
	text-decoration:none;
	color:#596CA4;
	font:bold 12px 'Trebuchet MS', Verdana, Arial;
}
#menu p{
	text-decoration:none;
	color:#596CA4;
	font:normal 10px 'Trebuchet MS', Verdana, Arial;
}
#menu a span {padding-left:15px;}
#menu a:link, a:visited {
	text-decoration:none;
	display:block;
	color:#9FCED7;
	font:bold 12px 'Trebuchet MS', Verdana, Arial;
	letter-spacing: 2px;
	background:url(images/bullet_blue.png); background-repeat:no-repeat;
}
.actif {
  color:#596CA4;
}
#menu a:hover{
	text-decoration:none;
	color:#319BAE;
	font:bold 12px 'Trebuchet MS', Verdana, Arial;
	background:url(images/bullet_red.png); background-repeat:no-repeat;
}
#menu a:active{
	text-decoration:none;
	color:#9FCED7;
	font:bold 12px 'Trebuchet MS', Verdana, Arial;
	background:url(images/bullet_blue.png); background-repeat:no-repeat;
}
ul{
  text-align:left;
  margin-left:-20px;
  {margin-left:20px;}
}
#boit_scroll{
  display:block; 
  width:694px; 
  height:330px; 
  overflow:auto; 
  padding:10px; 
  border:1px solid #ba8; 
  margin-top:15px;
}
.decalage li{list-style-image: url('./images/fleche.gif'); margin-left:20px;}
#contenu2 a {
  color:#23AACD; font-style:bold; text-decoration:none; background:none; display:inline;
}