/* Layout Stylesheet */ 


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 100px;
background-color: #fff;
border-bottom: 1px solid #ccc;
}
#conteneur {
position: absolute;
width: 750px;
left:  50%;
margin-left: -375px;
background-color:#FFFFFF;
}
#centre {
background-color:#fff;
margin-right: 120px;
margin-top: 20px;
margin-bottom: 10px;
color:  #333;
}
#droite{
position: absolute;
right:0;
width: 120px;
}
#pied {
height: 25px;
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}

.menudroite {
list-style-type: none;
margin-top: 50px;
text-align: right;
padding-right: 30px;
}
.menudroite li {
margin-bottom: 8px;
}
.menudroite a {
margin: 0 2px;
color: #888888;
text-decoration: none;
}
.menudroite a:hover {
text-decoration: none;
color: #333333;
}

.menudroite a:visited {
text-decoration: none;
color: #000000;
}

.menudroite a:link#current,.menudroite a:visited#current,.menudroite a:hover
{
color: #ccc;
background-color: #fff;
font-weight:normal;
text-decoration: none;
}

.copyright{
	font-size:9px;
	text-align:center;
	line-height:25px;
	color:#77808B;
	}
	
#container {
	position:relative;
	width:500px;
	height:545px;
	margin:45px auto 0 auto;
	border:0px solid #aaa;
	background:#fff url(img.chine/fond-china.gif) 10px 10px no-repeat;
}

#container ul {width:500px; height:140px; padding:0;  margin:410px 0 0 auto; list-style-type:none; float:right;}

#container li {float:right;}

#container a.gallery span {position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden; background:#fff;}

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #aaa; margin:3px 2px 1px 2px; cursor:default;}
#container a.slidea {background:url(img.chine/thumb1.jpg); height:25px; width:40px;}
#container a.slideb {background:url(img.chine/thumb2.jpg); height:25px; width:40px;}
#container a.slidec {background:url(img.chine/thumb3.jpg); height:25px; width:40px;}
#container a.slided {background:url(img.chine/thumb4.jpg); height:25px; width:40px;}
#container a.slidee {background:url(img.chine/thumb5.jpg); height:25px; width:40px;}
#container a.slidef {background:url(img.chine/thumb6.jpg); height:25px; width:40px;}
#container a.slideg {background:url(img.chine/thumb7.jpg); height:25px; width:40px;}
#container a.slideh {background:url(img.chine/thumb8.jpg); height:25px; width:40px;}
#container a.slidei {background:url(img.chine/thumb9.jpg); height:25px; width:40px;}
#container a.slidej {background:url(img.chine/thumb10.jpg); height:25px; width:40px;}
#container a.slidek {background:url(img.chine/thumb11.jpg); height:25px; width:40px;}
#container a.slidel {background:url(img.chine/thumb12.jpg); height:25px; width:40px;}
#container a.slidem {background:url(img.chine/thumb13.jpg); height:25px; width:40px;}
#container a.sliden {background:url(img.chine/thumb14.jpg); height:25px; width:40px;}
#container a.slideo {background:url(img.chine/thumb15.jpg); height:25px; width:40px;}
#container a.slidep {background:url(img.chine/thumb16.jpg); height:25px; width:40px;}
#container a.slideq {background:url(img.chine/thumb17.jpg); height:25px; width:40px;}
#container a.slider {background:url(img.chine/thumb18.jpg); height:25px; width:40px;}
#container a.slides {background:url(img.chine/thumb19.jpg); height:25px; width:40px;}
#container a.slidet {background:url(img.chine/thumb20.jpg); height:25px; width:40px;}
#container a.slide1a {background:url(img.chine/thumb21.jpg); height:25px; width:40px;}
#container a.slide1b {background:url(img.chine/thumb22.jpg); height:25px; width:40px;}
#container a.slide1c {background:url(img.chine/thumb23.jpg); height:25px; width:40px;}
#container a.slide1d {background:url(img.chine/thumb24.jpg); height:25px; width:40px;}
#container a.slide1e {background:url(img.chine/thumb25.jpg); height:25px; width:40px;}
#container a.slide1f {background:url(img.chine/thumb26.jpg); height:25px; width:40px;}
#container a.slide1g {background:url(img.chine/thumb27.jpg); height:25px; width:40px;}
#container a.slide1h {background:url(img.chine/thumb28.jpg); height:25px; width:40px;}
#container a.slide1i {background:url(img.chine/thumb29.jpg); height:25px; width:40px;}
#container a.slide1j {background:url(img.chine/thumb30.jpg); height:25px; width:40px;}
#container a.slide1k {background:url(img.chine/thumb31.jpg); height:25px; width:40px;}
#container a.slide1l {background:url(img.chine/thumb32.jpg); height:25px; width:40px;}
#container a.slide1m {background:url(img.chine/thumb33.jpg); height:25px; width:40px;}
#container a.slide1n {background:url(img.chine/thumb34.jpg); height:25px; width:40px;}
#container a.slide1o {background:url(img.chine/thumb35.jpg); height:25px; width:40px;}
#container a.slide1p {background:url(img.chine/thumb36.jpg); height:25px; width:40px;}
#container a.slide1q {background:url(img.chine/thumb37.jpg); height:25px; width:40px;}
#container a.slide1r {background:url(img.chine/thumb38.jpg); height:25px; width:40px;}
#container a.slide1s {background:url(img.chine/thumb39.jpg); height:25px; width:40px;}
#container a.slide1t {background:url(img.chine/thumb40.jpg); height:25px; width:40px;}

#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:500px; height:377px; top:10px; left:0px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-left:5px;}