body {
	background-image:url(../images/back_menu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#372923;
	height: 100%;
	
}

#bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	min-width: 600px;
}

#wrapper {
	z-index: 2;
	top:20px;
	margin: auto;
	height: auto;
	height: 100%;
	min-height: 100%;
	position: relative;
	width: 975px;
}

#clear{
	height:43px;
	float:none;
	clear:both;
}

#colonneUn {
	position:absolute;
	width:190px;
	top:55px;
	left:0px;
}

#colonneDeux {
	position:absolute;
	top: 0px;
	left: 191px;
	width: 597px;
	height:100%;

}

#imageLhasa {
display:block;
	width:597px;
	height:499px;
	background-image:url(../images/menu_img_es.png);
	behavior: url(../css/iepngfix.htc);
	background-repeat:no-repeat;
}

#newsTitre {
	margin-top:20px;
	margin-left:142px;
	width:422px;
	background-image:url(../images/news_es_titre.png);
	background-repeat:no-repeat;
	background-position:right;
	behavior: url(../css/iepngfix.htc);
	height:70px;
}

#colonneTrois {
	position:absolute;
	width:190px;
	top:55px;
	left:787px;
}


/* colonne un */

#tour a {
	width: 190px;
	height: 47px;
	display: block;
	margin: 0px 0px;
	background-image:url(../images/tour_es_off.gif);
	
} 

#tour a:hover {
	background-image:url(../images/tour_es_on.gif);
	
}

#bio a {
	width: 150px;
	height: 47px;
	display: block;
	float: right;
	margin: 0px 0px;
	background-image:url(../images/bio_en_off.gif);
	
} 

#bio a:hover {
	background-image:url(../images/bio_en_on.gif);
	
}

#album a {
	width: 190px;
	height: 47px;
	display: block;
	margin: 0px 0px;
	background-image:url(../images/album_es_off.gif);
	
} 

#album a:hover {
	background-image:url(../images/album_es_on.gif);
	
}

#press a {
	width: 190px;
	height: 47px;
	display: block;
	margin: 0px 0px;
	background-image:url(../images/press_es_off.gif);
	
} 

#press a:hover {
	background-image:url(../images/press_es_on.gif);
	
}

/* ------------------------------------------ */

/* colonne trois */


#listen a {
	width: 190px;
	height: 47px;
	display: block;
	margin: 0px 0px;
	background-image:url(../images/listen_es_off.gif);
	
} 

#listen a:hover {
	background-image:url(../images/listen_es_on.gif);
	
}


#see {

	width: 186px;
	height: 89px;
	margin: 0px 0px;

}




#lynx a {
	width: 190px;
	height: 47px;
	display: block;
	margin: 0px 0px;
	background-image:url(../images/lynx_es_off.gif);
	
} 

#lynx a:hover {
	background-image:url(../images/lynx_es_on.gif);
	
}

#contact a {
	width: 190px;
	height: 47px;
	display: block;
	margin: 0px 0px;
	background-image:url(../images/contact_es_off.gif);
	
} 

#contact a:hover {
	background-image:url(../images/contact_es_on.gif);
	
}

/*  les news */

#clearN {
	height:10px;
	float:none;
	clear:both;
}

#clearS {
	height:10px;
	float:none;
	clear:both;
}

#nouvelle {
	margin-top:20px;
	margin-left:0px;
	width: 850px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#efece5;
	padding: 10px 10px;
}

#nouvelle a {
color:#efece5;	
}

#nouvelle a:hover {
color:#e2ddd0;	
}

#nouvelle #titre {
	font-weight:bold;
	margin: -10px -10px 0px -10px;
	margin-top:-10px;
	z-index:10;
	color:#e2ddd0;
	
}

#containerUP {
	width:100%;
	height:450px;
	
}

#containerDown {
	margin:auto;
	position:relative;
	width:850px;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:33px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:186px;}
#nav li.top {display:block;}
#nav li a {display:block; float:left; height:34px; width:186px; border:0px; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.voir {background:url(../images/see_es_off.gif);}
#nav li a.voir:hover {background:url(../images/see_es_on.gif);}


#nav li:hover a,
#nav a:hover
{/*background-position: 0 50px;*/}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:34px;  width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:186px;}
#nav :hover ul.sub li a
{display:block; height:25px; width:186px; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.photo {background:url(../images/photo_es_off.gif);}
#nav :hover ul li a.photo:hover {background:url(../images/photo_es_on.gif);}
#nav :hover ul li a.video {background:url(../images/video_es_off.gif);}
#nav :hover ul li a.video:hover {background:url(../images/video_es_on.gif);}


#nav :hover ul.sub li a:hover b {left:100px; top:15px; display:block; width:186px; height:25px; }