/* 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/body.jpg);	background-repeat:no-repeat;	background-position: center top;	width: 100%;}
	#global {	width:800px;	position:relative;	margin-top:40px;	margin-left:auto;	margin-right:auto;		padding:0 0 0 15px;	background-repeat:no-repeat;	}
	#header {	width:100%;	height:85px; position:relative;	}
	#nav {	width:410px;		position:absolute;	right:10px;		top:137px;height:20px; text-align:right;}
	#center {	width:765px; 	margin-top:0px; 	background-repeat:no-repeat; }
	#footer {	width:100%;	height:100px;	margin-top:0px;}	
	#footer a { position:relative; z-index:0;}
	

/**/


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

	#content {	width:100%;	min-height:370px;	right: auto; padding: 80px 0 0; 	}

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

/* Titre */

	#titreanim { position: absolute; top: -10px; left:240px; }

/* Titrepages */

	#titrepages { height: 25px;  border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #990066;	padding-bottom:7px; padding-top:0;}

/* 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: #990066;	height:20px;	}
	#nav li.contact {			border-right-style: none;		}
	#nav a {	height:20px;	font-size:1.33em;	color:#CCCCCC;	}
	#nav a:hover { color:#FFFFFF;}

	
	/* Boutons actifs */
	#accueil #nav li.accueil a,
	#realisations #nav li.realisations a,
	#parcours #nav li.parcours a,
	#contact #nav li.contact a { color:#FFFFFF; font-weight: bold;}

/**/


/* Footer */

#global {margin-bottom:23px;min-height: 100%; }


#lignebas {	width:100%;	height:45px; overflow:hidden; position:absolute;left:0; opacity:0.8; filter:alpha(opacity=80); background-image: url(/images/interface/footer.jpg);	background-repeat: repeat-x; background-position: center bottom;	}

/* */
/* Photo gallery */

	#gallery 		{ margin-left:(5px; width:155px; }
	#gallery img	{ border: 1px solid #000000; }
	#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 img 		{padding:0 0 0 20px;}	

/* */