/* RESET */

html, body {height: 50%;}
* html #global{height: 100%;}
#global {min-height: 100%; margin-bottom:23px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a:hover, a:active, a:focus { outline: none; }
.clear {clear:both;}
	
	
	body {
	background-image: url(../images/interface/body2.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	width: 100%;		
	}
	#global {
	width:754px;
	position:relative;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;	
	padding:0 0 0 15px;
	background:url(../images/interface/h1.jpg);
	background-repeat:no-repeat;
	background-position: 15px 0;

	}
	#header {
	width:100%;
	height:83px;

	}
	#nav {
	width:704px;
	margin-left:20px;	
	margin-top:-30px;
	position:absolute;
	height:20px;
	}
	#center {
	width:754px; 
	margin-top:0px; 
	background:url(../images/interface/global.jpg);
	background-repeat:no-repeat;
	}
	#footer {
	width:100%;
	height:84px;
	margin-top:-26px;
	background:url(../images/interface/footer.jpg) no-repeat left top;
	}
	
	#footer a { position:relative; z-index:1;}
	

/**/


/* Les différents éléments de #center */

	#content {
	width:97%;
	position:relative;
	min-height:370px;
	top:30px;
	left: 10px;
	right: auto;
	}

	#div {	overflow: auto;	height: 270px; width: 740px;}


/* H1 */

	#header #headerElements h1 	{
		position: absolute;	
		top: 0;
		left: 0;
 	}
	#header #headerElements h1 a 	{
		text-indent : -9999px;
		height: 100px;
		width: 754px;
		overflow: hidden;
		display: block;
 	}

/**/


/* Menu de navigation principal */

	#nav li {
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCC33;
	height:20px;
	}
	#nav li.contact {		
	border-right-style: none;	
	}
	#nav a {
	height:20px;
	font-size:1.33em;
	color:#666666;
	}
	#nav a:hover { color:#00CCFF;}
	#nav li.mentions 	{ margin-top:-99999px; margin-left:-99999px; } /* Permet de cacher le bouton */
	
	/* Boutons actifs */
	#accueil #nav li.accueil a,
	#tables #nav li.tables a,
	#illustrations #nav li.illustrations a,
	#peintures #nav li.peintures a,
	#contact #nav li.contact a { color:#00CCFF; font-weight: bold;}

/**/


/* Menu de navigation du footer */

	#footer #footerElements ul { height:20px; width:730; }
	#footer #footerElements li 			{ float:right; margin-right:2px; margin-top:6px; font-size:12px; }
	#footer #footerElements li a 		{ font-weight:normal; color:#FFFFFF;  }
	#footer #footerElements li a:hover 	{ color:#FFFFFF; }



	/* Boutons actifs */
	#accueil #footer li.accueil a,
	#tables #footer li.tables a,
	#illustrations #footer li.illustrations a,
	#peintures #footer li.peintures a,
	#contact #footer li.contact a { color:#003333; }

/* */
/* Photo gallery */

	#gallery 		{ margin-left:(5px; width:155px; }
	#gallery img	{ border: 1px solid #00ccff; }
	#gallery ul li	{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
	#gallery ul li	{ }
	
/* */

/* Autres elements */

	.left 		{ float: left; margin-right: 10px; }
	.right 		{ float: right; margin-left: 20px; }

	#w3c 		{ float: right;	margin-right: 10px; border:none;}	
	.copyright	{ 		position: absolute;	
		top: 0;
		left: 0; }	

/* */