﻿/* CSS Document */

/* ==================== cadre principal =============== */
#cadre_principal{
width:900px;
height:auto;
background-color:#FFFFFF;
margin:auto;
}
/* ==================== /cadre principal =============== */

/* ==================== ban =============== */
#ban{
width:900px;
height:179px;
background-color:#eded68;
margin:auto;
background-image:url(../images/ban.gif);
}
/* ==================== /ban =============== */

/* ==================== footer =============== */
#footer{
width:896px;
height:46px;
/*background-color:#001100;*/
background-image:url(../images/footer.gif);
margin:auto;
}
/* ==================== /footer =============== */
/* ==================== body =============== */
body {
	background: #FFF url(../images/back1.jpg) top repeat-x;
	background-attachment:fixed;
	/*color: #444;
	font: bold 70.5% "traditional Arabic",sans-serif;*/
	margin:0;
}
/* ==================== body =============== */
/* ==================== services =============== */
#services{
width:180px;
/*height:700px;*/
height:auto;
background-color:#FFFFFF;
margin-top:3px;
margin-bottom:3px;
/*border:dashed #DDDDDD 1px;*/
}
/* ==================== /services =============== */
/* ==================== sg =============== */
#sg{
width:180px;
height:149px;
/*background-color:#CAE4FF;*/
margin-top:0px;
margin-bottom:3px;
background-image:url(../images/sg.gif);
}
/* ==================== /sg =============== */
/* ==================== snjjd =============== */
#snjjd{
width:180px;
height:149px;
/*background-color:#CAE4FF;*/
margin-top:3px;
margin-bottom:3px;
background-image:url(../images/snjjd.gif);
}
/* ==================== /snjjd =============== */

/* ==================== agenda =============== */
#agenda{
width:180px;
/*height:150px;*/
/*background-color:#CAE4FF;*/
margin-top:0px;
margin-bottom:3px;
/*background-image:url(../images/box.gif);*/
height:150px;
}
.entete-agenda{
width:180px;
height:27px;
background-image:url(../images/entete-agenda.gif);
}
.main-agenda{
width:180px;
height:123px;
background-image:url(../images/main-agenda.jpg);
}
/* ==================== /agenda =============== */
/* ==================== sondage =============== */
#sondage{
width:180px;
height:150px;
background-color:#CAE4FF;
margin-top:3px;
margin-bottom:3px;
}
/* ==================== /sondage =============== */
/* ==================== moltaqa-achabab =============== */
#moltaqa-achabab{
width:180px;
height:28px;
/*background-color:#CAE4FF;*/
background-image:url(../images/moltaqa-chabab.gif);
margin-top:3px;
margin-bottom:3px;
}
/* ==================== /moltaqa-achabab =============== */
/* ==================== titre-agenda =============== */
#titre-agenda{
width:180px;
height:28px;
/*background-color:#CAE4FF;*/
background-image:url(../images/titre-agenda.gif);
margin-top:3px;
margin-bottom:3px;
}
/* ==================== /titre-agenda =============== */

/* ==================== titre-maqalat =============== */
#titre-maqalat{
width:180px;
height:28px;
/*background-color:#CAE4FF;*/
background-image:url(../images/titre-maqalat.gif);
margin-top:3px;
margin-bottom:3px;
}
/* ==================== /titre-maqalat =============== */

/* ==================== titre-bayanat =============== */
#titre-bayanat{
width:180px;
height:28px;
/*background-color:#CAE4FF;*/
background-image:url(../images/titre-bayanat.gif);
margin-top:3px;
/*margin-bottom:3px;*/
}
/* ==================== /titre-bayana =============== */

/* ==================== maqalat =============== */
#maqalat{
width:180px;
/*height:900px;*/
height:auto;
background-color:#DDFFEE;
margin-top:1px;
margin-bottom:3px;
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#005500;
text-decoration:none;
}
#maqalat a{
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#002200;
text-decoration:none;
}
#maqalat a:hover{
color:#DD0000;
}


/* ==================== /maqalat=============== */

/* ==================== main =============== */
#main{
width:496px;
height:auto;
background-color:#FFFFFF;
margin-top:3px;
margin-bottom:3px;
margin-left:5px;
margin-right:auto;
}
/* ==================== /main =============== */

/* ==================== menu =============== */
#menu{
width:210px;
/*height:700px;*/
height:auto;
/*background-color:#FFFFFF;*/
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
/*border:dashed #DDDDDD 1px;*/
}
/* ==================== /menu =============== */
/* ==================== sous-menu =============== */
#sous-menu{
width:203px;
height:380px;
float:left;
background-color:#FFFFFF;
margin-top:3px;
margin-bottom:3px;
margin-left:5px;
/*border:dashed #DDDDDD 1px;*/
}


/* ==================== /sous-menu =============== */
/* ==================== taahil =============== */
#tahil{
width:203px;
height:90px;
background-color:#DDDDDD;
margin-top:3px;
margin-bottom:3px;
background-image:url(../images/tahil.gif);
}
/* ==================== /tahil =============== */
/* ==================== raidat =============== */
#raidat{
width:203px;
height:90px;
background-color:#DDDDDD;
margin-top:3px;
margin-bottom:3px;
background-image:url(../images/raidat.gif);
}
/* ==================== /raidat =============== */
/* ==================== montada-takhyem =============== */
#montada-takhyem{
width:203px;
height:90px;
background-color:#DDDDDD;
margin-top:3px;
margin-bottom:3px;
background-image:url(../images/takhyem.gif);
}
/* ==================== /montada-takhyem =============== */
/* ==================== hamalat-moltaqayat =============== */
#hamalat-moltaqayat{
width:203px;
height:90px;
background-color:#DDDDDD;
margin-top:3px;
margin-bottom:3px;
background-image:url(../images/hamalat.gif);
}
/* ==================== /hamalat-moltaqayat =============== */
/* ==================== bayanat =============== */
#maqalat{
width:180px;
/*height:900px;*/
height:auto;
background-color:#DDFFEE;
margin-top:1px;
margin-bottom:3px;
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#005500;
text-decoration:none;
}
#maqalat a{
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#002200;
text-decoration:none;
}
#maqalat a:hover{
color:#DD0000;
}


/* ==================== //* ==================== bayanat =============== */
#bayanat{
width:180px;
/*height:870px;*/
height:auto;
background-color:#DDFFEE;
margin-top:1px;
margin-bottom:3px;
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#005500;
text-decoration:none;
margin-left:18px;
}
#bayanat a{
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#002200;
text-decoration:none;
}
#bayanat a:hover{
color:#DD0000;
}

/* ==================== /bayanat=============== */
=============== */


/* ==================== titre-mostajadat =============== */
#titre-mostajadat{
width:496px;
height:20px;
/*background-color:#DDEEFF;*/
margin-top:3px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
/*border:solid #C4E1FF 1px;*/
background-image:url(../images/titre-mostajadat.gif);
}
/* ==================== /titre-mostajadat =============== */
/* ==================== bande-news =============== */
#BandeNews{
width:496px;
height:20px;
/*background-color:#DDEEFF;*/
margin-top:3px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
border:solid #C4E1FF 1px;
font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
}
#BandeNews a{
text-decoration:none;

}

/* ==================== /bande-news =============== */

/* ==================== une =============== */
#une{
width:496px;
height:240px;
/*background-color:#FFFFDF;*/
background-image:url(../images/bgune.gif);
background-repeat:no-repeat;
/*border:solid #BBBBBB 1px;*/
margin-top:6px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
font-family:"Simplified Arabic";
text-align:right;
font-weight:bold;
font-size:14px;
padding-top:10px;
}
/* ==================== /une =============== */

/* ==================== titres-sous-une =============== */
#titres-sous-une{
width:496px;
height:105px;
background-color:#ECFFEC;
border:solid #C1FFE0 1px;
margin-top:6px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
font-family:"Simplified Arabic";
text-align:right;
font-weight:bold;
font-size:14px;
padding-right:2px;
}
/* ==================== /titres-sous-une =============== */
/* ==================== pub2 =============== */
#pub2{
width:496px;
height:auto;
background-color:#EAEAEA;
margin-top:6px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
border:solid #BBBBBB 0px;
}
/* ==================== /tpub2 =============== */

/* ==================== autres =============== */
#autres{
width:496px;
height:180px;
/*background-color:#EAEAEA;*/
margin-top:6px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
/*border:solid #BBBBBB 1px;*/
font-family:"Simplified Arabic";
font-size:13px;
font-weight:bold;
text-align:right;
}
#head-autres-droite{
width:245px;
height:20px;
/*background-color:#FFCC00;*/
background-image:url(../images/head-autres-droite.gif);
}
#head-autres-gauche{
width:245px;
height:20px;
/*background-color:#FFCC00;*/
background-image:url(../images/head-autres-gauche.gif);
}

/* ==================== /autres =============== */
/* ==================== autres2 =============== */
#autres2{
width:496px;
height:180px;
/*background-color:#EAEAEA;*/
margin-top:6px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
/*border:solid #BBBBBB 1px;*/
font-family:"Simplified Arabic";
font-size:13px;
font-weight:bold;
text-align:right;
}
#head-autres2-droite{
width:245px;
height:20px;
/*background-color:#FFCC00;*/
background-image:url(../images/head-autres2-droite.gif);
}
#head-autres2-gauche{
width:245px;
height:20px;
/*background-color:#FFCC00;*/
background-image:url(../images/head-autres2-gauche.gif);
}
/* ==================== /autres2 =============== */

/* ==================== video =============== */
#video{
width:496px;
height:344px;
/*background-color:#EAEAEA;*/
margin-top:6px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
border:solid #BBBBBB 1px;
/*background-image:url(../images/video.gif);*/
}
/* ==================== /video =============== */
/* ===================================================== */
/* main left */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	/*background: #EEE;*/
	/*border: 1px solid #E5E5E5;*/
	float: left;
	width: 210px;
	text-align:center;
	margin-left:3px;
	
}

.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;
	height:31px;
}
.sidenav li:hover {
	/*border: 1px solid #FAFAFA;*/
	border-top: none;
	list-style: none;
	margin: 0;
	background:url(../images/bg_menu-hover.gif) top no-repeat;
}

.sidenav li a {
	color: #777;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
}
.sidenav li a:hover {
	color:#FFFF00;
}

/* content */

/* ======================================================== */
/* ==================== //* ==================== hamich-dossier =============== */
#hamich-dossier{
width:180px;
/*height:870px;*/
height:auto;
background-color:#FFFFFF;
margin-top:1px;
margin-bottom:3px;
/*font-family:"Simplified Arabic";
font-size:14px;
font-weight:bold;
color:#005500;*/
text-decoration:none;
margin-left:18px;
}
#hamich-dossier a{
text-decoration:none;
#hamich-dossier a:img{
border:none;
}
}
#hamich-dossier a:hover{
text-decoration:none;

}

/* ==================== /hamich-dossier=============== */
.style1 {
text-align:right;
direction:rtl;
font-family:Simplified Arabic;
font-size:14px;
color:#FF0000;
background-color:#ECFFF5;
font-weight:bold;
}
.style1 a{
text-decoration:none;
color:#004040;
}
.style1 a:hover{
text-decoration:none;
color:#008080;
text-decoration:underline;
}
