/* General */

html {
	

}

* {
margin:0;
padding:0;


}


body {
	background-color: #000;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:left;
	letter-spacing:0.01em;		
	}

td,th {
	font-size: 0.8em;
}


/* home_blanc */
#Layer-2 {
	position: absolute;
	left: 340px;
	top: 67px;
	width: 569px;
	height: 282px;
	background-image:url(../images/background-home_text.png)
}


#landing_page {
	position: absolute;
	left: 340px;
	top: 67px;
	width: 569px;
	height: 282px;
	background-image:url(../images/landing_background.png);
}

#landing_page2 {
	position: absolute;
	left: 320px;
	top: 58px;
	width: 607px;
	height: 401px;
	background-image:url(../images/background_contact.png);
	z-index:10;
}

#Layer-3 {
  position: absolute;
  left: 636px;
  top: 435px;
  width: 282px;
  height: 17px;
  z-index: 3;
}

/* Copyright@2009  */
#Layer-4 {
  position: absolute;
  left: 717px;
  top: 383px;
  width: 193px;
  height: 11px;
  background-image:url(../images/copyright.gif);
  background-repeat:no-repeat;
}

#home {
	font-weight: bold;
	 position: absolute;
  left: 858px;
  top: 52px;
  z-index:2000;
  
	
}

#langue {
	font-weight: bold;
	 position: absolute;
  left: 32px;
  top: -6px;
  z-index:2000;
  text-decoration:none;
  
  
	
}

#langue a{
	color:grey;
	text-decoration:none;
  
	
}

#langue a:hover{
	color:white;
	text-decoration:none;
  
	
}


#home a:hover{
color:red;	
	
}


/* A  suivre */
#Layer-6 {
  position: absolute;
  left: 466px;
  top: 251px;
  width: 65px;
  height: 13px;
  z-index: 6;
  background-image:url(../images/followup.gif);
}

/* Anna Dvorak */
#anna_dvorak {
  position: absolute;
  left: 537px;
  top: 10px;
  width: 279px;
  height: 38px;
  z-index: 7;
  background-image:url(../images/anna_dvorak.gif);
}





/*divers*/
.thumb{
font:Arial, Helvetica, sans-serif;
color:#ffffff;
}

#background_oeuvre{
position: absolute;
	width: 1000px;
	height: 1250px;
	background-image:url(../images/background-expo.gif);
	background-repeat:no-repeat;
	top:3%;
}



.image_back_oeuvre{
  position: absolute;
  left: 355px;
  top: 37px;
  width: 75px;
  height: 19px;
  z-index: 1;
}

/* Content */

#content{
 position: absolute;
  left: 60px;
  top: 70px;
  width: 490px;
  text-align:justify;}

#content_en{
 position: absolute;
  left: 60px;
  top: 97px;
  width: 483px;
  line-height:18px;
  text-align:justify;}


#content2{
 position: absolute;
  left: 89px;
  top: 50px;
  width: 483px;
  text-align:justify;
  z-index:1;}
  
#content3{
 position: absolute;
  left: 87px;
  top: 50px;
  width: 483px;
  text-align:justify;
  z-index:1;}

.works #content, .exhibition #content {
 line-height:18px;}


#tooltip{
	
	
	position:relative;
	top:10%;
	padding:5px;
	
}



.expo{
	overflow:auto;
	max-height:200px;
	padding-right:15px;
	

}

h3 {
	color:#ca6f2e;
}

.date {
	
	color:#ca6f2e;
}


#centrage #landing_page #content p a {
	font-size: smaller;
}




/*buttons*/

#buttons_position{
  position: absolute;
  left: 355px;
  top: 37px;
  width: 75px;
  height: 19px;
  z-index: 9;
}

#buttons_position_landing{
  position: absolute;
  left: 355px;
  top: 60px;
  width: 75px;
  height: 19px;
  
}
#button_navigation_bio{
	font-size: 110%;
	position:absolute;
	top:97%;
	left:15%;
	white-space:nowrap;
	
	
}



#button_navigation_oeuvres{
	font-size: 110%;
	position:relative;
	top:124%;
	left:10%;	
	
}

.works #button_navigation_oeuvres{

	top:100%;}


#button_navigation_expo {
	font-size: 110%;
	position:absolute;
	top:120% !important;

	left:86%;
	
	
}

.button_navigation_contact {
	text-align: right;
}

#oeuvre_button {
  position: absolute;
  left: 189px;
  top: 15px;
  width: 75px;
  height: 19px;
  z-index: 12;
}

#obras_button {
  position: absolute;
  left: 172px;
  top: 15px;
  width: 75px;
  height: 19px;
  z-index: 12;
}

#works_button {
  position: absolute;
  left: 184px;
  top: 15px;
  width: 75px;
  height: 19px;
  z-index: 12;
}





#bio_button {
  position: absolute;
  left: 377px;
  top: 15px;
  width: 32px;
  height: 19px;
  z-index: 12;
}

#bio_en_button {
  position: absolute;
  left:388px;
  top: 15px;
  width: 32px;
  height: 19px;
  z-index: 12;
}


#expo_button {
  position: absolute;
  left: 290px;
  top: 15px;
  width: 53px;
  height: 27px;
  z-index: 12;
}

#exhi_button {
  position: absolute;
  left: 270px;
  top: 15px;
  width: 53px;
  height: 27px;
  z-index: 200;
}

#exhibiciones_button {
  position: absolute;
  left: 265px;
  top: 15px;
  width: 53px;
  height: 27px;
  z-index: 200;
}

#contact_button {
  position: absolute;
  left: 459px;
  top: 15px;
  width: 73px;
  height: 19px;
  z-index: 12;
}


#nav_contact {
	font-size: 110%;
	position:absolute;
	left:20%;
	padding:5px;
	
}

#button_navigation {
	font-size: 110%;
	position:absolute;
	left:20%;
	padding:5px;
	
}

#button_navigation TD  {
font-size:0.8em;
background-color:#ca6f2e;
padding:5px;

}

#button_navigation_bio TD  {
font-size: 100%;
font-size:0.8em;
background-color:#ca6f2e;
padding:5px;





}
#button_navigation_oeuvres TD  {
	font-size:0.8em;
	background-color:#ca6f2e;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#button_navigation_expo TD  {
font-size:0.8em;
background-color:#ca6f2e;
padding:9px;}


#nav {
	position: absolute;
	top:2%;
	z-index:200;
	left:3%;
}



#landing_page #content #button_navigation_oeuvres table tr td #MenuBar1 li ul li a span {
display:none;}
#landing_page #content #button_navigation_oeuvres table tr td #MenuBar1 li ul li a:hover span {
display:inline;
color:white;
border:1px solid white;}

/* end buttons */



/*links*/
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #000000;
}

a:active {
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;

}
/*links P*/
p a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
p a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
p a:hover {
	text-decoration: none;
	color: #ffffff;
}
p a:active {
	text-decoration: none;
	color: #FFFFFF;
	
}

/*links Li*/
li a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
li a:hover {
	text-decoration: none;
	color: #ffffff;
}
li a:active {
	text-decoration: none;
	color: #FFFFFF;
	
}


/*formulaire*/
#name {
	
	position: absolute;
	top:21%;
	left:15%;
	z-index:25;
}

#lastname {
	
	position: absolute;
	top:28%;
	left:15%;
	z-index:25;
}

#email{
	
	position: absolute;
	top:34%;
	left:15%;
	z-index:25;
}

#sujet{
	
	position: absolute;
	top:40%;
	left:15%;
	z-index:25;
}

#message{
	
	position: absolute;
	top:47%;
	left:15%;
	z-index:25;
}

#contact_cach{
	
	position: absolute;
	bottom: 6%;
	left:18%;
	z-index:25;
}

/*end formulaire*/