/******************/
/* GENERAL LAYOUT */
/******************/

/* RESET ALL STYLES */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote {
	padding: 0;
	margin: 0;
}	

/* html for FIREFOX, body for IE, to take 100% of thepage */
html, body {
	height:100%;  
	overflow:hidden;
}

/* prends toute la page en vertical, centré en horizontal */
#wrapper {
	background-color:#ffffff;
	width: 985px;
	height: 100%;
	margin-left:auto; /* HORIZONTAL CENTERING FOR ALL BROWSERS */
	margin-right:auto;
}

#outer {
	display: table; 
	height: 100%;  
	#position: relative;
	verflow: hidden;
}

#middle {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle; 
}
 
#inner { /* contient le contenu */
	#position: relative; 
	#top: -50%;
	position:relative; /* le position:relative qui figure en inline permet de mettre le point de reference des div internes */
	
	/* SITE SPECIFIC : color + size*/
	background-color:#ffffff; /*bg color du contenu */
	width:985px;
	height:571px;
	background-image:url(/img/pre-home_bg.gif)
	}

.greenBorder{
	border:0px solid #009966;
	}
	
#linkarts {height:184px;width:177px;position:absolute;left:0;top:84px;}	
#linkarts a{background: url(/img/bttn_arts-de-la-table.jpg) no-repeat left top;}
#linkarts a:hover {background: url(/img/bttn_arts-de-la-table.jpg) no-repeat left bottom;}

#linkstudio {height:177px;width:177px;position:absolute;left:0;bottom:85px;}
#linkstudio a{background: url(/img/bttn_studio.jpg) no-repeat left top;}
#linkstudio a:hover {background: url(/img/bttn_studio.jpg) no-repeat left bottom;}

#deco {background: url(/img/deco.jpg) no-repeat left top;height:527px;width:304px;position:absolute;right:0;top:0}

#ilot {position:absolute;width:481px;height:527px;top:24px;left:500px;}
#ilot a {
display: block;
height: 100%;
width: 100%;
}