/* 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: 20px;
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:560px; margin:45px auto 0 auto; border:0px solid #aaa; background:#fff url(img.jap/Japon.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.slide1 {background:url(img.jap/thumb1.jpg); height:25px; width:40px;}
#container a.slide2 {background:url(img.jap/thumb2.jpg); height:25px; width:40px;}
#container a.slide3 {background:url(img.jap/thumb3.jpg); height:25px; width:40px;}
#container a.slide4 {background:url(img.jap/thumb4.jpg); height:25px; width:40px;}
#container a.slide5 {background:url(img.jap/thumb5.jpg); height:25px; width:40px;}
#container a.slide6 {background:url(img.jap/thumb6.jpg); height:25px; width:40px;}
#container a.slide7 {background:url(img.jap/thumb7.jpg); height:25px; width:40px;}
#container a.slide8 {background:url(img.jap/thumb8.jpg); height:25px; width:40px;}
#container a.slide9 {background:url(img.jap/thumb9.jpg); height:25px; width:40px;}
#container a.slide10 {background:url(img.jap/thumb10.jpg); height:25px; width:40px;}
#container a.slide11 {background:url(img.jap/thumb11.jpg); height:25px; width:40px;}
#container a.slide12 {background:url(img.jap/thumb12.jpg); height:25px; width:40px;}
#container a.slide13 {background:url(img.jap/thumb13.jpg); height:25px; width:40px;}
#container a.slide14 {background:url(img.jap/thumb14.jpg); height:25px; width:40px;}
#container a.slide15 {background:url(img.jap/thumb15.jpg); height:25px; width:40px;}
#container a.slide16 {background:url(img.jap/thumb16.jpg); height:25px; width:40px;}
#container a.slide17 {background:url(img.jap/thumb17.jpg); height:25px; width:40px;}
#container a.slide18 {background:url(img.jap/thumb18.jpg); height:25px; width:40px;}
#container a.slide19 {background:url(img.jap/thumb19.jpg); height:25px; width:40px;}
#container a.slide20 {background:url(img.jap/thumb20.jpg); height:25px; width:40px;}
#container a.slide21 {background:url(img.jap/thumb21.jpg); height:25px; width:40px;}
#container a.slide22 {background:url(img.jap/thumb22.jpg); height:25px; width:40px;}
#container a.slide23 {background:url(img.jap/thumb23.jpg); height:25px; width:40px;}
#container a.slide24 {background:url(img.jap/thumb24.jpg); height:25px; width:40px;}
#container a.slide25 {background:url(img.jap/thumb25.jpg); height:25px; width:40px;}
#container a.slide26 {background:url(img.jap/thumb26.jpg); height:25px; width:40px;}
#container a.slide27 {background:url(img.jap/thumb27.jpg); height:25px; width:40px;}
#container a.slide28 {background:url(img.jap/thumb28.jpg); height:25px; width:40px;}
#container a.slide29 {background:url(img.jap/thumb29.jpg); height:25px; width:40px;}
#container a.slide30 {background:url(img.jap/thumb30.jpg); height:25px; width:40px;}
#container a.slide31 {background:url(img.jap/thumb31.jpg); height:25px; width:40px;}
#container a.slide32 {background:url(img.jap/thumb32.jpg); height:25px; width:40px;}
#container a.slide33 {background:url(img.jap/thumb33.jpg); height:25px; width:40px;}
#container a.slide34 {background:url(img.jap/thumb34.jpg); height:25px; width:40px;}
#container a.slide35 {background:url(img.jap/thumb35.jpg); height:25px; width:40px;}
#container a.slide36 {background:url(img.jap/thumb36.jpg); height:25px; width:40px;}
#container a.slide37 {background:url(img.jap/thumb37.jpg); height:25px; width:40px;}
#container a.slide38 {background:url(img.jap/thumb38.jpg); height:25px; width:40px;}
#container a.slide39 {background:url(img.jap/thumb39.jpg); height:25px; width:40px;}
#container a.slide40 {background:url(img.jap/thumb40.jpg); height:25px; width:40px;}
#container a.slide41 {background:url(img.jap/thumb41.jpg); height:25px; width:40px;}
#container a.slide42 {background:url(img.jap/thumb42.jpg); height:25px; width:40px;}
#container a.slide43 {background:url(img.jap/thumb43.jpg); height:25px; width:40px;}
#container a.slide44 {background:url(img.jap/thumb44.jpg); height:25px; width:40px;}
#container a.slide45 {background:url(img.jap/thumb45.jpg); height:25px; width:40px;}
#container a.slide46 {background:url(img.jap/thumb46.jpg); height:25px; width:40px;}
#container a.slide47 {background:url(img.jap/thumb47.jpg); height:25px; width:40px;}
#container a.slide48 {background:url(img.jap/thumb48.jpg); height:25px; width:40px;}
#container a.slide49 {background:url(img.jap/thumb49.jpg); height:25px; width:40px;}
#container a.slide50 {background:url(img.jap/thumb50.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;}