@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.ttf) format('truetype');
}
/**/
html{
	background-color:transparent;
	position:static!important;
	overflow-x: hidden;
}
body{
	position:static!important;
	min-width:300px;
	height: initial !important;
	margin:0px;
    background:#fff url(/s/v2/img/v2.background.x.png) repeat-x top;
	background-attachment:fixed;
	font-family:'Droid Arabic Naskh',serif;
    font-size:18px;
	color:#222;
	direction:rtl;
	overflow-x:hidden;
}
@media (max-width:1000px){
	body[scroll=no]{
		overflow:hidden;
	}
}
a{
	color:#0097ef;
	text-decoration:underline;
}
a:hover{
	color:#0070b2;
	text-decoration:none;
}
a:visited{
	color:#0097ef;
}
h1,h2,h3,h4{
    margin:0px;
}
/**/
#menu{
	min-width:300px;
	z-index:100;
	left:0px;
    right:0px;
}
#menu_wrapper{
	position:relative;
}

#menu_button{
	position:absolute;
	right:0px;
	width:30px;
	height:30px;
	padding:5px;
	cursor:pointer;
	z-index:103;
	transition:0.3s;
}
#menu_button>span{
	display:block;
	position:absolute;
	right:5px;
	width:30px;
	height:4px;
	background:#FF9800;
	border-radius:3px;
	transition:0.3s;
}
#menu_button>span:nth-of-type(1){
	top:10px;
}
#menu[status=search] #menu_button>span:nth-of-type(1),
#menu[status=menu] #menu_button>span:nth-of-type(1)
{
	top:18px;
	transform:rotate(-45deg);
}
#menu_button>span:nth-of-type(2){
	top:18px;
}
#menu[status=search] #menu_button>span:nth-of-type(2),
#menu[status=menu] #menu_button>span:nth-of-type(2)
{
	width:4px;
	right:18px;
}
#menu_button>span:nth-of-type(3){
	top:26px;
}
#menu[status=search] #menu_button>span:nth-of-type(3),
#menu[status=menu] #menu_button>span:nth-of-type(3)
{
	top:18px;
	transform:rotate(45deg);
}

#menu_search_btn>img{
	display:block;
	width:100%;
}
#menu_buttons>a.t_accu{
    border-color:#222f37;
}
#menu_buttons>a.t_accu:hover{
    background:#445159;
}
#menu_buttons>a.t_even{
    border-color:#bd0000;
}
#menu_buttons>a.t_even:hover{
    background:#a40000;
}
#menu_buttons>a.t_inve{
    border-color:#eebe00;
}
#menu_buttons>a.t_inve:hover{
    background:#9c7d00;
}
#menu_buttons>a.t_repo{
    border-color:#538c8a;
}
#menu_buttons>a.t_repo:hover{
    background:#2f615f;
}
#menu_buttons>a.t_conv{
    border-color:#1bc200;
}
#menu_buttons>a.t_conv:hover{
    background:#159501;
}
#menu_buttons>a.t_spor{
    border-color:#0084ff;
}
#menu_buttons>a.t_spor:hover{
    background:#0056a7;
}
#menu_buttons>a.t_clut{
    border-color:#ae004a;
}
#menu_buttons>a.t_clut:hover{
    background:#c90056;
}
#menu_buttons>a.t_sook,#menu_buttons .t_sook a.t_sook{
    border-color:#0b416c;
}
#menu_buttons>a.t_sook:hover{
    background:#255276;
}
#menu_buttons>a.t_voix,#menu_buttons .t_voix a.t_voix{
    border-color:#127334;
}
#menu_buttons>a.t_voix:hover{
    background:#00551e;
}

#menu_search_btn{
	transition:0.3s;
}
@media (min-width:1000px){
	#menu{
		position:absolute;
	}
	#menu[slide=slide]{
		position:fixed;
		top:-120px;
	}
	#menu_wrapper{
		min-width:1000px;
		max-width:1200px;
		margin:auto;
	}
	#menu_logo{
		position:absolute;
	}
	#menu_logo>a:first-of-type{
		position:absolute;
		top:20px;
	}
	#menu_logo>a:last-of-type{
		position:absolute;
		top:120px;
		right:0px;
		width:0px;
		height:30px;
		overflow:hidden;
		transition:0.3s;
		text-align:center;
		background-color:#242d30;
		z-index:1;
	}
	#menu[slide=slide] #menu_logo>a:last-of-type{
		width:160px;
		padding:0px 10px;
	}
	#menu_search_btn{
		position:absolute;
		top:120px;
		left:0px;
		padding:4px;
		width:22px;
		height:22px;
		cursor:pointer;
		text-align:center;
		transition:0.3s;
		z-index:100;
		background:#fff;
	}
	#menu_search_btn:hover{
		padding:6px;
		width:18px;
		height:18px;
	}
	#menu_search{
		display:none;
	}
	#menu[status=search] #menu_search{
		display:initial;
		position:absolute;
		top:120px;
		left:30px;
		right:0px;
		height:30px;
		z-index:100;
	}
	#menu[slide=slide][status=search] #menu_search{
		right:180px;
	}
	#menu[status=search] #menu_search input{
		display:block;
		width:100%;
		height:30px;
		box-sizing:border-box;
		padding:3px;
		border:none;
		text-align:center;
		background:rgb(250,250,250);
		font-size:16px;
	}
	#menu_button{
		display:none;
	}
	#menu[status=search] #menu_button{
		display:initial;
		top:115px;
		right:-5px;
		transform:scale(0.7);
	}
	#menu[slide=slide][status=search] #menu_button{
		right:175px;
	}
	#menu_mask{
		display:none;
	}
	#menu_buttons{
		display:flex;
		position:absolute;
		top:120px;
		right:0px;
		left:0px;
		height:30px;
		padding-left:30px;
		/*background:#242d30;*/
		box-shadow:0px 2px 5px 0px rgba(0,0,0,0.6);
		transition:0.3s;
	}
	#menu[slide=slide] #menu_buttons{
		padding-right:180px;
	}
	#menu_buttons>a{
		display:block;
		flex-grow:1;
		height:24px;
		padding:3px 10px 0px 10px;
		border-bottom:solid 3px;
		font-size:14px;
		line-height:24px;
		background:#242d30;
		color:#fff;
		text-decoration:none;
		text-align:center;
		transition:0.2s;
	}
	#menu_buttons>a.t_sook[hover=hover]{
		background:#255276;
	}
	#menu_buttons>a.t_voix[hover=hover]{
		background:#00551e;
	}
	.submenu_container{
		float:right;
		position:relative;
		z-index:60;
		direction:ltr;
	}
	.submenu{
		position:absolute;
		z-index:60;
		width:200px;
		top:30px;
		visibility:hidden;
		font-size:14px;
		box-shadow:0px 3px 5px rgba(0,0,0,0.3);
		direction:rtl;
	}
	.submenu a{
		display:block;
		padding:5px;
		border-bottom:solid 1px rgba(0,0,0,0.05);
		line-height:20px;
		color:#fff;
		text-decoration:none;
		transition:0.2s;
	}
	.submenu a:hover{
		padding-right:15px;
		box-shadow:0px 0px 10px rgba(0,0,0,0.3) inset;
	}
	#sub_menu_1{
		background:rgba(37,82,118,0.9);
	}
	#sub_menu_2{
		background:rgba(0,85,30,0.9);
	}
}
@media (max-width:1000px){
	#menu{
		position:fixed;
	}
	#menu_wrapper{
		top:0px;
		right:0px;
		left:0px;
		height:40px;
		background:#fff;
		box-shadow:0px 0px 5px rgba(0,0,0,0.6);
	}
	#menu_logo>a:first-of-type{
		display:none;
	}
	#menu_logo>a:last-of-type{
		position:absolute;
		left:40px;
		right:40px;
		text-align:center;
		padding:5px;
		height:30px;
		z-index:103;
	}
	#menu_search_btn{
		position:absolute;
		top:0px;
		left:0px;
		padding:9px;
		width:22px;
		height:22px;
		cursor:pointer;
		text-align:center;
		transition:0.3s;
	}
	#menu_search_btn:hover{
		padding:11px;
		width:18px;
		height:18px;
	}
	#menu_search{
		position:absolute;
		top:0px;
		left:40px;
		right:40px;
		height:30px;
		padding:5px;
		z-index:104;
		display:none;
	}
	#menu[status=search] #menu_search{
		display:initial;
	}
	#menu_search input{
		display:block;
		width:100%;
		height:22px;
		border:solid 2px #64bbfd;
		border-radius:10px;
		padding:2px;
		text-align:center;
		background-color:rgba(255,255,255,0.8);
		font-size:18px;
		outline:none;
	}
	#menu_search input::-webkit-input-placeholder,
	#menu_search input::-moz-placeholder,
	#menu_search input:-moz-placeholder,
	#menu_search input:-ms-input-placeholder{
		color:#666;
	}
	#menu_button{
		display:initial;
	}
	#menu_mask{
		display:block;
		position:absolute;
		top:0px;
		right:-100%;
		height:150px;
		width:100%;
		background:rgba(255,255,255,0.8);
		z-index:102;
		transition:0.3s;
	}
	#menu[status=menu] #menu_mask{
		right:0px;
		box-shadow:0px 0px 10px #607D8B;
	}
	#menu_buttons{
		position:fixed;
		top:0px;
		bottom:0px;
		right:-100%;
		width:100%;
		padding:190px 0px 40px 0px;
		overflow:auto;
		z-index:101;
		background-color:#ECEFF1;
		transition:0.3s;
		box-shadow:0px 0px 35px #607D8B inset;
	}
	#menu[status=menu] #menu_buttons{
		right:0px;
	}
	#menu_buttons a{
		display:block;
		padding:5px 10px;
		margin:0px 40px 1px 40px;
		border-right:solid 5px;
		background-color:#FAFAFA;
		text-align:right;
		box-shadow:0px 0px 5px rgba(0,0,0,0.1);
		text-decoration:none;
		color:#3F51B5;
		transition:0.2s;
		z-index:103;
	}
	#menu_buttons a:hover{
		padding-right:20px;
		color:#fff;
	}
	#menu_buttons .t_sook a.t_sook:hover{
		background:#255276;
	}
	#menu_buttons .t_voix a.t_voix:hover{
		background:#00551e;
	}
	
	.submenu{
		height:initial!important;
	}
}
/**/
#meteo>div{
	width:120px;
	height:100px;
	padding:10px 0px;
	overflow:hidden;
	text-align:center;
	font-size:14px;
}
#meteo a{
	text-decoration:underline;
	color:#333;
}
#meteo:hover a{
	text-decoration:none;
}
#meteo div.aw-widget-current-inner div.aw-widget-content{
	background:none!important;
	border:none!important;
}
#meteo h3{
	display:none;
}
#meteo div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather span.aw-icon{
	margin-top:0px!important;
	height:50px!important;
	background-size:70px!important;
	width:60px!important;
}
#meteo .lt-216 div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p{
	float:initial!important;
}
#meteo .lt-216 div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today{
	width:60px!important;
	color:#565656!important;
}
#meteo div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p time{
	display:none!important;
}
#meteo div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-weather-description{
	/*font-family:"KElham",Tahoma, Geneva, sans-serif;*/
	font-family:'Droid Arabic Naskh',serif;
	color:#565656!important;
}

#ad_top{
	/*width:auto;
	height:120px;*/
	margin:auto;
	text-align:center;
	/*transform-origin:right top;*/
}
.flash{
	display:flex;
	width:100%;
	height:30px;
	background-color:#cdd4d8;
}
.flash::before{
	content:'آخر الأخبار';
	display:block;
	width:70px;
	height:20px;
	padding:5px;
	border-radius:10px 0px 0px 10px;
	float:right;
	background:linear-gradient(to bottom, #ff0000 0%,#ff0000 50%,#d80000 51%,#6f0000 100%);
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-shadow:0px 0px 5px rgba(0,0,0,0.7);
	box-shadow:0px 0px 20px 5px rgba(103,0,0,0.7) inset;
}
.flash>div{
	overflow:hidden;
	flex:1;
	direction:ltr;
}
.flash>div>div{
	display:block;
	width:5000px;
	height:30px;
	padding:0px 2000px;
	direction:rtl;
}
.flash a{
	display:block;
	float:right;
	padding:0px 15px;
	text-decoration:none;
	color:#444343;
	font-size:16px;
}
.flash a:hover{
	text-decoration:underline;
}
@media (min-width:1000px){
	#top{
		display:flex;
		box-sizing:border-box;
		min-width:1000px;
		max-width:1200px;
		height:120px;
		margin:auto;
		margin-top:0px;
		margin-bottom:80px;
		flex-direction:row-reverse;
		background:linear-gradient(to bottom, #ffffff 0%,#e9f5ff 20%,#eff8ff 51%,#d0ebff 100%);
		box-shadow:0px 0px 8px -3px rgba(0,0,0,1);
		transition:0.3s;
		flex-wrap:wrap;
	}
	#ad_top{
		width:600px;
		min-width:600px;
		height:120px;
		flex:1;
		text-align:left;
	}
	#meteo{
		min-width:120px;
		flex:1;
	}
	.flash{
		min-width:1000px;
		margin-top:40px;
		border-radius:10px;
	}
	.flash::before{
		border-radius:10px;
	}
}
@media (min-width:1240px){
	#top{
		margin-top:10px;
	}
}
@media (max-width:1000px){
	#top{
		display:block;
		padding-top:40px;
	}
	#meteo{
		position:fixed;
		top:40px;
		right:-100%;
		width:100%;
		transition:0.3s;
		z-index:102;
	}
	#meteo>div{
		float:left;
		margin-left:30px;
		padding:5px 0px;
	}
	body[scroll=no] #meteo{
		right:0px;
	}
}

#now{
	flex:1;
	width:100px;
	overflow:hidden;
	padding-top:15px;
	text-align:center;
}
#nowday{
	font-size:18px;
}
#nowdate{
	font-size:14px;
}
#nowtime{
	font-size:13px;
}
@media (min-width:1000px){
	#now{
		margin-right:180px;
	}
}
@media (max-width:1000px){
	#now{
		position:fixed;
		top:40px;
		right:-100%;
		transition:0.3s;
		z-index:102;
	}
	body[scroll=no] #now{
		right:25px;
	}
}
/**/
#container{
	min-height:1000px;
	background:#fff;
}
@media (min-width:1000px){
	#container{
		display:flex;
		flex-direction:row;
		min-width:1000px;
		max-width:1200px;
		margin:auto;
		margin-bottom:10px;
		border-radius: 0px 0px 10px 10px;
		box-shadow:0px -1px 8px -1px rgba(0,0,0,0.3);
	}
	#content{
		flex:1;
		min-width:700px;
		max-width:900px;
	}
	#side{
		width:300px;
		overflow-x:hidden;
		border-radius:0px 0px 0px 10px;
	}
}
@media (max-width:1000px){
	#container{
	}
}
.content{
	padding:10px;
}
/**/
#footer{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	background-color:#263238;
	box-shadow:0px 2px 10px -3px rgba(0,0,0,1);
}
@media (min-width:1000px){
	#footer{
		min-width:1000px;
		max-width:1200px;
		border-radius:10px;
		margin:auto;
	}
}
/**/
.footer_links{
	flex:1;
	min-width:120px;
    padding:5px;
    padding-left:10px;
    margin:10px 10px 10px 0px;
    text-align:right;
    direction:rtl;
}
.footer_links a{
    display:block;
    color:#ccc;
    font-size:14px;
    line-height:20px;
    text-decoration:none;
    transition:0.2s;
}
.footer_links a:hover{
    color:#fff;
}
.footer_links div{
    display:inline-block;
    vertical-align:top;
}
.footer_links div:last-of-type{
    margin-right:20px;
}
/**/
.info{
	min-width:100px;
	padding:20px 10px 10px 10px;
	flex:1;
	font-size:14px;
	color:rgb(187,187,187);
	direction:rtl;
}
.info a{
	color:#fff;
}
/**/
.signature{
    width:160px;
    padding-top:30px;
	padding-bottom:10px;
    text-align:center;
}
.signature a{
    border:none;
}
.signature div{
    width:140px;
    height:18px;
    padding-top:2px;
    border-top:1px solid #303030;
	border-radius:5px;
    margin-right:auto;
    margin-left:auto;
    background:rgba(0,0,0,0.3);
    color:#636363;
    font-size:12px;
    font-family:Calibri;
    font-weight:bold;
}
@media (max-width:1000px){
	.signature{
		width:100%;
	}
}
/**/
#djidel_tag{
	font-size:12px;
	margin:auto;
	z-index:100;
	text-align:center;
}
@media (min-width:1000px){
	#djidel_tag{
		min-width:1000px;
		max-width:1200px;
	}
}
#djidel_tag a{
	color:#666;
    direction:rtl;
	text-decoration:none;
    transition:0.3s;
}
#djidel_tag a:href{
    color:#333;
}
/**/
#go_top{
	z-index:100;
	position:fixed;
	right:10px;
	bottom:70px;
	box-sizing:border-box;
	width:50px;
	height:50px;
	padding-top:13px;
	border-radius:25px;
	background-color:#263238;
	box-shadow:0px 1px 5px #000;
	text-align:center;
	cursor:pointer;
	transition:0.3s;
}
#go_top:hover{
	padding-top:10px;
}
/**/
.pub5,.pub6/*,.pub8,.pub9*/{
	transform-origin:right top;
	background-color:#CFD8DC;
	text-align:center;
}
.pub5>*,.pub6>*{
	margin:auto;
	max-width: 100%;
    height: auto;
}
.pub5>a>img,.pub6>a>img,.pub8>a>img,.pub5>img,.pub6>img,.pub8>img{
	max-width: 100%;
    height: auto;
}

.pub8{
	max-width:1200px;
	margin:auto;
	margin-bottom:10px;
	text-align:center;
}

/*.pub9_container{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:10;
}
.pub9{
	max-width:700px;
	max-height:60px;
	margin:auto;
	box-shadow:0px 0px 3px rgba(0,0,0,0.7);
}*/

.pub2,.pub4,.pub7{
	text-align:center;
}

/*
@media (max-width:1000px){
	.pub2{
		position:absolute;
		width:100%!important;
		left:0px;
		top:310px;
		text-align: center;
	}
}*/