/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a, a:hover, a:visited 
{
    text-decoration: none;
}

/* STRUCTURE du site */

body 
{
    background-position: fixed;
    background: #000000 url(../img/fond.png) no-repeat center top;
}

#container 
{
    margin: auto;
    padding: auto;
}

#myself
{
	
	background: #000000 url(../img/myself.png) no-repeat center top;
	height:150px;
	width: 1060px;
    margin: auto;
    padding: auto;
    text-align:center;
}

#myself a
{
	background: #FF0000;
	height:150px;
	width: 1060px;
    margin: auto;
    padding: auto;
}


#space
{
	height:450px;
	width: 1280px;
    margin: auto;
    padding: auto;
    text-align:center;
}

#footer
{
	height:64px;
	width: 663px;
    margin: auto;
    padding: auto;
    text-align:center;
}

#vimeo
{
    float:left;
	width:91px;
	height:64px;
    display:inline;
}

#vimeo a
{ 
	background-image:url(../img/vimeo.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#vimeo a:hover
{ 
	background-image:url(../img/vimeo-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#flickr
{
    float:right;
	width:83px;
	height:64px;
    display:inline;
}

#flickr a
{ 
	background-image:url(../img/flickr.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#flickr a:hover
{ 
	background-image:url(../img/flickr-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#facebook
{
    float:right;
	width:117px;
	height:64px;
    display:inline;
}

#facebook a
{ 
	background-image:url(../img/facebook.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#facebook a:hover
{ 
	background-image:url(../img/facebook-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#cachalot
{
    float:right;
	width:80px;
	height:64px;
    display:inline;
}

#cachalot a
{ 
	background-image:url(../img/cachalot.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#cachalot a:hover
{ 
	background-image:url(../img/cachalot-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#skype
{
    float:right;
	width:83px;
	height:64px;
    display:inline;
}

#skype a
{ 
	background-image:url(../img/skype.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#skype a:hover
{ 
	background-image:url(../img/skype-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em; 
	display:block; 
}

#twitter
{
    float:right;
	width:92px;
	height:64px;
    display:inline;
}

#twitter a
{ 
	background-image:url(../img/twitter.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em;  
	display:block; 
}

#twitter a:hover
{ 
	background-image:url(../img/twitter-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em;  
	display:block; 
}

#linkedin
{
    float:right;
	width:117px;
	height:64px;
    display:inline;
}

#linkedin a
{ 
	background-image:url(../img/linkedin.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em;  
	display:block; 
}

#linkedin a:hover
{ 
	background-image:url(../img/linkedin-filtre.png); 
	background-repeat:no-repeat; 
	text-indent: -9000em;  
	display:block; 
}