@CHARSET "UTF-8";

body {
	background:  #FDF9EE;
	background: #B0AFAF;
	
	
	font: normal 12px/ 14px "Lucida grande", Helvetica, sans-serif;
	padding: 0;
	height:100%; /* 100 % en hauteur */
	z-index: 0;

}

h3 {
	font-size: 14px;
	color: #405A67;
	margin-bottom: 10px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #405A67;
}

.label1 {
	font-size: 12px;
	color: #405A67;
}

a.textlink {
	color: #404D67;
	font-style: normal;	
	padding-left: 5px;
	padding-right: 5px;
}

a.textlink:HOVER{
	color: white;
	background-color: gray;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

a.link {
	color: #404D67;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

a.add_button {
	color: #405A67;
	font-style: normal;
	text-decoration: none;
}

a.link:HOVER{
	color: white;
	background-color: gray;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

a.tag {
	color: #405A67;
	font-style: normal;
	text-decoration: none;
}
a.tag:HOVER{
	color: white;
	background-color: gray;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

p.bienvenu {
	font-size:20px;
	color: #405A67;
	font-weight:bold;
	padding-left: 30px;
	padding-top: 30px;
	
}

p.welcome_message { 
	font-size: 16px;
	color: #405A67;
	font-weight: normal;
	padding-left: 30px;
	padding-top: 30px;
	
}

p.welcome_message2 { 
	font-size: 16px;
	color: #6A8FA2;
	font-weight: normal;
	padding-left: 120px;
	padding-top: 5px;
	
}
#kilitoo { width:1000px; position: absolute; left: 50%; margin:0 0 0 -495px; }	

div#kilitoo2 {
	
	margin:10px 0px;
	padding:0px;
	text-align:left;
	width : 1000px;
}

div#entete {
	
	height: 100px;
	width : 100%;
	z-index: 10;
	width : 700px;
}

div#left {
	float:left;
	font-size:13px;
	padding:0px;
	width:151px;
	
	position:  fixed;
	top: 0;
	
	
}

div#wide {
	float:left;
	width:840px;
	display:block;
	margin-left: 151px;
}

div#widetop {
	float:left;
	width:100%;
	display:block;
	background-color: #3B5998;
	border: 1px solid #3B5998;
}
.hover {
	background-color: red;
}

.main_container {
	float:left;
	width:780px;
	padding-left: 30px;
	padding-right: 30px;
	display:block;
	background: white;
	border: 1px solid #3B5998;

	/*overflow: auto;*/
}



#left a.logo {
	background-color: #3B5998;
	background-position: left top;
	background-repeat: no-repeat;
	display:block;
	font-size:13px;
	height:80px;
	margin:0pt;
	padding:10px 5px 0px 4px;
	position:absolute;
	width: 140px;
	z-index:3;
	border: 1px solid #3B5998;
}

a img{
	border: none;
}

div#div_logo {
	background: #F7F7F7 none repeat scroll 0%;
	/*margin:2em 0pt 10px;*/
	/*padding:65px 0px 0px;*/
	border: 1px solid #3B5998;
}

div#menu {
	background: #F7F7F7 none repeat scroll 0%;
	/*margin:2em 0pt 10px;*/
	/*padding:65px 0px 0px;*/
	padding-top: 100px;
	border: 1px solid #3B5998;
}

div#menu a.menuitem {
	font: bold 14px/ 26px  "Lucida grande", sans-serif;
	color: black;
	text-decoration: none;
	margin: 5px 0px;
	padding: 5px 35px;
	height: 50px;
	width: 100%;
}

div#menu a.menuitem:HOVER {
	font: bold 14px/ 26px  "Lucida grande", sans-serif;
	color: black;
	text-decoration: none;
	background-color: #E5EEFF;
	border-bottom: 1px solid #3B5998;
	border-top: 1px solid #3B5998;
}

div#lastviewed {
	padding-left: 20px;
}

div#basket {
	border: 3px dashed #3B5998;
	
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	width: 120px;
	height: 200px;
	overflow: auto;
	
	
}

div#basket.hover {
	
	background-color: #E5EEFF;
}



div#about{
	font: normal 12px "Lucida grande", Helvetica, sans-serif;
	width: 500px;
	margin: 10px 100px 100px 10px;
}

div#about p{
	width: 500px;
	margin-left: 50px;
	text-align: justify;
}

div#searchBox {
	padding-left: 10px;
	padding-top:  4px;
	padding-right: 10px;
	display: none;
	position: absolute;
	background: white ;
	width: 300px;
	height: 26px;
	border: 1px solid #3B5998;
	z-index: 100;
	
}

img.shade{
	width: 305px;
	height: 50px;
/* specify the dimension of the image */
	display: block;
	position: absolute;
	z-index: -1;
/* force the image to show below the content */
	right: -30px;
	bottom: -10px;
}

div#bottom {
	height: 80px;
	width : 900px;
	clear: both;
	background: gray;
	position: absolute;
	z-index: 9;
	margin: 20px 0;
	
}

table.result{
	
	margin-left: 10px;
}
table.result td{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #3B5998;
}
table.result td.pres{
	padding-left: 20px;
	max-width: 450px;
}

table.result tr{

	
	
	
}
table.result tr:hover{
	background-color: #D9EAFA;
	
}

div#tagcloud{
	padding-left: 20px;
	width: 300px;
		float: right;
	display: block;
}
div#welcome_connect{
	padding-left: 20px;
	width: 300px;
		float: left;
	display: block;
}

div#lastBook{
	
	margin-top: 20px; 
	margin-left: 40px; 
	width: 700px;
	display: block;
}

/***** FORMS ***********/


.field  input{
	background:#E5EEFF none repeat scroll 0% 0%;
	border:1px solid #CCCCCC;
	color:inherit;
}

.field input.button{
	background:#405A67 none repeat scroll 0% 0%;
	border:1px solid black;
	font-size: 12px;
	font-weight: bold;
	color: white;
}


.field input:FOCUS {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:1px solid #777777;
	color:inherit;
}
.field  TEXTAREA{
	background:#E5EEFF none repeat scroll 0% 0%;
	border:1px solid #CCCCCC;
	color:inherit;
}

.field TEXTAREA:FOCUS {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:1px solid #777777;
	color:inherit;
}

.field  SELECT{
	background:#E5EEFF none repeat scroll 0% 0%;
	border:1px solid #CCCCCC;
	color:inherit;
}

.field SELECT:FOCUS {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:1px solid #777777;
	color:inherit;
}

.field label {
clear:left;
display:block;
float:left;
font-size:14px;
width:10em;
}

/****************************/

div#resultsearch{
	border-top: 1px double #3B5998;
	padding-left: 40px; 
	padding-top: 10px;
	
}

div#book_description{
	/*border: 1px solid #3B5998;*/
	
	width: 600px;
	padding-left: 10px;
	display:block;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	
}

div#book_image{
	/*border: 1px solid #3B5998;*/
	width: 150px;
	float: right;
	display:block;
}

div#book_image .img{
	border: 1px solid #3B5998;
	
}

div#book_summary{ 
	/*border: 1px solid #3B5998;*/
	width: 600px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 10px;
}

div#book_tags{ 
	/*border: 1px solid #3B5998;*/
	width: 500px;
	float: left;
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div#book_element{
	/*border: 1px solid #3B5998;*/
	width: 200px;
	float: left;
	display:block;
	margin-left: 20px;
	
}

div#book_evaluation{
	/*border: 1px solid #3B5998;*/
	width: 575px;
	float: left;
	display:block;
	padding-left: 20px;
	padding-top: 10px;
	
}

div#book_rates{
	/*border: 1px solid #3B5998;*/ 
	width: 775px;
	float: left;
	display:block;
	padding-left: 20px;
	padding-top: 10px;
	
}

div#book_description span.title{
	font-weight: bolder;
	font-size: 18px;
	
}
div#book_description span.author{
	font-style: italic;
	font-size: 12px;
	padding-left: 50px;
	
	
}

div#book_description span.editor{
	font-style: italic;
	font-size: 12px;
	padding-left: 50px;
	
}

table#ratingtable tr{
	height: 10px;
}

table#ratingtable {
	padding-left: 30px;
}
table#ratingtable td{
	height: 10px;
}
table#ratingtable td#separator{
	width: 80px;
}


  div.slider { 
  	width:100px; 
  	margin:13px 0 0 0; 
  	background-image: url("images/bg-fader.gif"); 
  	height:10px; 
  	position: relative;
   }
  div.slider div.handle { 
  	width:14px; 
  	height:12px; 
  	/*background-color:#3B5998;*/
  	background-image: url("images/thumb-n.gif");  
  	cursor:move; 
  	position: absolute; }
  	
.rate_sum {
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	color: #405A67;
}

.comment {
	border: 1px solid #89A7B6 ;
	float: left;
	display: block;
	width:  90%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.comment .title{
	font-weight: bold;
	font-style: oblique;
	color: #405A67
}
.comment .text{
	font-style: oblique;
	color: #405A67;
}

.comment .date{
}

div#comment_user{
	font-style: oblique;
}

.star{
	width: 20px;
}

#control_overlay {
		background-color:#000;
	}
	
	.modal {
		background-color:#fff;
		padding:10px;
		border:1px solid #333;
	}

	.tooltip {
		border:1px solid #000;
		background-color:#fff;
		height:25px;
		width:200px;
		font-family:"Lucida Grande",Verdana;
		font-size:10px;
		color:#333;
	}

	.simple_window {
		width:250px;
		height:50px;
		border:1px solid #000;
		background-color:#fff;
		padding:10px;
		text-align:left;
		font-family:"Lucida Grande",Verdana;
		font-size:12px;
		color:#333;
	}
	
	.window {
		background-image:url("/stylesheets/window_background.png");
		background-position:top left;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding:10px;
		font-family:"Lucida Grande",Verdana;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		min-width:150px;
		min-height:100px;
	}
	
	.window .window_contents {
		margin-top:10px;
		width:100%;
		height:100%;	
	}

	.window .window_header {
		text-align:center;
	}

	.window .window_title {
		margin-top:-7px;
		margin-bottom:7px;
		font-size:11px;
		cursor:move;
	}

	.window .window_close {
		display:block;
		position:absolute;
		top:4px;
		left:5px;
		height:13px;
		width:13px;
		background-image:url("/stylesheets/window_close.gif");
		cursor:pointer;
	    cursor:hand;
	}

.bookshelf .container {
	background: #C8D5DC; 
	background: url("images/wood.jpg");

	border: 1px solid black; 
	margin-top: 20px;
	margin-left:40px;
	padding-bottom: 10px;
	width: 700px;
	position: relative;
	overflow: auto;
	
	
	
}

.bookshelf .containerhover {
	background: #E5EEFF; 
	border: 1px solid black; 
	margin-top: 20px;
	margin-left:40px;
	padding-bottom: 10px;
	width: 700px;
	position: relative;
	 overflow: auto;
	
}

.bookshelf .subcontainer {
		background: url("images/wood.jpg");
	background: inherit; height: 180px; padding-left: 10px;
}
.bookshelf .subcontainerhover {
	background: inherit; height: 180px; padding-left: 10px;background: #E5EEFF; 

}

.bookshelf .bookcontainer{
	position: relative; width: 110px; height: 180px; float: left;
}

.bookshelf .book {
	position: absolute; bottom: 0; color:  white; height: auto;width: 100px;
}

.book_icon_set {
	border: solid 1px #3B5998;background-color: white;
}