@charset "utf-8";
/* Draconis Stylesheet - Fech tlawwej ? */

body
{
background:#00060d;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
color:#FFFFFF;
width:100%;
font-size:12px;
}

#logo
{
float:left;

}

#menu
{
float:right;
font-size:12px;
margin-top:2%;
}

#header
{
  margin-top:20px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
}

#center
{
  width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-top:34px;
  padding-top:15px;

}

#footer

{
  width:960px;
  margin-left:auto;
  margin-right:auto;
}

#group
{
float:left;
font-size:10px;
color:#595d61;
}
#logo_footer
{
float:right;
}
.sepa1
{
background-image:url('../pict/sep_1.png');
background-repeat:no-repeat;
height:27px;
}
.sepa2
{
background-image:url('../pict/sep_2.png');
background-repeat:no-repeat;
height:27px;
  min-height:50px;
}

.imp
{
color:#FF0000;
}
.white
{
color:#FFFFFF;
}

#content2
{
width:960px;
border:none;
}

#cContent

{
width:700px;
margin-left:auto;
margin-right:auto;
}
#cContent2

{
width:250px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#p1txtleft
{

float:left;
width:45%;
font-size:10px;
margin-bottom:20px;
text-align:right;
width:300px;
margin-left:auto;
margin-right:auto;

}

a
{
color:#FFFFFF;
text-decoration:none;
}
a:hover
{
color:#a9aeb3;
text-decoration:underline;
}


#p1txtright

{

text-align:left;
width:42%;
float:right;
margin-bottom:20px;
font-size:10px;

}

.floatright
{
float:right;
}

/* ################################ SLIDER  : Ti fech tlawwej !!!! ################################################*/

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		border:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:956px;
		height:344px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../pict/slide/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../pict/slide/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:10px;
		margin-bottom:0px;
		margin-right:0px;	
		padding-right:0px;
		}
	ol#controls li{
		margin:0;
		margin-left:1px; 
		padding:0;
		float:right;
		list-style:none;
		height:10px;
		line-height:10px;
		font-size:9px;
		}
	ol#controls li a{
		float:left;
		height:10px;
		width:10px;
		line-height:10px;
		border:0px;
		background:#333333;
		color:#fff;
		padding-left:3px;
		padding-right:-1px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#666666;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* #################################### Tabs Produits : TI sayyeb sala7 ! ################################################## */

#tabMenu {margin:0;padding:0;list-style:none;width:920px;}
#tabMenu li {float:left;cursor:pointer;cursor:hand}

.box {width:920px}


.boxBody div {display:none; margin-top:30px;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}

.boxBody div ul {margin:0 10px 0 25px;padding:0;width:500px;list-style-image:url(images/arrow.gif)}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}