/* COMMON */


body {
	font: 62.5% Verdana, Sans-Serif;
	color: #353126;
	background:#f4ecdc url(../img/bg_border.gif) top left repeat-x;
	margin:0; padding:0;
	height:100%;
}

html {
	height:100%;
}

a {
	outline:none;
    color:#992911;
}
 #bgSite{
 	position:relative;
 	margin:0 auto;
	width:100%;
	min-height:100%;
	margin:0 0 -32px 0;
	
}
h1 {
	margin:0 0 5px 0;
	font-size:14px;

	padding:0;
	font-family:Georgia, Times, Serif;
}
h2{
	font-size:12px;
	margin:4px 0px;
	font-family:Georgia, Times, Serif;
    color:#992911;
}

#colCenter ul{
	list-style-image:url("../img/bg_fleche_gris.jpg");

}
#colCenter li{
	font-size:110%;
	margin:6px 0;
}

* html #bgSite{
height:100%;
}
/* COMMON LINKS STYLE */
#siteWrap {
	width:952px;
	margin:0 auto;
	background: url(../img/bg_site.jpg) center top no-repeat;
}

	/* HEADER + MENU */
	

	#siteWrap #header {

		width:952px; height:78px;

	}
	.menu {
			position:relative;
			width:640px;
			padding:46px 0 0 276px;
			margin:0;
		}

		.menu a{
			height:18px;
			color:#d69384;
			text-decoration:none;
			letter-spacing:0.07em;
			font-family: serif;
			font-size:15px;
			margin:0px 10px;
		}
		.menu a.open{
			color:#fff;
		}
		.menu a:hover{
			color:#fff;
		}
		.menu .bullit{
			margin:1px 0px;
		}

		.menu a.galerie{
			width:108px; height:40px;
			position:absolute;
			left:798px;
			top:40px;
			text-indent:-9999px;
			display:block;
			background: url(../img/btn_galerie.gif) top left no-repeat;
		}
		
	/* COLLEFT */
	
	#siteWrap #colLeft {
		float:left;
		display:inline;
		width:226px;
		margin:0 0 32px 51px;
	}	
	
		#siteWrap #colLeft .logo{
			float:left;
			position:relative;
			width:203px; height:243px;
			margin:-36px 0 0 -6px;
			background: url(../img/img_logo.gif) top left no-repeat;
			text-indent:-9999px;
			z-index:900;
		}	

	/* COLLEFT ARTISTE */
				
		/* COL LEFT cadrage des tableaux COL LEFT */
		#siteWrap #colLeft form {padding:0; margin:0;}
		#siteWrap #colLeft p{padding: 0 45px 0 0; margin-top:3px;}
		#siteWrap #colLeft .smallLine {
			float:left;
			display:inline;
			clear:both;
			width:175px; height:9px;
			margin:5px 0;
			background:url(../img/img_line.gif) top center no-repeat;
		}
		#siteWrap #colLeft h2 {clear:both; padding:0; margin:0px 0; font-size:13px;}
			#siteWrap #colLeft form div {padding: 4px 0 2px 0;font-size:1.0em;}
			#siteWrap #colLeft form div.fright {padding:0;float:right;text-align:left;}
			#siteWrap #colLeft form	input {width:175px; height:16px; border:1px solid #afa593;}
				#siteWrap #colLeft form	input.submit {
					float:right;
					position:relative;
					display:inline;
					clear:both;
					border:none;
					width:85px; height:20px;
					text-indent:-9999px;
					margin: 5px 50px 0 0;
					background: url(../img/btn_rechercher.gif) top left no-repeat;
					cursor:pointer;
				}	
				
				#siteWrap #colLeft form	input.inscription {
					float:right;
					position:relative;
					display:inline;
					clear:both;
					border:none;
					width:98px; height:23px;
					text-indent:-9999px;
					margin: 4px 50px 0 0;
					background: url(../img/btn_inscription.gif) top left no-repeat;
					cursor:pointer;
				}	
			#siteWrap #colLeft form	a.advanced {
				float:right;
				clear:both;
				display:inline;
				border:none;
				width:130px; height:23px;
				text-align:right;
				margin: 4px 50px 0 0;
				color:#655f4d;
				text-decoration:none;
			}	
				#siteWrap #colLeft form	a.advanced:hover {text-decoration:underline;}
					
			
	/*  COLCENTER  CONTENT  */		
			
	#siteWrap #colCenter {
		float:left;
		display:inline;
		width:560px;
		margin: 32px 0 30px 20px;
		color:#353126;
		font-size:1.1em;
	}
	#siteWrap #colCenter p{
		line-height:17px;
		margin:0;
		padding: 0 0 15px 0;
	}

	#siteWrap #colCenter .line {padding: 0 0 20px 0;}		
	
	#siteWrap #colCenter form.rechCatalogue {
		float:left;
		width:300px;
		padding:10px 0 0 70px;
	}		
		#siteWrap #colCenter form.rechCatalogue select{
			float:left;
			width:183px; height:21px;
			
		}
		#siteWrap #colCenter form.rechCatalogue	input.submit{
			float:left;
			border:none;
			width:116px; height:213px;
			text-indent:-9999px;
			background: url(../img/btn_subCath.gif) top left no-repeat;
			cursor:pointer;
		}	
	
		/* COL CENTER CATALOGUE LISTE */
		
		#siteWrap #colCenter ul.catalogue {

			display:inline;
			width:508px;
			background: url(../img/img_line.gif) top center no-repeat;
			list-style:none;
			margin:0 0 40px 0;
			padding:5px 0 0 0 ;
		}
		#siteWrap #colCenter ul.catalogue li{

			width:508px;
			margin:0;
			padding:0;
			border-bottom:1px solid #ddd6c3;
		}
		#siteWrap #colCenter ul.catalogue li a {
			display:block;
			width:488px;

			padding:15px 10px 15px 10px;
			text-decoration:none;
			background:none;
			color:#353126;
		}
			#siteWrap #colCenter ul.catalogue li a:hover {background:#fffaf1;}
			
		#siteWrap #colCenter .listItems {
			float:right;
			display:inline;
			width:300px;
			text-align:right;
			font-size:0.9em;
			color:#353126;
			margin:-20px 0 20px 0;
		}
			#siteWrap #colCenter .listItems a {color:#353126; font-weight:bold; text-decoration:none;}
				#siteWrap #colCenter .listItems a:hover {text-decoration:underline;}
				#siteWrap #colCenter .listItems a.select {color:#c22a09;}
				
			#siteWrap #colCenter .listItems span{
				float:right;
				width:300px;
				text-align:right;
				clear:both; 
				padding:0 0 7px 0}
				
		#siteWrap #colCenter .fiche {
			float:left;
			display:inline;
			width:517px;
			background:#fffaf1;
			border:1px solid #ddd6c3;
			padding:13px 0 5px 0;
			margin: 15px 0 0 0;
		}		
			#siteWrap #colCenter .fiche .cat{
				float:left;
				display:inline;
				width:134px;
				margin: 0 24px 10px 0;
				text-align:right;
				font-weight:bold;
			}		
			#siteWrap #colCenter .fiche .desc{
				float:left;
				display:inline;
				width:347px;
				margin: 0 0px 10px 0;
			}		
			
		#siteWrap #colCenter .fichePrix {
			float:right;
			display:inline;
			width:142px; height:22px;
			background:#fffaf1;
			border:1px solid #ddd6c3;
			text-align:right;
			line-height:22px;
			padding: 0 8px 0 0;
			margin: 5px 41px 5px 0;
			clear:both;
		}
			#siteWrap #colCenter .fichePrix span{
				font-weight:bold;
				color:#af472d;
			}	
			
		#siteWrap #colCenter form.price {margin:0 40px 0 0; padding:0;}	
			#siteWrap #colCenter form.price input.submit {
				float:right;
				width:150px; height:25px;
				background:url(../img/btn_addPanier.gif) top left no-repeat;
				text-indent:-9999px;
				border:none;
				cursor:pointer;
				clear:both;
			}	
		#siteWrap #colCenter form.contactPanier {
			float:left;
			width:555px;
			margin:0; padding:0 0 20px 0;
		}	
			#siteWrap #colCenter form.contactPanier label{
				float:left;
				width:433px;
				margin:0 0 6px 0; padding:0;
			}
				#siteWrap #colCenter form.contactPanier label span{
					float:left;
					display:inline;
					width:154px;
					margin:3px 10px 0px 0;
					text-align:right;
					font-size:0.9em;
				}
				#siteWrap #colCenter form.contactPanier label input.codeP{width:95px;}
				#siteWrap #colCenter form.contactPanier label input.tel{width:125px;}
				#siteWrap #colCenter form.contactPanier label input.codeP{width:95px;}
				
				#siteWrap #colCenter form.contactPanier label span.optionnel{
					float:left;
					display:inline;
					width:50px;
					margin:3px 10px 0px 4px;
					text-align:left;
					font-style:italic;
					color:#968e78;
					font-size:0.9em;
				}
				#siteWrap #colCenter form.contactPanier label input{
					float:left;
					width:173px; height:16px;
					border: 1px solid #afa593;
				}
			#siteWrap #colCenter form.contactPanier input.commander {
				float:right;
				width:91px; height:25px;
				background:url(../img/btn_commander.gif) top left no-repeat;
				text-indent:-9999px;
				border:none;
				cursor:pointer;
			}
			#siteWrap #colCenter form.contactPanier a.magasiner {
				float:right;
				width:168px; height:25px;
				background:url(../img/btn_magasiner.gif) top left no-repeat;
				text-indent:-9999px;
				cursor:pointer;
			}
			#siteWrap #colCenter form.recherche input.rechercher {
					float:left;
					display:inline;
					clear:both;
					border:none;
					width:85px; height:20px;
					text-indent:-9999px;
					margin: 0 0 0 255px;
					background: url(../img/btn_rechercher.gif) top left no-repeat;
					cursor:pointer;
				}	
		#siteWrap #colCenter p.textCache {color:#87806c; font-size:0.9em; font-style:italic; padding: 0px 0 30px 0}


		.textSupp{
			clear:both;
			margin:20px 0 0 0;
		}

			
		#siteWrap #colCenter ul.panier {
			float:left;
			width:550px;
			margin:0; padding:0;
			list-style:none;
			border-top:1px solid #c5bfae;
			border-right:1px solid #c5bfae;
			border-left:1px solid #c5bfae;
		}		
			#siteWrap #colCenter ul.panier li{
				float:left;
				width:550px;
				margin:0; padding:0;
				border-bottom:1px solid #c5bfae;
				background:#fff8ea;
				font-size:0.9em;
				background:#fff8ea url(../img/bg_fleche_panier.gif) top left no-repeat;
			}	
				#siteWrap #colCenter ul.panier li div.left{
					float:left;
					width:493px;
					border-right:1px solid #c5bfae;
					padding: 0px 0 7px 0;
				}		
					#siteWrap #colCenter ul.panier li div.left span{
						float:left;
						width:380px;
						padding: 5px 0 0 20px;
					}
					#siteWrap #colCenter ul.panier li div.left a.supprimer {
						float:right;
						width:68px; height:18px;
						text-indent:-9999px;
						background:url(../img/btn_supprimer.gif) top left no-repeat;
					}
				#siteWrap #colCenter ul.panier li div.right{
					float:right;
					width:30px;
					text-align:right;
					padding: 6px 10px 0 0;
				}		
				#siteWrap #colCenter ul.panier li.total {background:none; 	}
					#siteWrap #colCenter ul.panier li.total div.right{color:#af472d; font-weight:bold;}
					#siteWrap #colCenter ul.panier li.total div.left{
						width:483px;
						text-align:right;
						padding-top:6px;
						padding-right:10px;
					}
					
			#siteWrap #colCenter form.price input.submit {
				float:right;
				width:150px; height:25px;
				background:url(../img/btn_addPanier.gif) top left no-repeat;
				text-indent:-9999px;
				border:none;
				cursor:pointer;
				clear:both;
			}	
				

/* PAGING */
					 .paging{
						display:block;
						position:relative;
						clear:both;
						height:20px;
						line-height:20px;
						background:#f7f7f7;
						border:1px solid #e4e4e4;
						margin: 12px 21px 17px 15px;
						text-align:center;
					}
					 .paging a{
							color:#a6a6a6;
							text-decoration:none;
							font-size:10px;
							padding:1px 3px 1px 3px;
						}
							.paging a:hover{text-decoration:underline;}
							.paging a.open{font-weight:bold; background:#992911; color:#fff;}
							.paging a.prev{
								position:absolute;
								top:0; left:0;
								margin: -1px 0 0px -1px;
								display:block;
								height:20px;
								border:1px solid #e4e4e4;
								padding: 0 10px;
							 }
							.paging a.next{
								position:absolute;
								top:0; right:0;
								margin: -1px -1px 0px 0;
								display:block;
								height:20px;
								border:1px solid #e4e4e4;
								padding: 0 10px;
							 }/* COLCENTER CONTENT */
					
	#siteWrap #colCenter .contentPhoto{
		float:right;
		background: url(../img/bg_photoContent.jpg) top left no-repeat;
		width:240px; height:207px;
		position:relative;
	}

			
	#siteWrap #colCenter .contentPhoto img{
		padding:5px 0 0 19px;
		width:200px;
		height:200px;
		background-color:red;
	}
	/* FOOTER */
	
	#footer {
		float:left;
		position:relative;
		width:100%;
		text-align:center;
		height:32px;
		background:url(../img/bgg_footer.gif) left bottom repeat-x;
		color:#fff;
		line-height:29px;

	}
	#footer a{
		color:#fff;
	}

		.footerbg {
			float:left;
			position:relative;
			text-align:center;
			width:100%; height:32px;
			background:url(../img/bg_footer.jpg) top center no-repeat;
			
			}
		
			#footer span {padding: 0 0 0 80px;}
			

		

	/*  OVERLAY */
		div.overlay {
				background: #fff;
				position: absolute; top: 0; left: 0;
				z-index: 5000;
				width: 100%; height: 100%;
				display: none;
			}
			
			div.overlayContainer {
				position: absolute; top: 0; left: 0;
				padding:5px 0px 15px 0px;
				z-index: 5000;
				display: none;
				width: 567px;
				text-align: left;
				background:#f4ebda url(../img/bg_popin.jpg) top center no-repeat;;
				border:4px solid #675f50;
			}		
				div.overlayContainer h2 {
					margin:0;
					padding:10px 0 12px 0;
					position:relative;
					float:left;
					width:450px;
					text-transform:uppercase;
					color:#cd531e;
					font-size:1.1em;
				}
				div.overlayContainer .close {
					float:right;
				}
				div.overlayContainer p {clear:both;}
				div.overlayContainer form {margin:0; padding:0; }
				
					div.overlayContainer form label{clear:both;margin:0; padding: 0 0 6px 0; display:block;}
					
						div.overlayContainer form input.sendit {display:block; margin:5px 0 0 0px;}
						
	
	/* POPIN */ 
	#popin {padding: 0 29px ;}
		#popin .image {}				
		#popin .title {
			font-size:11px;
			padding:10px 0 15px 0;
		}
		#popin .line {padding:10px 0;}		
		
		#popin h3 {margin:0; padding:0 0 10px 0; font-size:12px;}		
	
	
			
			
			
			
	/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */					
            /* ******************** BASKET **************************/
#basket{
	clear:both;
}
table.basket{
	border-collapse:collapse;
	margin: 10px 12px 20px 0px;
	width:600px

}
tr.basketLabels{
	background:#992911 url(../img/bg_titreForm.jpg) top left no-repeat;
	color:#fff;
}
tr.basketLabels td{

	font-weight:bold;
	padding:4px 12px;
	border:1px grey solid;

}

table.basket td{

	padding:4px 12px;
}
tr.alt_0 td{
	background:#dedcc9;
	border:1px #fff solid;
}
tr.alt_1 td{
	background:#fff;
	border:1px #dedcc9 solid;
}

.inpQty{
	width:18px;

}
div.basketInfos{
	text-align:right;
	padding:0px 20px 0px 10px;
	margin-top:-12px;
	text-align:right;
}
div.basketInfos a{

}

/* Formulaires & basket -**************************************************** */


div.formTitle {
	display:block;
	width:600px;
	clear:both;
	margin:10px 0 0 0px; padding:0;
	font-family: verdana;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	height:32px;
	text-indent:35px;
	background:#992911 url(../img/bg_titreForm.jpg) top left no-repeat;
}

div.formText{
	width:558px;
	clear:both;
	background:#fafafa;
	border:1px solid #c0c0c0;
	margin:0 0 15px 0px;
	padding:10px 20px;


}
.bouton, .bouton_small{
	background:#992911 url(../img/bg_bouton.gif) top left repeat-x;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:3px #c0c0c0 double;
	text-decoration:none;
	margin:8px 12px;
}
.bouton{
	padding:1px 20px;

}
.bouton_small{
	padding:1px 3px;

}
			div.formText input.checkbox{float:left; margin:6px 6px 0 0;}
				div.formText select {margin:4px 3px 0 0;}
				div.formText .radio {margin:4px 3px 0 0;}
				form div.wrapLine{
					float:left;
					width:100%;
					padding: 0 0 7px 0;
					font-size:11px;
					color:#838383;;
				}
				form p{padding-left:0px !important;}
				form input.text{
					display:inline;
					border:1px solid #dadcde;
					float:left;
					height:20px;
					width:210px !important;
					margin: 4px 4px 0 0;
					padding:4px 0 0 0;

				}

				form textarea.text{
					border:1px solid #dadcde;
					float:left;
					height:90px;
					width:310px;
					margin: 4px 4px 0 0;
					padding-top:4px;

				}
				form select.text{
					border:1px solid #dadcde;
					float:left;
					height:20px;
					width:210px;
					margin: 4px 4px 0 0;
					padding-top:0px;

				}
				form input.small{width:50px;}
				form div.label{
					color:#838383;
					font-size:11px;
					float:left;
					padding:6px 7px 0 0;
					width:125px;

				}
.step2{
	display:none;
}

div.formNormal{
    clear:both;
    margin:4px auto 10px auto;
	padding:10px;
	border:1px grey solid;
	display:block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#eee;
	width:400px;
}
div.formNormal .critere{
	clear:both;
	margin:3px 0px;
}
div.formNormal .label{
	width:100px;
	float:left;
}
div.formNormal div.input{
	width:100px;
	float:left;
}

div.center{
	margin:auto;
	text-align:center;
}
.erreur{
	color:red !important;
}


/* Fiche de livre ***************************************************************************************/
.ficheLigne {
	clear:both;
	border-bottom:1px #888 dotted;
	padding:4px 0px 3px 0px;

}

.ficheLabel{
	width:125px;
	float:left;/**/
	font-weight:bold;
	color:#888;
}

.ficheInfos{
	/*float:left; /**/
	margin-left:130px;
}


#ficheLivre .prix{
	font-weight:bold;
    font-size:14px;
	margin:4px 0px;
	font-family:Georgia, Times, Serif;
    color:#992911;
    text-align:right;
    margin:12px 0px;
}
#ficheLivre .fonctions{
	margin:12px 0px;
    text-align:right;
}
#ficheLivre .fonctions .bouton{
	margin:2px 0px;
}