.police
{ text-align:justify;
font-size:20px;
font-family:traditional Arabic;
	}
body  
{
	
	height: 100%;
	/*background-image:url(../images/bg_body7.png);*/

	  /* valeur du bleu en bas du fichier page_bkg.gif */
	  background-color:#E6E6E6; /*#ECECEE;*/
	/*margin: 0; padding:0px 0px 0px 0px;*/
        
}


.menu_top{
			color:#000000;
			width:980px;
			
	}
	
.menu_top table tr td {
    width:120px;
	text-align:center;
}	

.menu_top td:hover {
      background-image:url(../images/bg_hover.png);
}

.id1{
      background-image:url(../images/bg_hover.png);
	  color:#FFFFFF;
}

.menu_top td a{
       color:#000000;
	   font-size:18px;
	   font-family:'franklin Gothic medium Cond';
	   text-decoration:none;
}

.menu_top td:hover a {
      color:#FFFFFF;
	  text-decoration:non;
}


.menu_bottom{
			color:#000000;
			width:740px;
			
	}
	
.menu_bottom table tr td {
    width:120px;
	text-align:center;
}	

.menu_bottom td:hover {
      background-image:url(../images/bg_hover.png);
}

.id1{
      background-image:url(../images/bg_hover.png);
	  color:#000000;
}

.menu_bottom td a{
       color:#FFFFFF;
	   font-size:18px;
	   font-family:"traditional Arabic";
	   font-weight:bold;
	   text-decoration:none;
}

.menu_bottom td:hover a {
      color:#FFFFFF;
	  text-decoration:non;
}


.recherche a {
 text-decoration:none;
 color:#3879B0;
}


.recherche a:hover {
 text-decoration:underline;
}




.baree a {
  color:#000000;
}


.baree a:hover {
  text-decoration:underline;
  color:#F08930;
}




.bottom a {
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}


.bottom a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}


.bottom1 a {
  text-decoration:none;
  color:#FFFFFF;
}


.bottom1 a:hover {
  text-decoration:underline;
  /*color:#FFFFFF;*/
}


.bottom2 a {
  text-decoration:none;
  color:#3079B6;
}


.bottom2 a:hover {
  text-decoration:underline;
  color:#3079B6;
}
.bottom2 {
	margin:0px;
}















a {
	text-decoration: none;
}
ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu li ul  {
	margin: 0;
	padding: 0;
	list-style: none;
}


#content {	
	width: 210px;
	margin: 5px auto;
	font-size:18px;
	font-family:"traditional Arabic";
}
.menu {
	width: auto;
	height: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}
.menu > li > a {
	color:#22547D; background-image:linear-gradient(60deg,#93C9FF,#365F91);
	
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: 100%;
	font-weight:bold;

	text-indent: 0.75em;
	display: block;

	font-family:Arial, Helvetica, sans-serif;

	color: #FFFFFF;
	padding-top:1px;
	height:21px;

}

.menu ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	display: block;

	font-family:"traditional Arabic";
	padding-top:4px;
	padding-bottom:3px;
	padding-right:2px;
	font-size:17.5px;
	color: #878d95;
}
.menu ul li:last-child a {

}
.menu > li > a:hover, .menu > li > a.active {
	background-color: #D9D9D9;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	
	-webkit-box-shadow: inset 0px 1px 0px 0px #D9D9D9;
	-moz-box-shadow: inset 0px 1px 0px 0px #D9D9D9;
	box-shadow: inset 0px 1px 0px 0px #D9D9D9;
	color:#575757;
}
.menu > li > a.active {
	border-bottom: 1px solid #1a638f;
}

.item
{font-family:"Arial, Helvetica, sans-serif";
	font-size:17px;
	}
	
.item > a
{ padding-top:6px;
}


.menu2 ul li  a:hover, .menu2 ul li  a.active {
	background-color: #D9D9D9;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	
	-webkit-box-shadow: inset 0px 1px 0px 0px #D9D9D9;
	-moz-box-shadow: inset 0px 1px 0px 0px #D9D9D9;
	box-shadow: inset 0px 1px 0px 0px #D9D9D9;
	color:#575757;
}
.menu2 ul li a.active {
	border-bottom: 1px solid #1a638f;
}


/*.menu > li > a:before {
	content: '';
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.item1 > a:before {
	background-position: 0 0;
}
.item2 > a:before {
	background-position: -38px 0;
}
.item3 > a:before {
	background-position: 0 -38px;
}
.item4 > a:before {
	background-position: -38px -38px;
}
.item5 > a:before {
	background-position: -76px 0;
}

.menu > li > a:hover span, .menu > li a.active span {
	background: #FFFFFF;
}
.menu > li > ul li a:before{
	font-size: 18px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}


.menu > li > ul li ul li a:before{
	font-size: 18px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}*/

.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
	color: #2B6DA4;
}































#menu_t {
		height: 25px;
		width:980px;
		margin: 5px 0;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	}
	#menu_t ul, #menu_t li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#menu_t li {
		width: 180px;
	}
	

	
		
	#menu_t li a {
		display: block;
		font-family:'traditional Arabic';
		font-size:18px;
		text-decoration: none;
		text-align: center;
		border: 1px solid #fff;
	}
	/*---------- Niveau 1 ----------*/
	#menu_t .niveau1 li {
		float: left;
		margin: 0 -1px 0 0;
	}
	#menu_t .niveau1 li a {
		padding: 5px 0;
		height: 16px;
		color: #000000;
		background: #D9D9D9;
	}
	#menu_t .niveau1 li:hover a,
	#menu_t .niveau1 li a:hover {
		color: #fff;
		background: #2B6DA4;
	}
	
	#menu_t ul li ul li {
	    width:220px;
	}
	/*---------- Niveau 2 ----------*/
	#menu_t .niveau2 {
		position: absolute;
		top: -9999em;
	}
	#menu_t .niveau2 li {
		clear: left;
		margin: -1px 0 0;
	}
	#menu_t .niveau2 li a {
		color: #fff;
		background: #6D8600;
		text-align:right;
		padding-right:5px;
	}
	#menu_t .niveau2 li a:hover {
		color: #000000;
		background: #D9D9D9;
	}
	#menu_t li:hover .niveau2,
	#menu_t .sfhover .niveau2 {
		top: auto;
		min-height: 0; /* corrige un bug IE7 */
	}
	/*---------- Niveau 3 ----------*/
	#menu_t .niveau1 .niveau2 .niveau3 {
		position: absolute;	
		top: -9999em;
		right:220px;
		border-top: 1px solid #fff; /* corrige un bug IE6 */
	}
	#menu_t .niveau3 li a {
		color: #fff;
		background: #6D8600;
	}
	#menu_t .niveau3 li:hover a,
	#menu_t .niveau3 li a:hover {
		color: #000000;
		background: #D9D9D9;
	}
	#menu_t .niveau2 li:hover .niveau3,
	#menu_t .niveau2 .sfhover .niveau3 {	
		top: auto;
		margin:-28px 0 0 149px;
	}
	#menu_t .inverse .niveau2 li:hover .niveau3,
	#menu_t .inverse .niveau2 .sfhover .niveau3 {	
		top: auto;
		margin:-28px 0 0 -149px;
	}


/*


#menu{
  width:220px;
	
}
.menu, .sousmenu{
  text-align:center;
  font-family: 'franklin Gothic medium Cond';
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  font-size: 12px;
  font-weight:normal;	
}
.menu{
	width:210px;
	height:45px;
	padding:0.5px 0;	
	background:transparent;
	color:#fff;
	text-align:left;
}
.sousmenu{
	height:35px;
	width:220px;
	padding:2px 0;	
	background:transparent;	text-align:left;
	color:#fff;
}
.menu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	padding-left:10px;
	font-family:arial,sans-serif;
	text-decoration:none;
	background:#2B6DA4;
    border-top-left-radius:5px; 
	border-top-right-radius: 5px; 
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#000000;
   font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#D9D9D9;
    border-top-left-radius:5px; 
	border-top-right-radius: 5px; 	
}
.menu a:hover, .menu a:active, .menu a:focus{
	background:#D9D9D9;
	color:#000000;
	font-weight:bold;
}



.sousmenu a:hover, .sousmenu a:active, .sousmenu a:focus{;
	color:#000000;
	text-decoration:underline;
}

*/














































#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
#cssmenu > ul {
  display: block;
  position: relative;
  width: 220px;
}
/* The list elements which contain the links */
#cssmenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* General link styling */
#cssmenu > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #d9d9d9;
  padding: 11px 10px;
  /* Typography */

  font-family: 'franklin Gothic medium Cond';
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  font-size: 13.5px;
  font-weight:normal;
  /* Background & effects */

  background: #2B6DA4;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li a:hover,
#cssmenu > ul li:hover > a {
  color: #000000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);


  background: #CBCCD0;
  background: -webkit-linear-gradient(#CBCCD0, #CBCCD0);
  background: -moz-linear-gradient(#CBCCD0, #CBCCD0);
  background: linear-gradient(#CBCCD0, #CBCCD0);

  border-color: transparent;
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 5px solid #CBCCD0;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
  content: "";
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #fff;
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  border-left: 4px solid #fff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.25);
}
/* THE SUBMENUS */
#cssmenu > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 150px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
#cssmenu > ul ul li a {
  font-size: 12px;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
  z-index: 1;
}



.entete_p {
     background-image:url(../images/image_fonds1.png);	
	  width:100px;
	  height:25px;
	  background-repeat:no-repeat;  
	  	text-align:center;
		color:#000000; 
		font-weight:bold;
		font-family:"traditional Arabic";
		font-size:18px;
		font-weight:bold;
}	
.connection {
     background-image:url(../images/image_fonds1.png);	
	  width:100px;
	  height:25px;
	  background-repeat:no-repeat;  
	  	text-align:center;
		color:#000000; 
		font-weight:bold;
		font-family:"traditional Arabic";
		font-size:18px;
		font-weight:bold;
}	

.entete td:hover {
      
	  width:40px;
	  height:24px;
	  background-repeat:no-repeat;  
	  	text-align:center;
}	

.entete td {
     
	  width:40px;
	  height:24px;
	  background-repeat:no-repeat;	 
	  	text-align:center;	   
}


.entete td a{
       color:#FFFFFF;
	   font-size:15px;
	   font-family:'traditional Arabic';
	   font-weight:bold;
	   text-decoration:none;
}

.entete td:hover a {
      color:#000000;
	  text-decoration:non;
}


.entete2 a {
   color:#2B6DA4;
   text-decoration:none;
   font-family:'traditional Arabic';
   font-size:15px;
}


.entete2 a:hover {
   color:#000000;
   text-decoration:none;
   font-family:'traditional Arabic';
   font-size:15px;
}