div#logo, div#copyright, div#main {
    margin: 0 auto;
    max-width: 100%;
    min-width: 180px;
    width: 16em;
    color: #ffffff;
	top: 0px;
}

ul, ol {
	list-style: none;
}
div#content {
    float: left;
    max-width: 100%;
    width: 52em;
}
div#sidebar {
    float: right;
    max-width: 23%;
    width: 15em;
}
div#footer {
    clear: both;
}
div.clearer {
    clear: both;
}
div#text {
    padding: 0 2em 0.4em 1em;
}
* {
    margin: 0;
    padding: 0;
}
body {
    background: #001700 url(img/AB_BACK_1.png) no-repeat 50% 0%;
    font: 13px/1.4 verdana,arial,helvetica,sans-serif;
    line-height: 1em;
    color: #42352a;
    
}
h1 {
    font-size: 140%;
    margin: 0.6em 0 0.8em;
}
h2 {
	padding: 0 0 16px 0;
	letter-spacing: -1px;
	text-align:center;
	line-height: 1.4em;
	font-size: 1.7em;
	font-weight: bold;
	color: #b5a379;
}


	h2 span {
		display: block;
		padding: 17px 0 0 0;
	}
	
	h2 small {
		display: block;
		padding: 0 0 5px 4px;
		font-size: 1em;
	}
	
	h2 strong {
		display: block;
		padding: 0 0 2px 0;
		font-weight: 400;
	}

h3 {
    font-size: 110%;
    margin: 1.2em 0 0.8em;
}
h4 {
    font-size: 100%;
    margin: 1.2em 0 0.8em;
}
p {
    margin: 0.8em 0;
}
div#text p {
    text-align: justify;
}
p.imgs img {
    margin-right: 2px;
    vertical-align: middle;
}


div#header {
    background: none repeat scroll 0 0 
    border-top: 2px solid 
    margin: 0;
    height: 130px;
}

div#content_header{
    background: none repeat scroll 0 0 
    border-top: 0px  
    margin: 0;
    height: 50px;
}

a.title{
       font-size: 15px;
       color: #c7beb3;
       text-decoration: none;
       font-weight: bold;
	   text-align: right;
}
.title2{
       font-size: 15px;
       color: #c7beb3;
       text-decoration: none;
       font-weight: bold;
	   
}

#title_1 {
	width: 780px;
	position: relative;	
}

	#title_1 li {
		float: left;
		padding: 0 0 20px 0;
		line-height: 1.4em;
	    font-size: 1.1em;
		color: #b5a379;
		font-weight: bold;
	}
	
		#title_1 li a {			
			display: block;
			width: 765px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: underline;
			line-height: 1.4em;
	        font-size: 1.2em;
	        font-weight: bold;
	        color: #b5a379;
		}	

#title_2 {
	width: 550px;
	position: relative;	
}

	#title_2 li {
		float: left;
		padding: 0 0 5px 0;
		
	}
	
		#title_2 li a {			
			display: block;
			width: 550px;
			text-align:center;			
			text-decoration: none;
			line-height: 1.2em;
		        font-size: 1.1em;
		        color: #cccccc;
			font-weight: bold;
		        font-style:italic;
		}

#title_3 {
	width: 550px;
	position: relative;	
}

	#title_3 li {
		float: left;
		padding: 0 0 5px 0;
		
	}
	
		#title_3 li a {			
			display: block;
			width: 550px;
			text-align:center;			
			text-decoration: none;
			line-height: 1.2em;
		        font-size: 1.3em;
		        color: #cccccc;
			font-weight: bold;
		}

		
#page_title_1{
	width: 550px;
	position: relative;
}

	#page_title_1 li {
		float: right;
		padding: 0 0 14px 0;
		line-height: 1em;
		font-size: 2.2em;
		color: #fdfdfd;
		font-weight: bold;
	}
	
		#page_title_1 li a {
			
			display: block;
			width: 230px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #fdfdfd;
		}	
		
a img {
    border: medium none;
}

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:640px; height:500px;
      overflow-x: auto; /* Moi modifié cette partie overflow: hidden; to auto scrollbar................................................... */
	  
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  background : red;    <!-- moi ********************** -->
  }
  
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
  
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

#content_link_arabic {
	width: 850px;
	position: relative;
}

	#content_link_arabic li {
		float: left;
		padding: 0 0 20px 0;
		line-height: 1.3em;
		font-size: 1.6em;
		color: #c7beb3;			
	}
	
		#content_link_arabic li a {			
			display: block;
			width: 380px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #c7beb3;
			font-weight: bold;
			font-size: 0.9em;
		}
		
#content_link_lat {
	width: 870px;
	position: relative;
	
}

	#content_link_lat li {
		float: left;
		padding: 0 0 20px 0;
		line-height: 1.1em;
		font-size: 1.4em;
		color: #c7beb3;
		
		
	}
	
		#content_link_lat li a {
			
			display: block;
			width: 380px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #c7beb3;
		}
#content_link_c {
	width: 570px;
	position: relative;
	
}

	#content_link_c li {
		float: right;
		padding: 0 0 0px 0;
		line-height: 1.3em;
		font-size: 1.6em;
		color: #c7beb3;
		
	}
	
		#content_link_c li a {			
			display: block;
			width: 570px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #ffffff;
			font-weight: bold;
			font-size: 0.8em;
		}	
		
#content_link_arabic_center {
	width: 550px;
	position: relative;
	
}

	#content_link_arabic_center li {
		float: right;
		padding: 0 0 0px 0;
		line-height: 1.3em;
		font-size: 1.6em;
		color: #c7beb3;
		
	}
	
		#content_link_arabic_center li a {			
			display: block;
			width: 550px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #ffffff;
			font-weight: bold;
			font-size: 1.0em;
		}
#page_title{
	width: 750px;
	position: relative;
}

	#page_title li {
		float: left;
		padding: 0 0 14px 0;
		line-height: 1em;
		font-size: 2em;
		color: #b5a379;
		font-weight: bold;
	}
	
		#page_title li a {
			
			display: block;
			width: 700px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #b5a379;
		}		
#content_link_p {
	width: 830px;
	position: relative;	
}

	#content_link_p li {
		float: left;
		line-height: 1.3em;
		font-size: 1.3em;
		color: #c7beb3;
		font-weight: bold;
		display: block;
	    width: 810px;
		text-align:right;
        padding: 0 0 5px 28px;
	}
	
		#content_link_p li a {			
			display: block;
			width: 810px;
			text-align:right;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #c7beb3;
		}				
	
#content_link_text {
	width: 720px;
	position: relative;
	
}

	#content_link_text li {
		float: left;
		line-height: 1.6em;
		font-size: 0.8em;
		color: #c7beb3;
		display: block;
	    width: 670px;
		text-align:left;
        padding: 0 0 5px 28px;
		font-weight: bold;

	}
	
		#content_link_text li a {
			
			display: block;
			width: 670px;
			text-align:left;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #c7beb3;
		}	
		
#content_link {
	width: 600px;
	position: relative;
	
}

	#content_link li {
		float: left;
		padding: 0 0 20px 0;
		line-height: 1.1em;
		font-size: 1em;
		color: #c7beb3;
		font-weight: bold;
		
	}
	
		#content_link li a {
			
			display: block;
			width: 230px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #ffffff;
		}
	
#content_link_s {
	width: 840px;
	position: relative;
	
}

	#content_link_s li {
		float: right;
		padding: 0 0 0px 0;
		line-height: 1.3em;
		font-size: 1.6em;
		color: #c7beb3;
		
	}
	
		#content_link_s li a {			
			display: block;
			width: 840px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: none;
			color: #c7beb3;
			font-weight: bold;
			font-size: 0.7em;
		}				
		
		
#title_1 {
	width: 780px;
	position: relative;	
}

	#title_1 li {
		float: left;
		padding: 0 0 20px 0;
		line-height: 1.4em;
	    font-size: 1.1em;
		color: #b5a379;
		font-weight: bold;
	}
	
		#title_1 li a {			
			display: block;
			width: 765px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: underline;
			line-height: 1.4em;
	        font-size: 1.2em;
	        font-weight: bold;
	        color: #b5a379;
		}	
		
#content_link_arab {
	width: 750px;
	position: relative;
	
}

	#content_link_arab li {
		float: left;
		padding: 0 0 20px 0;
		text-align:center;
		line-height: 0.7em;
		font-size: 1.2em;
		color: #c7beb3;
		font-weight: bold;
	}
	
		#content_link_arab li a {
			
			display: block;
			width: 700px;
			text-align:center;
			padding: 0 10 0px 28px;
			text-decoration: none;
			color: #c7beb3;
		}			
		
#title_arabic {
	width: 550px;
	position: relative;	
}

	#title_arabic li {
		float: left;
		padding: 0 0 14px 0;		
		line-height: 1em;
	    font-size: 1.4em;
		color: #b5a379;
		font-weight: bold;
	}
	
		#title_arabic li a {			
			display: block;
			width: 550px;
			text-align:center;
			padding: 0 0 5px 28px;
			text-decoration: underline;
			line-height: 1em;
	        font-size: 1.2em;	        
	        color: #ffffff;
		}

#images{
	width: 570px;
	position: relative;
	
}

	#images li {
		float: right;
		padding: 0 0 0px 0;
		width: 180px;
	
	}
	
		#images li a {			
			display: inline;

			text-align:center;
			padding: 0 0 5px 28px;

		}
		
		#images img {
		width:100px;
		height:100px;
		}

#footer_1 {
	
	height: 20px;
	overflow: hidden;
}

	#footer_1 p {
		padding: 20px 46px 0 0;
		text-align: right;
		color: #000000;
	}
	
		#footer_1 p span {
			padding: 0 3px 0 0;
		}
	
		#footer_1 p a {
			margin: 0 0 0 3px;
			color: #000000;
		}		
		

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }