@charset "utf-8";
/* CSS Document */

body
	{
	/*background-color:#FFF;*/
	color:#FFF;
	width:100%;
	/*border:#000 thin solid;*/
	margin-left:auto;
	margin-right:auto;
	direction:rtl;
text-align: justify;
	
	}
#Contenu
	{
	background-color:#f7f7f7;
	color:#FFF;
	/*width:100%;*/
	margin-left:auto;
	margin-right:auto;
	direction:rtl;
	padding:25px;
	min-height:550px;
	font-size:24px;
	}

.pied
	{
	/*background:linear-gradient(to left, #2e4053 , #aeb6bf );*/
	background-color:#000;
	width:100%;
font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	color:#fff;
	direction:rtl;
	text-align:center;
	border-top:#888  1px solid;
	padding-bottom:4px;
	padding-top:4px;
	vertical-align: middle;
	font-family:cairo,Traditional Arabic,Arial, Helvetica, sans-serif;
	}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}

li {
	float:right;
  
}

li a {
  display: block;
  color: white;
  text-align: center;
  font-weight:bold;
font-size:19px;
  padding: 9px 12px;
  text-decoration: none;
  font-family:tajawal, Traditional Arabic,Arial, Helvetica, sans-serif;
}
li #Active {
	 background-color: #0052d9
;
  		}

li a:hover {
  background-color: #3783ff
;
}

#titre 
		{
		font-size:16px;
		font-weight:bold;
		text-decoration:underline;
		}

#header {
    height:  130px;
    clear: both;
    background-color: #1f1d52;
    background-image:url(images/f.gif);
    background-repeat: repeat-x;
    position: relative;
	border-bottom:#0052d9 1px solid;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
td
 	{
	 text-align:center;
	 color:#fff;
	 font-size:28px;
	 font-weight:bold;
	 font-family:cairo, Traditional Arabic,Arial, Helvetica, sans-serif;
	 text-shadow: 1px 2px 2px  #666;
     /*padding-top: 20px;*/
    
 	}
#ttr
	{
	font-size:22px;
	font-weight:bold;
	font-family:tajawal,Traditional Arabic,Arial, Helvetica, sans-serif;
	color:#036;
	}
p
	{
	font-size:20px;
	font-family:Sakkal Majalla, Traditional Arabic,Arial, Helvetica, sans-serif;
	color:#033;
	}	

<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300&family=Amiri&family=Cairo:wght@700&family=Changa&family=El+Messiri&family=Katibeh&family=Lalezar&family=Lateef&family=Lemonada:wght@300&family=Mada&family=Markazi+Text&family=Mirza&family=Rakkas&family=Reem+Kufi&family=Scheherazade&family=Tajawal&display=swap" rel="stylesheet">
<link href="//db.onlinewebfonts.com/c/6e89ecfd2776a4697b964580e8924d0f?family=Sakkal+Majalla" rel="stylesheet" type="text/css"/>