body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0;
	padding: 0;
	background-image: url(images/back-02.png);
	height:100%;
}

/********************* GENERAL *************************************************/

a {
 color : #cccccc;
}

a:hover {
 color : #ffffff;
}

h1 {
 font-size: 12px;
 weight: bold;
 color: #ffffff;
}

h2 {
 font-size: 12px;
 weight: bold;
 margin: 0;
}

/********************* CONTENANT **********************************************/

#tout {
	width:900px;
	margin:0 auto;
	} 

#main {
  display: block;
	position: relative;
	top:365px;
	width:900px;
}

#header {
  display: block;
	position:absolute;
	top:0;
	width:900px;
	height:205px;
	z-index:10;
}

#barre {
  display: block;
	position: absolute;
	top:205px;
	width:920px;
	z-index:10;
	overflow:hidden;
	text-align:left;
}

#contenu {
 margin-left: 50px;
 color : #cccccc;
 font-size: 11px;
}
/***************** HORIZON*** ****************************************************/
#horizon-haut {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 205px;
	width: 100%;
	margin: 0;
	background-image: url(./images/back-01.jpg);
}
#horizon-bas {
	position: absolute;
	top: 205px;
	left: 0px;
	height: 160px;
	width: 100%;
	margin: 0;
	background-image: url(./images/back-01.png);
}
#disclaimer {
 position: relative;
 top:410px;
 width:900px;
 margin:0 auto;
 text-align:center;
}

/***************** NAVIGATION ****************************************************/

.flesh {
 float:left;
}

#navigation {
 display: block;
 padding:0;
 margin-left: auto;
 margin-right: auto;
 width:900px;
 height:
}

#cmd-voyance a:hover {background: url(images/voyance-02.png) no-repeat 0 -120px ;}
#cmd-voyance a:active {background: url(images/voyance-02.png) no-repeat 0 -60px ;}
#cmd-voyance a
		{
		float:left;
		display: block ;
		width: 200px ;
		height:60px;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-02.png) no-repeat 0 0 ;
		border: 0px;
		}
#act-voyance a
		{
		float:left;
		display: block ;
		width: 200px ;
		height:60px;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-02.png) no-repeat 0 -60px;
		border: 0px;
		}
		
#cmd-horoscope a:hover {background: url(images/voyance-03.png) no-repeat 0 -120px ;}
#cmd-horoscope a:active {background: url(images/voyance-03.png) no-repeat 0 -60px ;}
#cmd-horoscope a
		{
		float:left;
		display: block ;
		width: 175px ;
		height:60px;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-03.png) no-repeat 0 0 ;
		border: 0px;
		}
#act-horoscope a
		{
		float:left;
		display: block ;
		width: 175px ;
		height:60px;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-03.png) no-repeat 0 -60px;
		border: 0px;
		}
		
#cmd-astrologie a:hover {background: url(images/voyance-04.png) no-repeat 0 -120px ;}
#cmd-astrologie a:active {background: url(images/voyance-04.png) no-repeat 0 -60px ;}
#cmd-astrologie a
		{
		float:left;
		display: block ;
		width: 175px ;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-04.png) no-repeat 0 0 ;
		border: 0px;
		}
#act-astrologie a
		{
		float:left;
		display: block ;
		width: 175px ;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-04.png) no-repeat 0 -60px;
		border: 0px;
		}

#cmd-numerologie a:hover {background: url(images/voyance-05.png) no-repeat 0 -120px ;}
#cmd-numerologie a:active {background: url(images/voyance-05.png) no-repeat 0 -60px ;}
#cmd-numerologie a
		{
		float:left;
		display: block ;
		width: 175px ;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-05.png) no-repeat 0 0 ;
		border: 0px;
		}
#act-numerologie a
		{
		float:left;
		display: block ;
		width: 175px ;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-05.png) no-repeat 0 -60px;
		border: 0px;
		}
		
#cmd-cartomancie a:hover {background: url(images/voyance-06.png) no-repeat 0 -120px ;}
#cmd-cartomancie a:active {background: url(images/voyance-06.png) no-repeat 0 -60px ;}
#cmd-cartomancie a
		{
		float:left;
		display: block ;
		width: 175px ;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-06.png) no-repeat 0 0 ;
		border: 0px;
		}
#act-cartomancie a
		{
		float:left;
		display: block ;
		width: 175px ;
		color: #000 ;
		line-height: 60px ;
		text-decoration: none ;
		background: url(images/voyance-06.png) no-repeat 0 -60px;
		border: 0px;
		}