/***************************************************
	REDEFINITION DE BALISES
***************************************************/

body, html, div, p, form, ul, li, h1, h2, h3, h4, dd {
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 11px;
}

body {
	background: url(fond.jpg) #000000 no-repeat center top;
}

a img {
	border: none;
}

a {
	text-decoration: underline;
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.cache {
	display: none;	
}

/***************************************************
	CONTENEURS
***************************************************/

div#conteneur { 
	width: 990px;
	position: relative;
	margin: 0 auto;
}

	/***********************************************
		Header
	***********************************************/

	div#header {
		height: 90px;
		background: url(header.jpg) no-repeat center top;
	}
	
		div#header h1, div#header h2 { display: none; }
		
		ul#menulang {
			margin-left: 788px;
			width: 142px;
			height: 24px;
			background: url(menulangue.gif) no-repeat left top;
			padding-left: 13px;
		}
		
			ul#menulang li {
				list-style: none;
				float: left;
				height: 24px;
			}
			ul#menulang li.on a { font-weight: normal; color: #FFFFFF; }
			
			ul#menulang a {
				display: block;
				height: 24px;
				padding-left: 20px;
				line-height: 23px;
				color: #999999;
			}
			ul#menulang li.fr a { background: url(flag_fr.gif) no-repeat 0 5px; margin-left: 9px;  }
			ul#menulang li.en a { background: url(flag_en.gif) no-repeat 0 5px; }
			
			ul#menulang a, ul#menulang a:hover {
				text-decoration: none;
			}
			ul#menulang a:hover { color:  #ff7e00; }
		
		div#header img#logo {
			margin: 0 0 0 60px;
		}
		
		a#logo {
			float: left;	
		}
		
		ul#menu {
			list-style: none;
			position: absolute;
			margin: 26px 56px 0 0;
			right: 0;
		}
		
			ul#menu li {
				float: left;
				padding: 0px 5px;
				border-left: 1px solid #ffcc66;
			}
			ul#menu li.first { border: 0; }
			
			ul#menu a {
				font-family: Tahoma, Arial, Geneva, sans-serif;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
				text-decoration: none;
			}
			ul#menu a:hover, ul#menu li.on a {
				color: #ff7e00;
				text-decoration: none;
			}
	
	/***********************************************
		Footer
	***********************************************/

	div#footer {
		clear: both;
		width: 990px;
		text-align: center;
		padding-bottom: 20px;
	}
	
		div#credits {
			position: absolute;
			width: 350px;
			right: 0;
			padding-right: 30px;
			color: #999999;
			text-align: right;
			font-size: 10px;
			font-weight: normal;
		}
			
			div#credits a { color: #999999; }
			div#credits a:hover { color: #CCCCCC; }
	
	/***********************************************
		1. Accueil
	***********************************************/

	#buysmall {
		position: absolute;
		top: 300px;
		left: 28px;
	}

	/***********************************************
		2. Livre
	***********************************************/

	#left {
		float: left;
		width: 212px;	
	}
	
		#agrandir {
			width: 212px;
			height: 36px;
			background: url(livre3.jpg) no-repeat left top;
			text-align: center;
		}
		
			#agrandir a {
				margin: 0 0 0 30px;
				line-height: 23px;
			}
			
			#agrandir a:hover {
				color: #ff7e00;	
			}
	
	#centre {
		margin-left: 212px;
		/*width: 778px; Si on fixe la largeur, ça fait bugguer IE6 */
	}
	
		#texte {
			width: 426px;
			height: 525px;
			float: left;
			background: url(livre7.jpg) no-repeat left top;
		}
		
			#texte div {
				margin: 25px 0 0 26px;
				width: 370px;
			}
			
			#texte h2 {
				font-size: 18px;
				font-weight: bold;
			}
			
			#texte h3 {
				font-size: 14px;
				color: #ff7e00;	
				margin: 1px 0 0 0;
			}
			
			#texte h4 {
				font-size: 11px;
				font-weight: bold;
				margin: 0px 0 0 0;
			}
			
			#texte p#accroche {
				font-family: "Times New Roman", Times, serif;
				font-size: 12px;
				font-style: italic;
				text-align: justify;
				margin: 15px 0 0 0;
				line-height: 16px;
				font-weight: normal;
			}
			
			#texte dl {
				margin-top: 57px;
				font-size: 11px;
			}

			#texte dt {
				line-height: 16px;
				font-weight: bold;
				color: #ffe3a2;
				margin-top: 17px;
			}

			#texte dd {
				line-height: 16px;
				font-weight: normal;
			}
		
		#livredroite {
			margin-left: 426px;
		}

	div#slideshow {
		height: 348px;
		width: 750px;
		margin: 0 auto;
		background: url(livre_diaporama.gif) no-repeat top left;
		margin: 14px 0 12px 23px;
	}
	
	div#slideshowcontent {
		padding: 5px;
		font-size: 11px;
		color: #666666;
	}
	
	.smallbox {
		width: 212px;
		line-height: 15px;
		font-size: 11px;
		font-weight: normal;
	}
	
	.smallbox div {
		padding: 46px 0 0 44px;
		color: #232323;
	}
	
	.smallbox#boxacheter {
		background: url(livre5.gif);
		height: 220px;
	}
	
	.smallbox#boxacheter img {
		margin-left: -5px;	
	}
	
	/***********************************************
		4. Galerie
	***********************************************/	
	
	div#feuilleter {
		height: 610px;
		width: 100%;
		background: url(feuilleter2.jpg) no-repeat center top;
		margin-bottom: 0px;
	}
	
	div#feuilletercontent, div#feuilletercontent a {
		padding: 27px 0 0 57px;
		font-size: 11px;
		color: #666666;
	}

	/***********************************************
		4. Galerie
	***********************************************/	
	
	div#galerie {
		height: 640px;
		width: 100%;
		background: url(galerie2.jpg) no-repeat center top;
		margin-bottom: 6px;
	}
	
	div#galeriecontent, div#galeriecontent a {
		padding: 0 0 0 30px;
		font-size: 11px;
		color: #666666;
	}
	
	/***********************************************
		5. Acheter
	***********************************************/	
	
	.box {
		width: 352px;	
		line-height: 15px;
		font-size: 11px;
		font-weight: normal;
	}
	
	.box div {
		padding: 50px 44px 0 14px;
		color: #232323;
	}
	
	.box#informations {
		background: url(acheter4.jpg);
		height: 297px;
	}
	.box#informations div { padding-top: 74px; }
	
		p#prix {
			font-size: 19px;
			color: #990000;
		}
		p#prix span {
			font-size: 12px;
			color: #666666;
		}
		
		.box#informations p#stock {
			margin-top: 15px;
			margin-bottom: 1px;
			color: #339900;
			font-size: 15px;
			font-weight: bold;
		}
		
		.box#informations h3 {
			font-size: 13px;
			margin: 13px 0 4px 0;
		}
		.box#informations h3 span {
			font-size: 11px;
			color: #666666;
			font-weight: normal;
		}
		
	.box#commander {
		background: url(acheter5.jpg);
		height: 162px;
	}
	.box#commander div { padding-top: 54px; }

		div.paypal {
			text-align: center;
		}
		
		div.paypal select {
			margin-bottom: 12px;	
			border: 1px solid #999999;
			padding: 1px;
		}
		
		div.paypal input {
			margin-top: 3px;
		}
		
	/***********************************************
		6. Commande
	***********************************************/
	
	#commandeback {
		height: 460px;
		background: url(commande2.jpg);	
	}
	
	.box#commande {
		width: 670px;
		font-size: 12px;
		float: left;
	}
	
	.box#commande div {
		padding: 55px 55px;
	}
	
	#fb {
		margin-left: 685px;
		padding-top: 25px;
	}