/*
CSS Name: Coming Soon iBal.tv
Description: Patience, mon portfolio sera bientôt en ligne.
Version: 0.1
Author: Barthélemy Antoine-Loeff - ibal.tv
Author URI: http://www.ibal.tv
Copyright: Barthélemy Antoine-Loeff 2010 - All Right Reserved.
*/




/* PAGE */

html, body {
	margin: 0;
	padding: 0;
	}

body {
	background-color: black; 
	}
	

/* IMG */

#container{
	position:absolute; 
	left: 50%;  
	width: 960px; 
	height: 540px; 
	margin-left: -465px; /* moitié de la largeur */ 
	background: url(images/bartantoineloeff.jpg) no-repeat;
	}


/* LIENS */

a.guhmes{
	position:absolute;
	float: left;
	width : 92px; 
    height: 21px; 
    margin-left: 707px; 
    margin-top: 369px;
    }
    
a.guhmes:hover{
	background: url(images/h_guhmes.jpg) no-repeat;
	}     

a.iduun {
	position:absolute;
	float: left; 
	width : 40px; 
	height: 21px; 
	margin-left: 689px; 
	margin-top: 390px;
}

a.iduun:hover{
	background: url(images/h_iduun.jpg) no-repeat;
	}  

a.webzine {
	position:absolute;
	float: left; 
	width : 40px; 
	height: 21px; 
	margin-left: 689px; 
	margin-top: 411px;
}

a.webzine:hover{
	background: url(images/h_1kult.jpg) no-repeat;
}  

a.faitetrit {
	position:absolute;
	float: left; 
	width : 60px; 
	height: 21px; 
	margin-left: 650px; 
	margin-top: 432px;
}

a.faitetrit:hover{
	background: url(images/h_faitetrit.jpg) no-repeat;
	} 


/* SOCIABLE */

a.facebook {
	position:absolute;
	float: left; 
	width : 16px; 
	height: 16px; 
	margin-left: 681px; 
	margin-top: 493px;
	background: url(images/facebook.jpg) no-repeat;
}

a.facebook:hover{
	background: url(images/h_facebook.jpg) no-repeat;
	} 
	
a.twitter {
	position:absolute;
	float: left; 
	width : 16px; 
	height: 16px; 
	margin-left: 701px; 
	margin-top: 493px;
	background: url(images/twitter.jpg) no-repeat;
}

a.twitter:hover{
	background: url(images/h_twitter.jpg) no-repeat;
	} 
	
a.google {
	position:absolute;
	float: left; 
	width : 16px; 
	height: 16px; 
	margin-left: 721px; 
	margin-top: 493px;
	background: url(images/google.jpg) no-repeat;
}

a.google:hover{
	background: url(images/h_google.jpg) no-repeat;
	} 
	
a.flickr {
	position:absolute;
	float: left; 
	width : 16px; 
	height: 16px; 
	margin-left: 741px; 
	margin-top: 493px;
	background: url(images/flickr.jpg) no-repeat;
}

a.flickr:hover{
	background: url(images/h_flickr.jpg) no-repeat;
	}
	
	
a.vimeo {
	position:absolute;
	float: left; 
	width : 16px; 
	height: 16px; 
	margin-left: 761px; 
	margin-top: 493px;
	background: url(images/vimeo.jpg) no-repeat;
}

a.vimeo:hover{
	background: url(images/h_vimeo.jpg) no-repeat;
	}