body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 1.3em;
	font-size: 87%;
	background-color: transparent;	
	background-image: url(../images/background41.gif);
	
}


h1{
	clear: both;
	padding: 0 0 15px 0;
	font-size: 81%;
	line-height: 1.4em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #c17d07;
	}
	
h12{
	clear: both;
	padding: 0;
	line-height:  1.4em;
	font-size: 81%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #c17d07;
	}	


h2{
	clear: both;
	padding: 0;
	line-height:  1.4em;
	font-size: 81%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #555353;
	}
	

	
h3{
	clear: both;
	padding: 0;
	line-height:  1.4em;
	font-size: 81%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style:italic;
	font-weight: normal;
	letter-spacing: 0;
	color: #555353;
	}
	
h4{
	clear: both;
	padding: 0;
	line-height:  1.4em;
	font-size: 81%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #555353;
	}
	
h5{
	clear: both;
	padding: 0;
	line-height:  1.4em;
	font-size: 81%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #c17d07;
	}
	
h6{
	clear: both;
	line-height:  1.4em;
	padding: 0;
	font-size: 90%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #555353;
	}
	
h7{
	clear: both;
	padding: 60px 0 0 0;
	line-height: 1.4em;
	font-size: 110%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #c17d07;
	}
		
img{
	border: none; /*toutes les img apres n'auront pas de bordure)*/
	display: block;
	background-position: left;
	}
	
#interface{
	width: 1000px;
	margin: 0px auto; /*centre le container, mais il faut specifier une largeur)*/
	/*border: 1px solid red;*/
	background-color: transparent;
	}
	

	/*#interface-header{
		float: left;
		width: 1000px;
		height: 19px;
		background-image: url(../images/interface-header.gif);
		background-repeat: no-repeat;
		margin: 30px 0 0 0;
		}*/
	/*#logo{
		float: left;
		margin: 0 0 15px 0;
				padding: 0;
				/*border: 1px solid red;
		}*/
	#interface-width{
		float: right;
		color: transparent;
		width: 1000px;
		/*border: 1px solid red;*/		
		}
				
			
		#interface-width #menu{
			float: right;
			height: 20px;
			list-style: none;
			padding: 35px 0 0 0;
			margin: 0;
			/*width: 652px;*/
			/*border: 1px solid red;*/
			}
	
			#interface-width #menu li{
				float: left;
				list-style: none;
				padding: 0 30px 0 0 ;
				display: inline;
				margin: 0 1px 0 0;
				letter-spacing: 2px;
				/*border: 1px solid red;*/
				}
	
					#interface-width #menu a{
						float: left;
						font-size: 80%;
						color: #555353;
						text-decoration: none;		
						padding: 0 0 18px 0;
						/*border: 1px solid green;*/
						}
					#interface-width #menu a:hover, #interface-width #menu a:active, #interface-width #menu a:focus{
						float: left;
						font-size: 80%;
						color: #fffffe;
						text-decoration: none;
						padding: 0 0 18px 0;
						}
					/*#interface-width #menu #biography-button:hover, #interface-width #menu #biography-button:active, #interface-width #menu #biography-button:focus{
						background: url(../../buttons/biography.jpg) bottom right no-repeat;
						color: #FFFFFF;	*/				
					


					
						
/*INDEX-----------------------------------------*/	


					
	#interface-width #content-container{
		float: right;
		padding: 9px 0 0 0;
		width: 1000px;
		/*border: 1px solid green;*/
		}
		
		#interface-width #content-container #left{
		float: left;
		padding: 90px 0 0 130px;
		width: 180px;
		height: 300px;
		/*border: 1px solid red;*/
		}
		
		#interface-width #content-container #content{
			float: left;
			width: 1000px;
			padding: 0;
			margin: 0;
			/*border: 1px solid yellow;*/
			}
			
		#interface-width #content-container #contentpublications{
			float: left;
			width: 1000px;
			padding: 27px 0 0 0;
			margin: 0;
			/*border: 1px solid yellow;*/
			}
			
		#interface-width #content-container #content-projects{
			float: right;
			width: 652px;
			padding: 46px 0 0 0;
			margin: 0;
			/*border: 1px solid black;*/	
			}
			
				
		#interface-width #content-container #content-projectspage{
			float: right;
			/*width: 720px;*/
			width: 800px;
			padding: 32px 0 0 0;
			margin: 0;
			/*border: 1px solid black;*/
			}
			
		#interface-width #content-container #content-projectspage #thumbnail img{ 
			float: right;
			margin: 14px;
			background-color: transparent;
			/*border: 1px solid black;*/
			}
				
		
		#interface-width #content-container #contenthome{
			float: right;
			width: 1000px;
			padding: 0;
			margin: 0;
			/*border: 1px solid yellow;*/
			}
			
			#interface-width #content-container #contenthome-projects{
			float: right;
			width: 1000px;
			padding: 0;
			margin: 0;
			/*border: 1px solid black;*/
			}
			
		#interface-width #content-container #contenthome-projects #thumbnailhome img{ 
			float: right;
			margin: 14px;
			padding: 46px 31px 0 0;
			/*border: 1px solid black;*/
			}
			
		#interface-width #content-container #contenthome-projects #panorama img{ 
			float: right;
			margin: 14px;
			padding: 46px 31px 0 0;
			/*border: 1px solid black;*/
			}
				
				
				
			
			#portfolio-right{
				float: left;
				width: 660px;
				padding: 0;
				margin: 0px auto;
				text-align: center;
				}
			
			#portfolio-right img{
				margin: 0px auto;
				}
				
			
			#portfolio-right-smaller{
				float: none;
				width: 1000px;
				padding: 0;
				text-align: center;
				margin-top: 0px;
				margin-right: auto;
				margin-bottom: 0px;
				margin-left: auto;
				}
			
			#portfolio-right-smaller img{
				margin: 0px auto;
				}
				#portfolio-right-smaller #intro-text{
				margin: 0px auto;
				padding: 10px 0 0 0;
				}
			
			
			#previous-next{
				width: 68px;
				padding: 0;
				margin: 0px auto;
				text-align: center;
				}
			
			
			#previous-next img{
				float: left;
				width: 32px;
				height: 17px;
				padding: 15px 0 0 0;
				}
				
				/*----------------------------*/
				
	#interface-width #submenu-container{
		float: right;
		padding: 0 0 0 0;
		width: 1000px;
		/*border: 1px solid green;*/
		}		
				
				/*----------------------------*/		
						
	#interface-footer{
		float: left;
		/*background-image: url(../images/interface-footer.gif);
		background-repeat: no-repeat;*/
		width: 1000px;
		height: 30px;
		}
		#web-designer{
			float: right;
			padding: 8px 10px 20px 0;
			font-size: 70%;
			}
		#web-designer a{
			text-decoration: none;
			color: #d9d9d5;
			}
		#web-designer a:hover{
			text-decoration: underline;
			color: #d9d9d5;
			}
			
			
			/*-----------COMMERCIAL CONTACT DETAILS-----------------*/	
				
						
	#interface-commercial{
		float: left;
		width: 655px;
		height: 40px;
		/*border: 1px solid yellow*/
		}
	#commercial-photo{
			float: left;
			width: 600px;
			padding: 0;
			}	
		
		#commercial-contact{
			float: left;
			padding: 8px 10px 10px 0;
			font-size: 90%;
			}
		#commercial-contact a{
			text-decoration: none;
			color: #555353;
			}
		#commercial-contact a:hover{
			text-decoration: none;
			color: #fffffe;
			}

/*----------------------News / Exhibitions----------------*/
.news-box{
	float: left;
	width: 1000px;
	margin: 0 0 30px 0;
	/*border: 1px solid black;*/
	background-color: #e4e4e4;
	}

.news-box .news-image{
	float: left;
	padding: 0;
	width: 1000px;
	/*border: 1px solid blue;*/
	}

.news-box .news-content{
	float: left;
	margin: 0;
	padding: 5px 0 0 20px;
	width: 900px;
	/*border: 1px solid green;*/
	}

.news-box .news-content h2{
	clear: both;
	padding: 10px 0 5px 0;
	margin: 0;
	font-size: 90%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #555353;
	}

.news-box .news-content p{
	float: left;
	padding: 0 0 5px 0;
	font-size: 80%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #555353;
	}
	
/*-------------------- publications---------------------*/


#interface-publications{
		float: left;
	width: 1000px;
	margin: 0 0 30px 0;
	/*border: 1px solid black;*/
	background-color: #e4e4e4;
	}
		#publications-image{
			float: left;
			padding: 0;
			width: 1000px;
			/*border: 1px solid blue;*/
			}
			
			#publications-content{
			float: left;
			margin: 0;
			padding: 5px 0 0 20px;
			width: 900px;
			/*border: 1px solid green;*/
			}
			
			#publications-content h2{
			clear: both;
			padding: 10px 0 5px 0;
			margin: 0;
			font-size: 90%;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			font-weight: normal;
			letter-spacing: 1px;
			color: #555353;
			}
						
			#publications-content ul{
			text-decoration: none;
			padding: 0 0 5px 0;
			font-size: 80%;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			font-weight: normal;
			letter-spacing: 1px;
			color: #555353;
			}

			#publications-content ul span{
			color: #c17d07;
			}

			#publications-content ul a{
			text-decoration: none;
			color: #555353;
			}

			#publications-content ul a:hover{
			color: #c17d07;
			}
	
/*--------------------Contact page---------------------*/


#contact-details{
	float: left;
	width: 250px;
	padding: 0 0 150px 0;
	margin: 0 0 0 0;
	} 
#contact-details h2{
	clear: both;
	padding: 20px 0 5px 0;
	margin: 0;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;	
	letter-spacing: 0px;
	line-height: 220%;
	color: #7a7573;
	}



#contact-details ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;	
	letter-spacing: 0px;
	line-height: 180%;
	color: #7a7573;
	}

#contact-details ul span{
	color: #fffffe;
	}

#contact-details ul a{
	color: #7a7573;
	text-decoration: none;
	}

 #contact-details ul a:hover{
	text-decoration: underline;
	}
	
/*-------------------Downloads page---------------------*/


#downloads{
	float: left;
	width: 289px;
	padding: 0 0 150px 0;
	margin: 0 0 0 30px;
	background-image: url(../images/services-photo.jpg);
	/*border: 1px solid red;*/
	} 

#downloads ul{
	float: left;
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #7a7573;
	}

#downloads ul span{
	color: #fffffe;
	}

#downloads ul a{
	color: #7a7573;
	text-decoration: none;
	}

 #downloads ul a:hover{
	color: #fffffe;
	}
	
	
/*--------------------Biography  ---------------------*/


#biographycontent{
	float: left;
	/*text-align: left;*/
	width: 620px;
	padding: 0;
	margin: 0;
	/*border: 1px solid red;*/
	} 	

#biographymenu{
	float: left;
	/*text-align: left;*/
	width: 289px;
	padding: 55px 0 0 0;
	margin: 0 0 0 30px;
	/*border: 1px solid red;*/
	} 	
	
#biographymenu ul{
	float: left;
	text-align: left;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #555353;
	}	
	
/*--------------------Projects navigation---------------------*/


#projectsmenu{
	float: left;
	/*text-align: left;*/
	width: 289px;
	padding: 40px 0 0 0;
	margin: 0 0 0 30px;
	} 

#projectsmenu ul{
	float: left;
	text-align: left;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #555353;
	}

#projectsmenu ul span{
	color: #fffffe;
	}

#projectsmenu ul a{
	color: #555353;
	text-decoration: none;
	}

 #projectsmenu ul a:hover{
	color: #fffffe;
	}
	
#projectsmenubottom{
	float: left;
	/*text-align: left;*/
	width: 850px;
	padding: 10px 0 0 95px;
	margin: 0 0 0 10px;
	/*border: 1px solid red;*/
	} 

#projectsmenubottom ul{
	float: left;
	text-align: right;
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #555353;
	}

#projectsmenubottom ul span{
	color: #fffffe;
	}

#projectsmenubottom ul a{
	color: #555353;
	text-decoration: none;
	}

 #projectsmenubottom ul a:hover{
	color: #fffffe;
	}


/*-------------------Latest Work page---------------------*/


#latest-work{
	float: left;
	width: 250px;
	padding: 0 0 150px 0;
	margin: 0 0 0 0;
	} 

#latest-work p{
	padding: 0 0 0 50px;
	margin: 0;
	width: 190px;
	font-size: 100%;
	line-height: 130%;
	}

#latest-work ul{
	float: left;
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #7a7573;
	}

#latest-work ul span{
	color: #fffffe;
	}

#latest-work ul a{
	color: #7a7573;
	text-decoration: none;
	}

 #latest-work ul a:hover{
	text-decoration: underline;
	}