/********************************************
   GENERAL
********************************************/
@font-face { font-family:"Genuine"; src:url(http://www.astrologie-en-direct.com/fonts/Genuine_.TTF);}
body {
	background: #4694b8 url(template/body-bg.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	margin-top:0px;
}

a {color:#4da4c7;}
a:hover{color:#fff;}

h1 {text-align:center; text-transform:uppercase; letter-spacing: -1px; margin:0px; padding:0px;}
#baseline { font: 1.8em Tahoma, Arial, sans-serif ; margin-top: 0px; text-align:center; text-transform:uppercase; color:#e2992c; text-align:center;}
#info { font-size: 2.2em; font-family:Arial, Helvetica, sans-serif ; margin-top: 0px; text-align:center; color:#e2992c; text-align:center; color:#fff;}
#info span{color:#e2992c; font-family:"Arial Black";}
.invit {color:#0af8ad; font: bold 1.8em Arial, sans-serif ; margin: 0px;}
.plus a{color:#4da4c7; font: bold 1.2em Arial, sans-serif ; text-decoration:none;}
.plus a:hover{color:#fff; }
#accroche {color: #4da4c7; font: 1.7em Tahoma, Arial, sans-serif ; text-align:center;letter-spacing: -1px; margin: 20px 0 20px 0;}
#accroche span{color: #fff; text-transform:uppercase;}
/********************************************
   LIBRARY
********************************************/
.align-justify {text-align:justify; }
.align-center {text-align:center ;}
.align-right {text-align:right;}
.float-left {float:left;display:inline;}
.float-right {float:right;display:inline;}
.clear {clear:both;}
.jaune {color:#f8ee84;}
.vert {color:#0af8ad;}
.orange {color:#e2992c;}
.bleu{color: #4da4c7;}
.white{color: #fff;}
/********************************************
   BOX
********************************************/
#content { 
	width: 1059px;
	margin-left:auto;
	margin-right:auto;
}

#header { 
	background: #020223 url(template/header-bg.jpg) top left no-repeat;
	height: 65px;
	margin: 0px;
	
}
#header a{ color: #4da4c7; text-decoration:none;}

#logo {float:left; margin: 20px 0 0 50px; text-transform:uppercase; font-weight: bold; font-size: 1.7em; letter-spacing:-1px; display:inline;}

#wrap { 
	height: 485px;
	margin: 0px;
	color:#FFFFFF;
	padding: 0 40px 0 40px;
} 

.voyance-index { 
	width: 300px;
	height: 215px;
	float: left;
	display:inline;
	margin: 10px 13px 0 13px;
	text-align:center;
	padding: 20px 0 0 0;
}
.voyance-index h2 {color:#f8ee84; font: bold 2.2em Arial, sans-serif ; margin:Opx; padding:0px;}
.voyance-index p{ margin-top: 10px;}

.voyance { 
	height: 240px;
	margin: 0px 13px 0 13px;
	padding: 10px 0 0 300px;
}
.voyance h2 {color:#f8ee84; font: bold 2.2em Arial, sans-serif ;}
.voyance p{ margin-top: 20px;}
/********************************************
   MENU / SOUS MENU
********************************************/
#menu { 
	float: right;
	display:inline;
  	padding:0;
  	margin:17px 40px 0 0; 
  	list-style-type:none; 
  	font-size:1.6em; 
  	font-family:georgia, "times new roman", serif;
	font-weight:bold;
}
#menu li { float:left; 	display:inline; text-align:center; background: url(template/nav-bg.png) no-repeat ; width: 226px; height: 30px; margin: 0 3px 0 0; padding: 5px 0 0 0;}
#menu li a:hover { background:url(img/nav-hover.png) no-repeat left top; color:#fff; padding:0 0 12px 0;}
#menu li.current a {background:url(img/nav-hover.png) no-repeat left top; color:#fff; padding:0 0 12px 0;}

/********************************************
   NUMERO / SMS
********************************************/
.numero,.numero a{
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: center;
}
.numero a {text-decoration: none; color:#fff;}
/********************************************
   FOOTER
********************************************/
#footer { 
	background: #020223 url(template/footer-bg.jpg) top left no-repeat;
	height: 81px;
	color:#4da4c7;
	font-size:1em;
}

#footer a {
color:#4da4c7;
text-decoration: none;
}
	#footer a:hover {color:#fff;}

#mention-legale {  
float: left; 
display:inline;
text-align:left;
margin: 10px 0 0 100px;
padding:0;
}

#copyright {  
float: right; 
display:inline;
text-align:right;
margin:10px 100px 0 0;
padding:0;
}

/********************************************
   FORM
********************************************/
form {
	margin: 0 0 0 10px ; 
	padding: 0 5px;
	font-size: 0.9em;
	text-align:left;
}

fieldset {
	margin: 10px; width: 895px;
}

legend {
	margin: 0 0 0 20px;
}

label {
	font-weight:bold;
	margin: 10px 0 0 10px;
}
input {
	font:  1em Verdana, sans-serif;
}

#nom{ margin:10px 0 0 128px;}
#email{ margin:10px 0 0 78px;}
#autres{ margin:10px 0 10px 170px;}
#sujet{ margin:10px 0 0 95px;}
#corps{ margin: 0 0 0 230px;}
#code{ margin:0 0 20px 0;}

textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCCCCC;
	width:50em; 
	height:8em;
	color:#777;
}
input.button { 
	margin: 0 0 0 10px;
}

.alert {
	font-weight:bold;
	color:#FF6600;
	margin: 0 10px 0 30px;
}

.crypto {
	text-align:center;
}