*{
	margin :0;
	padding: 0;
	font-family: Arial;
}

body{
	background: #373737 ;
}

p{
margin-bottom : 10px;
margin-top : 10px;
color : #c1b130;
}


h4{
color : #9f9f9f;
margin : 10px;
padding-left : 20px;
border-top : 10px solid #454545;
border-bottom : 10px solid #454545;
background : #454545;
}



ul{
	list-style-type:none;	
}

img{
	border : none;
	float : left;
}

li.sites {
	height : 160px;	
}


li.sites h4{
	padding-top : 125px;
	margin-left : 230px;	
}

ul#creation{
height : 30px;
}


ul#creation li{
	display : block;
	float : left;
	margin-right : 40px;
	cursor : pointer;
}

ul#creation li a{
	color : #9f9f9f;
}

ul#creation li a:hover{
	color : #d3c978;
	text-decoration : none;
}

ul#creation li a.selected{
	color : #d3c978;
}

ul#listImage{
	width : 130px;
	height : 380px;
	overflow: hidden;
	float : left;
}

ul#listImage li img{
	display : block;
	height : 30px;
	width : auto;
	margin-bottom : 5px;
	margin-left : 5px;
	cursor : pointer;
	float : left;
}


img#gallerie{
	max-width : 500px;
	max-height : 450px;
	margin-left : 30px;
	border: 10px solid #373737; 
}

h4#gallerieH4{
	height : 500px;	
}

#personage{
position : absolute;
background : url(../img/jok.png) top right no-repeat;
top : 10px;
height : 260px;
width : 76px;
z-index : 900;
left : 0px;
}

#ballon{
margin-left : 14px;
cursor : pointer;
}


#footer{
position : fixed;
bottom : 0;
width : 100%;
height : 100%;
text-align : right;
font-style: italic ;
font-size : 13px;
}

	#footer a{
	margin-right : 10px;
	color : black;
	text-decoration : none;
	}


	#footer a:hover{
	margin-right : 10px;
	color : blue;
	text-decoration : underline;
	}

#content{
	position : absolute;
	width : 800px;
	height : auto;
	top: 10px;
	left: 50%;
	margin-left : -400px ;
	z-index : 1;
	border : 15px solid #1d1d1d;
}

#banner{
	position : relative;
	width : 800px;
	height : 340px;
	background : #1a1a1a  url(../img/banner.png) top center no-repeat;
	z-index : 2;	
}

a.menu{
	z-index : 3;
}

a#home{
	position : absolute;
	top:110px;
	left:270px;
	height:90px;
	width : 260px;	
}

a#creations{
	position : absolute;
	top:232px;
	left:336px;
	height:21px;
	width:92px;
	background :  url(../img/creations.png) top center no-repeat;	
}

a#creations:hover{
	background :  url(../img/creationsS.png) top center no-repeat;	
}

a#creationsS{
	position : absolute;
	top:232px;
	left:336px;
	height:21px;
	width:92px;
	background :  url(../img/creationsS.png) top center no-repeat;	
}

a#liens{
	position : absolute;
	top:256px;
	left:539px;
	height:17px;
	width:46px;
	background :  url(../img/liens.png) top center no-repeat;
}

a#liens:hover{
	background :  url(../img/liensS.png) top center no-repeat;
}


a#liensS{
	position : absolute;
	top:256px;
	left:539px;
	height:17px;
	width:46px;
	background :  url(../img/liensS.png) top center no-repeat;	
}

a#websites{
	position : absolute;
	top:253px;
	left:156px;
	height:24px;
	width:91px;
	background :  url(../img/websites.png) top center no-repeat;
}

a#websites:hover{
	background :  url(../img/websitesS.png) top center no-repeat;
}

a#websitesS{
	position : absolute;
	top:253px;
	left:156px;
	height:24px;
	width:91px;
	background :  url(../img/websitesS.png) top center no-repeat;
}


ul.galerie_touillette{
	margin-left : 10px;
}

ul.liens li a{
	color : #d3b130;
	text-decoration : none;
	margin-left : 18px;	
}

ul.liens li a:hover{
	text-decoration : underline;

}

ul#musiqueplayer{
	width:90%;
	height:90%;
	background :  url(../img/musique/amp.JPG) top center no-repeat;	
	padding : 10px;
}

ul#musiqueplayer li{
	height:60px;
	width : 50%;
	border : #454545 5px solid;
	margin-bottom : 16px;
}
ul#musiqueplayer p{
	background-color:#454545;
	margin-top:0;
	margin-bottom:0;
}

ul#musiqueplayer object{
	margin:0;
	background-color:red;
}