html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	height:100%;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica;
}
body#jour {
	background-image: url(img/pix.gif);
	background-color: #ffffff;
	}
body#nuit {
	background-image: url(img/pix3.gif);
	background-color: #000000;
	}
	
body#entredeux  {
	background-image: url(img/pix_darkgreen.gif);
	background-color: #6F6F6F;
	}
table#page{
 width:100%;  height:100%; text-align:center; border:none;
 
}

a{
	text-decoration: none;
	font-size: 9px;	
}
a:link,
a:visited {
	color: #555555;
}
a:hover,
a:active {
	color: #444444;
}

#creaFactory{outline:none}
div#crea { 
	width:1000px;
	height:830px;
	margin:auto;
}
div#crea-factory { 
	width:100%;
	height:100%;
}
#informations{
	background-color:#f9f9f9;
	border: 1px dashed #999;
	width: 978px;
	height: 808px;
	padding:10px;
	text-align:justify;
	overflow:auto;
	font-size:12px;
}
#informations h1{
	font-size:20px; color:#333;
}
#informations h2{
	font-size:16px; color:#999;
}

cite{display:block;}
cite, cite a, cite a:link, cite a:visited{
	font-size:12px;
	color:#F30;
	text-align:center;
	font-weight:normal;
	font-style:normal;
}
noscript object
{
	display:block;
	position:absolute;
	z-index:2;
}
#pied_de_page{
	width:1000px;
	margin:auto;
	font-size:10px;
	color:#666666;
	text-align:center;
	}

#credits{
	position:absolute;
	z-index:1;
	right: 5px;
	bottom: 5px;
	font-size:10px;
	color:#888888;
	text-align:right;
}

#jour #credits a {color:#999999;}
#nuit #credits a {color:#666666;}
#entredeux #credits a {color:#ffffff;}
#entredeux #pied_de_page {color:#ffffff;}


#jour #credits a:hover{color:#000000;}
#nuit #credits a:hover{color:#ffffff;}