body 
{
	margin:0;
	padding:0;
	background:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	text-align:justify;
}


#entete
{
	position:absolute;
	top:5px;
	left:10px;
	z-index:10;
	widht:160px;
	text-align:center;
	color:#3333cc;
}

#entete h1 
{
	font-size:18px;
	letter-spacing:2px;
	color:#3333cc;
}

#entete h2 
{
	font-size:12px;
	letter-spacing:1px;
	margin-top:-10px;
	color:#3333cc;
}


/*
	=================================================
	
			MENU NAVIGATION DU SITE
	
	================================================
*/

		
#navigation
{
	position:absolute;
	top:90px;
	left:0; 
	width:162px;
	border:0px solid #333;
}

#navlist 
{
	padding:0;
	margin:0;
	width:162px;
	font-size:1.0em;
}

#navlist li{
list-style: none;
margin: 0;
padding:6px 0 10px 0; 
margin-bottom:3px;
}

#navlist li a{
display:block;
background:transparent;
text-decoration: none;
color:#000;
padding-left:40px;
}


ul#navlist li#active
{ color:#000; 
}

li#active a {
color:#990066;
background:#ccc url(img/puce_menu.gif) 33px -3px no-repeat;
padding-left:55px;
}


#navlist li a:visited { color:#000; }

#navlist li a:hover{
color:#fff;
text-decoration:none;
}
/*************************************************************************/
/******************* Contenu  du document ********************************/
/*************************************************************************/

#contenu{
position:absolute;
width:800px;
top:0;
left:165px;
border:0px solid red;
}


#contenu img{
padding:0 20px 20px 50px;
float:left;
}

/** LES GALERIES PHOTOS ***/

#galeriePhoto{
float:left;
border:0px solid #666;
padding:0;
margin-left:10px;
width:790px;
}

#galeriePhoto .photo {
float:left;
width:160px;
height:260px;
margin:5px 8px;
border:0px solid #fff;
}
#galeriePhoto img{
background-color:#fff;
padding:0;
border:0px solid #fff;
margin:5px;
}

.miniatureTitre{margin:5px;
text-align:center;}


#galeriePages{
border:0px solid #999;
padding:0;
padding-left:30px;
margin:0;
/*text-align:center;*/
font-size:120%;
font-weight:bold;
}

#galeriePages .pageCourante{
font-size:180%;
color:#33c;
}

#galeriePages a, #galeriePages a:visited {
color:#000000;
text-decoration:none;
}

#galeriePages a:hover{
text-decoration:underline;
}

/*** Les articles ****/

.article{
margin-top:10px;
}

.article p, .article h3{
margin-left:50px;
text-align:justify;
line-height:180%;
}


.article img{
border:0;
}

.delimiteur{
clear:both;
line-height:3px;
}

hr{background-color:#990066;
color:#3333cc;
border-width:0px;
text-align:center;
width:40%;
}


/**** Affichage du menu des livres */

#menuLivre{
padding-top:20px;
margin-left:70px;
}
#menuNews{
padding-top:20px;
}

.couvLivre{
clear:both;
border:0px solid #906;
padding-top:10px;
}
.couvLivre img{
border:0;
}
.texteLivre{
margin-left:250px;
width:350px;
padding: 30px 20px 20px 20px;
border:0px solid #000;
text-align:justify;
line-height:180%;
}
.texteLivre h3
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
letter-spacing:2px;
}

.titrePhoto 
{
	font-size:1.3em;
	letter-spacing:1px;
	padding-left:50px;
	line-height:180%;
}

.titrePhotoAff 
{
	font-size:1.2em;
	letter-spacing:1px;
	margin-left:35px;
	line-height:160%;
}

.photoAffTexte 
{
	padding-left:35px;
	line-height:150%;
}



#descriptionPhoto{
float:left;
padding:5px;
margin: 0 10px;
margin-bottom:20px;
/*background:#f9a;*/
width:300px;
text-align:justify;
line-height:180%;
}


#navParItem
{
	width:350px;
	margin:0 15px 10px 15px;
	border:1px solid #fff;
}

/***** Le fleche pour la navigation dans les pages photos ***/
table#menuPhoto
{
	width:400px;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:-10px;
	height:13px;
	border:0px solid #fff;
}

table#menuPhotoLivre
{
	width:400px;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:-10px;
	height:13px;
	border:0px solid #fff;
}
/************************************************************/
#detailTexte
{
position:absolute;
z-index:100;
width:750px;
top:580px;
left:180px;
background-color:#FF9966;
text-align:justify; 
}


/*

	panier
	
*/

ul.cartItem
{
	width:300px;
	list-style:none;
}

ul.cartItem li
{
	
}


/********* Contact ***/
#tableContact{
margin: 50px 150px;
}

#ResultEnvoiForm{
margin-top:300px;
text-align:center;
line-height:200%;
font-weight:bold;
font-size:1.2em;
color:red;
}

/*

 =========================================
	
	PANIER CHECK OUT 
 
 =========================================

*/


.panierVide
{
	margin:50px;
	font-size:1.2em;
	letter-spacing:1px;
	border:1px solid #e5e5e5;
	padding:10px;
}

#checkout
{
	border:0px solid red;
	margin:20px 0 0 0;
}

#checkout h3
{
	text-align:center;
	color:#3333cc;
	font-size:1em;
}

ul#cart
{
	width:600px;
	padding:5px;
	/*border:3px solid #3333cc;*/
	border:1px solid #e5e5e5;	
	margin:0 0 0 50px;
	list-style:none;
}


ul#cart li
{
	clear:both;
	margin:0 0 10px 0;
}

ul#cart img
{
	width:50px;
}

li.emptycart
{
	text-align:right;
	font-weight:bold;
	list-style:none;
}

#price
{
	border:0px solid #e5e5e5;	
	margin:10px 0 0 50px;
	padding:5px;
	width:600px;
	font-size:1.4em;
	clear:both;	
}

#checkout form
{
	/*border:3px solid #3333cc;*/
	margin:10px 0 0 50px;
	width:600px;
	padding:5px;	
}

#checkout form fieldset
{
	border:0px solid #e5e5e5;		
}

#checkout form label
{
	float:left;
	width:120px;
	font-weight:bold;
}

#checkout form div input
{
	width:190px;
}

#checkout form div p
{
	tex-align:center;	
}

.messageOk, .errors
{
	margin:20px 20px 20px 40px;
	font-size:bold;
}

.errors
{
	
}

/*


*/

#piedpage
{
	position:absolute;
	top:680px;
	left:550px;
}


/*


*/
#credits{
margin:20px 0  0 50px;
}

#credits a, #credits a:visited{
text-decoration:none;
color:#FFFFFF;}

#credits a:hover{
text-decoration:underline;
}