* { margin: 0; padding: 0 }

body   { color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center }

p { margin: 0 0 10px 0 }

img { vertical-align: middle }

a, a:visited { color: #585c5f; margin:0; padding:0 }
a:hover { color: #000; margin:0; padding:0 }

a.webstudio, a:visited.webstudio { color: #b4cc21; margin:0; padding:0 }
a.webstudio:hover { color: #000; margin:0; padding:0 }

a.standsexpo, a:visited.standsexpo { color: #b4cc21; margin:0; padding:0 }
a.standsexpo:hover { color: #000; margin:0; padding:0 }

a.impression, a:visited.impression { color: #b4cc21; margin:0; padding:0 }
a.impression:hover { color: #000; margin:0; padding:0 }

hr { border: 1px solid #e7e7e7 }

#document {
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
	}

/*---------------------HAUT---------------------*/

#haut  {
	width: 1024px;
	height: 538px;
	float: left;
	background: url(interface/portail2.png) no-repeat;
	margin: 0; padding: 0;
}

/*---------------------CENTRE---------------------*/

#menu { position: absolute; width: 255px; height: 132px; margin: 293px 0 0 285px }

#standexpo			{ float: left; width: 250px; height: 45px; margin:0; padding: 0; }
#standexpo a		{ width: 250px; height: 45px; display: block; text-decoration : none; padding: 0; margin: 0; background : url(interface/menu_01.png) 0 0 no-repeat;  }
#standexpo a:hover	{ background : url(interface/menu_01.png) no-repeat -250px 0; display: block; text-decoration : none; padding: 0; margin: 0 }
div#standexpo a img { height: 0; width: 0; border-width: 0;}
div#standexpo a:hover img {position: absolute; top: -75px; left: 240px; width: auto; height: auto }

#webstudio			{ float: left; width: 250px; height: 45px; margin:0; padding: 0; }
#webstudio a		{ width: 250px; height: 45px; display: block; text-decoration : none; padding: 0; margin: 0; background : url(interface/menu_02.png) 0 0 no-repeat;  }
#webstudio a:hover	{ background : url(interface/menu_02.png) no-repeat -250px 0; display: block; text-decoration : none; padding: 0; margin: 0 }
div#webstudio a img { height: 0; width: 0; border-width: 0;}
div#webstudio a:hover img {position: absolute; top: -30px; left: 250px; width: auto; height: auto }

#impression			{ float: left; width: 250px; height: 45px; margin:0; padding: 0; }
#impression a		{ width: 250px; height: 45px; display: block; text-decoration : none; padding: 0; margin: 0; background : url(interface/menu_03.png) 0 0 no-repeat;  }
#impression a:hover	{ background : url(interface/menu_03.png) no-repeat -250px 0; display: block; text-decoration : none; padding: 0; margin: 0 }
div#impression a img { height: 0; width: 0; border-width: 0;}
div#impression a:hover img {position: absolute; top: 15px; left: 260px; width: auto; height: auto }

#email			{ float: left; width: 22px; height: 30px; margin:0; padding: 0; }
#email a		{ width: 22px; height: 30px; display: block; text-decoration : none; padding: 0; margin: 0; background : url(interface/email.png) 0 0 no-repeat;  }
#email a:hover	{ background : url(interface/email.png) no-repeat 0 -30px; display: block; text-decoration : none; padding: 0; margin: 0 }

#acces			{ float: left; width: 18px; height: 30px; margin:0 0 0 10px; padding: 0; }
#acces a		{ width: 18px; height: 30px; display: block; text-decoration : none; padding: 0; margin: 0; background : url(interface/acces.png) 0 0 no-repeat;  }
#acces a:hover	{ background : url(interface/acces.png) no-repeat 0 -30px; display: block; text-decoration : none; padding: 0; margin: 0 }



/*-------------------COLONNE CENTRE----------------------*/

#colonneCentre {
	float: left; width: 296px; padding: 10px;
}

#colonneCentre h1 { color: #ffffff; font-size: 130%; font-weight: normal; margin: 0 0 10px 0; }
#colonneCentre h2 { color: #ffffff; font-size: 110%; font-weight: normal; margin: 0; }

#colonneCentre p { margin: 0; padding: 0 }

#colonneCentre a { color: #ffffff }
#colonneCentre a:hover { color: #000000 }

/*-------------------PLAN----------------------*/

#plan { position: absolute; float: left; margin: 270px 0 0 200px; z-index:80 }

/*---------------ACTU DEFILANT------------------*/

#actus { position: absolute; float: left; width: 250px; height: 142px; margin: 73px 0 0 450px; z-index:80 }
#actus h2 { font-size: 120%; line-height:40px; color: #ffffff; }

#actus a { color: #00a8e6; line-height:30px; text-decoration: none }
#actus a:hover { color: #585c5f; line-height:30px }
#actus a:visited { color: #00a8e6; line-height:30px }

/*----------------BAS DE PAGE-------------------*/

#bas { clear: both; width: 1024px; margin : 0 auto; text-align: center; color: #585c5f }

#bas a { color: #585c5f }
#bas a:visited { color: #585c5f }
#bas a:hover { color: #000000 }