/*Created by Hanane ELKHOU
date : 12-05-2010
Atechnologie
*/

*{ margin:0; padding:0;}

body {
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color:#818181;
}
	
html, body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
}
	
html { font-size: 100%; }


html, body, p, h1, h2, h3, span, a, ul, ol, table, td, tr, th, tbody, thead, form, fieldset, input, select, hr, div, dl, dd, dt {
		margin: 0;
		padding: 0;
	}
	
a:link, a:visited { 
		outline: none;
		color: #905506;
		text-decoration: underline;  
}  
	
a:active, a:hover { color: #cbdb62; }

#page{ 
	width:1000px; 
	margin:0 auto;
	height:auto;
	background:url(../images/background.gif) repeat-y;
}


#pageadmin{ 
	width:1000px; 
	margin:0 auto;
	height:auto;
	background:url(../images/background2.gif) repeat-y;
}

input , textarea , select{
			border: 1px solid #ccc;
			color: #235d98;
			background: #ffffff;
			margin:2px;
			
		}

/*****************header**********************/

#header {
	width:964px;
	height:180px;
	padding:0px 18px 0px 18px;
	background:url(../images/head.jpg) no-repeat top;
	
}

#header2 {
	width:964px;
	height:180px;
	padding:0px 18px 0px 18px;
	background:url(../images/head.gif) no-repeat top;
	
}
#flag{
	float:right;
	margin-top:2px;
	width:76px;
}

#login{
	border:0px solid pink;
	float:left;
	margin-left:40px;
	margin-top:37px;
	width:186px;
}

#header01{
	width:300px; float:left; margin-top:52px; margin-left:415px; _margin-left:208px;
}

#menubig{
	width:964px; float:left;height:27px;
	margin-top:21px;
	_margin-top:19px;
	width:963px;
	border:0px solid pink;
}

.blue{color:#3675ba;}

/***************************Body*******************************/

#barretat{
	height:22px; width:958px; 
	margin-left:18px; 
	background:url(../images/barre_top.gif) repeat-x; 
	padding:6px 0 0 6px;
}

#content{
    height:auto; width:964px;  margin-left:17px;
}

#bl{
background:url(../images/backgroundr.jpg) no-repeat; width:513px; height:184px; float:left; 
margin:7px 0 10px 0; padding:5px;
}

#br{
background:url(../images/backgroundl.jpg) no-repeat; width:250px; height:180px;float:left; padding:10px;
}

#zoneleft{float:left; padding:5px;width:795px; height:auto;}

#zoneright{
	float:right; 
	height:auto; 
	width:155px;
	border:0px solid;
}
#contact{
	width:145px;text-align:left; 
	font-size:10px; color:#868686; padding-left:5px;
}
 h1.alt{padding-bottom:1px; margin:10px 0 20px 10px; color:#235d98; border-bottom:2px solid #cbdb62; font-size:18px; }
h2 {
			font-size: 1em;
			color: #2864a0;
			margin: 0 0 1.3125em 0;
			clear:left;
			background:url(../images/flesh.jpg) left no-repeat;
			padding-left:15px;
			font-family:Tahoma, Geneva, sans-serif;
		
		}
		
h3 {
			font-size:10px;
			border-left:15px solid #975b0b;
			border-bottom:1px solid #975b0b; 
			float:left; 
			width:95%; 
			color:#975b0b; 
			padding-left:5px;
			margin:0 0 5px 5px;
			text-decoration:none;
		}
h4 {
			border-left:15px solid #2864a0;
			border-bottom:1px solid #2864a0; 
			float:left;  
			color:#2864a0; 
			padding-left:5px;
			margin:0 0 5px 5px;
			text-decoration:none;
			font-size: 14px;  
}

p {
			font-size: 1em;
			color: #818181;
			line-height: 20px;
			margin: 0 0.5em 1em 0;
			font-family:Tahoma, Geneva, sans-serif;
			clear:left;
			padding:3px;
			text-align:justify;
		
		}
#rm{width:150px; text-align:center;}

/***************************footer*******************************/

#footer{
    height:50px; width:964px; margin-left:18px; background:url(../images/footer.gif) repeat-x;
}


#service {
			position: relative;
			z-index: 100;
			width: auto;
			margin: 0; 
			list-style-type: none;
			font-size: 11px;
			clear: both;
			padding: 14px  0 0 40px;
			color: #686868;
		}
		
#service li {
	float: left;
	margin: 0 1.5em 0 0;
	line-height: 8px;
	color: #686868;
}

#copyright { margin: 0; float:right; font-size:9px; width:200px; color:#686868; }

#service li a { line-height: 12px; display: block; text-decoration:none; }

#service li a:hover, #service li a.active { color: #3d4242; text-decoration:none;}

	/*MAIN MENU********************/
	 #mainmenu_s {
		/*position: relative;*/
		float:left;
		font-size:12px;
		width:755px;
		padding-left:50px;
		text-align:left;
		font-size:12px;
		border:1px solid #CCC;
		margin-left:18px;
		_margin-left:9px;
	}

    #mainmenu {
		float:left;
		font-size:12px;
		width:908px;
		padding-left:50px;
		text-align:left;
		font-size:12px;
	}
	  #menu_s {
			list-style-type: none;
			text-align: center;
			padding: 0;
			/*clear: both;*/
			float: left;
		}
		#menu {
			list-style-type: none;
			text-align: center;
			padding: 0 30px 0 0;
			clear: both;
			float: left;
			
		}
		
		#menu li {
			float: left;
			font-size: 12px;
			/*position: relative;*/
		}
		#menu_s li {
			float: left;
			font-size: 12px;
			/*position: relative;*/
		}
		
		#menu li a {
			line-height: 2.364em;
			color: #ffffff;
			padding: 0 0.5em 0 1em;
			display: block;
			text-transform:capitalize;
			text-decoration: none;
			background:url(../images/bg_l_m.jpg) no-repeat left top;
			margin:0;
			/*height:27px;*/
		}
		#menu_s li a {
			line-height: 2.364em;
			color: #ffffff;
			padding: 0 0.5em 0 1em;
			display: block;
			text-transform:capitalize;
			text-decoration: none;
			background:url(../images/bg_menu_active_s_l.png) no-repeat left top;
			margin:0;
			/*height:27px;*/
		}
		#menu  a span {
		
			display:block;
			background:url(../images/bg_menu.jpg) no-repeat right top;
			padding:0 15px 0 6px;
			color:#fff;
			margin:0;
			/*height:27px;*/
						}
	#menu_s  a span {
		
			display:block;
			background:url(../images/bg_menu_active_s.png) no-repeat right top;
			padding:0 6px 0 6px;
			color:#fff;
			margin:0;
			/*height:27px;*/
						}
#menu li:hover a {
			color:#235d98;
}
		#menu li:hover {
			
			color:#235d98;
			
}
		
#menu li a.active{
			color:#235d98;
			background:url(../images/bg_l_a.jpg) no-repeat left top;
			
}

#menu  a span.active {
			
			background:url(../images/bg_menu_active.jpg) no-repeat right top;
			
}
		
#menu_s li:hover a {
			color:#235d98;
}

#menu_s li:hover {
			
			color:#235d98;
			
}

#menu_s li a.active{
			color:#235d98;
			background:url(../images/bg_menu_active_s2_l.png) no-repeat left top;
			
}

#menu_s  a span.active {
			
			background:url(../images/bg_menu_active_s2.png) no-repeat right top;
			
}
	
		
#menu li ul {
			display: none;
			list-style-type: none;
			font-size: 1em;
			position: absolute; 
			background: #ffffff;
			border: 0.091em solid #235d98;
			border-top: none;
			top: auto;
			left: auto;
			min-width: 11.636em;
			width: auto !important;  /* for modern browser */
			width: 11.636em;  /*for IE */
			text-align: left;
			padding: 0.5em 0 1.167em 0;
			z-index: 200;
}
		
#menu li:hover ul, #menu li.over ul { display: block;}
		
		
#menu li ul li {
			min-width: 11.636em;
			width: auto !important;  /* for modern browser */
			width: 11.636em;  /*for IE */
			text-align: left;
			padding: 0.667em 1.182em 0 1.091em;
			font-size: 1em;
			clear: both;
}
		
#menu li ul li a {
			text-transform: none;
			border: none;
			padding: 0;
			margin: 0;
			font-size: 1.091em;
			display: list-item;
			line-height: 1.182em;
			color: #235d98;
			background: #ffffff;
			height:15px;
}
		
#menu li ul li a.active{
			border: none;
			background: none;
			color: #235d98;
}
		
#menu li ul li:hover{
			text-transform: none;
			border: none;
			background: none;
}

#menu li ul li a:hover, #menu li.active ul li a {
			text-transform: none;
			border: none;
			background: none;
			color: #235d98;
}
		
#menu li.active ul li a.active {
		color: #235d98;
}
		
#menu li.active ul li a.active:hover{ background: none; color: #235d98; border: none; }
	
#menu li ul li a:hover { color: #235d98; }

.table1{
padding-right:60px;
}
.news_box_title{
	font-family:Arial,serif;
	font-size:16px;
	font-weight:bold;
	padding:2px;
	color:#A87737;
	background-color:#C6D756;
	margin-bottom:5px;
}

.news_box{
	margin:10px;
	border: 1px solid;
	padding:5px;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.news_box_date{
	font-size:12px;
	font-style:normal;
	text-align:left;
	margin-bottom:5px;
}
.lien{
	font-size:12px;
	font-style:normal;
	text-align:right;
	margin-bottom:5px;
}

.small_txt{font-size:11px;}
/**************************/


.table {
 border-collapse:collapse;
 width:68%;
 }
.th {
 border:1px solid black;
 width:20%;
 height:25px;
 padding:6px;
 }

.green{color:#CBDB62; font-weight:bold;}
.green a{color:#CBDB62; font-weight:bold; text-decoration:underline;}
.green a:hover{color:#905506; text-decoration:underline;}
.green a.active{color:#905506; text-decoration:underline;}


.red{ color:red;
text-align:center;}

.brown{ color:#905506;}


/**********************************************************/
.photo{
margin-left:43px;
margin-top:18px;
}
.txtsta{
font-size:22px;
font-style:normal;
font-weight:bold;
margin-left:176px;
margin-top:-78px;
text-align:left;	
}
.news_boxs{
font-family:Arial,serif;
	font-size:16px;
	font-weight:bold;
	padding:2px;
	color:#A87737;
	background-color:#FFFFFF;
	margin-bottom:5px;
margin-top:52px;
}
.news_box_titles{
	font-family:Arial,serif;
	font-size:15px;
	font-weight:bold;
	padding:2px 2px 2px 29px;
	color:#A87737;
	background-color:#C6D756;
	margin-bottom:5px;
}
.news_box_dates{
	font-size:13px;
	font-style:normal;
	text-align:left;
	margin-bottom:5px;
	background-color:#FFFFFF;
	margin-left:51px;
	color:#A87737;
}