#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 968px;
     margin-left: -484px; /* moitié de la largeur */
     height: 512px;
     margin-top: -256px; /* moitié de la hauteur */
   	}



/* Header  Header  Header  Header  Header  Header */

#header {
	width: 967px;
	/*height: 206px;*/
	margin: 0 auto;
	background: url(../images/header-top.jpg) repeat top;
	border: #e5e5e5 solid 0px;
	}

#header h1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#89abb0;
	font-weight:bold;
	display:inline;
	margin:0 0 0 30px;
	line-height:24px;
	text-decoration:none
	}

#header h1 a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#89abb0;
	font-weight:bold;
	display:inline;
	margin:0 0 0 30px;
	line-height:24px;
	text-decoration:underline
	}	
	
/* Pano  Pano  Pano  Pano  Pano  Pano  Pano  Pano */

#pano  {
	width: 873px;
	height: 127px;
	margin: 20px auto 0 auto;
	background-image: url(../images/panoramique.jpg);
}

#panoNL  {
	width: 873px;
	height: 127px;
	margin: 20px auto 0 auto;
	background-image: url(../images/panoramique-nl.jpg);
}

#pano a, #panoNL a { text-decoration: none; color:#000000; }
#pano a:hover, #panoNL a:hover { text-decoration:none; color:#FFFFFF; }
.actif { text-decoration:none; color:#FFFFFF; }

#pano h1, #pano h2 , #pano h3, #pano h4, #panoNL h1, #panoNL h2 , #panoNL h3, #panoNL h4 {margin: 0; color:#FFFFFF;}
.black {color:#000000;}
.txt {float: right; padding: 0px 40px 0 0 ; margin:-2px 0 0 0; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:10px;} 
.lgg {float: right; padding: 0px 20px 0 0 ; margin:-2px 0 0 0; font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}

#pano h1, #panoNL h1 {
	float: left;
	padding-top: 75px;
	padding-left: 50px;
	font-weight: normal;
	visibility:hidden;
}

#pano h2, #panoNL h2 {
	float: left;
	padding-top: 95px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	visibility:hidden;
	font-size: 10px;
}


#pano h3, #panoNL h3 {
	float: right;
	/*vertical-align:top;*/
	padding: 0px 40px 0 0 ;
	margin:-2px 0 0 0;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#pano h4, #panoNL h4 {
	float: right;
	/*vertical-align:top;*/
	padding: 0px 20px 0 0 ;
	margin:-2px 0 0 0;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


/* Menu  Menu  Menu  Menu  Menu  Menu  Menu  Menu */

#menu {
	width: 873px;
	height:25px;
	margin: 0px auto 0 auto;
	background-image:url(../images/bgd-ul.jpg);
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height:25px;
	
}

#menu li.premier a{ float: left; text-decoration: none; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF;}
#menu li.premier a:hover { background-image:url(../images/bgd-premier.jpg);}
#menu li.premierON a { background-image:url(../images/bgd-premier.jpg);}

#menu li.deuxieme a{ float: left; text-decoration: none; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF;}
#menu li.deuxieme a:hover { background-image:url(../images/bgd-deuxieme.jpg);}
#menu li.deuxiemeON a { background-image:url(../images/bgd-deuxieme.jpg);}

#menu li.troisieme a{ float: left; text-decoration: none; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF;}
#menu li.troisieme a:hover { background-image:url(../images/bgd-troisieme.jpg);}
#menu li.troisiemeON a { background-image:url(../images/bgd-troisieme.jpg);}

#menu li.quatrieme a{ float: left; text-decoration: none; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF;}
#menu li.quatrieme a:hover { background-image:url(../images/bgd-quatrieme.jpg);}
#menu li.quatriemeON a { background-image:url(../images/bgd-quatrieme.jpg);}

#menu li.cinquieme a{ float: left; text-decoration: none; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF;}
#menu li.cinquieme a:hover { background-image:url(../images/bgd-cinquieme.jpg);}
#menu li.cinquiemeON a { background-image:url(../images/bgd-cinquieme.jpg);}

#menu a {
	float: left;
	padding: 6px 40px 7px 40px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
}


#menu_haut {width: 873px;height:25px;margin: 0px auto 0 auto;background-image:url(http://www.guydehainaut.be/images/bgd-ul.jpg);}
#menu_haut ul {margin: 0;padding: 0;list-style: none;line-height: normal;}
#menu_haut li {float: left;height:25px;}
#menu_haut a {float: left; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF;}

#menu_haut a.al1 {padding: 6px 30px 7px 40px}
#menu_haut a.al2 {padding: 6px 30px 7px 40px}
#menu_haut a.al3 {padding: 6px 30px 7px 40px}
#menu_haut a.al4 {padding: 6px 30px 7px 40px}
#menu_haut a.al5 {padding: 6px 40px 7px 40px}
#menu_haut a.al6 {padding: 6px 30px 7px 40px}

#menu_haut a:hover {text-decoration: none;}

#menu_haut li.l1 a:hover { background-image:url(http://www.guydehainaut.be/images/IMAGE2.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l2 a:hover { background-image:url(http://www.guydehainaut.be/images/IMAGE.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l3 a:hover { background-image:url(http://www.guydehainaut.be/images/IMAGE2.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l4 a:hover { background-image:url(http://www.guydehainaut.be/images/IMAGE.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l5 a:hover { background-image:url(http://www.guydehainaut.be/images/IMAGE3.png); background-repeat:no-repeat; background-position:center;
background-position:bottom;}
#menu_haut li.l6 a:hover { background-image:url(http://www.guydehainaut.be/images/IMAGE.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}

#menu_haut li.l1ON a { background-image:url(http://www.guydehainaut.be/images/IMAGE2.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l2ON a { background-image:url(http://www.guydehainaut.be/images/IMAGE.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l3ON a { background-image:url(http://www.guydehainaut.be/images/IMAGE2.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l4ON a { background-image:url(http://www.guydehainaut.be/images/IMAGE.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}
#menu_haut li.l5ON a { background-image:url(http://www.guydehainaut.be/images/IMAGE3.png); background-repeat:no-repeat; background-position:center;
background-position:bottom;}
#menu_haut li.l6ON a { background-image:url(http://www.guydehainaut.be/images/IMAGE.png); background-repeat:no-repeat; background-position:center; background-position:bottom;}


/* Page  Page  Page  Page  Page  Page  Page  Page  Page */

#page {
	width: 967px;
	height:auto;
	margin: 0 auto;
	background-image:url(../images/content.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#3a383a;
	/*padding: 45px 35px 0 25px;*/
}

#page a { color:#53797f; text-decoration:underline;}
#page a:hover { color:#53797f; text-decoration:none;}
.plansiteniv1, .plansiteniv1 a { color:#53797f; text-decoration:underline;}
.plansiteniv2, .plansiteniv2 a { color:#53797f; text-decoration:underline; margin-left:10px;}

.titre2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#89abb0;
	font-weight:bold;
	line-height:25px;
}

.titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#89abb0;
	font-weight:normal;
	line-height:25px;
}

#trait, #trait2 {
	margin: 10px 0 0 0;
	background-image: url(../images/hr.gif);
	background-repeat:repeat-x;
	height:1px;
}
.input_form {
	border:1px solid #A4C3C5;
	color:#666666;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

/* rightpane  rightpane  rightpane  rightpane  rightpane  rightpane */

#rightpane {
	float:right;
	width: 188px;
	margin:0 46px 0 0;
	/*border:#FF0000 solid 1px;*/
}

#box { 
width:164px;
margin:30px 0 0 10px;


}

#topbox { background-image:url(../images/top-box.gif); width:164px; height:10px; margin:0; }
#middleboxNL { background-color:#e9e9e9; width:151px; height:auto; font-size:11px; color:#333333; padding:1px 5px 5px 8px; text-align:left; border:#FF0000 solid 0px; }
#middlebox { background-color:#e9e9e9; width:124px; height:auto; font-size:11px; color:#333333; padding:0 20px 5px 20px; text-align:left; }
#middlebox p { margin:0; padding-top:5px; }
#bottombox { background-image:url(../images/bottom-box.gif); width:164px; height:69px; }
#bottombox2 { background-image:url(../images/bottom-box2.gif); width:164px; height:10px; margin:0; }

/* leftpane  leftpane  leftpane  leftpane  leftpane  leftpane  leftpane */

#leftpane {
	width: 600px;
	margin:0 0 0 80px ;
}

#leftpane p,#leftpane ul { margin:0; }

/* Footer  Footer  Footer  Footer  Footer  Footer */

#leftpane h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#89abb0;
	font-weight:normal;
	line-height:25px;
	display:inline
}

#footer {
	clear: both;
	width: 967px;
	height: 63px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0 auto 0 auto;
}

#footer p {
	margin: 0;
	line-height: normal;
	color: #3a383a;
}

#footer h1 {
	display:inline;
	color: #3a383a;
	font-size: 10px;
}
	
#footer a {
	color: #3a383a;
	text-decoration:none;
}

#footer a:hover {text-decoration: underline; }

#footer .navigation {
	text-align:center;
}

#footer_FR {
	clear: both;
	width: 967px;
	height: 63px;
	background-image:url(../images/footer_2.jpg);
	background-repeat:no-repeat;
	margin: 0 auto 0 auto;
}

#liens {
	clear: both;
	width: 967px;
	height: 49px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0 auto 0 auto;
	text-align:center;
	line-height: normal;
	color: #3a383a;
}

#liens h3 {
	display:inline;
	color: #53797f;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
#liens a {
	color: #3a383a;
	text-decoration:none;
}

#liens a:hover {
	text-decoration: underline;
	color:#53797f;
}

#liens a.autres {
	color: #53797f;
	text-decoration:none;
}

#liens a.autres:hover {
	text-decoration: underline;
	color:#3a383a;
}


/* ---------------------------------- AWEX AWEX AWEX AWEX AWEX AWEX AWEX AWEX AWEX  --------------------------------------- */

#AWEX {
width:61px;
height:62px;
margin: 0 0 20px 32px;
background-image:url(../images/awex.gif);
background-repeat:no-repeat;
background-position:top;
position:relative;
}