/*#############################################################

#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	background: #EEE url(../images/bg.gif);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
code {
	background: url(../images/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(../images/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(../images/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 886px;
}
.header {
	background: url(../images/header.jpg) bottom no-repeat;
	height:135px;
	width:870px;
	margin-bottom:0px;
	padding:0px;
}
.top_bar {
	background: url(../images/top_bar.jpg) top no-repeat;
	height:49px;
	width:870px;
	margin-top:0px;
    padding:0px;
}


/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
.main {
	clear: both;
	padding:8px;
}
/*   box left */
.sidebox {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: right;
	width: 180px;
	
}
/* main left */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 203px;
	text-align:center;
	margin-left:5px;
	
	
}

.sidenav h1 {
	color: #666;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
	
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: url(../images/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-family:"Traditional Arabic";
	font-size:16px;
	font-weight:bold;

}
.sidenav li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
	background:url(../images/bg_menu.gif) top no-repeat;
}
.sidenav li a {
	color: #777;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
}
.sidenav li a:hover {
	color:#FFFF00;
}

/* content */

.content {
	width: 460px;
	direction:rtl;
}
#item {

}
 #box_news{
width:223px;
border:#CCCCCC solid 1px;
height:100px;
float:right;
margin-left:5px;
margin-top:5px;
border-top:#CCCCCC solid 8px;
}
#box_news:hover{
background:#E9E9E9;
border-top:#9900FF solid 8px;
}
#box_news  p{
margin:5px;
font-family:"Traditional Arabic";
font-size:14px;
font-weight:bold;
}
#box_news a{
text-decoration:none;
color:#000000;
}
#box_news a:hover{
color:#000099;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../images/li.gif);
	margin-left: 18px;
}
/* la une */
.laune {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF url(../images/bg_laune.gif) top repeat-x;
	margin-bottom: 8px;
	text-align:right;
	height:205px;
	font-family:"Traditional Arabic";
	font-size:13px;
	font-weight:bold;
	
}
.laune p {
padding:5px;
}
/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url(../images/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 2px;
	width: 820px;
	background:#E9E9E9;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
}
.footer p{
margin:0px;
font-family:"Traditional Arabic";
font-size:15px;
font-weight:bold;
}
.footer span{
margin:0;
}
/*--------------------------------*/
#modakhalat{
    background: #EEE;
	border: 1px solid #E5E5E5;
	margin:auto;
	margin-top:5px;
	width: 170px;
	height:auto;
}
#manchorat{
    background: #EEE;
	border: 1px solid #E5E5E5;
	margin:auto;
	margin-top:5px;
	width: 170px;
	height:120px;
}
#video{
    background: #EEE;
	border: 1px solid #E5E5E5;
	margin:auto;
	margin-top:5px;
	width: 170px;
	height:160px;
}
#hasila{
    background: #EEE;
	border: 1px solid #E5E5E5;
	margin:auto;
	margin-top:5px;
	width: 170px;
	height:120px;
}
#sondage{
    background: #EEE;
	border: 1px solid #E5E5E5;
	margin:auto;
	margin-top:5px;
	width: 170px;
	height:120px;
}
#contact{
    background: #EEE;
	border: 1px solid #E5E5E5;
	margin:auto;
	margin-top:5px;
	width: 170px;
	height:70px;
}
/*------------ AUTRES NEWS --------------- */
#autres_news{
border:#999999 solid 1px;
clear:both;
margin-top:10px;
}
#autres_news h1{
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/bg_autres.gif) repeat-x;
padding-right:30px;
border-bottom:#999999 solid 1px;
margin:0px;
height:30px;
padding:0;
padding-right:10px;
color:#000000;
}
#autres_news ul{
margin:5px;
padding:0;
list-style:none;
}
#autres_news li{
margin-right:0px;
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/puce_news.gif) right no-repeat;
padding-right:30px;
}
#autres_news a{
text-decoration:none;
}
#autres_news a:hover{
color:#FF6600;
}
/*------------------- fichiers_a_telecharger ----------------*/
#fichiers_a_telecharger{
border:#CCCCCC solid 1px;
float: left;
width: 203px;
text-align:right;
margin-left:5px;
margin-top:5px;
}
#fichiers_a_telecharger h1{
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/h_files.gif) repeat-x;
padding-right:30px;
border-bottom:#999999 solid 1px;
margin:0px;
height:30px;
padding:0;
padding-right:10px;
color:#FFFFFF;
text-align:center;
}
#fichiers_a_telecharger ul{
margin:5px;
padding:0;
list-style:none;
direction:rtl;
}
#fichiers_a_telecharger li{
margin-right:0px;
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/puce_files.gif) right no-repeat;
padding-right:30px;
border-bottom:#CCCCCC dotted 1px;
}
#fichiers_a_telecharger li:hover{
background:#F0F0F0 url(../images/puce_files.gif) right no-repeat;
}
#fichiers_a_telecharger a{
text-decoration:none;
}
#fichiers_a_telecharger a:hover{
color:#FF6600;
}
/*------------------- Presses ----------------*/
#Presses{
border:#CCCCCC solid 1px;
float: left;
width: 203px;
text-align:right;
margin-left:5px;
margin-top:5px;
}
#Presses h1{
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/h_files.gif) repeat-x;
padding-right:30px;
border-bottom:#999999 solid 1px;
margin:0px;
height:30px;
padding:0;
padding-right:10px;
color:#FFFFFF;
text-align:center;
}
#Presses ul{
margin:5px;
padding:0;
list-style:none;
direction:rtl;
}
#Presses li{
margin-right:0px;
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/puce_press.gif) right no-repeat;
padding-right:30px;
border-bottom:#CCCCCC dotted 1px;
}
#Presses li:hover{
background:#F0F0F0 url(../images/puce_press.gif) right no-repeat;
}
#Presses a{
text-decoration:none;
}
#Presses a:hover{
color:#FF6600;
}
/*------------------- Les plus lus ----------------*/
#plus_lus{
border:#CCCCCC solid 1px;
float: left;
width: 203px;
text-align:right;
margin-left:5px;
margin-top:5px;
}
#plus_lus h1{
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/h_files.gif) repeat-x;
padding-right:30px;
border-bottom:#999999 solid 1px;
margin:0px;
height:30px;
padding:0;
padding-right:10px;
color:#FFFFFF;
text-align:center;
}
#plus_lus ul{
margin:5px;
padding:0;
list-style:none;
direction:rtl;
}
#plus_lus li{
margin-right:0px;
font-size:16px;
font-family:"Traditional Arabic";
font-weight:bold;
background:url(../images/most.gif) right no-repeat;
padding-right:30px;
border-bottom:#CCCCCC dotted 1px;
}
#plus_lus li:hover{
background:#F0F0F0 url(../images/most.gif) right no-repeat;
}
#plus_lus a{
text-decoration:none;
}
#plus_lus a:hover{
color:#FF6600;
}
/*--------------------- top menu --------------------*/
#topPan{
padding-left:10px;
}
 #topPan ul{list-style-type:none;}
#topPan ul{width:140px; height:29px; background:url(../images/top-nav.gif) 0 0 no-repeat; }
#topPan ul li{float:left;}

#topPan ul li.home{width:47px; height:29px; float:left;}
#topPan ul li.home a{width:18px; height:16px; display:block; background:url(../images/home-hover.gif) 0 0 no-repeat; margin:3px 0 0 16px;  text-indent:-20000px;}
#topPan ul li.home a:hover{background:url(../images/home-hover.gif) 0 0 no-repeat;}

#topPan ul li.sitemap{width:43px; height:29px; float:left;}
#topPan ul li.sitemap a{width:18px; height:16px; display:block; background:url(../images/sitemap-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.sitemap a:hover{background:url(../images/sitemap-hover.gif) 0 0 no-repeat;}

#topPan ul li.contact{width:43px; height:29px; float:left;}
#topPan ul li.contact a{width:18px; height:16px; display:block; background:url(../images/contact-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.contact a:hover{background:url(../images/contact-hover.gif) 0 0 no-repeat;}
/*- Menu Tabs I--------------------------- */

    #tabsI {
      float:right;
      width:90%;
      font-size:93%;
      line-height:normal;
	  margin:0;
	  padding:0;
	  font-family:"Traditional Arabic";
	  font-size:16px;
	  font-weight:bold;
      }
    #tabsI ul {
        margin:0;
        padding:5px 5px 0 30px;
        list-style:none;
		direction:rtl;
		float:right;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url(../images/tableft1.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url(../images/tabright1.gif) no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#000099;
	  font-family:verdana ;
	  font-size:10px;
	  font-weight:100px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      	  	  color:#000000;
      }
    #tabsI a:hover {
      background-position:0% -42px;

      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }
		
/*----------------- ARTICLE -------------------*/
#box_details{
width:450px;
float:right;
border:#CCCCCC solid 1px;
}
#box_details p{
padding:5px;
margin:2px;
}
#box_details span{
padding:1px;
margin:2px;
}
#box_details h1{
border-bottom:#3333CC dashed 1px;
font-family:"Traditional Arabic";
font-size:18px;
font-weight:bold;
}

/*---------------- BAR NEWS ---------------*/
#bar_news{
float:left;
width:500px;
font-family:"Traditional Arabic";
font-size:14px;
font-weight:bold;
margin-left:5px;
margin-top:8px;
border-left:#CCCCCC solid 1px;
}
#bar_news a{
text-decoration:none;

}
#vote{
float:right;
margin-top:2px;
margin-right:4px;

}