@charset "ISO-8859-1";
#conteneur {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	margin: 0;
	padding:0;
	min-width: 1050px;
}
body {
	margin: 0;
	padding: 0;
    border: none;
	//font-size: 14px;
	//font-family: Georgia, "Times New Roman", Times, serif;
}

H1, H2 , H3{
	text-align:center;
}

#p {
	font-size: 12px;
}

.Style2 {
	font-size: 14px;
}

#contenu {
	position:absolute;
	z-index:100;
	height: 410px;
	width: 900px;
	left:50%;
	top:50%;
	margin:-200px 0 0 -470px;
}

#fond{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	margin:0;
	padding:0;
}
#menu {
	position:absolute;
	z-index:10;
	background: #000;
	height: 110px;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	text-indent: 20px;
	margin:0;
	padding:0;
}

#menu p{
	margin:0;
	padding:0;
}

#menu a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 65px 0 0;
	margin: -20px 0 0 0 ;
}

#logo{
	z-index:102;
	position:absolute;
	height:80px;
	left:50%;
	margin: 23px 0 0 -530px;
}

#logo img{
	border:none ;
	z-index:101;
	width:134px;
	height:100px;
}

#liens {
	position:absolute;
	width: 1000px;
	height:89px;
	left:50%;
	margin: 0 0 0 -480px;
	padding: 85px 0 0 40px;
	float: none;
	text-align:center;
}
#menu  #liens  a:hover {
	color: #999999;
	text-decoration: none;
}
#bas {
	z-index:105;
	position:fixed;
	bottom:0px;
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	float: left;
	height: 90px;
	background: #000;
}

#bas p.lienContact{
	display:block;
	position:absolute;
	width:800px;
	height:89px;
	left:50%;
	margin: 0 0 0 -390px;
	padding: 70px 0 0 70px;
}
#bas a {
	color: #FFFFFF;
	text-decoration: none;
}

a{
	color: #000000;
}

a:hover {
	color: #999999;
	text-decoration: none;
}
a:active, a:focus{
	outline:none;
	text-decoration: none;
}

#liens a.actif{
	color:#999;
}

#intro{
	z-index:300;
	position:fixed;
	width:100%;
	height:100%;
	border:none;
	margin:0;
	padding:0;
}

#recherche{
	width:900px;
	height:20px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0 650px;
	margin: 5px 0 0 -430px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	position:absolute;
	z-index:150;
	left:50%;
}

#recherche input[type=text]{
	border:none;
	width:185px;
	height:16px;
	background: url(images/recherche.jpg) top left no-repeat;
	padding:0 0 10px 5px;
	margin: 0;
}

#recherche input[type=submit]{
	position:relative;
	width:30px;
	height:18px;
	margin:-5px 0 0 -35px;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	border:none;
	background: #000;
	cursor:pointer;
}

#bas p.copyright{
	position:fixed;
	margin:0;
	padding:0;
	bottom:0;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	width:250px;
	height:15px;
	left: 50%;
	margin: 0 0 0 -125px;
	color:#FFF;
}

#contact{
	position:relative;
	width:900px;
	padding:0;
	margin: 0 0 0 50px;
}

#contact a, #contact a:visited{
	text-decoration:none;
	color:#009;
}

#galerie{
	z-index:200;
	position:absolute;
	width:1000px;
	left:50%;
	height:50%;
	margin: 15% 0 0 -500px;
}

#actualite{
	position:absolute;
	overflow:auto;
	width:700px;
	height:400px;
	left: 50%;
	top:50%;
	padding: 0 20px 0 0;
	margin: -200px 0 0 -350px;
	text-align:justify;
	z-index:200;
}

#actualite hr{
	margin: 0 0 40px 0;
}

#actualite img{
	margin: 0 0 20px 100px;
}

#actualite object{
	float:left;
	margin: 0 20px 20px 0;
}

#actualite p{
	margin: 10px 0 0 0;
}

#pagination{
	position:relative;
	float:right;
	margin: 400px 80px 0 0;
}

#pagination li{
	display:inline;
	border-right: 1px solid #333;
	margin:0px;
	padding: 0 3px 0 3px;
	list-style:none;
	text-decoration:none;
}
#pagination li a{
	color:#000;
	text-decoration:none;
}
#pagination li.last{
	border-right: none;
}

#amazon{
	position:relative;
	margin:5px -100px 0 0;
	padding:0px;
	width: 400px;
	bottom:0px;
	float:right;
	font-size:18px;
	text-align:left;
}
#amazon p{
	display:inline-block;
	padding:0px;
	border:none;
	margin: 20px 0 0 0;
}


#amazon p img{
	position:relative;
	border:none;
	top:10px;
	left:10px;
}
/********* PAGE livre_mots *********/

/* PAGE INDEX */

#contenuIndex {
	position:absolute;
	z-index:200;
	height: 400px;
	width: 900px;
	left:50%;
	top:50%;
	margin:-200px 0 0 -470px;
}

#actualiteIndex{
	position:absolute;
	overflow:auto;
	width:900px;
	height:400px;
	left: 50%;
	top:50%;
	padding: 0 20px 0 0;
	margin: -200px 0 0 -450px;
	text-align:justify;
}

#actualiteIndex hr{
	margin: 0 0 40px 0;
}

#actualiteIndex a,
#actualiteIndex a:link,
#actualiteIndex a:visited,
#actualiteIndex a:hover,
#actualiteIndex a:active{
	text-decoration:none;
	color:#000000;
}
#actualiteIndex a:hover{
	color:#666666;
}

#actualiteIndex img{
	border:none;
	margin: 0 0 20px 30px;
}

.polar{
	color:#cd071e;
}
.romantiques{
	color:#ca3d7b;
}
.comedie{
	color:#37601e;
}
.classique{
	color:#2778a0;
}
.engage{
	color:#d98300;
}
.historique {
	color:#0066cc;
}
.psychologique{
	color:#8f458c;
}

#auteurs{
	position:relative;
}

/* PAGE bio auteur */

#biographie {
	text-align:justify;
	height: 300px;
	float: left;
	margin-top: 65px;
	width: 450px;
	padding-left: 30px;
	padding-right: 30px;
	overflow:auto;
}

#biographie p{
    margin: 0px;
}

#couverture {
	float: right;
	margin-top: 83px;
	height: 240px;
	width: 200px;
	text-align: center;
}
/****** page bio *********/
#couverture_bio {
	float: right;
	margin-top: 75px;
	margin-right: -130px;
	height: 300px;
	width: 320px;
	overflow:visible;
}


#liens_oeuvre {
	height: 110px;
	margin-top: 150px;
	border-left-width: thin;	
	border-left-style: solid;
	border-left-color: #666666;
	width: 85px;
	float: right;
	text-align: justify;
	text-indent: 10px;
	padding-right:30px;
}
#liens_oeuvre a {
	text-decoration: none;
	color: #000000;
}
#liens_oeuvre a:hover {
	color: #999999;
	text-decoration: none;
}
#photo {
	float: left;
	height: 300px;
	width:150px;
	margin-top: 30px;
	text-align:center;
}

#imageAuteur{
	position:relative;
}

#nomAuteur{
	position:relative;
	margin-top:-20px;
}

#contenuAuteur{
	position:absolute;
	z-index:100;
	height: 410px;
	width: 950px;
	left:50%;
	top:50%;
	margin:-200px 0 0 -470px;
	overflow: auto;
}

#auteurs td{
	width:200px;	
}

#couverture img{
	border:none;
}
#couverture_bio img{
	border:none;
}

p.lien_news{
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -630px;
	font-size: 12px;
	margin-top: 5px;
}