@font-face {
font-family:'helveticaneue';
src: url("HelveticaNeueLTStd-Lt.otf");
font-weight: normal;
font-style: normal;
font-size: 20px;
}
body
{
   /* background-image: url("images/fond.jpg");
    background-position:center top;
    background-repeat : repeat;
    width:1048px;
    margin:0 auto;*/
   /* margin-top:-400px; */
    background-attachment: fixed; 
}
body,html{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
canvas#defaultCanvas0 {
  position: absolute !important;
  top:0;
}
#ketsu{
padding-bottom: 30px;
}
#space{
display: block;
height: 100px;
}
#screen1
{
  margin:0 auto;
  background-image: url("images/cercle.png");
  background-position:center top; 
  height: 492px;
  width: 492px;
  margin-left:285px;
  margin-top:500px;
}
#screentop
{
  margin:0 auto;
  height: 492px;
  width: 492px;
  margin-left:285px;
  margin-top:500px;
}
#screentop img
{
	position:absolute;
	margin-left:-100px;
}
#screentop #content {
background-image: url("images/cercle.png");
background-position:center top; 
height: 492px;
  width: 492px;

}

#screentop p
{
  	font-family: helveticaneue;
  	padding-top:225px;
	font-size:20px;
	text-align:center;
	color:white;
}
#link {
	height: 100px;
  	width: 100px;
}
#screen1 img
{
	position:absolute;
	margin-left:-100px;
}

#screen1 p
{
  	font-family: helveticaneue;
  	padding-top:225px;
	font-size:20px;
	text-align:center;
	color:white;
}

#home {
 margin:0 auto;
 height: 468px;
  width: 468px;
 margin-left:285px;
  margin-top:400px;
  background-image: url("images/BigLogo.png");
}
#home:hover {
  background-image: url("images/logoRose.png");
}
#bt-bleu{
	position:absolute;
	height: 100px;
 	width: 100px;
 	left:250px;
	background-image: url("images/ketsu_bleuF.png");
}
#bt-bleu:hover {
  background-image: url("images/ketsu_bleuC.png");
}
#bt-bleuC{
	position:absolute;
	height: 100px;
 	width: 100px;
 	left:250px;
	background-image: url("images/ketsu_bleuC.png");
}
#bt-bleuC:hover {
  background-image: url("images/ketsu_bleuF.png");
}
#bt-orange{
	position:absolute;
	height: 100px;
 	width: 100px;
 	left:250px;
	background-image: url("images/ketsu_orange.png");
}
#bt-orange:hover {
  background-image: url("images/ketsu_rouge.png");
}
#bt-gris{
	position:absolute;
	height: 100px;
 	width: 100px;
 	left:250px;
	background-image: url("images/ketsu_gris.png");
}
#bt-gris:hover {
  background-image: url("images/ketsu_noir.png");
}
#bt-violet{
	position:absolute;
 	left:250px;
	height: 100px;
 	width: 100px;
	background-image: url("images/ketsu_violet.png");
}
#bt-violet:hover {
  background-image: url("images/ketsu_rouge.png");
}
#bt-vert{
	position:absolute;
	height: 100px;
 	width: 100px;
 	left:250px;
	background-image: url("images/ketsu_vertC.png");
}
#bt-vert:hover {
  background-image: url("images/ketsu_vert.png");
}
#bt-vertF{
	position:absolute;
	height: 100px;
 	width: 100px;
 	left:250px;
	background-image: url("images/ketsu_vert.png");
}
#bt-vertF:hover {
  background-image: url("images/ketsu_vertC.png");
}