/*------ Common --*/
body{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
  color:#000000;
  margin:0; 
  padding:0;
  background:url(images/fond2.gif) top left repeat-y;  
}
img{
  border:0;
}
p{
  text-align:justify;
}
a{
	color:#000000;
}
ul, li, blockquote, h1{
  margin:0; 
  padding:0; 
} 
#head{
	height:125px;
  background:url(images/banniere.jpg) top left repeat-x;
}
#pointe_banniere{
	position:absolute;
  z-index:2;
  top:125px;
  left:338px;
  width:356px;
  height:88px;
  /*background-color:#DEC99F;*/
}
#pointe_banniere img{
	position:absolute;
  top:-1px;
  left:243px;
}
#menu2{
	position:relative;
	float:left;
  width:30%;
  height:500px;
}
#menu2 li{
	position:absolute;
  list-style-type:none;
}
#menu2 li a.fd_bouton{
	display:block;
  background:url(images/img-menu.jpg) top left no-repeat;
  font-variant:small-caps;
  color:#4b4b4b;
  text-decoration:none;
  font-weight:bold;
  font-size:1.2em;
  padding:15px 0 15px 55px;
}
#menu2 li a.fd_bouton:hover{
  background:url(images/img-menu2.jpg) top left no-repeat;
}

#pourquoi{
  left:80px;
}
#comment{
	top:58px;
  left:43px;
}
#combien{
	top:115px;
  left:20px;
}
#unpeudemoi{
	top:175px;
  left:12px;
}
#extraits{
	top:240px;
  left:15px;
}
#contact{
	top:281px;
  left:119px;
	background:none;
}

#npi{
	top:390px;
  left:10px;
}
#liensutiles{
	top:450px;
  left:140px;
}
#plume{
	position:absolute;
	top:175px;
  left:233px;
  z-index:3;
}
#contenu{
	position:relative;
  z-index:1;
	margin-left:300px;
  margin-top:0;
  padding:20px 20px 40px 20px;
	background-color:#DEC99F;
  width:398px;
  min-height:100%;
	
}
#contenu2{
	position:relative;
  z-index:1;
	margin-left:300px;
  margin-top:0px;
  padding:20px 20px 40px 20px;
  width:398px;
  background:url(images/photo-ecrivain.jpg) top right no-repeat;
	background-color:#DEC99F;
  min-height:100%;
	
}
#contenu h2{
	margin-top :10px;
	line-height:1.5em;
}
#contenu h2 span{
	padding-left:90px;
  font-size:0.9em;
}
.square{
	float:left;
  margin-right:5px;
  margin-top:5px;
}

.livre{
	float:left;
  margin-right:5px;
  margin-top:5px;
}
#photo{
	margin-right:0px;
  margin-top:-10px;
	z-index:1;
}

#footer{
  background:url(images/pied-page.jpg) left 20px repeat-x;
  height:60px;
  clear:both;
	
  margin-top:80px;
}
#piedcontenu{
	position:relative;
  margin-left:300px;
  margin-top:-700px;
  z-index:0:
}
.italique{
font-style: italic;
text-align:right;
font-size:1em;
font-weight:bold;
}

span.bold{
font-weight:bold;
}
#signature{
  margin-right:10px;
  font-size:0.7em;
	Text-align:right;	
}