#poeme{
width:310px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
		padding: 2em;
		align:center;float:right;
		letter-spacing:1px;
		line-height: 16px;
		color:#000;
		border:1px solid #ccc;
}
.padd{
margin:15px;
padding:25px;
background-color:#DBCB93;
border:1px solid #AA9D6F;
}
#paddbour{
margin:15px;
padding:25px;
background-color:#784454;
border:1px solid #461323;
}
#padd{
margin:15px;
padding:25px;
background-color:#AD755A;
border:1px solid #AA9D6F;
}

td.gauche{
vertical-align: top;
width:120px;
background: url('../images/BarreCote_info.gif');
}
td.contenu{

}
.imgR{
padding:6px;
float:right;
}
.imgL{
padding:6px;
float:left;
}

#menu {
	font: normal 11px/18px Verdana,Arial, Helvetica, sans-serif;
		width: 80%;
		float: left;
		margin:5px;
		padding: 5px;
		border: none;
	
}
#menu ul{
		margin: 0px;
		padding: 0;
		border: none;
		list-style: none;
}
#menu li{
	border-bottom: 1px solid #28382A;
		margin: 0;
}
#menu li a{
	display: block;
	PADDING-top: 0px;
	PADDING-RIGHT: 5px;
	PADDING-bottom: 0px;
	PADDING-left: 5px;
	border: 1px solid #28382A;
	background-color: #BD9A2D;
	color: #000;
	text-decoration: none;
}
#menu li a:hover{
	padding: 0px 5px 0px 5px;
	background-color: #E1C34D;
	color: #000;
}
#menu li.courant a{
	background-color: #E1C34D;
	color: #000;
}

#coule{
float:right;
}
#obscur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;

}
#obscur table td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
	border:1px solid #558055;
	padding:3px;

}
#obscur table th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#fff;

	padding:3px;

}
#obscur p{
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 1.6em;

}
#obscur h5 {
	font-size: .8em;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
}
#obscur strong{
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: .1em;

}
#obscur ul{
	color: #FFFFFF;
	font-size: 0.7em;
	line-height: 1.6em;
}
#obscur li{
	padding-bottom:4px;

}
#obscur ol{
	color: #FFFFFF;
	font-size: 0.7em;
	line-height: 1.6em;
}
#clair {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;

}
#clair p{
	color: #000;
	font-size: 0.8em;
	line-height: 1.6em;

}
#clair h5 {
	font-size: .8em;
	font-weight: bold;
	font-variant: small-caps;
	color: #000;
}
#clair strong{
	color: #000;
	font-variant: small-caps;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: .1em;

}
#clair ul{
	color: #000;
	font-size: 0.7em;
	line-height: 1.6em;
}
.TitreIndex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #EADDB0;
	background-image: url(../Betametamorphoses/images/fondTitre.html);
	text-align: center;
	font-weight: bold;
}
