@font-face {font-family: 'deibi'; src: url('../fonts/deibi.eot'); src: local('☺'), url('../fonts/deibi.woff') format('woff'), url('../fonts/deibi.ttf') format('truetype'), url('../fonts/deibi.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Museo-300';src: url('../fonts/1AFF89_1_0.eot');src: url('../fonts/1AFF89_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/1AFF89_1_0.woff') format('woff'),url('../fonts/1AFF89_1_0.ttf') format('truetype');}
@font-face {font-family: 'Museo-700';src: url('webfonts/1AFF89_0_0.eot');src: url('webfonts/1AFF89_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1AFF89_0_0.woff') format('woff'),url('webfonts/1AFF89_0_0.ttf') format('truetype');}
@font-face {font-family: 'ank'; src: url('../fonts/ank.eot'); src: local('☺'), url('../fonts/ank.woff') format('woff'), url('../fonts/ank.ttf') format('truetype'), url('../fonts/ank.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'hero'; src: url('../fonts/hero.eot'); src: local('☺'), url('../fonts/hero.woff') format('woff'), url('../fonts/hero.ttf') format('truetype'), url('../fonts/hero.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'troug'; src: url('../fonts/TROUG.eot'); src: local('☺'), url('../fonts/TROUG.woff') format('woff'), url('../fonts/TROUG.ttf') format('truetype'), url('../fonts/TROUG.svg') format('svg'); font-weight: normal; font-style: normal;}

a {outline:none; text-decoration:none;}
a:hover {background-color:#ffd75d;}

body {	
	padding-top:0;
 	behavior:url(js/csshover.htc);
 	background-color:#fff;
}
h1 {
	font-family:arial;
	font-size:36px;
	color:#222;
	}
#container {
position:relative;
margin-left:auto;
margin-right:auto;
top:0;
left:-340px;
width:800px;
height:900px;
}
#cache {
position:absolute;
top:0;
Left:0;
width:800px;
height:800px;
background: url(../images/cercles/cache.png);
z-index:50;

}
#cont {	
position:absolute;
top:-10px;
width:800px;
height:800px;
z-index:100;

}
#fum{
position:absolute;
width:180px;
height:148px;
top:78px;
left:540px;

}
#acc {
position: absolute;
top:480px;
left:640px;
}

#acc a:hover {background-color:transparent;}
	
#anim {	
	display:block;
	position:absolute;
	width:160px;
	color:#328A7D;
	font-family:ank;
	font-size:40pt;
	height:42px;
	left:180px;
	top:200px;

	}

#tion {
	display:block;
	position:absolute;
	height:66px;
	color:#262626;
	width:160px;
	font-family:troug;
	font-size:46pt;
	left:350px;
	top:200px;

	
}

#graph {
	display:block;
	position:absolute;
	height:64px;
	width:304px;
	font-weight:bold;
	font-family:TROUG;
	font-size:42pt;
	color:#3F3F3F;
	left:100px;
	top:286px;

}

#isme {
	display:block;
	position:absolute;
	width:100px;
	height:32px;
	font-family:ank;
	font-size:36pt;
	color:#007F9F;
	left:445px;
	top:292px;

}

#sites {
	display:block;
	position:absolute;
	color:#FF9600;
	font-family:ank;
	font-size:48pt;
	height:50px;
	width:189px;
	left:454px;
	top:350px;

}

#texte {
	display:block;
	position:absolute;
	height:100px;
	width:120px;
	padding-left:6px;
	font-size:13pt;
	font-family:ank;
	color:#A1A1A1;
	left:156px;
	top:342px;
	border-left:1px dotted #797979;

}

#what {
	display:block;
	position:absolute;
	width:140px;
	color:#C3C3C3;
	height:26px;
	font-family:ank;
	font-size:24pt;
	letter-spacing:3px;
	left:590px;
	top:260px;

}