#contactform div
{
	margin-bottom: 0.5em;
	width: 100%;
}
#contactform .indent
{
margin:10px 0px 10px 95px;
}
#contactform .form_element
{
	float: left;
	width: 180px;
	text-align: right;
padding: 0px 10px 0px 0px;
}
#contactform .form_data
{
	float: left;
	text-align: left;
padding: 0px;
}
#contactform .separator
{
	clear: both;
	height: 0.5px;
	font-size: 0.5px;
padding: 0px;
}
#footer .footer_link
{
	padding-right: 4px;
 border-right:solid 1px #000;
}
#footer .footer_language_link
{
border-left:solid 1px #000;
}
#footer .footer_last
{
}
/**************************************************************************************************************************************************/

/*  * Droid Arabic Kufi (Arabic) http://www.google.com/webfonts/earlyaccess */@font-face
{
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('woff2'),       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
@font-face
{
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),       
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('woff2'),       
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),       
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
/*start Body css ----------------------------------------------------------------------------- */
.html{
background-color: #040406;

}
.body
{
	background-repeat: repeat;
	font-family: Arial;
	text-align: center;
        font: 0.5em Arial,sans-serif;
        margin:0;
        padding:0;
        background: url(../images/sce/body.GIF) no-repeat;
        background-position: top center;
}

/*start container css----------------------------------------------------------------------------- */
#conteneur
{
	width: 980px;
	margin:auto;
}
a{

text-decoration:none;  !important

}
#header
{
	background-image: url(../images/sce/banner.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding: 16px;
float: left;
width: 780px;
margin-left: -3px;
}
#logo
{
	float: right;
}
#search_box
{
	float: left;
}
#language_link
{
	float: left;
        margin-top: 30px;
        position: absolute;
}
#top_nav{
}
/*start mai_section css*************************************************************/
#main-section{
}
#scrolling_marquee{
}
#alert_right{
float:right;
width: 273px;
font-size: 28px;
font-family: 'Droid Arabic Kufi';
color:#002E43;
height:57px;

}
#alert_left{

float:right;
width:700px;
height:57px;
}
/********************* slideshow section***********************/
#slideshow_num {

float: right;
font-size: 14px;
color: white;
padding-right: 19px;
margin-top: -29px;
z-index: 1;
position: relative;
}
.prevslide{
position:relative;
z-index:1;
float: left;
width: 167px;
margin-left:-1px;
height: 320px;
margin-top: -341px;

}

.nextslide{
position: relative;
z-index: 1;
margin-top: -341px;
height: 320px;
float: right;
margin-right: auto;
width: 167px;
}
#counterstyle{
position:relative;
z-index:1;
margin-top: -10px;
margin-left: 400px;
display:none;
}
/********************************end of slideshow section*****************************************/
/********************************start body content section**************************************/
#body_content
{
	background-repeat: repeat;
	background-color: #fff;
	width: 981px;
	height:auto;
	float:right;
	font-size: 12px;
        margin-left:auto;
        padding-top:0px;
        min-height: 320px;
}

/********************************end body content*************************************************/

ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		margin-top: -74px;
		height: 32px;
		width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 75px;
                width: 203px;
		line-height: 31px;
		border-left: none;
		font-weight: normal;
		font-family: 'Droid Arabic Kufi';
		font-size:20px;
		color:#ffffff;
		background: transparent;
		overflow: hidden;
		position: relative;
	}
	#headline_profil{
	
	margin-top: -450px;
        float: right;
        font-weight: normal;
        padding-right: 25px;
        font-family: 'Droid Arabic Kufi';
        color: #68dcff;
        font-size: 40px;
        text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	
	#headline_profil a{
	text-decoration:none;
	color:white;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil a:hover{
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	color:#E08C00;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	
	#headline_profil_2{
	
	margin-top: -450px;
        float: right;
        font-weight: normal;
        padding-right: 25px;
        font-family: 'Droid Arabic Kufi';
        color: #b6ff7f;
        font-size: 40px;
        text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil_2 a{
	text-decoration:none;
	color:white;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil_2 a:hover{
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	color:#E08C00;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	
	
	
	#headline_profil_3{
	
	margin-top: -450px;
        float: right;
        font-weight: normal;
        padding-right: 25px;
        font-family: 'Droid Arabic Kufi';
        color: #ffd131;
        font-size: 40px;
        text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil_3 a{
	text-decoration:none;
	color:white;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil_3 a:hover{
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	color:#E08C00;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	
	
	
	#headline_profil_4{
	
	margin-top: -450px;
        float: right;
        font-weight: normal;
        padding-right: 25px;
        font-family: 'Droid Arabic Kufi';
        color: white;
        font-size: 40px;
        
        text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil_4 a{
	text-decoration:none;
	color:white;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	#headline_profil_4 a:hover{
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	color:#E08C00;
	text-shadow: rgb(0, 0, 0) 0 -1px 0,rgb(0, 0, 0) 0 0 5px;
	z-index: 1;
	}
	
	#text_right{
	margin-top: -385px;
        padding-right: 25px;
        float: right;
        width: 300px;
        text-align: right;
        font-family: 'Droid Arabic Kufi';
        color: white;
        font-size: 13px;
	}
	#text_left{
	margin-top: -407px;
	float: left;
	width: 600px;
	text-align: right;
	}
	#text_left a{
	color:white;
	text-decoration:none;
	               }
	#text_left a:hover{
	text-decoration:underline;
	               }               
	ul.tabs li:hover {
		background: transparent;
	}	
	ul.tabs li.active{
		background: transparent;
	}
	.tab_container {
		border-top: none;
		clear: both;
		float: left; 
		width: 100%;
		height:470px;
		background: transparent;
	}
	.tab_content {
		height: 456px;
		font-size: 1.2em;
		display: none;
	}
	#container {
		width: 980px;
		margin: 0 auto;	
	}
	
        
      #video_home{
      float: left;
position: absolute;
margin-top: -437px;
padding-left: 0px;
border: 7px solid rgba(225, 226, 226, 0.33);
border-radius: 7px;
      
      
      }
 #lefthome {
float: left;
margin-top: 0px;
width: 710px;
margin-left: 8px;
}
  #righthome
{
	float: right;
	width: 250px;
	line-height: 38px;
	margin-right: 12px;
        text-align: right;
}
#bottom_section_home{
        float: right;
        width: 690px;
        height: 339px;
        margin-top: -20px;
        margin-right: 20px;


}
/* start latest news css
----------------------------------------------------------------------------*/
#home_news_latest
{
	clear: both;
        height: 270px;
        width: 690px;
        background-color:#E5E5E3;
        overflow-y:auto;
        overflow-x:hidden;
        direction:rtl;
}

#home_news_latest #latest_news
{
    float: right;
    margin-right: 30px;
    margin-bottom: 10px;
    height: 260px;
    width: 180px;
    background-color: #ffffff;
    border: 1px solid #edede5;   
   -webkit-transition: all 0.3s ease-out;
    
 }

#home_news_latest #latest_news:hover{
          background: rgb(162, 18, 18);;
          color:#fff;
          cursor:pointer;
}
#home_news_latest .news_title {
color: #E08C00;
font-size: 13px;
font-family:'Droid arabic kufi';
font-weight:bolder;
}
#home_news_latest .news_title:hover{
color:#fff;
}
#home_news_latest #latest_news_left
{
	float: right;
        width: 183px;
}
#home_news_latest #latest_news_right
{
	float: right;
        padding-right: 4px;
        width: 175px;
        height:147px;
        text-align: right;
        overflow-y:auto;
        overflow-x:hidden;
}
#home_news_latest #home_container
{
	padding-bottom: 5px;
	padding-left: 8px;
	padding-top: 7px;
}

#home_news_latest .newsImage
{
	float: left;
	border: 1px solid #ffffff;
}
.latest_news_date
{
display: block;
color: #138f6d;
}
.news_headline{

height: auto;
font-family:'Droid arabic kufi';


}


/*modifier la scrollbar du div latestnews*/
#home_news_latest .news_headline::-webkit-scrollbar { 
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

#home_news_latest .news_headline::-webkit-scrollbar-track { 
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

#home_news_latest .news_headline::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: rgb(176, 178, 179)  /*couleur de l'ascenseur*/;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(16, 111, 156, 0.65) ;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}
  
/*modifier la scrollbar du div latest*/
#home_news_latest::-webkit-scrollbar { 
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

#home_news_latest::-webkit-scrollbar-track { 
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

#home_news_latest::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: rgb(176, 178, 179)  /*couleur de l'ascenseur*/;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(16, 111, 156, 0.65) ;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

/*modifier la scrollbar du div latest right*/
#home_news_latest #latest_news_right::-webkit-scrollbar { 
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

#home_news_latest #latest_news_right::-webkit-scrollbar-track { 
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

#home_news_latest #latest_news_right::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: rgb(176, 178, 179)  /*couleur de l'ascenseur*/;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(16, 111, 156, 0.65) ;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  }





/* end of latest news css
----------------------------------------------------------------------------*/
/****************************start forum and calendar css*********************************/


#home_forum{
width: 379px;
height: 296px;
margin-top: 42px;
float: left;
margin-left: -377px;
background-color:rgb(31, 38, 63);

}
#forum_content{
width: 350px;
height: 250px;
margin:auto;
margin-top:10px;
background-image: linear-gradient(bottom, rgb(255,255,255) 38%, rgb(234,250,180) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(234,250,180) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(234,250,180) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(234,250,180) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 38%, rgb(234,250,180) 100%);


}
#home_calendar{

width: 300px;
height: 296px;
float: right;
background-color:rgb(3, 12, 48);
}
#quiz_home{

width: 688px;
float: right;
}
#bottom_navigation{
width: 935px;
margin-left: 25px;
clear: both;
padding: 10px;
height: 50px;

}


/****************************end forum****************************************/



/* start bottom css
----------------------------------------------------------------------------*/
#bottom {
clear: both;
height: auto;
width: 985px;
color: #ffffff;
margin:auto;
margin-left: -3px;
text-align: center;
padding: 0px 0px 0px 0px;
}
#footerlinks
{
	padding-top: 20px;
	width: 980px;
	height: 380px;
        background:url(../images/sce/footer.jpg) repeat-x;
        margin: 0 auto;
}
#footerlinks a{
text-decoration: none;

}
#footerlinks a:hover
{
	margin-right:3px;
	-webkit-transition: all 0.2s ease-out;
	text-decoration: none;
	
}
#footerheadsection1
{
	float: right;
width: 924px;
padding-bottom: 11px;
font-weight: normal;
text-align: right;
}
#footerheadsection2
{
	float: right;
	width: 215px;
	font-weight: bold;
	text-align: left;
}
#footerheadsection3
{
	float: right;
	width: 195px;
	font-weight: bold;
	text-align: left;
}
#footerheadsection4
{
	float: right;
	width: 195px;
	font-weight: bold;
	text-align: left;
}
#footerheadsection5
{
	float: right;
	width: 215px;
	font-weight: bold;
	text-align: left;
}
#footersection1
{
	float: right;
	padding-right: 65px;
	width: 180px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}
#footersection2
{
	float: right;
	padding-right: 20px;
	width: 265px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}
#footersection3
{
	float: right;
	padding-right: 20px;
	width: 175px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}
#footersection4
{
	float: right;
	padding-right: 20px;
	width: 170px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}
#footersection5
{
	float: right;
	padding-right: 20px;
	width: 215px;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
}    
#social_media_bottom{

width: 105px;
height: 26px;
margin: 26px;
float: right;
}

/**************************************blog css********************************************/
#recent_home_Posts{
font-size:15px;
font-family: droid arabic kufi;
float:right;
text-align:right;
list-style: none;
width:260px;
line-height: 35px;
height: 312px;
overflow-y:auto;
overflow-x:hidden;
direction:rtl;
margin-top: 8px;
}      
#recent_home_Posts li{
list-style:none;
width:260px;
margin-right: -39px;
}

#recent_home_Posts a{
color:#000;
text-decoration:none;
}
#recent_home_Posts a:hover
{
	margin-right:3px;
	-webkit-transition: all 0.2s ease-out;
	text-decoration: none;
	color:#E08C00;
	
}
#recent_home_Posts h4{
margin-top: 0px;
color: #E08C00;
font-family: droid arabic kufi;
font-size: 22px;
margin-bottom: -24px;
font-weight: normal;
}

/*modifier la scrollbar du div latest*/
#recent_home_Posts::-webkit-scrollbar { 
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

#recent_home_Posts::-webkit-scrollbar-track { 
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

#recent_home_Posts::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: rgb(176, 178, 179)  /*couleur de l'ascenseur*/;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(16, 111, 156, 0.65) ;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}
/********************************************end blog css main******************************/

#socialmedia{
list-style: none outside none;
width: 300px;
height: 79px;
margin-top: -30px;
float: right;
}
#socialmedia li{
list-style: none outside none;
display:inline;
}