ul,ol { list-style: none; }

ul, li, h1, h2 , p{margin: 0; padding: 0;}

#mainmenu {}

html {
text-align: center;
}

a {
color: #FFF;
}

body {
position: relative;
margin: 0 auto;
padding: 0;
text-align: justify;
width: 846px;
margin: 0 auto;
background-color: #141217;
font-family: "Verdana", "Century Gothic","Baskerville Old Face", "Myriad Pro";
}

img, div {
	margin: 0;
	padding: 0;
}

div#construction {
	position: absolute;
	color: #FFF;
}

div#top {
	position: absolute;
	width: 100%;
	top: 249px;
}

div#left {
	position: absolute;
	top: 349px;
}

.center {
	text-align: center;
}

h1 {
	position: absolute;
	display: block;
	top:0;
	right:0;
	width: 350px;
	height : 100px;
	background : url(images/top1r.jpg) no-repeat;
	text-indent: -9999px;
}

div#center {
	position: absolute;
	top: 497px;
	/* background-color: #8a685c; */
	background-color: #977264;
	left: 137px;
	width: 709px;
	min-height: 600px;
}

div#content {
	width: 430px;
	background-color: #977264;
	color: #000;
	padding: 10px 10px;
	margin-left: 9px;
}

div#list-librairies {
	font-size: 80%;
}

img#line-middle {
	position: absolute;
	top: 140px;
}

img#line-bottom {
	position: absolute;
	top: 0;
	left: 35px;
	
	z-index: 5;
}

/** EXTRAIT DU LIVRE **/

#p1-1,#p2-1, #p3-1 {
position: absolute;
top: 0;
left: -150px;
width: 502px;
height: 494px;

}

#p1-2, #p2-2, #p3-2 {
	position: absolute;
	top: 0;
	left: 352px;
	width: 498px;
	height: 494px;
}

#p1-2, #p1-1 {z-index: 4;}
#p2-2, #p2-1 {z-index: 3;}
#p3-2, #p3-1 {z-index: 2;}

#p1-1 {background: url(images/extrait/p1_1.jpg) no-repeat;}
#p1-2 {background: url(images/extrait/p1_2.jpg) no-repeat;}
#p2-1 {background: url(images/extrait/p2_1.jpg) no-repeat;}
#p2-2 {background: url(images/extrait/p2_2.jpg) no-repeat;}
#p3-1 {background: url(images/extrait/p3_1.jpg) no-repeat;}
#p3-2 {background: url(images/extrait/p3_2.jpg) no-repeat;}

#arrow-right {
	position: absolute;
	z-index: 4;
	left: 800px;
	top: 445px;
}

#arrow-left {
	position: absolute;
	z-index: 4;
	left: -135px;
	top: 445px;
}

div#thumbs {
	position: relative;
	width: 1000px;
	left: -185px;
	text-align: center;
	top: 500px;
		color: #FFF;
}

#thumbs #e1, #thumbs #e2, #thumbs #e3 {
	position: absolute;
	top: 50px;
	margin-left: -92px;
}

.shadowed {
	opacity: 0.3;
}

.cursor {
	cursor: pointer;
}

img#pager {
	position: absolute;
	right: 0;
}

img#page-bck {
	position: absolute;
	left: 0;
}

img#shadow {
	position: absolute;
	right: 0;
	margin-right: -50px;
}


/** Player Bas **/

div#player-bas {
	position: fixed;
	background-color: #141217;
	text-align: center;
	width: 100%;
	height: 25px;
	bottom: 0;
	left: 69px;
}

/** Player Bas **/

div#player-droit {
	position: fixed;
	text-align: center;
	height: 50px;
	top: 50px;
	left: 260px;
	
}

#player-image {
	position: absolute;
	bottom : 0;
	left: 0;
}

#player-fermer {
	z-index: 2;
	position: absolute;
	text-decoration: none;
	color: #69738a;
	bottom: 2px;
	display: block;
	width: 100%;

}

#player-fermer:hover {
	color: #FFF;
}

/** PAGE COMMANDER */

p#hide {
	background-color: #FFF;
}

#click-p1, #click-p2, #click-p3 {
	color: #000;
}

input[type=submit]#btn-acheter {
	display: block;
	width: 220px;
	height: 40px;
	margin-left: 100px;
	margin-top: 20px;
	border: 0;
	text-indent: -9999px;
	background: url(images/btn_acheter.jpg) no-repeat;
}

input[type=submit]#btn-acheter:hover {
	border: 0;
	cursor: pointer;
	background-image: url(images/btn_acheter_hover.jpg);
}

/** Boutons de la page Commander **/

a#btn-commander {
	display: block;
	width: 220px;
	height: 40px;
	text-indent: -9999px;
		margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(images/btn_commander.jpg) no-repeat;
}


a#btn-commander:hover {
	background-image: url(images/btn_commander_hover.jpg);
}


/** SPRITES **/

div#menu-head {
	position: absolute;
	top: 349px;
	left: 137px;
}


/** SPRITE LIRE **/

ul#menu-lire li a{ display: block; width: 359px; height: 140px; overflow: hidden; background-image: url(images/sprite-lire.jpg); background-repeat: no-repeat; text-indent: -9999px;}

ul#menu-lire li#sprite-lire a:hover { background-position: -359px 0; }

ul#menu-lire li#sprite-lire a:active { background-position: -718px 0; }

#menu-head.lire ul#menu-lire li#sprite-lire a { background-position: -1077px 0; cursor: default; }

/** SPRITE ECOUTER **/

ul#menu-ecouter {
	position: absolute;
	top: 0;
	left: 359px;
	}

ul#menu-ecouter li a{ display: block; width: 350px; height: 140px; overflow: hidden; background-image: url(images/sprite-ecouter.jpg); background-repeat: no-repeat; text-indent: -9999px;}

ul#menu-ecouter li#sprite-ecouter a:hover { background-position: -350px 0; }

ul#menu-ecouter li#sprite-ecouter a:active { background-position: -700px 0; }

#main-head.ecouter ul#menu-ecouter li#sprite-ecouter a { background-position: -1050px 0; cursor: default; }

/** SPRITE MENU PRINCIPAL **/

div#mainmenu {position: absolute; right: 0; top: 0px; width: 250px;}

ul#globalnav li a{ display: block; width: 250px; height: 50px; overflow: hidden; background-image: url(images/sprites_NEW.jpg); background-repeat: no-repeat; text-indent: -9999px;}

#mainmenu #globalnav li#sprite-livre a { background-position: 0 0px; }
#mainmenu #globalnav li#sprite-commander a { background-position: 0 -50px; }
#mainmenu #globalnav li#sprite-deutsch a { background-position: 0 -100px; }
#mainmenu #globalnav li#sprite-vernissage a { background-position: 0 -150px; }
#mainmenu #globalnav li#sprite-auteurs a { background-position: 0 -200px; }
#mainmenu #globalnav li#sprite-soutiens a { background-position: 0 -250px; }

#mainmenu #globalnav li#sprite-livre a:hover { background-position: -250px 0px; }
#mainmenu #globalnav li#sprite-commander a:hover { background-position: -250px -50px; }
#mainmenu #globalnav li#sprite-deutsch a:hover { background-position: -250px -100px; }
#mainmenu #globalnav li#sprite-vernissage a:hover { background-position: -250px -150px; }
#mainmenu #globalnav li#sprite-auteurs a:hover { background-position: -250px -200px; }
#mainmenu #globalnav li#sprite-soutiens a:hover { background-position: -250px -250px; }

#mainmenu #globalnav li#sprite-livre a:active { background-position: -500px 0px; }
#mainmenu #globalnav li#sprite-commander a:active { background-position: -500px -50px; }
#mainmenu #globalnav li#sprite-deutsch a:active { background-position: -500px -100px; }
#mainmenu #globalnav li#sprite-vernissage a:active { background-position: -500px -150px; }
#mainmenu #globalnav li#sprite-auteurs a:active { background-position: -500px -200px; }
#mainmenu #globalnav li#sprite-soutiens a:active { background-position: -500px -250px; }


#mainmenu.livre #globalnav li#sprite-livre a { background-position: -750px 0; cursor: default; }
#mainmenu.commander #globalnav li#sprite-commander a { background-position: -750px -50px; cursor: default;}
#mainmenu.deutsch #globalnav li#sprite-deutsch a { background-position: -750px -100px; cursor: default;}
#mainmenu.vernissage #globalnav li#sprite-vernissage a { background-position: -750px -150px; cursor: default;}
#mainmenu.auteurs #globalnav li#sprite-auteurs a { background-position: -750px -200px; cursor: default;}
#mainmenu.soutiens #globalnav li#sprite-soutiens a { background-position: -750px -250px; cursor: default;}

/*
div#main {
	position: relative;


}

div#top {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100px;
	background-color: blue;
}

div#left, div#slide-left {
	position: absolute;
	top: 100px;
	left: 0;
	height: 200px;
}

div#right, div#slide-right {
	position: absolute;
	top: 100px;
	right: 0;
	height: 200px;
}

div#left, div#right {
	width: 200px;
	background-color: blue;
}

div#slide-left, div#slide-right {
	width: 10px;
	background-color: black;
}



div#center {
	position: absolute;
	top: 100px;
	left: 200px;
	width : 600px;
	height: 200px;
	background-color: red;
	z-index: -1;
}

div#bottom {
	position: absolute;
	top: 300px;
	left: 0;
	width: 100%;
	height: 500px;
	background-color: blue;
	
}
*/