body {
	background:#fff;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:none;
}


/* ------------------- bloc central principal --------- */
#Intro {
	position:relative;
	display:block;
	width:800px;
	height:600px;
	margin:0 auto 0 auto;
	border:1px solid #000;
	background:#fff;
}

/* ---------------- rouge et noir en haut au centre --------- */
#IntroHaut {
	position:relative;
	display:block;
	margin:0 auto 0 auto;
	width:424px;
	height:50px;
	background-image: url(../images/fond-haut.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* ---------------- fond à gauche ---------- */
#IntroGauche {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height: 650px;
	background-image: url(../images/fond-gauche.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* ---------------- fond à droite ---------- */
#IntroDroite {
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height: 650px;
	background-image: url(../images/fond-droite.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* -------------------------- positionnement des menus ---------------- */
#MenuCatalogue {		/* ------ Menu Catalogue ------ */
	position:absolute;
	top:0;
	left:0;
	width:212px;
	height:35px;
}

#MenuNouveautes {	/* ------ Menu Nouveautés ------ */
	position:absolute;
	top:0;
	left:212px;
	width:200px;
	height:35px;
}

#MenuLivres {	/* ------ Menu Livres en Vue ------ */
	position:absolute;
	top:0;
	left:412px;
	width:200px;
	height:35px;
}

#MenuPanier {	/* ------ Menu Mon panier ------ */
	position:absolute;
	top:0;
	left:612px;
	width:188px;
	height:85px;
}

#MenuComment {	/* ------ Menu Comment commander ------ */
	position:absolute;
	top:85px;
	left:612px;
	width:188px;
	height:84px;
}

/* --------------------- cas spécifique des collections ----------- */
#Collections {	/* ----- le bloc principal  ------ */
	position:absolute;
	top:35px;
	left:0;
	width:212px;
	height:134px;
	background:#F9F9F9;
	overflow:hidden;
}

#Collections a {	/* ------ les liens ------- */
	display:block;
	height:27px;
	width:212px;
	font-size:18px;
	font-weight: bold;
	text-transform: uppercase;
	padding:0 0 0 50px;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left center;
}

#Collections a:hover {
	color:#000;
}

.Collection1 {	/* -------- la première collection ------ */
	background-image:url(../images/fond-collection1.gif);
	color:#FDCB00;
}

.Collection2 {
	background-image:url(../images/fond-collection2.gif);
	color:#5C8EC3;
}

.Collection3 {
	background-image:url(../images/fond-collection3.gif);
	color:#BE2E8E;
}

.Collection4 {
	background-image:url(../images/fond-collection4.gif);
	color:#CB3521;
}

.Collection5 {
	background-image:url(../images/fond-collection5.gif);
	color:#68676C;
}

/* --------------------- le bloc nouveautés ------------ */

#LesNouveautes {
	position:absolute;
	top:35px;
	left:212px;
	width:200px;
	height:134px;
	background:#C1C3C6;
}

.Couvertures {
	border:1px solid #000;
	width:75px;
	height:110px;
	float:left;
	margin:15px 0 0 15px ;
	overflow:hidden;
}


/* --------------------- le bloc livres en vue ------------ */

#LesLivres {
	position:absolute;
	top:35px;
	left:412px;
	width:200px;
	height:134px;
	background:#DFE1E2;
	overflow:hidden;
}

/* -------------- bloc logo ------------------ */

#Logo {
	width:800px;
	height:136px;
	position:absolute;
	top:169px;
	left:0;
}

#Logo .AvueDoeil {
	float:right;
}

.TexteIntro {
	font-weight:bold;
	font-size:18px;
	position:absolute;
	bottom:4px;
	left:15px;
}

.TexteIntro p {
	margin:0;
}

/* --------------- Liens divers -------------- */
#Liste {
	position:absolute;
	top:305px;
	left:0;
	width:400px;
	height:166px;
	background-image: url(../images/fond-liste.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow:hidden;
}

#Liste span {	/* ---- pour le décalage --- */
	display:block;
	width:400px;
	height:10px;
	overflow:hidden;
}

#Liste a {	/* ------ les liens ------- */
	display:block;
	height:30px;
	width:420px;
	font-size:18px;
	font-weight: bold;
	color:#fff;

	padding:0 0 0 45px;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:url(../images/fond-allliste.gif);
}

#Liste a:hover {
	color:#000;
}

/* --------------- Editions -------------- */
#Editions {
	position:absolute;
	top:305px;
	left:400px;
	width:400px;
	height:166px;
	background-image: url(../images/fond-editions.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}

#Editions .Couvertures {
	margin:50px 0 0 85px;
}

/* --------------- Actualités ------------ */
#LesActualites {
	position:absolute;
	top:471px;
	left:0px;
	width:800px;
	min-height:100px;
}

#LesActualites .TitreActu {
	width:800px;
	height:35px;
	background-image: url(../images/actualites.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#LesActualites h2 {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	margin:10px 4px 0 4px;
}

#LesActualites p {
	font-size:12px;
	margin:0 4px 4px 4px;
}