/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */

/* png fix */
* { behavior: url(iepngfix.htc) }
/* end of png fix */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #000;
	background: #eee  url(images/pattern500.jpg) top left repeat;
	text-align: center;
	height: 100%;
	min-height: 850px;
/* part 1 of 2 centering hack */
	}
a {
	text-decoration: none;
	color:  #444;
	outline: none;
	}
a:visited {
	color:  #444;
	}
a:active {
	color:  #444;
	}
a:hover {
	color: #fff;
	background-color: #aaa;
	}
dl, dt, dd {margin: 0; padding: 0; }
.ahem {
	display: none;
	}
.lined {
	background: url(images/underline.gif);
	}
.selected {
	color:white;
	background-color:#aaa;
	font-weight: bold;
	}
.credits {
	text-align: right;
	padding: 10px 10px 8px;
	font-size: 11px;
	color: #000;
	}
p.intro {
	margin: 8px 10px 15px;
	color: #333;
	}
p.artwork {
	clear: left;
	margin: 0 15px 15px 20px;
	color: #333;
	}
p.artwork em {
	font-family: Georgia, Times, serif;
	line-height: inherit;
	}
p.news {
	clear: both;
	margin: 15px 15px 15px 20px;
	color: #333;
	background: url(images/underdot1.gif);
	}
p.about {
	margin: 68px 15px 15px 20px;
	color: #333;
	line-height: 21px;
	}
p.cv {
	margin: 0 15px 20px 20px;
	color: #333;
	line-height: 20px;
	}
p.cv em {
	font-family: Georgia, Times, serif;
	line-height: inherit;
	color: #555;
	}
.cvexpo {
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-style: italic;
	color: firebrick;
	line-height: 20px;
	}
#cv {
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	/*background: url(images/underdot1.gif);*/
	padding: 0;
	margin: auto 10px;
}
strong, b {
	font-weight: bold;
	}
#cv strong, b {
	line-height: 20px;
	}
p {
	font-size: 12px;
	line-height: 20px;
	}

blockquote { font-size: 12px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px; color: #444; }

.vcondensed { line-height: 18px; }

ul {
	list-style-type: none;
	margin: 0;
	}
#title {
	float: left;
	position: relative;
	left: 4px;
	top: 24px;
	}
#navigation ul {
	padding: 0;
	margin: 0;
	}
#navigation ul li {
	font-size: 80%;
	display: inline;
	padding: 0 30px;
	letter-spacing: 1px;
	border-right: 1px solid #ccc;
	}
#mainlist ul.chrono {
	font-size: 100%;
	padding: 0;
	margin: 0 10px 0 8px;
	color: #999;
	text-align: left;
	}
#mainlist ul.chrono li {
	width: auto;
	display: inline;
	padding: 2px 21px 2px 8px;
	margin: 0;
	line-height: 1.8em;
	font-style: normal;
	background: url(images/slant.gif) top right no-repeat;
	}
#mainlist ul li {
	font-size: 80%;
	font-style: italic;
	padding: 0;
	margin: 0;
	line-height: 1.8em;
	}
#mainlist ul {
	padding-left: 15px;
	font-family: Georgia, Times, serif;
	}
#mainlist ul.art {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	padding-left:3px;
	margin-top: -10px;
	margin-left: 12px;
	margin-right: 21px;
	}
#mainlist ul.news {
	margin-top: 5px;
	}
li.year {
	display: inline-block;
	font-style: normal !important;
	color: #444;
	border-bottom: 1px solid #999;
	padding-bottom: 0 !important;
	}
li.year + li {
	margin-top: 0.4em !important;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
.coord { float: left;
margin-left: 20px;
font-size: 13px;
line-height:16px
font-weight: bold;
color: black;
}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
.wrapinline {
	margin-left: 20px;
	}
.wrapinline .artwork {
	margin-left: 0px;
	}

.materials {
	line-height: 20px;
	font-size: 11px;
	padding: 4px;
	display: inline;
	background-color: #eee;
}

/*.sold {
	float: left;
	margin: -30px 0 0 0;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 11px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.sold img{
	margin-bottom: -5px;*/
}
li.view {
	margin-top: 50px;
	margin-left: -20px;
}
#header {
	width: 100%;
	height: 105px;
	text-align: left;
	padding: 0;
	margin: 0;
	background-color: #fff;
	}
#entete {
	width: 900px;
	height: 105px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -450px;
	}
#navigation {
	float: right;
	width: /*610px*/ auto;
	background-color: #fff;
	color: #ccc;
	position: relative;
	right: 0;
	top: 56px;
	text-align: center;
	}
#mainlist {
	width: 300px;
	height: 600px;
	color: #000;
	float: left;
	}
#viande {
	position: absolute;
	left: 50%;
	top: 160px;
	width: 600px;
	height: 600px;
	background-color: #f6f6f6;
	margin-left: -150px;
	padding: 0;
	}
#viande h2 {
	float: left;
	width: auto;
	line-height: 30px;
	margin: 25px 20px;
	padding-right: 20px;
	color: firebrick;
	border-right: 2px solid #999;
	}
#viande h2.news {
	margin-bottom: 15px;
	color: firebrick;
	}
#viande h2.cv {
	display: inline-block;
	margin-bottom: 15px;
	color: firebrick;
	border-right: 0;
	}
.artinfo1 {
	position: relative;
	margin: 34px 20px 16px;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.infox1 {
	position: relative;
	top: 0;
	height: auto;
	margin: 0 20px;
	padding: 33px 0 0 0;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.infonewsx1 {
	position: relative;
	top: 0;
	height: auto;
	margin: 0 20px;
	padding: 33px 0 0 0;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.infox2 {
	position: relative;
	margin: 25px 20px;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.infox3 {
	position: relative;
	margin: 19px 20px;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.infonewsx2 {
	position: relative;
	margin: 25px 20px 0 20px;
	padding: 16px 0 0 0;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	}
.topnews {
	padding: 0;
	}
#viande h3.cv {
	font-size: 14px;
	margin: 0 0 10px 21px;
	padding: 0 0 1px 0;
	color: firebrick;
	line-height: 30px;
	background: transparent url(http://www.vidasimon.net/beta/images/129.gif) repeat-x 0% 100%;
	}

#viande dl {
	float: left;
	position: relative;
	top: 15px;
	left: 15px;
	}

.teaching {
	clear: left;
	border-top: 1px solid #aaa;
	padding-top: 20px;
	margin-bottom: 15px !important;
	}

a.rouge {
	color: firebrick;
	border-bottom: 1px dotted firebrick;
}
a:hover.rouge {
	border-bottom: 0;
	background-color: firebrick;
	color: #fff;
}

#teaser {
	position: absolute;
	left: 25px;
	top: 400px;
	width: 555px;
	height: 175px;
	background: transparent;
}
.extendable #teaser {
	position: relative;
	left: 25px;
	top: 10px;
	width: 555px;
	height: 175px;
	background: transparent;
	padding-bottom: 25px;
}
#teaser img {
	float: left;
	margin-right: 15px;
}
#linkgall {
	float: right;
	width: 175px;
	height: 175px;
	margin: 0;
	}
#store {
	float: right;
	width: 600px;
	height: 600px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
#store img {
	margin: 0 8px 8px 0;
	float: left;
	border: 1px solid #ebebeb;
	}
#store img.storeedge {
	margin-right:0;
	}
#content {
	padding: 10px;
	margin-top: 45px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #fff;
	text-align:left; /* part 2 of 2 centering hack */
	width: 900px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 900px;
	height: 600px;
	}
html>body #content {
	width: 900px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
a.pdf {
  display: block;
  width: 44px;
  height: 75px;
  background: url("images/PDF_roll.gif") 0 0 no-repeat;
  text-decoration: none;
  z-index: 99;
}
a:hover.pdf {
  background-position: -44px 0;
  cursor: pointer;
}
p.placeholder {
position: relative;
bottom: 67px;
right: 0;
width: 560px;
height: 20px;
   background-color: #fff;
   filter: alpha(opacity=50); /* here you can set the opacity of box with text */
   -moz-opacity: 0.5; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.5; /* here you can set the opacity of box with text */
   opacity: 0.5; /* here you can set the opacity of box with text */
   font-weight: bold;
   font-size: 16px;
   padding: 10px 20px;
   margin: 0;
}

sup {
	line-height: 0;
}
#calendar {margin: 60px 12px 0; width: 265px;}
#calendar h2 {color: #979797; font-size: 14px; margin-bottom: 0.8em; padding-left: 5px; font-family: Georgia, Times, 'Times New Roman', serif;}
.extendable { overflow-y: auto; overflow-x: hidden;}
.inactive, .inactive a:link, .inactive a:visited, .inactive a:hover, .inactive a:active {
	color: #ccc; background-color:  #fff;
}

.photocreds { font-size: 10px; margin-left: 20px; margin-top: 0.8em; color: #999; }
span.righty { float: right; margin: 0.2em 0 0.6em 1.2em; font-size: 9px; line-height: 12px; }
span.lefty { float: left; margin: 0.2em 1.2em 0.6em 0em; font-size: 9px; line-height: 12px; }
.dotted { border-bottom: 1px dotted #aaa;}