/***Document css par alhousseyni balde le 01 fevrier 2012**/
#body_background {
   width:950px;
   width:1024px;
   background:url('../img/ciel.jpg') top left no-repeat;
   border:0px;
   height:1500px;
   margin:auto;
   overflow:hidden;
   position:relative;
}

body {
	width:1024px;
	margin:auto;

}
#wrapper {
	position:absolute;
	width:100%;
	height:720px;
	margin:auto;
	background:transparent url('../graphics/ciel.png') top left no-repeat;
	display:none;
	overflow:hidden;
}

#intro {
	/*position:absolute;*/
	width:100%;
	height:720px;
	margin:auto;
	background:url('../graphics/intro.gif') top left no-repeat;
	z-index:10;
}
#wrapper_intro {
	position:absolute;
	width:100%;
	height:720px;
	margin:auto;
	z-index:0;
	background:transparent url('../graphics/introsofiane.gif') top left no-repeat;
	cursor:pointer;
	display:block;

}
#teinte {
	position:absolute;	
	width:286px;
	height:720px;
	margin:auto;
	margin-left:736px;
	background:transparent url('../graphics/teinte.png') -737px 0px no-repeat;
	/*border:1px solid red;*/
}
.menu {
	position:absolute;
	top:5px;
	width:1024px;
	height:30px;
	background-color:grey;
}
.menu ul {
	list-style-type:none;
	width:100%;
	margin-top:3px;
}
.menu ul  li {
	display:inline;
	font-size:16px;
	color:white;
	width:160px;
	height:17px;
	padding:2px;
	cursor:pointer;
	margin-left:20px;
}
.rightmenu {
	position:absolute;	
	height:160px;
	height:auto;
	top:35px;
	width:286px;
	overflow:hidden;
	margin-left:736px;
}
.contents {
	position:absolute;	
	height:684px;
	top:35px;
	width:734px;
	width:1024px;
	/*overflow:hidden;*/
	margin-left:0px;
	/*border:1px solid red;*/

}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 550px; 
}
div.slideshow span.image-wrapper {
	left:20px;
}








#menu {
	position:absolute;
	width:500px;
	height:160px;
	top:134px;
	width:99%;
	overflow:hidden;
}
#menu ul {
	list-style-type:none;
	width:100%;
	margin-top:65px;
}
#menu ul  li {
	display:inline;
	font-size:16px;
	color:black;
	width:160px;
	height:50px;
	padding:25px;
	cursor:pointer;
}
#body_content {
	position:absolute;
	/*border:1px solid blue;*/
	width:500px;
	height:600px;
	/*z-index:1;*/
	top:300px;
	width:100%;
	overflow:hidden;
	color:white;
}
#popup_container {
	position:absolute;
	/border:1px solid blue;
	width:500px;
	height:1500px;
	/*z-index:1;*/
	top:296px;
	width:100%;
	overflow:hidden;
	color:white;
	z-index:100;
	/*border:1px solid red;*/
	display:none;
	background:black;
	opacity:0.8;
}
#popup_image {
	position:absolute;
	/*border:1px solid blue;*/	
	height:600px;	
	top:60px;
	left:135px;
	left:45px;
	width:750px;
	overflow:hidden;
	color:white;
}
#btn_close {
	position:absolute;
	background:url('../img/fermer.png') 0px 0px no-repeat;
	width:44px;
	height:40px;
	right:0px;
	cursor:pointer;
}
.image_item {
	cursor:pointer;
}
.thumbs_wrapper {
	position:absolute;
	/*border:1px solid white;*/	
	height:545px;	
	top:60px;
	left:765px;
	left:808px;
	width:248px;
	overflow:hidden;
	z-index:100;
}