html,body {
    height:100%; /* needed for container min-height */
	margin:0;
	background-image:url(../Images/topBG.jpg); background-repeat:repeat-x;
	font-family: "Helvetica",Arial, sans-serif;
	font-size:10pt;
	color:#6D6E71;
}

ul,li{list-style-type:none}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0; /* center, not in IE5 */
	width:100%;
	background-image:url(../Images/bottomBG.jpg); background-position:bottom; background-repeat:repeat-x;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

/* HACK */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.wrapper{ position:relative; width:900px; margin:0 auto; z-index:1;}




.top{width:900px; margin:0; position:relative; text-align:left; height:130px;}


/*  Top Menu, Search, Logo Begin */
	.top ul,.top li,a{list-style-type:none; margin:0; padding:0; line-height:16px;}	
	.top .logo{width:202px; height:42px; background-image:url(../Images/logo.png); background-repeat:no-repeat; position:absolute; left:0px; top:22px;}
	
	.top .topMenu{position:absolute; right:0; top:20px;text-align:right; margin:0; padding:0;}
	.top .topMenu li{ padding:0; margin:0;float:left; margin-left:8px;}
	.top .topMenu li a{font-size:11px; color:#6D6E71; text-decoration:none; font-weight:bold;}
	.top .topMenu li a:hover{color:#0067B2 ;}
	
	.top .mainMenu{position:absolute; left:0px; top:75px; margin:0; width:900px;}
	.top .mainMenu li{float:left; margin:0;line-height:20px;}
	.top .mainMenu li a{font-size:13px; line-height:15px; color:#6D6E71; text-decoration:none; font-weight:bold;padding-bottom:5px;}
	.top .mainMenu li a:hover{color:#0067B2 ; background-image:url(../Images/mainMenuOverArrow.jpg); background-repeat:no-repeat; background-position:center bottom;}
	.top .mainMenu .seperator{width:1px; height:23px; margin-left:10px; margin-right:10px; background-image:url(../Images/mainMenuSeperator.jpg); background-repeat:no-repeat;}
	
	.top .searchBox {position:absolute;right:0; top:80px;}
	.top .searchBox .searchText{border:solid 1px #BCBEC0; margin-right:2px; font-size:10px; line-height:14px;}
	
	.top .topBottomBar{position:absolute; margin:0; padding:0;  top:101px; height:23px; width:900px; background-image:url(../Images/mainMenuChildBG.jpg); background-repeat:repeat-x;z-index:-1; }
/*  Top Menu, Search, Logo End */
 




.middle{height:auto; border:solid 1px #BCBEC0; width:898px; top:200px;}	
	
 


/* Bottom Begin*/

	.bottomBG{ z-index:0; position:relative; top:-50px; margin:0 auto; width:100%; height:50px; text-align:center;}	
	.bottom{text-align:left; width:900px; margin:0 auto; position:relative; top:100px;}
	
	.bottom .bottomLogo{position:absolute; width:57px; height:47px; left:0px; bottom:0px;}
	
	.bottom .bottomMenu{position:absolute; right:0px; bottom:20px; list-style-type:none;}
	.bottom .bottomMenu li{float:left; margin-left:5px;list-style-type:none;}
	.bottom .bottomMenu li a{font-size:10px; color:#6D6E71; text-decoration:none; font-weight:bold;}
	.bottom .bottomMenu li a:hover{color:#0067B2 ; }
	
	.bottom .copyRight{position:absolute; right:0px; bottom:0px;font-size:10px; color:#6D6E71; text-decoration:none; font-weight:bold;}
	
	
/* Bottom End*/

/*====================== Exemple basique ======================*/
			#parent1  {position:relative;}
			#parent1 li{
				background: #000000;
				padding: 5px;
				color: #ffffff;
				position:relative;
				margin:0; padding:0;
				
			}
			#parent1-menu{position:absolute; top:210px; right:5px; }
			
			#parent1-menu a,#parent1-menu a:hover
			{
				background-image:url(../ext_files/image/pagerBG.png); 
				background-repeat:no-repeat; 
				background-position:center;
			
				text-decoration:none;
				color: #eeeeee;
				font-size:9px;
				padding:0; padding-left:4px; padding-right:4px;
				}
			#parent1-menu a.wactive
			{
				background-image:url(../ext_files/image/pagerBG-Active.png); 
				background-repeat:no-repeat; 
				background-position:center;
				
				color: #eeeeee;
				padding:0; padding-left:4px; padding-right:4px;
			}
			/*====================== Exemple 2 ======================*/
			#parent2-wrap{
				border: 1px solid gray;
			}