/*===============================
	global style resetting */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

html, body, form, fieldset {
	color:#363636;
	font:.8em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	line-height:2em;
}

img {border:0;}

address, caption, cite,th{
	font-style:normal;
	font-weight:normal;
}

ol, ul {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%}

b,em {
	font-weight:normal;
	/*font-style:normal*/
}

input.button {width:auto !IMPORTANT}


/*===============================
	links */
	
a:link      {text-decoration:none;color:#5ccbff;}
a:visited 	{text-decoration:none;color:#5ccbff;}
a:active  	{text-decoration:none;color:#5ccbff;}
a:hover  	{text-decoration:underline;color:#5ccbff;}


/*===============================
	Main Layout and Structure  */

html, body{}

body{
	background:#fafafa url(../images/interface/body_bg.gif) top center repeat-y;
}

#contentall{
	width:100%;
	background:url(../images/interface/bodytop_bg.gif) top repeat-x;
}

#wrapper{
	width:850px;
	margin:0 auto;
}

#header{
	width:850px;
	height:170px;
	background:url(../images/interface/header_bg.jpg) no-repeat;
}

#content{
	float:left;
	width:812px;
	padding:0 20px 10px 18px;
	margin:0;
	font-size:1.1em;
}


#clear-footer{
	clear:both;
	height:30px;
	width:100%;
}

#footer{
	width:850px;
	height:89px;
	background:#5ccbff url(../images/interface/footer_bg.gif) top repeat-x ;
}


/*===============================
	Navigation  */
	
ul#navigation {
	position:relative;
	top:114px;
	margin:0 0 0 10px;
	border:0 none;
	padding:0;
	width:600px; /*For KHTML*/
	list-style:none;
	height:26px;
}

ul#navigation li {
	margin:0;
	padding:0;
	float:left; /*For Gecko*/
	display:inline;
	list-style:none;
	position:relative;
	height:26px;
	background:url(../images/interface/navsep.gif) right no-repeat;
}

ul#navigation li:first-child {border-left:0 none;}

/* Root Menu */
ul#navigation a {
	font-size:11px;
	color:#363636;
	font-weight:bold;
	padding:3px 8px 0 8px;
	float:none !important; /*For Opera*/
	float:left; /*For IE*/
	display:block;
	text-decoration:none;
	height:23px;
}

ul#navigation a:hover {
	display:block;
	color:#1a79a5;
}


/*===============================
	Style Footer  */

#footer ul{list-style:none;}

	#footer ul li{
		margin:0;
		padding:4px 0;
		color:#fff;
		font-weight:bold;
		padding:0 4px;
		float:left; /*For Gecko*/
		display:inline;
		list-style:none;
		position:relative;
	}
	
		#footer ul li a {
			font-size:1em;
			color:#fff;
			font-weight:bold;
		}
		
/*===============================
	Style Titre  */
		
h1{
	padding:0 0 0 12px;
	margin:0 0 8px 0;
	font-size:1.1em;
	font-weight:bold;
	color:#363636;
	height:18px;
	background:url(../images/interface/puce_fff.gif) left center no-repeat;
}

h2{
	padding:0;
	margin:0;
	font-size:1em;
	color:#363636;
	font-weight:bold;
}

h2{
	padding:0;
	margin:0;
	font-size:1em;
	color:#593b08;
	font-weight:bold;
}

/*===============================
	Image  */
	
a.pixshadowbg {
	float:left;
	display:block;
	width:285px;
	height:226px;
	background:url(../images/interface/shadow_bg.gif) top left no-repeat;
	margin:0;
	padding:0;
}

	a.pixshadowbg img{
		width:269px;
		height:210px;
		padding:0;
		margin:8px 0 0 8px;
	}
	
	a.pixshadowbg *{float:left;}
	
a.artistehomebg {
	float:right;
	display:block;
	width:166px;
	height:216px;
	background:url(../images/interface/artistehome_bg.gif) top left no-repeat;
	margin:0 0 0 12px;
	padding:0;
}

	a.artistehomebg img{
		width:150px;
		height:200px;
		padding:0;
		margin:8px 0 0 8px;
	}
	
	a.artistehomebg *{float:left;}
	
a.borderimg,
a.borderimgR {
	float:left;
	display:block;
	margin:0 6px 6px 0;
	padding:0;
	border:3px solid #dfdfdf;
}

a.borderimg *,
a.borderimgR *{float:left;}

a.borderimg:hover,
a.borderimgR:hover {border:3px solid #5ccbff;}

a.borderimgR{
	float:right;
	margin:0 6px 8px 6px;
}

a.borderimgP {
	float:left;
	display:block;
	width:100px;
	height:95px;
	margin:0 8px 8px 0;
	padding:5px 0 0 0;
	background:url(../images/interface/oeuvres_bg.gif) no-repeat;
	text-align:center;
}

a.borderimgS {
	float:left;
	display:block;
	width:174px;
	height:167px;
	margin:0 8px 8px 0;
	padding:7px 0 0 0;
	background:url(../images/interface/stock_bg.jpg) no-repeat;
	text-align:center;
}
	
/*===============================
	Forms  */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

textarea.required {
	border: 1px solid #fff;
}

input.required{
	width:180px;
	border: 1px solid #fff;
	background:url(../images/interface/input_bg.jpg) left no-repeat;
	background-position:0;
}

textarea.validation-failed {
	/*border: 1px solid #ca003a;
	color : #FF3300;*/	
}

input.validation-failed{
	width:180px;
	background:url(../images/interface/input_bg.jpg) left no-repeat;
	background-position:-360px;
}

textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

input.validation-passed{
	width:180px;
	background:url(../images/interface/input_bg.jpg) left no-repeat;
	background-position:-540px;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ca003a;
	color : #fff;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
 	border:none;
	font-size:1.2em;
	padding-bottom:16px;
}

label {
	font-weight:bold;
}

label em {
  font-weight: bold;
  font-style: normal;
  color: #ca003a;
}

.form-row {
	clear: both;
	margin:0;
	padding: 0.5em;
}

.field-label {
	float:left;
	width:100px;
	margin:0;
	padding:4px;
	/*background:#dfdfdf;
	border:1px solid #dfdfdf*/
}

.field-widget {
	float:left;
	width:320px;
	margin:0 0 0 4px;
	padding:4px;
	background:#f9f9f9;
	border:1px dotted #dfdfdf
}

input.send,
input.reset {
	padding:0;
	margin:0;
	height:32px;
	width:73px;
	background:url(../images/interface/button_send.gif) no-repeat;
	border:none;
	color:#fff;
	font-size:11px;
	cursor:pointer;
}

input.reset{
	background:url(../images/interface/button_raz.gif) no-repeat;
}


#f_nom:focus, #f_nom:hover,
#f_prenom:focus, #f_prenom:hover,
#f_adresse:focus, #f_adresse:hover,
#f_cp:focus, #f_cp:hover,
#f_ville:focus, #f_ville:hover,
#f_pays:focus, #f_pays:hover,
#f_email:focus, #f_email:hover,
#f_antispam:focus, #f_antispam:hover{
	border:1px solid #bfe1f1;
}

select{font-size:11px;}

/*===============================
	Part HOME  */
	
#box-home{
	float:right;
	width:491px;
	height:450px;
	margin:0 0 0 12px;
	padding:10px;
	background:#fff url(../images/interface/boxright-home_bg.jpg) top left no-repeat;
}

#box-homexpo{
	float:left;
	clear:both;
	margin:12px 0 0 0;
	padding:0;
	width:316px;
}

p.home{
	margin:0;
	padding:0 0 0 4px;
	border-left:5px solid #5ccbff;
	text-align:justify;
	background:#fff url(../images/interface/phome_bg.gif) bottom repeat-x;
}

div.box-news{
	float:left;
	padding:8px;
	margin:0 10px 0 0;
	width:204px;
	height:140px;
	background:#fff url(../images/interface/phome_bg.gif) bottom repeat-x;
}

a.seeallnews{
	padding:0 0 0 12px;
	background:url(../images/interface/puce_seeall.gif) left center no-repeat;
}

a.seeall{
	padding:0 0 0 12px;
	background:url(../images/interface/puce_seeall.gif) left center no-repeat;
}

/*===============================
	Part Contact  */

#maps{
	float:right;
	width:310px;
	margin:0 12px 0 0;
	padding:0;
}

/*===============================
	Part News  */
	
ul.actualite-list{
 margin:0;
 padding:0;
}

	ul.actualite-list li{
		width:510px;
		text-align:right;
		border-bottom:1px dotted #dfdfdf;
		margin:2px 0 2px 0;
	}
	
		ul.actualite-list li span{float:left;}


/*===============================
	Part Liens  */
	
div.link{
	float:left;
	width:800px;
	padding:2px 0 6px 0;
	margin:6px 0 12px 0;
	border-bottom:1px dotted #dfdfdf;
}

/*===============================
	Part Galerie  */
	
p.pmot{
 	margin:0;
 	padding:2px 0 0 0;
}

/*===============================
	Part Exposition  */
	
#expositioncontent{
	float:left;
	width:812px;
	padding:0;
	margin:0;
	background:#fff url(../images/interface/column_bg.gif) repeat-y right;
}
	
#expodetail{
	float:left;
	margin:0 18px 0 0;
	padding:0;
	width:432px;
}

#expolist{
	float:left;
	margin:0;
	padding:0 0 20px 0;
	width:362px;
}

#expolist div{
	float:left;
	margin:0 0 18px 0;
	padding:0 0 18px 12px;
	width:350px;
	border-bottom:1px solid #e8e6e6;
}

#expolist div div{
	float:left;
	width:338px;
	margin-bottom:10px;
	padding:0;
	border:0;
}

ul.exposition-list{
 margin:0;
 padding:0;
}

	ul.exposition-list li{
		width:422px;
		text-align:right;
		border-bottom:1px dotted #f8f8f8;
		margin:2px 0 2px 0;
	}
	
		ul.exposition-list li span{float:left;}
	
	

/*===============================
	Part Artiste  */

#artistecontent{
	float:left;
	width:812px;
	padding:0;
	margin:0;
	background:#fff url(../images/interface/column_bg.gif) repeat-y right;
}


#artistedetail{
	float:left;
	margin:0 18px 0 0;
	padding:0;
	width:432px;
}

#artistelist{
	float:left;
	margin:0;
	padding:0 0 20px 0;
	width:362px;
}

#artistelist div {
	float:left;
	margin:0 0 18px 0;
	padding:0 0 18px 12px;
	width:350px;
	border-bottom:1px solid #e8e6e6;
}

#artistelist div div{
	float:left;
	width:338px;
	margin-bottom:10px;
	padding:0;
	border:0;
}

ul.artist-list{
 margin:0;
 padding:0;
}

	ul.artist-list li{
		width:422px;
		text-align:right;
		border-bottom:1px dotted #f8f8f8;
		margin:2px 0 2px 0;
	}
	
	ul.artist-list li a.namelist{
		font-size:1.1em;
		color:#000;
		text-decoration:none;
	}
	
	ul.artist-list li a.namelist:hover{text-decoration:underline;}
	
		ul.artist-list li span{float:left;}


/*===============================
	Part Stock  */
	
ul.stock-list{
 margin:0;
 padding:0;
}

	ul.stock-list li{
		clear:both;
		width:800px;
		text-align:right;
		border-bottom:1px dotted #dfdfdf;
		margin:2px 0 2px 0;
		background-color:#f7f7f7;
	}
	
		ul.stock-list li span{float:left;}
		
		ul.stock-list li div.bloc{
			float:left;
			text-align:left;
			margin:0;
			padding:8px;
			width:380px;
		}


/*===============================
	Paginator  */
	
.pagepage{text-align:center;}

.pagepage a:link,.pagepage a:hover,.pagepage a:visited,.pagepage a:active {
	display:inline;
	border:1px solid #979e80;
	text-decoration:none;
	padding:2px;
}
	
/*===============================
	Class  */

.hide{display:none;}

.show{display:block;}

.clear { 
	clear:both; 
	line-height:0px;
}

.floatright{
	float:right;
	margin-left:8px;
}

.justfy {text-align:justify;}

.date{
	font-style:italic;
	color:#808080;
}

.italic{
	font-style:italic;
}

.right{text-align:right;}

.response-error{
	background:#f9d1d5;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	font-weight:bold;
	border:1px solid #c9003a;
}

.response-valid{
	background:#fbfdfb;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	border:1px solid #1e9d48;
}