/* CSS STYLESHEET */
body{
	background: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 62.7%;
	line-height:130%;
	padding: 0px;
	margin: 0px;
}
a{
	text-decoration:none;
	color: #999;
}
a:hover{
	text-decoration: none;
}
h1{ 
	font-size:200%; 
}
h2{ 
	font-size:140%; 
}
h3{ 
	font-size:120%; 
}
#page{
	margin: 0 auto;
	width: 1200px;
	padding-top:30px;
}
#topleft{
	float:left;
	width:400px;
}
	#signature{	
		margin-left:50px;
	}
	#tools{
		text-align:right;
		width:309px;
		margin-top:-15px;
		margin-left:50px;
	}
		#tools a{
			margin-left:10px;
		}
		#switch{
		}
#topright{
	float:right;
	width:780px;
	text-align:right;
	margin-right:10px;
}
	#baseline{
		text-align:right;
		margin-top:50px;
	}
	#nav{
		text-align: right;
		margin-top: 10px;
		text-transform:uppercase;
		font-size:1em;
	}
		#nav a{
			padding: 0px 5px;
			border-left:1px solid #ccc;
			border-right:1px solid white;
		}
		#nav a span{
			display:none;
		}
		#nav a:hover span{
			display:inline;
			position:absolute;
			width:100px;
			background:#DDD;
			margin:15px 0 0 -30px;
			text-align:left;
			padding:20px;
			-moz-border-radius:10px;
			color:black;
		}
#pagetext{
	float: left;
	width: 200px;
	width: 210px;
	padding:20px 20px 0px 10px;
}
#content{
	width: 100%;
	margin-top:20px;
	font-size:1.1em;
	line-height:1.4em;
}
#content a{
	color:#D00;
}
#content h1{
	color:#E00;
	text-transform:uppercase;
	font-size:3em;
	font-weight:normal;
	letter-spacing:-2px;
}
#image{
	float:left;
	text-align:right;
}
#preload{
	display: none;
}
#text{
	float:left;
	padding: 10px 0px 0px 50px;
	width: 1200px;
}
#textobservations{
	float:right;
	padding: 200px 0px 0px 50px;
	width: 300px;
}
.small img{
	height:75px;
}
.small span{
	display:none;
}
.small:hover span{
	display:inline;
	position:absolute;
	background:#DDD;
	margin:-250px 0 0 -50px;
	text-align:left;
	padding:20px;
	-moz-border-radius:10px;
	color:black;
}
.small:hover span img{
	height:200px;
}
#biography, #exhibitions, #observations, #observationsMore, #cross, #crossMore, #nuits, #home, #insitu{
}
#colleft{
	float:left;
	width:550px;
}
#colright{
	float:right;
	width:550px;
}
.vignette{
	margin: 20px;
	width: 100px;
}
.vignette:hover{
	margin: 20px;
	width: 250px;
	margin: -50px -50px 0px 0px;
	position: absolute;
}
.close{
	display: block;
	width: 95%;
	text-align: right;
}
.separator{ clear:both; }
#text p, #textobservations p{
	margin:0px 0px 20px 0px;
}
#text ul li, #textobservations ul li{
	margin:0px 0px 10px 0px;
}

/* HOMEPAGE */
#pageHome{
	margin:auto;
	width: 474px;
	height:600px;
}
#logohome{
	width:474px;
}
#entrance{
	width:474px;
	margin:40px 0px 0px 40px;
}

/* formulaire contact */
.button{  
	padding:5px;
	background:#DDD;
	color:white;
}
.button:hover{  
	background:#EEE;
}
#content input{
	width:250px;
	margin-bottom:2px;
	background:#F3F3F3;
	border:1px solid #DDD;
}
#content textarea{
	width:400px;
	background:#F3F3F3;
	border:1px solid #DDD;
}

.imgleft{
	clear:both;
	float:left;
	width:150px;
	margin:0 30px 30px 0;
}

.imgright{
	clear:both;
	float:right;
	width:150px;
	margin:0 0 30px 30px;
}