body {
	background-color: #eaeaea;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	color:#FFFFFF;
	font-size:11px
}

a {
	color:#FFFFFF
}

.hide {
	display:none
}

.canvas {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1
}

.espaceur {
	width:100%;
	height:100%;
	position:absolute;
	z-index:3
}

#base {
	position: absolute;
	/*code pour centrer le cadre*/
	width:1079px;/* selon la largeur voulue */
	margin-left: -539px;/* moitie de width */
	left:50%;           /* constant, toujours 50% */
	height:813px; /* selon la quantite de texte */
	margin-top: -406px;   /* moitie de height */
	top:50%;            /* constant, toujours 50% */	
	z-index:1
}

#zone {
	position: absolute;
	width:1079px;
	height:813px;
	z-index:3
}

#canvas_masque {
	position: absolute;
	width:1079px;
	height:813px;
	z-index:3
}

#sparascio {
	position:absolute;
	margin-top:364px;
	margin-left:151px;
	width:315px;
	height:46px;
	z-index:4
	
}

#sparascio_start {
    position:absolute;
	width:315px;
	height:46px
}

#sparascio_end {
	position:absolute;
	width:315px;
	height:46px
}

#s1_up {
	position:absolute;
	background-image:url(../img/s_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	width:33px;
	height:24px
	
}

#s1_down {
	position:absolute;
	background-image:url(../img/s_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:0px;
	width:32px;
	height:25px
}

#p_up {
	position:absolute;
	background-image:url(../img/p_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:38px;
	width:33px;
	height:25px
}

#p_down {
	position:absolute;
	background-image:url(../img/p_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:38px;
	width:33px;
	height:25px
}

#a1_up {
	position:absolute;
	background-image:url(../img/a_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:76px;
	width:33px;
	height:24px
}

#a1_down {
	position:absolute;
	background-image:url(../img/a_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:76px;
	width:33px;
	height:25px
}

#r1_up {
	position:absolute;
	background-image:url(../img/r_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:114px;
	width:33px;
	height:24px
}

#r1_down {
	position:absolute;
	background-image:url(../img/r_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:114px;
	width:33px;
	height:25px
}

#a2_up {
	position:absolute;
	background-image:url(../img/a_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:152px;
	width:33px;
	height:24px
}

#a2_down {
	position:absolute;
	background-image:url(../img/a_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:152px;
	width:33px;
	height:25px
}

#s2_up {
	position:absolute;
	background-image:url(../img/s_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:190px;
	width:33px;
	height:24px
}

#s2_down {
	position:absolute;
	background-image:url(../img/s_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:190px;
	width:33px;
	height:25px
}

#c_up {
	position:absolute;
	background-image:url(../img/c_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:228px;
	width:33px;
	height:21px
}

#c_down {
	position:absolute;
	background-image:url(../img/c_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:228px;
	width:33px;
	height:25px
}

#i_up {
	position:absolute;
	background-image:url(../img/i_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:266px;
	width:4px;
	height:21px
}

#i_down {
	position:absolute;
	background-image:url(../img/i_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:266px;
	width:4px;
	height:25px
}

#o_up {
	position:absolute;
	background-image:url(../img/o_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:277px;
	width:33px;
	height:21px
}

#o_down {
	position:absolute;
	background-image:url(../img/o_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:277px;
	width:33px;
	height:25px
}

#dot_com {
	position:absolute;
	margin-top:461px;
	margin-left:369px;
	width:147px;
	height:44px;
	z-index:4
}

#dot_com_start {
	position:absolute;
	width:147px;
	height:44px
}

#dot_com_end {
	position:absolute;
	width:147px;
	height:44px
}


#dot_down_com {
	position:absolute;
	background-image:url(../img/dot_com_down.png);
	background-repeat: no-repeat;
	margin-top:38px;
	margin-left:0px;
	width:4px;
	height:6px
}

#c_up_com {
	position:absolute;
	background-image:url(../img/c_com_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:11px;
	width:33px;
	height:22px
}

#c_down_com {
	position:absolute;
	background-image:url(../img/c_com_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:11px;
	width:33px;
	height:23px
}

#o_up_com {
	position:absolute;
	background-image:url(../img/o_com_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:49px;
	width:33px;
	height:22px
}

#o_down_com {
	position:absolute;
	background-image:url(../img/o_com_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:49px;
	width:33px;
	height:23px
}

#m_up_com {
	position:absolute;
	background-image:url(../img/m_com_up.png);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:87px;
	width:63px;
	height:22px
}

#m_down_com {
	position:absolute;
	background-image:url(../img/m_com_down.png);
	background-repeat: no-repeat;
	margin-top:21px;
	margin-left:87px;
	width:63px;
	height:23px
}

#head {
	position:absolute;
	background-image:url(../img/head.jpg);
	background-repeat: no-repeat;
	margin-top:215px;
	margin-left:788px;
	width:180px;
	height:276px;
	z-index:5
}

#head_2 {
	position:absolute;
	background-image:url(../img/head_2.jpg);
	background-repeat: no-repeat;
	margin-top:215px;
	margin-left:788px;
	width:180px;
	height:276px;
	z-index:3
}

#head_3 {
	position:absolute;
	background-image:url(../img/head_3.jpg);
	background-repeat: no-repeat;
	margin-top:215px;
	margin-left:788px;
	width:180px;
	height:276px;
	z-index:4
}

#address {
	position:absolute;
	font-size:10px;
	margin-top:181px;
	margin-left:669px;
	width:200px;
	height:140px;
	z-index:5
}

#welcome {
	position:absolute;
	text-align:justify;
	font-size:10px;
	margin-top:261px;
	margin-left:481px;
	width:280px;
	height:200px;
	z-index:5
}

#reference {
	position:absolute;
	text-align:justify;
	font-size:10px;
	margin-top:536px;
	margin-left:169px;
	width:133px;
	height:150px;
	z-index:5
}