/* CSS by Octave Z - http://octavez.com */

* {
	margin:0;
	padding:0;
}

body {
	background:#000000;
	color:#FFFFFF;
	font-family:Helvetica, sans-serif;
	font-size:13px;
}

#global {
	margin:20px auto 0 auto;
	width:795px;
}

img {
	border:none;
}

h1 {
	width:311px;
	height:70px;
	display:block;
	float:left;
	padding:5px 0 0 15px;
}

h2 {
	padding: 8px 5px;
	font-weight:normal;
	line-height:normal;
}

h2.float {float:left;}

h3 {
	font-size:14px;
	font-weight:normal;
	padding: 5px 5px;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#menu {
	margin: 0 0 0 330px;
}

	#menu ul li {
		float:left;
		list-style-type:none;
		color:#FFFFFF;
		padding:30px 5px 30px 0;
		}
	#menu ul li a {
		display:block;
		height:20px;
		background-position:0 0;
		color:#FFFFFF;
		text-decoration:none;
		}
	#menu ul li a:hover {
		background-position: 0 20px;
		}
	#menu span {
		display:none
		}

.home {	
	background:url(images/home.jpg);
	width:78px
}

.about {	
	background:url(images/about.jpg);
	width:91px
}

.gallery {	
	background:url(images/gallery.jpg);
	width:111px
}

.contact {	
	background:url(images/contact.jpg);
	width:123px
}

#content {
	width:780px;
	padding: 0 0 0 15px;
}

#contentleft {
	width:310px;
	float:left;
}

#affiche {
	float:left;
	padding:0 0 0 60px;
}

.clear {
	clear:both;
}

#content p {
	padding: 4px 5px;
	color:#94C2E9;
	line-height:24px;
	}
	
.decalage {
/*  text-indent:1em;*/
}

#footer {
	clear:both;
	width:760px;
	height:30px;
}
	#footer p {
		padding:10px 0 0 20px;
	}
	#footer span {
		color:#CECECE;
	}
	
input, textarea {
	background-color: #ccc; 
	color:#222;
	border:#000000 1px solid;
}
input:focus, textarea:focus {
	background:#FFFFFF;
}

.text {
	width:280px;
}

	
/* GALLERY PHOTO */

ul.photos {
	width:740px;
	float:left;
}

ul.photos li {
	list-style-type:none;
	float:left;
	padding:5px;
}