/* CSS Document */

body {
	background-color:#000000;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
}

a {
	text-decoration:none;
} 
a:link { 
	color: #BABABA; 
} 
a:visited { 
	color: #BABABA; 
} 
a:hover, a:focus, a:active { 
	color: #686868; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
	outline: none; 
}

h4 { 
	font-size: 1em;
	font-weight:bold;
}

#main {
	margin-bottom:auto;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../fond.jpg);
	
	width:800px;
	height:600px;
}

#container {
	margin-left:auto;
	margin-right:auto;
	margin-top:-350px;
	width:800px;
}

#activites {
	margin-left:400px;
	width:400px;
	height:150px;
}

#icones {
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	
	width:230px;
	text-align:center
}
#icones2 {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
	width:390px;
	text-align:center
}

.icone {
	margin-left:10px;
}

img {
	border:none;
}


a.facebook { 
        background:url(../Icones/facebook-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px;
		display: block; 
}
a.facebook span { 
        display: none; 
}
a.facebook:hover { 
        background: url(../Icones/facebook.png) repeat 0px -30px; 
}


a.twitter { 
        background:url(../Icones/twitter-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 40px;
		margin-top:-30px;
}
a.twitter span { 
        display: none; 
}
a.twitter:hover { 
        background: url(../Icones/twitter.png) repeat 0px -30px; 
}


a.gmail { 
        background:url(../Icones/gmail-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 80px;
		margin-top:-30px;
}
a.gmail span { 
        display: none; 
}
a.gmail:hover { 
        background: url(../Icones/gmail.png) repeat 0px -30px; 
}


a.linkedin { 
        background:url(../Icones/linkedin-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 120px;
		margin-top:-30px;
}
a.linkedin span { 
        display: none; 
}
a.linkedin:hover { 
        background: url(../Icones/linkedin.png) repeat 0px -30px; 
}


a.viadeo { 
        background:url(../Icones/viadeo-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 160px;
		margin-top:-30px;
}
a.viadeo span { 
        display: none; 
}
a.viadeo:hover { 
        background: url(../Icones/viadeo.png) repeat 0px -30px; 
}


a.typepad { 
        background:url(../Icones/typepad-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 200px;
		margin-top:-30px;
}
a.typepad span { 
        display: none; 
}
a.typepad:hover { 
        background: url(../Icones/typepad.png) repeat 0px -30px; 
}


a.foursquare { 
        background:url(../Icones/foursquare-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block;
}
a.foursquare span { 
        display: none; 
}
a.foursquare:hover { 
        background: url(../Icones/foursquare.png) repeat 0px -30px; 
}


a.friendfeed { 
        background:url(../Icones/friendfeed-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px;  
		margin-left: 40px;
		margin-top:-30px;
        display: block;
}
a.friendfeed span { 
        display: none; 
}
a.friendfeed:hover { 
        background: url(../Icones/friendfeed.png) repeat 0px -30px; 
}


a.delicious { 
        background:url(../Icones/delicious-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 80px;
		margin-top:-30px;
}
a.delicious span { 
        display: none; 
}
a.delicious:hover { 
        background: url(../Icones/delicious.png) repeat 0px -30px; 
}


a.diigo { 
        background:url(../Icones/diigo-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 120px;
		margin-top:-30px;
}
a.diigo span { 
        display: none; 
}
a.diigo:hover { 
        background: url(../Icones/diigo.png) repeat 0px -30px; 
}


a.picasa { 
        background:url(../Icones/picasa-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 160px;
		margin-top:-30px;
}
a.picasa span { 
        display: none; 
}
a.picasa:hover { 
        background: url(../Icones/picasa.png) repeat 0px -30px; 
}


a.dopplr { 
        background:url(../Icones/dopplr-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 200px;
		margin-top:-30px;
}
a.dopplr span { 
        display: none; 
}
a.dopplr:hover { 
        background: url(../Icones/dopplr.png) repeat 0px -30px; 
}


a.orkut { 
        background:url(../Icones/orkut-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 240px;
		margin-top:-30px;
}
a.orkut span { 
        display: none; 
}
a.orkut:hover { 
        background: url(../Icones/orkut.png) repeat 0px -30px; 
}


a.technorati { 
        background:url(../Icones/technorati-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 280px;
		margin-top:-30px;
}
a.technorati span { 
        display: none; 
}
a.technorati:hover { 
        background: url(../Icones/technorati.png) repeat 0px -30px; 
}


a.vimeo { 
        background:url(../Icones/vimeo-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 320px;
		margin-top:-30px;
}
a.vimeo span { 
        display: none; 
}
a.vimeo:hover { 
        background: url(../Icones/vimeo.png) repeat 0px -30px; 
}


a.gtalk { 
        background:url(../Icones/gtalk-nb.png) repeat 0px 0px; 
        width: 30px; 
        height: 30px; 
        display: block; 
		margin-left: 360px;
		margin-top:-30px;
}
a.gtalk span { 
        display: none; 
}
a.gtalk:hover { 
        background: url(../Icones/gtalk.png) repeat 0px -30px; 
}