body  {
	
	color: whitesmoke;
	opacity:0.8;
	text-align: center;
	font: 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 0.1em;
}

#wrapper a:link	{
	color: white;
	text-decoration:none;
}

#wrapper a:visited	{
	color: #9999FF;
}

#wrapper a:hover	{	
	color: #fefc34;
	opacity:0.5;
}

#wrapper a:active	{
	color: #00CC66;
}

#wrapper h3	{
margin-top: 2.5em;
}


#indexgen #lang ul	{
	position: absolute;
	top:  15em;
	left: 5em	;
}

#indexgen #lang  ul li	{
	display: inline;
	list-style-type: none;
	padding: 0.3em;
	margin:0 0.3em;
	border: 0.1em solid transparent;
	
}

#indexgen #lang  ul li a	{
	border: 0.1em solid transparent;
}

#indexgen #lang  ul li a:hover	{
	opacity: 0.7;
	border: 0.1em solid #48b5ff;
	
	
}

#lang .flag	{
	height: 1em;
	width:  2em;
}

#header h1 {
	text-align: center;
	font-size: 2.5em;
	}	

#footer address {
	color: #330000;
	text-align: center;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.3em;
	line-height: 1.8em;
	}

#footer a	{
	text-decoration: none;
	color: black;
}

#footer a:hover	{
	text-decoration: underline;
	font-size: 1.5em;
	color: yellow;
}
	
#nav1 h2, #nav2 h2{
	margin-bottom: 1em;
	text-align: center;
	color:black;
	text: notne;
	}

#nav2 h3	{
	text-decoration: underline;
	color:#FF6600;
	font-size: 1em;
	text-align: center;
	margin-bottom: 0.5em;
}

#nav2 	{
	text-decoration: none;
	color:#0000FF;
	font-size: 1em;
	text-align: justify;
	margin-bottom: 0.5em;
}

#nav2 p	{
	font-size: 0.8em;
	color: #ba0000;
	margin-bottom: 1em;;
}

#nav2 ul	{
	text-align: left;
	font-size: 0.8em;
	color: #ba0000;
}



#nav1 ul	{
	margin-left: 1em;
	margin-right: 0;
	text-align: left;
	}

#nav1 li{
	margin-left: -1em;
	list-style: none;
	margin-bottom: 0.5em;
	}

#nav1 a	{
	color: black;
	text-decoration: none;
	}

#nav1 li:hover,
	#exhibitions .nav1_1 a,
	#workshops .nav1_2 a,
	#services .nav1_3 a,
	#orders .nav1_4 a,
	#links .nav1_5 a,
	#partners .nav1_6 a,
	#contact	{
	background-image: url(../images/hatta1.png);
}

	.nav1_2, .nav1_3, .nav1_4, .nav1_5, .nav1_6
	{
	display: inherit;
}

#mainContent p	{
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 1.5em;
	}

#mainContent h1{
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 1em;
	}	

#mainContent h2, h3	{
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 1em;
	}

#mainContent li	{
	line-height: 2em;
	text-align: left;
}

div.vignette	{
	margin: 0 0.5em 1em 1em;
	float: left;
	width: 12em;
}

#promo h6.legende {
	text-align: right;
	text-decoration: underline;
}



#promo .imagette  {
	margin-top: 1em;
	size:5em;
	border: 1px solid red;

}

.truc-pousse-bloc {
	clear: both ;
	visibility: hidden;
}

.hide 	{display:none}

/*.vignette {
	float: left;
	padding-top: 0.5em;
	margin: 0.1em;
	height: 15em;
	width:10em;
	background-color: gray;
	text-align: center;
  }
  
.imagette  {
	max-width: 9em;
	max-height: 10em;
	text-align: center;
	border: 1px solid yellow;

}

h6.legende {
	margin-top: 1em;
	padding-bottom: 1em;
	text-align: center;
 }



.truc-pousse-bloc {
	clear: both ;
	visibility: visible;
}*/