* {margin:0;padding:0}
/* mac hide \*/
html,body{
	height:100%;
	width:100%;
	background-color: #000000;
}
/* end hide */
body { 
	text-align:center;
	min-height:550px;/* for good browsers*/
	min-width:999px;/* for good browsers*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 550px;
}	
#xinner {
	width: 999px;
	height: 550px;
	margin-left:auto;
	position: relative;
	margin-right: auto;
}

/* not required for demo */

#header{
	margin-right:0;
	position: absolute;
	top: 0px;
	width: 791px;
	height: 56px;
	left: 104px;
	background-image: url(../img/top.gif);
}
#headergalerie{
	margin-right:0;
	position: absolute;
	top: 0px;
	float: left;
	width: 999px;
	height: 56px;
	left: 0px;
	background-image: url(../img/topgalerie.jpg);
}
#left{
	margin-right:0;
	position: absolute;
	top: 0px;
	width: 104px;
	left: 0px;
}
#girl{
	margin-right:0;
	position: absolute;
	top: 315px;
	width: 104px;
	left: 73px;
	z-index: 100;
}
#marsian{
	margin-right:0;
	position: absolute;
	top: 340px;
	width: 104px;
	left: 33px;
	z-index: 100;
}
#leftgalerie{
	margin-right:0;
	position: absolute;
	top: 56px;
	width: 104px;
	height: 339px;
	left: 0px;
	background-image: url(../img/leftgalerie.jpg);
}
.thumbnail {
	height: 101px;
	width: 101px;
	position: relative;
	margin: 0px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.flashgraph{
	margin-right:0;
	position: absolute;
	top: 56px;
	float: right;
	width: 104px;
	padding: 0px;
	right: 0px;
	height: 339px;
	background-image: url(../img/right.gif);
}
#rightgalerie{
	margin-right:0;
	position: absolute;
	top: 56px;
	float: right;
	width: 104px;
	padding: 0px;
	right: 0px;
	height: 339px;
	background-image: url(../img/right.gif);
	}
	#right{
	margin-right:0;
	position: absolute;
	top: 0px;
	width: 104px;
	padding: 0px;
	right: 0px;
	z-index: 344;
	}
	
	
#bot1{
	margin-right:0px;
	position: absolute;
	top: 395px;
	width: 999px;
	padding: 0px;
	height: 84px;
	left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bot{
	margin-right:0px;
	position: absolute;
	top: 479px;
	width: 999px;
	padding: 0px;
	height: 71px;
	left: 0px;
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#botatelier{
	margin-right:0px;
	position: absolute;
	top: 395px;
	width: 999px;
	padding: 0px;
	height: 155px;
	left: 0px;
	background-color: #3300CC;
	background-image: url(../img/bottom.gif);
}
#botdesig{
	margin-right:0px;
	position: absolute;
	top: 395px;
	width: 999px;
	padding: 0px;
	height: 155px;
	left: 0px;
	background-image: url(../img/bottom-graphic.gif);
}
#botgalerie{
	margin-right:0px;
	position: absolute;
	top: 395px;
	width: 999px;
	padding: 0px;
	height: 155px;
	left: 0px;
	background-image: url(../img/botgalerie.gif);
}
#botfabrication{
	margin-right:0px;
	position: absolute;
	top: 395px;
	width: 999px;
	padding: 0px;
	height: 155px;
	left: 0px;
	background-image: url(../img/botfab.jpg);
}
#contentatelier{
	position: absolute;
	top: 56px;
	width: 791px;
	height: 395px;
	left: 104px;
	
}
#contentgalerie{
	position: absolute;
	top: 56px;
	width: 791px;
	height: 395px;
	left: 104px;
	
}
#menu {
	width: 400px;
	top: 52px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	left: 0px;
	margin: 0px;
}
#menuflash {
	width: 400px;
	top: 50px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	margin-left: 0px;
	background-color: #000000;
	left: 0px;
}
#submenu {
	width: 380px;
	top: 28px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	left: 600px;
	margin: 0px;
}
#submenufabrication {
	width: 380px;
	top: 28px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	left: 680px;
	margin: 0px;
}
#submenudesign {
	width: 280px;
	top: 28px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	left: 770px;
	margin: 0px;
}
#subsubmenu {
	width: 300px;
	top: 52px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-align: left;
	margin-left: 0px;
	left: 600px;
}
.selectedsubmenuitem
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 21px;
}
.menulink
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin-left: 21px;
	
}
.menulink
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	margin-left: 21px;
}
.menulink
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 21px;
}

.menulink
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin-left: 21px;
}
.flashfab {
	background-image: url(../img/bgfab.jpg);
}
.flashgraph {
	background-image: url(../img/bggraph.jpg);
}
.flashatelier {
	margin: 0px;
	padding: 0px;
	height: 479px;
	width: 999px;
	background-image: url(../img/bgatelierflash.gif);
}
.flashgalerie {
	margin: 0px;
	padding: 0px;
	height: 479px;
	width: 999px;
	background-image: url(../img/bggalerie.jpg);
}
.flashdesigngraphique {
	margin: 0px;
	padding: 0px;
	height: 479px;
	width: 999px;
	background-image: url(../img/bgdesigngraphique.jpg);
}
.flashfabrication {
	margin: 0px;
	padding: 0px;
	height: 479px;
	width: 999px;
	background-image: url(../img/bgfabrication.jpg);
}
#logo1 {
	background-image: url(../img/logo/logo.gif);
	height: 47px;
	width: 116px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#logo2 {
	background-image: url(../img/logo/logo_orange.gif);
	height: 47px;
	width: 116px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#logo3 {
	background-image: url(../img/logo/logo_bleu.gif);
	height: 47px;
	width: 116px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#logo4 {
	background-image: url(../img/logo/logo_vert.gif);
	height: 47px;
	width: 116px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#headermenu {
	position: absolute;
	left: 460px;
	top: 10px;
	height: 40px;
	width: 473px;
}