html 
{
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#page-table {
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
#page-td {
	height: 100%;
	padding: 0;
	vertical-align: middle;
}
div#global {
	position:relative;
	width: 1150px; /* à modifier si ça change !*/
	height:712px; /* à modifier si ça change !*/
	/*margin: 20px auto;*/
	margin: 0 auto; /* je comprends pas ça change rien par rappor*/
	/* text-align: left; */
	background-image:url("assets/background-11.jpg");
	
}

#click-projects:hover, 
#click-news-calendar:hover, 
#click-projects:hover, 
#click-video:hover, 
#click-photos:hover, 
#click-press:hover, 
#click-composing:hover, 
#click-partitions:hover, 
#click-contact:hover, 
#click-bio:hover, 
#click-records:hover, 
#click-radio:hover,
#click-facebook:hover,
#click-soundcloud:hover,
/*#click-basket:hover,*/
#click-shop:hover,
#click-insta:hover
{
	filter:alpha(opacity=100); 
	opacity:1.0;
}



#click-news-calendar
{	
	position:absolute;
	top:120px;
	left:0px;
	width:165px;
	height:150px;

	/*background-color:red;*/
	background: url("assets/legend-news-calendar.gif") no-repeat top left;
		
	filter:alpha(opacity=20); 
	opacity:0.2;
}


#click-projects
{
	position:absolute;
	left:370px;
	top:395px;
	width:135px;
	height:275px;
	
	/*	background-color:red; */
	background: url("assets/legend-projects.gif") no-repeat bottom right;
	
	filter:alpha(opacity=25); 
	opacity:0.25;
}

#click-video
{
	position:absolute;
	
	left:485px;
	top:360px;
	width:90px;
	height:90px;
	
	
	/*	background-color:yellow; */
	background: url("assets/legend-video.gif") no-repeat bottom center;
	
	filter:alpha(opacity=35); 
	opacity:0.35;
}

#click-photos
{
	position:absolute;
	left:580px;
	top:110px;
	width:280px;
	height:160px;
	
	/*background-color:green;*/
	background: url("assets/legend-photos.gif") no-repeat top right;
	
	filter:alpha(opacity=20); 
	opacity:0.2;
}

#click-press
{
	position:absolute;
	left:575px;
	top:420px;
	width:120px;
	height:85px;
	
	/*	background-color:green; */
	background: url("assets/legend-press.gif") no-repeat bottom center;
	
	filter:alpha(opacity=30); 
	opacity:0.3;
}

#click-composing
{
	position:absolute;
	left:1005px;
	top:324px;
	width:96px;
	height:60px;
	
	/*	background-color:red; */
	background: url("assets/legend-composing.gif") no-repeat top right;
	
	filter:alpha(opacity=25); 
	opacity:0.25;
}

#click-partitions
{
	position:absolute;
	left:885px;
	top:150px;
	width:144px;
	height:200px;
	
	/*	background-color:red; */
	background: url("assets/legend-partitions.gif") no-repeat top right;
	
	filter:alpha(opacity=25); 
	opacity:0.25;
}

#click-contact
{
	position:absolute;
	left:30px;
	top:295px;
	width:68px;
	height:70px;
	
	/*	background-color:red; */
	background: url("assets/legend-contact.gif") no-repeat top right;
	
	filter:alpha(opacity=20); 
	opacity:0.2;
}

#click-bio
{
	position:absolute;
	left:480px;
	top:162px;
	width:85px;
	height:165px;
	
	/*background-color:red; */
	background: url("assets/legend-bio.gif") no-repeat top center;
	
	filter:alpha(opacity=20); 
	opacity:0.2;
}

#click-records
{
	position:absolute;
	left:645px;
	top:280px;
	width:200px;
	height:50px;
	
	/*	background-color:red; */
	background: url("assets/legend-records.gif") no-repeat top right;
	
	filter:alpha(opacity=20); 
	opacity:0.2;
}

#click-radio
{
	position:absolute;
	left:533px;
	top:268px;
	width:107px;
	height:75px;
	
	/*background-color:red; */
	background: url("assets/legend-radio.png") no-repeat top left	;
	
	filter:alpha(opacity=40); 
	opacity:0.4;
}

#click-facebook
{
	position:absolute;
	left:1100px;
	top:570px;
	width:49px;
	height:55px;
	
	/*	background-color:red; */
	background: url("assets/logo-fb.png") no-repeat top right;
	
	filter:alpha(opacity=60); 
	opacity:0.6;
}

#click-soundcloud
{
	position:absolute;
	left:1196px;
	top:590px;
	width:30px;
	height:30px;
	
	/*	background-color:red; */
	background: url("assets/logo-soundcloud.png") no-repeat top right;
	
	filter:alpha(opacity=80); 
	opacity:0.8;
}

#click-insta
{
	position:absolute;
	left:1150px;
	top:577px;
	width:43px;
	height:45px;
	
	/*	background-color:red; */
	background: url("assets/logo-instagram.png") no-repeat top right;
	
	filter:alpha(opacity=60); 
	opacity:0.60;
}

/*
#click-basket
{
	position:absolute;
	left:1140px;
	top:565px;
	width:37px;
	height:33px;
	
	
	background: url("assets/logo-basket.jpg") no-repeat top right;
	
	filter:alpha(opacity=80); 
	opacity:0.8;
}
*/

#click-shop
{
	position:absolute;
	left:43px;
	top:385px;
	width:80px;
	height:150px;
		
	background: url("assets/legend-shop.png") no-repeat bottom left;
	
	filter:alpha(opacity=35); 
	opacity:0.35;
}

