html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #FFF;
	font-size: 12px;
	font-family: Verdana, Arial;
}

#bloc{
	position: absolute;
	margin-left: -350px;
	margin-right: -350px;
	left: 50%;
	right: 50%;
	width: 700px;
	height: 75%;
	/*
	margin-top: 12%;
	
	margin-top: 25%;
	*/
}

#content{
	position: relative;
	z-index: 10;
	text-align: justify;
	padding: 20px 10px;
}


#TopBot{
	position: fixed;
	top: 0;
	width: 700px;
	height: 100%;
	
}

#Top{
	position: relative;
	z-index: 15;
	height: 25%;
	background: #FFF;
}

#Mid{
	position: relative;
	z-index: 8;
	width: 10px;
	height: 50%;
}

#Bot{
	position: relative;
	z-index: 20;
	height: 25%;
	background: #FFF;
}

#foot{
	position: absolute;
	height: 33%;
	width: 100%;
}



#Header{
	position: absolute;
	top: 100%;
	margin-top: -102px;
	height: 60px;
	width: 100%;
	background: url('img/header.png') no-repeat left top;
}

#Menu{
	position: absolute;
	top: 100%;
	margin-top: -42px;
	height: 42px;
	width: 100%;
	overflow: hidden;
}

#Footer{
	background: url('img/footer.png') no-repeat left top;
	height: 45px;
}


#Back{
	position: fixed;
	top: 0;
	width: 700px;
	height: 100%;
	background: url('img/fond.png') repeat left top;
	z-index: 1;
}

/*
Menu
*/
#Menu .home, #Menu .artists, #Menu .contact, #Menu .links{
	position: relative;
	z-index: 100;
	float: left;
	height: 42px;
	cursor: pointer;
}

#Menu .home{
	width: 125px;
}
#Menu .artists{
	width: 211px;
}
#Menu .contact{
	width: 210px;
}
#Menu .links{
	width: 154px;
}

#Menu .text{
	position: relative;
	height: 42px;
	z-index: 9;
}

#Menu .home .text{
	background: url('img/home.png') no-repeat left top;
}
#Menu .artists .text{
	background: url('img/artists.png') no-repeat left top;
}
#Menu .contact .text{
	background: url('img/contact.png') no-repeat left top;
}
#Menu .links .text{
	background: url('img/links.png') no-repeat left top;
}

#Menu .back{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	position: absolute;
	height: 42px;
	z-index: 10;
	margin-top: 42px;
}

#Menu .home .back{
	width: 125px;
	background: url('img/fond.png') repeat left top;
}
#Menu .artists .back{
	width: 211px;
	background: url('img/fond.png') repeat left top;
}
#Menu .contact .back{
	width: 210px;
	background: url('img/fond.png') repeat left top;
}
#Menu .links .back{
	width: 154px;
	background: url('img/fond.png') repeat left top;
}

#Menu .home:hover .back, #Menu .artists:hover .back, #Menu .contact:hover .back, #Menu .links:hover .back{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	/*margin-top: 21px;*/
	margin-top: 0px;
	opacity: 0.5;
	filter:alpha(opacity=50); /* correction pour IE */
	zoom: 1; /* correction bug IE6 et IE7 */
}
/*
text iNorx
*/

#iNorx_BlocAdmin_Connect{
	position: fixed;
	width: 100%;
	z-index: 20;
	text-align: center;
	top: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: -40px;
	font-size: 12px;
	color: #333;
}
	
#iNorx_BlocAdmin_Connect a{
	text-decoration: none;
	color: #333;
}

#iNorx_BlocAdmin_Connect a:hover{
	text-decoration: none;
	border-bottom: 1px dashed #333;
}

/*
modif css iNorx
*/

#iNorx_BodyEmplacement{
	position: relative;
	z-index: 20;
}