@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99CC66;
	background-color:#000000;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;		
}
body, #page, div, #header, #menu {
    padding:0;
	margin:0;
}
h1{
	display:none;
}
#page{
	position: absolute;      /* selon la largeur voulue */
    margin-left: -491px; /* moitie de width */
    left: 50%;           /* constant, toujours 50% */
    margin-top: -350px;   /* moitie de height */
    top: 50%;            /* constant, toujours 50% */
	width:982px;
	height:786px;
	width:982px;

	background:transparent;
}
#header{
	padding:0;
	margin:0 0 15px 0;
	background-image:url(../images/header-accueil.jpg);
	background-repeat:no-repeat;
}
#logo{
	padding:0 0 0 547px;
	margin:0;	
}
#page img{
	border:none;
}
#flash{
	margin:0 0 10px 0;
	padding:0;
}

/*---------------------------------MENU*/
#menu{
	padding:0px 0 0 0;
	margin:0;
	width:982px;
	background-color:#000000;
	overflow:hidden;
	}
#menu ul{
	padding:0;
	margin:0;
	list-style:none;
		}
#menu li{
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:left;
	margin:0px;
			}
#menu li a{
	float:left;
	border:none;
}
#menu li a:hover{
	border:none;
}
#menu li a span{
	display:none;
}
#menu li a.current{
	display:block;
	float:left;
	color:#fff;
	background:#da6800 repeat-x left;
	font-size:11px;
	font-weight:bold;
	line-height:66px;
	text-decoration:none;
	padding:0px;	
				}
#menu li a:hover.current{
	color:#fff;
					}
#menu li a.presentation{
	background:url(../images/1-bt-eteint.jpg) no-repeat;
	width:195px;
	height:132px;
				}
#menu li a:hover.presentation{
	background:url(../images/1-bt-allume.jpg) no-repeat;
					}
#menu li a.deco{
	background:url(../images/2-bt-eteint.jpg) no-repeat;
	width:195px;
	height:132px;
				}
#menu li a:hover.deco{
	background:url(../images/2-bt-allume.jpg) no-repeat;
					}
#menu li a.protege{
	background:url(../images/3-bt-eteint.jpg) no-repeat;
	width:195px;
	height:132px;
}
#menu li a:hover.protege{
	background:url(../images/3-bt-allume.jpg) no-repeat;
}
#menu li a.stickers{
	background:url(../images/4-bt-eteint.jpg) no-repeat;
	width:195px;
	height:132px;
}
#menu li a:hover.stickers{
	background:url(../images/4-bt-allume.jpg) no-repeat;
}
#menu li a.contact{
	background:url(../images/5-bt-eteint.jpg) no-repeat;
	width:195px;
	height:132px;
	margin:0 0 0 1px;
	padding:0;
}
#menu li a:hover.contact{
	background:url(../images/5-bt-allume.jpg) no-repeat;
}