@charset "utf-8";
/* CSS Document */

/**
Couleur saumon :  #FF6666;
Couleur crème : #FDFCE7;

**/
* {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a img {
	border:none;
}

a:link {color:#FF6666; text-decoration:none;}
a:visited {color:#FF6666; text-decoration:none;}
a:hover {color:#FF6666; text-decoration:underline;}
a:active {color:#FF6666; text-decoration:underline;}

body {
	background-color:#FDFCE7;
	height:100%;
}

html {
	height:100%;
}

#index {
	background-color:#CC3333;
	color:white;
}

#logoIndex {
	background:url(../images/logoIndex.jpg) no-repeat top left;
	width:370px;
	height:490px;
	margin:0% 0% 0% 7%;
}

#logoIndex h1 {
	position:absolute;
	top:290px;
	left:7%;
	color:#3b3b3b;
	font-weight:100;
	font-size:43px;
	line-height:53px;
	width:250px;
	padding:0 0 0 8px;
}

#logoIndex a:link {display:block; width:370px; height:490px; text-decoration:none;}
#logoIndex a:visited {display:block; width:370px; height:490px; text-decoration:none;}
#logoIndex a:hover {display:block; width:370px; height:490px; text-decoration:none;}
#logoIndex a:active {display:block; width:370px; height:490px; text-decoration:none;}	

#logoIndex h1 a:link {text-decoration:none; color:#3b3b3b; width:250px;}
#logoIndex h1 a:visited {text-decoration:none; color:#3b3b3b; width:250px;}
#logoIndex h1 a:hover {text-decoration:none; color:#666666; width:250px;}
#logoIndex h1 a:active {text-decoration:none; color:#3b3b3b; width:250px;}	

#blocAccueil {
	margin:0 0 0 57%;
	border-top:1px solid white;
	color:white;
}

#blocAccueilContent {
	width:292px;
}

#blocAccueilContent h2 {
	font-size:20px;
	padding:10px 0;
	font-weight:100;
}


#blocAccueilContent ul {

	margin-top:10px;
}

#blocAccueilContent ul li {
	text-align:right;
	list-style-type:none;
	font-size:16px;
}

#blocAccueilContent ul li a:link {text-decoration:none; color:white; border-left:6px solid #CC3333; padding:0 0 0 10px;}
#blocAccueilContent ul li a:visited {text-decoration:none; color:white; border-left:6px solid #CC3333; padding:0 0 0 10px;}
#blocAccueilContent ul li a:hover {text-decoration:none; color:white; border-left:6px solid #FF6666; padding:0 0 0 10px;}
#blocAccueilContent ul li a:active {text-decoration:none; color:white; border-left:6px solid #FF6666; padding:0 0 0 10px;}

#blocAccueilContent p  {
	text-align:right;
	margin:15px 0 0 0;
}
	
#blocAccueilContent p a:link {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:white;}
#blocAccueilContent p a:visited {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:white;}
#blocAccueilContent p a:hover {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:#ff6666;}
#blocAccueilContent p a:active {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:#ff6666;}

#pagesInternes {
	background:url(../images/Logo250.jpg) no-repeat top left;
	background-color:#FDFCE7;
}

h1#nom {
	float:left;
	margin:150px 0 0 3px;
	font-weight:100;
	font-size:30px;	
	width:180px;
	color:#3b3b3b;
}

h1#nom a:link {text-decoration:none; color:#3b3b3b;}
h1#nom a:visited {text-decoration:none; color:#3b3b3b;}
h1#nom a:hover {text-decoration:none; color:#666666;}
h1#nom a:active {text-decoration:none; color:#3b3b3b;}


a#plusImages {
	position: absolute;
	top:54px;
	left:274px;
	display: block;
	height:34px;
	width:44px;
}

a#plusImages:link {background: url(../images/plusImages.png) no-repeat;}
a#plusImages:visited {background: url(../images/plusImages.png) no-repeat;}
a#plusImages:hover {background: url(../images/plusImagesHover.png) no-repeat;}
a#plusImages:active {background: url(../images/plusImagesHover.png) no-repeat;}

#imagesDetails {
	margin-bottom: 20px;
}


#livreColonne1 {
	position:absolute;
	top:310px;
	left:180px;
	width:350px;
}

#livreColonne1 h2, .auteur h2 {
	font-size:24px;
	color:#CC3333;
	font-weight:100;
	margin:0 0 5px 0;
}

#livreColonne1 h3, .auteur h3 {
	color:#3b3b3b;
	font-weight: normal;
	font-size:16px;
	margin:0 0 35px 0;
}

#livreColonne1 h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	font-size:11px;
	margin:20px 0 0 0;
}

#livreColonne1 p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	line-height: 15px;
}

#livreColonne1 p.prix {
	font-size:13px;
	color:#3b3b3b;
}
	
#livreColonne1 img {
	margin:0 10px 0 0;
}

#livreColonne2 {
	position:absolute;
	top:343px;
	left:550px;
	width:410px;
}

#livreColonne2 h3 {
	font-size:16px;
	color:#111;
	line-height: 22px;
	font-weight: normal;
	margin:0 0 15px 0;
}

#livreColonne2 h4 {
	font-size:14px;
	font-style:italic;
	font-weight: normal;
	line-height:18px;
	color:#555;
	margin:0 0 15px 0;
}

p#livreColonne2p {
	float:left;
	font-size:12px;
	line-height: 16px;
	color:#666;
	margin:0 0 20px 0;
	width:310px;
}

a:link#enSavoirPlus {
	float:left;
	margin:5px 20px;
	display:block;
	width:45px;
	height:38px;
	background:url(../images/more.png) no-repeat top left;
	text-decoration:none;
}

a:visited#enSavoirPlus {
	float:left;
	margin:5px 20px;
	display:block;
	width:45px;
	height:38px;
	background:url(../images/more.png) no-repeat top left;
	text-decoration:none;
}

a:hover#enSavoirPlus {
	float:left;
	margin:5px 20px;
	display:block;
	width:45px;
	height:38px;
	background:url(../images/moreHover.png) no-repeat top left;
	text-decoration:none;
}

a:active#enSavoirPlus {
	float:left;
	margin:5px 20px;
	display:block;
	width:45px;
	height:38px;
	background:url(../images/moreHover.png) no-repeat top left;
	text-decoration:none;
}

#details {
	width:410px;
	clear:left;
	background:url(../images/separateur410.png) no-repeat top left;
	margin:0 0 60px 0;
}

#details p {
	padding:20px 0 0 0;
	width:410px;
	font-size:12px;
	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	margin:0;
}

#mainNav {
	position:absolute;
	top:105px;
	left:500px;
	text-align:right;
	width:460px;
}

#mainNav p {
	padding:0 5px 0 0;
}

#mainNav p a:link, #languages ul li a:link {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:#999;}
#mainNav p a:visited, #languages ul li a:visited {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:#999;}
#mainNav p a:hover, #languages ul li a:hover {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:#ff6666;}
#mainNav p a:active, #languages ul li a:active {font-family: Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; color:#ff6666;}

#mainNav ul {
}

#mainNav ul li {
	list-style-type:none;
	float:right;
	padding:0 5px 8px 0;
	font-size:16px;
}

/*Mises en forme spéciales pour auteurs et contact */

#mainNav li#menu-8 a, #mainNav li#menu-10 a, #blocAccueilContent ul li#menu-8 a, #blocAccueilContent ul li#menu-10 a{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#blocAccueilContent ul li#menu-8 {
	margin-top:10px;
}

#languages {
	position:absolute;
	top:55px;
	left:500px;
	width:460px;
}

#languages ul li {
	list-style-type:none;
	float:right;
	padding:0 5px 0 0;
	margin:0;
}

#mainNav ul li a:link {text-decoration:none; color:#666; /*border-bottom:6px solid #FDFCE7;*/ padding:0 0 8px 0;}
#mainNav ul li a:visited {text-decoration:none; color:#666; /*border-bottom:6px solid #FDFCE7;*/ padding:0 0 8px 0;}
#mainNav ul li a:hover {text-decoration:none; color:#FF6666; /*border-bottom:6px solid #FDFCE7;*/ padding:0 0 8px 0;}
#mainNav ul li a:active {text-decoration:none; color:#FF6666; /*border-bottom:6px solid #FF6666;*/ background:url(../images/saumonRepeat.png) repeat-x bottom left; padding:0 0 8px 0;}

#mainNav ul li a:link.sectionActive {text-decoration:none; color:#FF6666; /*border-bottom:6px solid #FF6666;*/background:url(../images/saumonRepeat.png) repeat-x bottom left; padding:0 0 8px 0;}
#mainNav ul li a:visited.sectionActive {text-decoration:none; color:#FF6666; /*border-bottom:6px solid #FF6666;*/background:url(../images/saumonRepeat.png) repeat-x bottom left; padding:0 0 8px 0;}
#mainNav ul li a:hover.sectionActive {text-decoration:none; color:#FF6666; /*border-bottom:6px solid #FF6666;*/background:url(../images/saumonRepeat.png) repeat-x bottom left; padding:0 0 8px 0;}
#mainNav ul li a:active.sectionActive {text-decoration:none; color:#FF6666; /*border-bottom:6px solid #FF6666;*/background:url(../images/saumonRepeat.png) repeat-x bottom left; padding:0 0 8px 0;}

#booksNav {
	position:absolute;
	top:245px;
	left:550px;
	text-align:right;
	width:410px;
	height:30px;
	background:url(../images/menuLivresBackground.png) no-repeat top left;
}

#booksNav p {
	margin:4px 0 0 0;
	font-size:17px;
	color:#333;
}

#booksNav p a:link {text-decoration:none; color:#333;}
#booksNav p a:visited {text-decoration:none; color:#333;}
#booksNav p a:hover {text-decoration:none; color:#FF6666;}
#booksNav p a:active {text-decoration:underline; color:#FF6666;}

#booksNav p a:link.livreActif {text-decoration:underline; color:#FF6666;}
#booksNav p a:visited.livreActif {text-decoration:underline; color:#FF6666;}
#booksNav p a:hover.livreActif {text-decoration:underline; color:#FF6666;}
#booksNav p a:active.livreActif {text-decoration:underline; color:#FF6666;}

a:link#enVoirPlus {
	position:absolute;
	top:340px;
	left:430px;
	display:block;
	width:54px;
	height:34px;
	background:url(../images/enVoirPlus.png) no-repeat top left;
}

a:visited#enVoirPlus {
	position:absolute;
	top:340px;
	left:430px;
	display:block;
	width:54px;
	height:34px;
	background:url(../images/enVoirPlus.png) no-repeat top left;
}

a:hover#enVoirPlus {
	position:absolute;
	top:340px;
	left:430px;
	display:block;
	width:54px;
	height:34px;
	background:url(../images/enVoirPlusHover.png) no-repeat top left;
}

a:active#enVoirPlus {
	position:absolute;
	top:340px;
	left:430px;
	display:block;
	width:54px;
	height:34px;
	background:url(../images/enVoirPlusHover.png) no-repeat top left;
}

#commander {
/*
	position:absolute;
	top:640px;
	left:418px;
	*/
	float: right;
	width:100px;
	text-align:center;
}

#commander p, #commander p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:80px;
}

#commander p a:link {text-decoration:none; color:#FF6666; display:block; width:80px;}
#commander p a:visited {text-decoration:none; color:#FF6666; display:block; width:80px;}
#commander p a:hover {text-decoration:none; color:#FFF; background-color:#FF6666; display:block; width:80px;}
#commander p a:active {text-decoration:none; color:#FFF; background-color:#FF6666; display:block; width:80px;}

#vendeurs {
	text-align:left;
	margin:10px 0 0 0;
	margin:0 0 40px;
}

#vendeurs ul li {
	list-style-type:none;
	font-size:11px;
	margin:5px 0 0 0;
}

#vendeurs ul li a {
	font-family:Arial, Helvetica, sans-serif;	
}

#footer, #footerIndex {
	margin:200px 0 0 0;
	clear:left;
	text-align:right;
}

#footer p, #footer a, #footerIndex p, #footerIndex a, #footerAuteurs p, #footerAuteurs a, #footerBasic a, #footerBasic p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer p, #footerAuteurs p {
	color:#888888;
}

#footerIndex {
	margin:200px 10px 50px 0;
}

#footerIndex p {
	color:#FFFFFF;
}

.auteur p, .auteur ul li, #basicContent p, #basicContent li {
	font-size:13px;
	color:#333;
}

.auteur ul li {
	list-style-type:none;
	margin:0 0 8px 0;
	}

#auteursWrapper, #basicWrapper {
	position:absolute;
	top:310px;
	left:180px;
	width:780px;
}

.auteur {
	width:210px;
	margin:0 45px 80px 0;
	float:left; 
}

.oeuvres {
	margin:20px 0 0 0;
}

#footerAuteurs, #footerBasic {
	clear:left;
	text-align:right;
}

#basicContent {
	margin:0 0 80px 0;
	width:780px;
}