body
{
	margin: 5px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.7em verdana, helvetica, sans-serif ;
	/* background: #FC7B0B ;  */
	background: url(black1.png); 
	background-attachment: fixed;
	z-index:1;
	color: #FBD4CF;
}




	
div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 5px solid #1D0400 ;
	background: #1F0300 ;
	
	
}

h1#header
{
	height: 150px ;
	background: url(img/bannier2.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 70px ;
	height: 70px ;
	display: block ;
	
	position: relative ;
	left: 100px ;
	top: 1px ;
	text-indent: -10000px ;
}


  
  
  
ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 110px ;
	line-height: 25px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 1.5px ;
	color: #C01503 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #fff;
}

ul#menu li a:hover
{
color: white;
}




div#contenu
{
	padding: 0 15px 0 50px ;
	
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.5em ;
	color: #fff ;
	border-bottom: 2px solid #2F1001 ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	font-size: 1.4em ;
	/* border-bottom: 1px solid #fff ; */
	border-left: 2px solid #2F1001 ;
	color: #fff ;
}
div#contenu h4
{
	margin-left: 45px ; ;
	font-size: 1.2em ;
	font-weight: bold ;
	text-decoration: none;
}
div#contenu h5
{
	margin-left: 55px ; ;
	text-indent: 1.2em ;
	font-size: 1.1em ;
	font-weight: bold ;
	text-decoration: none;
}

	
div#contenu h6
{
	margin-left: 65px ; ;
	text-indent: 1.8em ;
	font-size: 0.95em ;
	font-weight: bold ;
	text-decoration: none;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 1.2em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #C01503 ;
	text-decoration: none;
}

div#contenu a:hover
{
	color: #fff ;
}


div#poeme
{

width: 250px;
height: 50px;

}

div#illustration
{
position: relative;
left: 350px;
bottom: 20px;
width: 260px;
margin-top: 0;

}

div#presentation
{
position: relative;
left: 350px;
bottom: 20px;
width: 260px;
margin-top: 0;
}

div#photo
{
width: 600px;
margin: auto;
}


p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #fff ;
	font-size: 0.7em;
}

p#retour
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #fff ;
}
p#retour a
{
color : #C01503;
text-decoration: none;
}


p#menubas
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #fff ;
	text-decoration: none;
}

p#menubas a
{
color : #C01503;
text-decoration: none;
}

p#menubas a:hover
{
color :#fff

}

a  img {
border:0;}



div#links  ul li
{
list-style-type:none;
}

a.info {
position: relative;
text-decoration: none; 
color: black;
border-bottom: 1px #F37D54 dotted;
}

a.info span {
display: none;
}

a.info:hover {
background: none;
z-index: 500;
}

a.info:hover span {
display: inline;
position: absolute;
z-index: 500;
top: 2em;
left: 1em;
background: #3D0901;
text-align: center;
color: white;
padding: 0.2em;
}

div#bio 
{

	
}



.gras
{
	text-align: justify ;
	text-indent: 0.1em ;
	font-size: 1em ;
	font-weight: bold ;
}


.ital
{
	font-style: italic;

}


.logo {
text-align: center;
}

.came {
text-align: left;
}

.little
{

font-size: 0.8em;

}


pre
{
	overflow: auto ;
	background: #F7AB51 ;
	border: 2px solid #fff ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #000000 ;
}

pre span.comment
{
	color: #b30000 ;
}