/* COMMON */


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

html {
	height:100%;
}

a {
	outline:none;
    color:#004b72;
}
p{
	line-height:17px;
	margin:0;
	padding: 0 0 15px 0;
}
h1 {
	margin:0 0 5px 0;
	font-size:14px;
	height:20px;
	padding:0;
	font-family:Georgia, Times, Serif;
}
h2{
	font-size:12px;
	margin:4px 0px;
	font-family:Georgia, Times, Serif;
    color:#004b72;
}


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

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

 #bgSite{
 	position:relative;
 	margin:0 auto;
	width:100%;
	min-height:100%;
	margin:0 0 -32px 0;

}
* html #bgSite{
	height:100%;
}

/* tableau */
.details{
	margin:2px 0px;
	line-height:15px;

}
.details span{
	color:#83745b;
	font-weight:bold;
}

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

	/* HEADER + MENU */
	
	#siteWrap #header {
		float:left;
		width:952px; height:78px;

	}
		#siteWrap #header .menu {
			position:relative;
			float:left;
			width:640px;
			padding:46px 0 0 276px;
			margin:0;
		}

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


		#siteWrap #header .menu a.librairie{
			width:108px; height:40px;
			position:absolute;
			left:790px;
			top:40px;
			text-indent:-9999px;
			display:block;
			background: url(../img/btn_librairie.gif) top left no-repeat;
		}
		
	/* COLLEFT */
	
	#siteWrap #colLeft {
		float:left;
		display:inline;
		width:226px;
		margin:0 0 32px 51px;
	}	
	
		#siteWrap #colLeft .logo{

			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;
		}	
		
		#siteWrap #colLeft .tableau{
			float:left;
			display:inline;
			width:226px;
			margin: 24px 0 0px 0;
			text-align:center;
		}
		
	/* COLLEFT ARTISTE */
	
		#siteWrap #colLeft .artiste{
			float:left;
			position:relative;
			width:171px;
			border-top:1px solid #e6e1d4;
			list-style:none;
			margin:10px; padding:0;
		}	
	
			#siteWrap #colLeft .artiste li{
				float:left;
				position:relative;
				width:171px;
				background:#fff8ea;
				border-left:1px solid #e6e1d4;
				border-right:1px solid #e6e1d4;
				border-bottom:1px solid #e6e1d4;
				padding:6px 0 6px 20px;
				margin:0;
				/*text-indent:20px;*/
			}	
			#siteWrap #colLeft .artiste li.bgList1{background:#f6efdd;}
				
				#siteWrap #colLeft .artiste li a{
					color:#353126;

					text-decoration:none;
				}
				#siteWrap #colLeft .artiste li a:hover,
				#siteWrap #colLeft .artiste li a.open{color:#004b72; font-weight:bold;}
				
		/* COL LEFT cadrage des tableaux COL LEFT */
		
			.tableauxRandom .unit{

				text-align:center;
				padding: 0 0 10px 0;
			}
			.tableauxRandom .unit .desc{
					color:#83745b;
					font-style:italic;
					font-weight:bold;
					padding:5px 0 0 0;
					clear:both;
				}
			.tableauxRandom .unit .desc span{color:#000}



			.cadreA{
				display: table;
				margin:10px auto;
			}
			.cadreA .ca{
				display: table-cell;
				padding:1px;
				background-color:#ad8e68;
				border:1px #9b7b56 solid;
    		}
			.cadreA .cb{

				display: table-cell;
				padding:1px;
				background-color:#504531;
				border:1px #8c6e52 solid;
			}
			.cadreA .cc{

				display: table-cell;
				padding:1px;
				background-color:#836345;
				border:1px #795c40 solid;
				width:1px;
			}

			.cadreA img{
				border:0px;
			}




		/* COL CENTER cadrage des tableaux COL CENTER */
		.tableaux {

			width:100%;
		}
		.tableaux .unit{

			padding: 0 15px 10px 0;


		}

		.tableaux td{
   			width:200px;
		}
		.tableaux .unit .desc{
				color:#83745b;
				font-style:italic;
				font-weight:bold;
				padding:5px 0 0 0;
				clear:both;
			}
		.tableaux .unit .desc span{color:#000}
		.cadreB{
			float:left;
			padding:4px;
			margin:auto;
			overflow:hidden;
			font-size:0px;
			border:1px #bfae9c solid;
			background-color:#fff;
		    -moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
		}
		.cadreRight{
			float:right;
			margin:0px 0px 10px 10px;
		}
		.cadreB img{border:1px #fff solid; margin:0; padding:0;}




	/*  COLCENTER  CONTENT  */

	#siteWrap #colCenter {
		float:left;
		display:inline;
		width:520px;
		margin: 32px 0 30px 20px;
		color:#353126;
		font-size:1.1em;
	}

	#siteWrap #colCenter .line {padding: 0 0 20px 0;clear:both;}

	.nouveaute{
		width:465px;
		padding: 0 0 25px 0 ;
	}

	.nouveaute .texte{
		float:left;
		display:inline;
		width:182px;
		margin: 10px 0 10px 0px;
		
	}

	.nouveaute .cadreB{
		margin:0px 10px 10px 0px;
	}

	.nouveaute .texte p {line-height:12px;}
	.nouveaute .texte span{color:#004a71; font-weight:bold;}






	/* 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;}	
	/* FOOTER */
	
	#footer {
		width:100%;
		text-align:center;
		height:32px;
		background:url(../img/bgg_footer.gif) left bottom repeat-x;
		color:#fff;
		line-height:29px;
		margin:20px 0px 0px 0px;

	}
	#footer a{
		color:#fff;
		text-decoration:none;
	}

	.footerbg {
		text-align:center;
		width:100%;
		height:32px;
		background:url(../img/bg_footer.jpg) top center no-repeat;

	}



		

	/*  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;}		
	
		#popin form {padding:0; margin:0;}
			#popin form div {padding: 4px 0 2px 0;}
			#popin form div.fright {padding:0;float:right;text-align:left;}
			#popin form	input {width:198px; height:16px; border:1px solid #afa593;}
			#popin form	textarea {width:285px; height:95px; margin:0; padding:0; border:1px solid #afa593;}
	/* 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 */