/* 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:570px; 
 margin:45px auto 0 auto; 
 border:0px solid #aaa; 
 background:#fff url(img.hajj/fond-hajj.gif) 10px 10px no-repeat;}

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