html, body{
	padding: 0;
	margin: 0;
	border: 0;

	font-family: verdana;
	font-size: 13px;
	color: #fff;
	text-align: left;
	
	background-color: #000;
	background-image: url("img/fond_blanc.png");
	background-repeat: repeat-y;
}


a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #64161F;
}
img{
	border: 0;
}

ul, li{
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}
hr{
	background-color: #c6c7c8;
}
h1{
	color: #c6c7c8;
}
h2{
}
.on{
	color: 	#c6c7c8;
}
.pagination{
	text-align: right;	
}
div.autre{
	margin-bottom: 60px;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#tete{
	position:relative;
	width: 914px;
	height: 113px;

	background-position: 0 0;
	background-image: url("img/entete_logo.jpg");
	background-repeat: no-repeat;	
}
#recherche{
	position: relative;
	float: right;
	top: 88px;
}
#retour_accueil a{
	position: absolute;
	top: 33px;
	left: 110px;
	display: block;
	width: 309px;
	height: 80px;
}


#gauche{
	float: left;
	width: 290px;

	text-align: right;
	color: #000;
}
#gauche a{
	color: #000;
}


#menu_gauche{
	position: relative;
	float: right;
	width: 200px; /* 200 pour debordement sur droite sinon 180 */
	left: 22px;
	
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;

	background-image: url("img/sonatine_so.jpg");
	background-repeat: no-repeat;
	line-height: 30px;
}

#menu_gauche li a{
	display: block;
	width: 200px;
	font-weight: bold;
}
#menu_gauche li a span{
	padding-right: 40px;
}
#menu_gauche li a:hover, #menu_gauche li a.selected{
	border: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid grey;
	height: 29px;
	_width: 199px;			/* Speciale Dedicace a IE ! */
	
	color: #fff;
	background-color: #000;
	font-size: 14px;
}
#menu_gauche li li{
	font-size: 11px;
	line-height: 15px;
}
#menu_gauche li li a{
	font-weight: normal;
}
#menu_gauche li li a:hover, #menu_gauche li li a.selected{
	border: 0;
	height: 15px;

	font-size: 11px;
	color: #871111;
	background-color: transparent;
}
.sous_menu{
	font-style: italic;
}


#image_gauche{
	clear: both;
	float: right;

	margin: 0;
	padding: 6px 6px 0 0;	
}

#droite{
	float: left;
	width: 625px;
}


#contenu{
	width: 543px; /* 624px -1px border -40+40px padding */
	padding: 25px 40px 25px 40px;
	line-height:20px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#contenu a{
	text-decoration:underline;
}



#contenu .achatLivre a{
	font-size:21px;
	font-style:normal;
	text-indent:15px;
	line-height:34px;
	width:163px;
	height:40px;
	background:url(../theme/img/boutonAchatLivre.png) no-repeat;
	float:right;
	margin-bottom:10px;
	
}

#contenu .achatLivre a:hover{color:black;}

#contenu .achatLivre a:hover{
	font-size:21px;
	font-style:normal;
	margin-left:17px;
	line-height:34px;
	color:#000000;
	width:163px;
	height:40px;
	background:url(../theme/img/boutonAchatLivre.png) no-repeat bottom left;
	float:right;
	
}

.liste_mois{
	height: 110px;
}
.le_mois{
	width: auto;
	border-bottom: 1px solid #fff;
}
.les_couvs{
	float: right;
}

#le_livre img{
	float: left;
	margin: 0;
}
#le_livre h1, #le_livre h2{
	margin: 0;
	display: inline;
}
.trad{
	font-style: italic;
	margin: 0;
}
#le_livre li{
	text-indent: 30px;
}

#pitch{
	clear: both;
}

#ps{
	font-size: 11px;
}
.nota{
	font-style: italic;
	font-size: 11px;	
}



h1.news_titre{
	font-size: 14px;
	border-bottom: 1px solid #fff;
	margin-top: 30px;
}
.date{
	font-size: 11px;	
	font-style: italic;
}



#pied{
	line-height: 20px;
	font-size: 9px;
	color: grey;
	text-align: center;
}
#pied a{
	color: grey;
}
#pied a:hover{
	color: #fff;
}
#pied .rss{
	margin-bottom: -4px;
}



.spip_surligne{
	background-color: #64161F;
}
a.vcard{
	display: block;
	float: right;
	width: 120px;
	height: 40px;
	padding-right: 50px;
	padding-top: 0;
	margin-top: 0px;

	background: url("img/vCard.png") no-repeat top right;
	font-size: 11px;
	text-align: right;
}
a.vcard:hover{
	background: url("img/vCard.png") no-repeat bottom right;	
}



#bandeau_burton{display:block;text-decoration:none;position:absolute;left:421px;top:5px;width:494px;height:107px;background: transparent url('img/bandeau_accueil.png') 0 0 no-repeat;}
div#fancy_inner {background-color:transparent;}
div#fancy_bg{height:0px;width:0px;display:none;}
div#fancy_close{right:95px;top:2px;}

#uglyFaceBook{background-color:#fff;padding:10px;}
.acheter{padding:5px;background-color:#fff;color:red;}
.acheter a{color:red;}
.acheter a:hover{color:#000;}

#contenu ul#listingArt{margin-top:20px;}
#contenu ul#listingArt li{float:left;width:135px;margin-bottom:30px;height:295px; z-index: 30;}
#contenu ul#listingArt li img{z-index:20;float:left;} 
#contenu ul#listingArt li.hoverListingLivres{background: url('../theme/img/overListingLivres.png');}

.technicienDeSurface{clear:both;margin:25px;padding:0;}

#filtre{border-top:1px solid grey;border-bottom:1px solid grey;padding:12px 0;}
.titreLivre{font-style:italic;font-size:0.9em;padding-left:20px;float:left;}
.auteurLivre{font-size:0.9em;padding-left:20px;float:left;}
.dateLivre{font-style:italic;font-size:0.7em;padding-left:20px;float:left;}

#filtre a{width:65px;display:block;float:left;background:url("img/filtreDeselect.png") no-repeat scroll center transparent;color:white;text-decoration:none;font-style:normal;margin-left:12px;}
#filtre a.actif{background:url("img/filtreSelect.png") no-repeat scroll center transparent;color:black;}
#filtre a.actifAfficher{text-decoration:underline;}
#filtre .legende{float:left;}

#filtre a#titre{text-indent:18px;}
#filtre a#auteur{text-indent:13px;}

ul#filtreParLettres{margin-left:10px;position:relative;}
ul#filtreParLettres li{float:left;margin-right:15px;}
ul#filtreParLettres a{text-decoration:none;background:none;margin:0;}
ul#filtreParLettres a:hover{text-decoration:underline;background:none;}