* {border:0; padding:0; margin:0px;}

body, html {margin:auto; text-align:center; background:white;}


#container
{ 
	margin:auto;
	text-align: center;
	width:800px;
	height:505px;
	margin-top:60px;
}


#header
{
	width:800px;
	height:220px;
	background:url("./IMG/header_accueil.jpg") no-repeat;
}

#main
{
	width:800px;
	height: 261px;
	background:url("./IMG/main_accueil.jpg") no-repeat;
	padding-right:27px;
}

#left
{
	margin-top: 45px;
	float:left; 
	margin-left:20px;
	overflow:visible;
}


#right
{
	width:282px;
	height:155px;
	float:right; 
	position:relative;
	margin-right:15px;
	margin-top:43px;
	color:#F44B90;
	overflow:auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 0.75em;
}

html>body #right{margin-right:27px;} 

#footer
{
	width:800px;
	height: 30px;
	background:url("./IMG/footer_accueil.jpg") no-repeat;
	background-position:top center;
	background-color: #EADACD;
}


.footer_links li
{
	list-style:none;
	display:inline;
}



a.H { background: url('./IMG/livredor.gif') no-repeat; width: 120px; height:20px;}
a.H:hover { background-image: url('./IMG/livredor1.gif') }

a.B { background: url('./IMG/acheter.gif') no-repeat; width: 128px; height:20px;}
a.B:hover { background-image: url('./IMG/acheter1.gif') }

a.C { background: url('./IMG/partenaires.gif') no-repeat; width: 128px; height:20px;}
a.C:hover { background-image: url('./IMG/partenaires1.gif') }

a.D { background: url('./IMG/contact.gif') no-repeat; width: 120px; height:20px;}
a.D:hover { background-image: url('./IMG/contact1.gif') }




/* --------------------------- Cercles de la page d'accueil --------------------------------- */

a.E { background: url('./IMG/auteur.gif') no-repeat top left; width: 101px; height:101px; display: block;padding-left:15px; }
a.E:hover { background-image: url('./IMG/auteur1.gif') }

a.F { background: url('./IMG/livres.gif') no-repeat bottom; width: 101px; height:101px; display: block; 	padding-left:15px;}
a.F:hover { background-image: url('./IMG/livres1.gif') }

a.G { background: url('./IMG/poemes.gif') no-repeat center; width: 101px; height:101px; display: block; padding-left:15px;}
a.G:hover { background-image: url('./IMG/poemes1.gif') }








#bottom {margin:auto; text-align:center; color:#5D360F; font-size:0.8em;}
#bottom a {color:#F44B90;}
.left{float:left;} .right{float:right;}
.title{text-decoration:underline;}
.modulenews{font-weight: bold;}