body{
	background:#fff url(images/background.jpg) fixed repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	margin:0 auto;
	padding:0;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none;
}
.clear{
	visibility:hidden;
	clear:both;
}
.inner{
	padding:7px;
}
/* FORMULAIRE */
input{
	border:1px solid #dcc5db;
}

/* STRUCTURE */
#wrap{
	position:relative;
	background-color:#fff;
	width:900px;
	margin:0 auto;
	padding:0;
}
#header{
	position:relative;
	width:900px;
	height:241px;
	background:url(images/header.jpg) top left;
	color:#fff;
}
#header .intro{
	margin:0;
	font-size:0.6em;
	text-align:center;
}
#header .titre{
	position:absolute;
	top:83px;
	left:23px;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
}
#header .phone{
	position:absolute;
	top:110px;
	left:63px;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}
#header .tarif{
	position:absolute;
	top:145px;
	left:63px;
	font-size:0.7em;
}
#header .boule-de-cristal{
	position:absolute;
	top:97px;
	left:291px;
}
#left{
	margin-top:13px;
	float:left;
}

#right{
	margin-top:15px;
	float:left;
}
/* MENU */
#menu{
	position:absolute;
	bottom:5px;
	padding-left:115px;
	width:780px;
	height:34px;
}

#menu a{
	display:block;
	float:left;
}
a.accueil{
	width:118px;
	height:34px;
	background:url(images/menu_accueil.jpg) top left;
}
a.accueil:hover{
	background:url(images/menu_accueil.jpg) bottom left;
}
a.voyance{
	width:118px;
	height:34px;
	background:url(images/menu_voyance.jpg) top left;
}
a.voyance:hover{
	background:url(images/menu_voyance.jpg) bottom left;
}
a.astrologie{
	width:135px;
	height:34px;
	background:url(images/menu_astrologie.jpg) top left;
}
a.astrologie:hover{
	background:url(images/menu_astrologie.jpg) bottom left;
}
a.horoscope{
	width:132px;
	height:34px;
	background:url(images/menu_horoscope.jpg) top left;
}
a.horoscope:hover{
	background:url(images/menu_horoscope.jpg) bottom left;
}
a.tarot{
	width:98px;
	height:34px;
	background:url(images/menu_tarot.jpg) top left;
}
a.tarot:hover{
	background:url(images/menu_tarot.jpg) bottom left;
}

/* MAIN */
#main_top{
	width:700px;
	height:309px;
	background:url(images/main_top.jpg) top left;
}
#main_middle{
	width:700px;
	color:#85007e;
	font-size:0.8em;
	background:url(images/main_middle.jpg) top left;
}
#main_middle .inner{
	padding:0 23px 0;
}
#main_bottom{
	width:700px;
	height:19px;
	background:url(images/main_bottom.jpg) bottom left;
}

/* BOUTON VALIDER */
.validerVoyance{
	display:block;
	width:625px;
	height:61px;
	margin:7px auto 0;
	border:none;
	cursor:pointer;
	background:url(images/valider_voyance.jpg) no-repeat left top;
}
.validerVoyance:hover{
	background: url(images/valider_voyance.jpg) no-repeat left bottom;
}


/* COLONNE DE DROITE */
#right_top{
	margin-top:3px;
	width:199px;
	height:7px;
	background:url(images/right_top.jpg) top left;
}
#right_middle{
	width:199px;
	background:url(images/right_middle.jpg) top left;
	font-size:0.6em;
	text-align:justify;
}
#right_middle .inner{
	padding:7px 21px 7px 13px;
}
/*#right_middle a{
	text-align:center;
	display:block;
	margin:10px auto;
	width:162px;
	height:24px;
	line-height:24px;
	color:#fff;
	font-size:9px;
	text-decoration:none;
	font-family: Arial;
	background:url(images/details.jpg) no-repeat top left;
}*/
#right_middle img{
	width:120px;
	margin:7px auto;
	border:1px solid #19c2ff;
	display:block;
}
#right_bottom{
	margin-bottom:13px;
	width:199px;
	height:7px;
	background:url(images/right_bottom.jpg) bottom left;
}

/* INFO ET COPYRIGHT */
#info{
	width:900px;
	margin-top:20px;
	text-align:center;
	color:#0cf;
	font-size:0.7em;
}
#info a{
	color:#0cf;
	text-decoration:none;
}
#info a:hover{
	color:#0cf;
	text-decoration:underline;
}
#copyright{
	width:900px;
	margin-top:5px;
	text-align:center;
	font-size:0.7em;
}

/* FOOTER */
#footer_top{
	margin-top:5px;
	width:900px;
	height:10px;
	background:url(images/footer_top.jpg) top left;
}
#footer_middle{
	width:900px;
	color:#85007e;
	background:url(images/footer_middle.jpg) top left;
}
#footer_bottom{
	width:900px;
	height:10px;
	background:url(images/footer_bottom.jpg) bottom left;
}

.colonne{
	width:299px;
	float:left;
	border-right:1px dotted #000;
}
.colonne{
	width:299px;
	float:left;
	border-right:1px dotted #000;
}
.lastColonne{
	width:299px;
	float:left;
}
.innerColonne{
	padding:27px 27px 7px;
	font-size:0.8em;
}
.pColonne{
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin-bottom:7px;
}
#footer_middle a{
	color:#85007e;
	text-decoration:none;
}
#footer_middle a:hover{
	color:#85007e;
	text-decoration:underline;
}
