/* 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-left: 120px;
margin-top: 20px;
margin-bottom: 20px;
color:  #333;
}
#gauche {
position: absolute;
left:0;
width: 130px;
}
#pied {
height: 25px;
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}

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

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

.menugauche a:link#current,.menugauche a:visited#current,.menugauche 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.jeddah/fond-jeddah.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.jeddah/thumb1.jpg); height:25px; width:40px;}
#container a.slide2 {background:url(img.jeddah/thumb2.jpg); height:25px; width:40px;}
#container a.slide3 {background:url(img.jeddah/thumb3.jpg); height:25px; width:40px;}
#container a.slide4 {background:url(img.jeddah/thumb4.jpg); height:25px; width:40px;}
#container a.slide5 {background:url(img.jeddah/thumb5.jpg); height:25px; width:40px;}
#container a.slide6 {background:url(img.jeddah/thumb6.jpg); height:25px; width:40px;}
#container a.slide7 {background:url(img.jeddah/thumb7.jpg); height:25px; width:40px;}
#container a.slide8 {background:url(img.jeddah/thumb8.jpg); height:25px; width:40px;}
#container a.slide9 {background:url(img.jeddah/thumb9.jpg); height:25px; width:40px;}
#container a.slide10 {background:url(img.jeddah/thumb10.jpg); height:25px; width:40px;}
#container a.slide11 {background:url(img.jeddah/thumb11.jpg); height:25px; width:40px;}
#container a.slide12 {background:url(img.jeddah/thumb12.jpg); height:25px; width:40px;}
#container a.slide13 {background:url(img.jeddah/thumb13.jpg); height:25px; width:40px;}
#container a.slide14 {background:url(img.jeddah/thumb14.jpg); height:25px; width:40px;}
#container a.slide15 {background:url(img.jeddah/thumb15.jpg); height:25px; width:40px;}
#container a.slide16 {background:url(img.jeddah/thumb16.jpg); height:25px; width:40px;}
#container a.slide17 {background:url(img.jeddah/thumb17.jpg); height:25px; width:40px;}
#container a.slide18 {background:url(img.jeddah/thumb18.jpg); height:25px; width:40px;}
#container a.slide19 {background:url(img.jeddah/thumb19.jpg); height:25px; width:40px;}
#container a.slide20 {background:url(img.jeddah/thumb20.jpg); height:25px; width:40px;}
#container a.slide21 {background:url(img.jeddah/thumb21.jpg); height:25px; width:40px;}
#container a.slide22 {background:url(img.jeddah/thumb22.jpg); height:25px; width:40px;}
#container a.slide23 {background:url(img.jeddah/thumb23.jpg); height:25px; width:40px;}
#container a.slide24 {background:url(img.jeddah/thumb24.jpg); height:25px; width:40px;}
#container a.slide25 {background:url(img.jeddah/thumb25.jpg); height:25px; width:40px;}
#container a.slide26 {background:url(img.jeddah/thumb26.jpg); height:25px; width:40px;}
#container a.slide27 {background:url(img.jeddah/thumb27.jpg); height:25px; width:40px;}
#container a.slide28 {background:url(img.jeddah/thumb28.jpg); height:25px; width:40px;}
#container a.slide29 {background:url(img.jeddah/thumb29.jpg); height:25px; width:40px;}
#container a.slide30 {background:url(img.jeddah/thumb30.jpg); height:25px; width:40px;}
#container a.slide31 {background:url(img.jeddah/thumb31.jpg); height:25px; width:40px;}
#container a.slide32 {background:url(img.jeddah/thumb32.jpg); height:25px; width:40px;}
#container a.slide33 {background:url(img.jeddah/thumb33.jpg); height:25px; width:40px;}
#container a.slide34 {background:url(img.jeddah/thumb34.jpg); height:25px; width:40px;}
#container a.slide35 {background:url(img.jeddah/thumb35.jpg); height:25px; width:40px;}
#container a.slide36 {background:url(img.jeddah/thumb36.jpg); height:25px; width:40px;}
#container a.slide37 {background:url(img.jeddah/thumb37.jpg); height:25px; width:40px;}
#container a.slide38 {background:url(img.jeddah/thumb38.jpg); height:25px; width:40px;}
#container a.slide39 {background:url(img.jeddah/thumb39.jpg); height:25px; width:40px;}
#container a.slide40 {background:url(img.jeddah/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;}