* {
	margin: 0;
}
html{
	
}
html, body{
	
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
body {

	background: #000 url(../images/outerbackground.jpg) repeat-x 50% 0;
}
h3 {
	margin-left: auto;
	text-align: right;
	margin-right: 278px;
}
a{
	color: white;
	text-decoration: none;
}
a:hover{
	text-decoration :underline;
}
a:visited{
	color: white;
}

#header{
	width: 960px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper{
	min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -512px;
	background: url(../images/background.jpg) no-repeat 50% 0;
}
.footer, .push {
	height: 512px;

}
#home_button{
	display: block;
	
	height: 130px;
	margin-left: 40px;
	margin-top: 40px;
	float: left;
}
#home_button:hover{
	background: url(../images/shub_hover.png) no-repeat;
}
#home_button_background{
	background-image: url(../images/elp.png);
	width: 241px;
	height: 109px;
	
}
#nav{
	width: 560px;
	height: 120px;
	margin-left: 340px;
	padding-top: 75px;
}

.navlist{
	clear: none;
	float: left;
	display: block;
}
.navlist li{
	
	width: 120px;
	display: block;
	height: 28px;
	clear: left;
	float: left;
	margin-right: 0;
	
}
.navbutton{
	width: 140px;
	height: 20px;
	text-indent:-9999px;
	display: block;
}
#hd_musique{
	background: url(../images/globalnavbg.png) no-repeat;
	width: 110px;
}
#hd_musique:hover{
	background: url(../images/globalnavbg.png) no-repeat 0 -20px;
	width: 110px;
}
#hd_series{
	background: url(../images/globalnavbg.png) no-repeat -120px 0;
	width: 140px;
}
#hd_series:hover{
	background: url(../images/globalnavbg.png) no-repeat -120px -20px;
	width: 140px;
}
#hd_films{
	background: url(../images/globalnavbg.png) no-repeat -264px 0;
	width: 77px;
}
#hd_films:hover{
	background: url(../images/globalnavbg.png) no-repeat -264px -20px;
	width: 77px;
}
#hd_travail{
	background: url(../images/globalnavbg.png) no-repeat -352px 0;
	width: 94px;
}
#hd_travail:hover{
	background: url(../images/globalnavbg.png) no-repeat -352px -20px;
	width: 94px;
}
#hd_creations{
	background: url(../images/globalnavbg.png) no-repeat -462px 0;
	width: 122px;
}
#hd_creations:hover{
	background: url(../images/globalnavbg.png) no-repeat -462px -20px;
	width: 122px;
}
#hd_info{
	background: url(../images/globalnavbg.png) no-repeat -586px 0;
	width: 166px;
}
#hd_info:hover{
	background: url(../images/globalnavbg.png) no-repeat -586px -20px;
	width: 166px;
}
#content{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#content p {
	color: white;
	margin-right: 60px;
	margin-top: 30px;
	margin-left: 190px;
}
#albums{
	height: 150px;
	margin-top: -23px;
}
#series_tele{
	height: 150px;
	margin-top: 25px;
}
#travaux{
	height: 270px;
	margin-top: 25px;
}
.title{
	width: 500px;
	height: 120px;
	margin-left: auto;
}
#cequejaimetitle{
	width: 500px;
	background: url(../images/cequejaimetitle.png) no-repeat;
}
#cequejefaistitle{
	width: 520px;
	background: url(../images/cequejefaistitle.png) no-repeat;
	padding-right: 30px;
}
#cequejesuistitle{
	width: 500px;
	background: url(../images/cequejesuistitle.png) no-repeat;
}
.subtitle{
	width: 700px;
	height: 105px;
}
#subtitle_musique{
	background: url(../images/subtitle_musique.png) no-repeat;
}
#subtitle_series{
	background: url(../images/subtitle_series.png) no-repeat;
}
#subtitle_films{
	background: url(../images/subtitle_films.png) no-repeat;
}
#subtitle_travail{
	background: url(../images/subtitle_travail.png) no-repeat;
}
#subtitle_creations{
	background: url(../images/subtitle_creations.png) no-repeat;
}
#subtitle_info{
	background: url(../images/subtitle_info.png) no-repeat;
}
#splash{
	width: 856px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/notanartist.png) no-repeat 107px -5px;
	margin-top: 122px;
}
#upperfooter{
	width: 100%;
	height: 206px;
	background: url(../images/upperfooter.png) no-repeat 50% 0;
}
#outerfooter{
	width: 100%;
	height: 306px;
	margin: 0;
	color: #fffeff;
	background: #000 url(../images/footer.jpg) no-repeat 50% 0;
}
#innerfooter{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}
#innerfooter ul{
	width: 960px;
	height: 100px;
	margin-left: -25px;
	margin-top: 64px;
}
#innerfooter ul li{
	clear: none;
	float: left;
	display: block;
	width: 216px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	
}
#innerfooter ul li:hover{
	clear: none;
	float: left;
	display: block;
	width: 216px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	
}
.socialtitle{
	width: 216px;
	height: 16px;
	margin-bottom: 25px;
	margin-top: 9px;
}
.socialhub{
	display: block;
	width: 240px;
	height: 105px;
	padding-top:33px;
	cursor: pointer;
}
.socialhub a{
	display: block;
	width: 216px;
	height: 105px;
	color: white;
	text-decoration: none;
	margin-top: -30px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: -12px;
	padding-top: 20px;
}
.socialhub:hover{
	background: url(../images/shub_hover.png) no-repeat 50%;
	
}
#facebooktitle{
	background: url(../images/fb.png) no-repeat 50%;
}
#twittertitle{
	
	background: url(../images/twitter.png) no-repeat 50%;
}
#portfoliotitle{
	
	background: url(../images/portfolio.png) no-repeat 50%;
}
#linkedintitle{
	
	background: url(../images/linkedin.png) no-repeat 50%;
}
#copyright{
	
	text-align: right;
	padding-top: 0px;
	margin-top: 60px;
	font-size: 10px;
}

/* @group Music */

ul.music,
			ul.music li,
			ul.music li a,
			ul.music li img{
				margin:0;
				padding:0;
				list-style:none;
				border:0;
				text-decoration:none;
			}
			ul.music li{
				margin:15px 15px 15px 0;
				float:left;
				position:relative;
			}
			ul.music li a{
				display:block;
				position:relative;
				float:left;	
				width:80px;
				height:80px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.music li img{
				position:absolute;
				width:80px;
				height:80px;
				border:0;
			}
			
			ul.music li.jewel img{
				width:72px;
				height:72px;
				top:3px;
				left:12px;
			}			
			ul.music li.jewel a{
				background:url(../images/jewel.png) 0 0 no-repeat;
				width:90px;
				height:82px;							
			}
			ul.music li.jewel{
				background:url(../images/blank_insert.gif) 12px 3px no-repeat;							
			}


/* @end */
/* @group Series */

ul.series,
			ul.series li,
			ul.series li a,
			ul.series li img{
				margin:0;
				padding:0;
				list-style:none;
				border:0;
				text-decoration:none;
			}
			ul.series li{
				margin:15px 15px 15px 0;
				float:left;
				position:relative;
			}
			ul.series li a{
				display:block;
				position:relative;
				float:left;	
				width:80px;
				height:80px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.series li img{
				position:absolute;
				width:80px;
				height:80px;
				border:0;
			}
			
			ul.series li.jewel img{
				width: 63px;
				height: 72px;
				top: 8px;
				left: 1px;
			}			
			ul.series li.jewel a{
				background:url(../images/bluray.png) 0 0 no-repeat;
				width:90px;
				height: 90px;							
			}
			ul.series li.jewel{
										
			}


/* @end */


/* @group Sites web */

ul.sites_web,
			ul.sites_web li,
			ul.sites_web li a,
			ul.sites_web li img{
				margin:0;
				padding:0;
				list-style:none;
				border:0;
				text-decoration:none;
			}
			ul.sites_web li{
				margin:15px 15px 15px 0;
				float:left;
				position:relative;
			}
			ul.sites_web li a{
				display:block;
				position:relative;
				float:left;	
				width:180px;
				height:10px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.sites_web li img{
				position:absolute;
				width:80px;
				height:80px;
				border:0;
			}
			
			ul.sites_web li.jewel img{
				width: 172px;
				height: 100px;
				top: 12px;
				margin-left: -172px;
}			
			ul.sites_web li.jewel a{
				background:url(../images/chrome.png) 0 0 no-repeat;
				width:172px;
				height: 129px;							
			}
			ul.sites_web li.jewel{
										
			}

/* @end */
<!--[if IE ]>
			<style>
				img { -ms-interpolation-mode:bicubic; }			
			</style>
		<![endif]-->
		
		<!--[if IE 6]>
			<style>
				ul.music li a{ background:none !important; }
				ul.music li.jewel a{ 
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jewel.png', sizingMethod='crop');	
        		}
			</style>
		<![endif]-->