@charset "utf-8";
/* End hide from IE-mac */ 
	
#fond1 {
	position:absolute;
	left:213px;
	top:221px;
	width:728px;
	height:336px;
	z-index:1;
	background-image: none;
	padding-top: 0px;
	overflow: auto;
}


#titre {
	position:absolute;
	left:185px;
	top:90px;
	width:700px;
	height:103px;
	z-index:2;
}

#conteneurprincipal {
	height: 586px;
	width: 984px;
	margin-top: -293px;
	margin-left: -492px;
	position: absolute;
	left: 50%;
	top: 542px;
	z-index: 1;
	visibility: visible;
}
#bt-home {
	position:absolute;
	left:315px;
	top:30px;
	width:139px;
	height:52px;
	z-index:3;
}
#bt-contact {
	position:absolute;
	left:150px;
	top:4px;
	width:138px;
	height:25px;
	z-index:4;
}
#cadre { 	
    position:absolute; 	
  	left:16px;
	top:13px;
	width:133px;
	height:527px;
	z-index:12;
 }
#bt-link {
	position:absolute;
	left:385px;
	top:54px;
	width:175px;
	height:34px;
	z-index:5;
}
#bt-animation {
	position:absolute;
	left:426px;
	top:7px;
	width:133px;
	height:38px;
	z-index:6;
}
#bt-3d {
	position:absolute;
	left:600px;
	top:28px;
	width:163px;
	height:38px;
	z-index:7;
	}
#bt-aboutme {
	position:absolute;
	left:772px;
	top:59px;
	width:177px;
	height:25px;
	z-index:8;
}
#bt-character {
	position:absolute;
	left:757px;
	top:-2px;
	width:209px;
	height:27px;
	z-index:9;
}

#bt-illustration {
	position:absolute;
	left:527px;
	top:59px;
	width:190px;
	height:40px;
	z-index:10;
}
#conteneur4 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#epee {
	position:absolute;
	left:125px;
	top:30px;
	width:217px;
	height:43px;
	z-index:11;
}

#vignette {
	float: left;
	height: auto;
	width: auto;
	margin: 5px;
}
#apDiv1 {
	position:absolute;
	left:126px;
	top:34px;
	width:204px;
	height:56px;
	z-index:11;
}