/* CSS Document */
body
{
	background-color:#fe005a;
	padding:0;
	margin:0;
	text-align:center;
}

h1 {
	display:none;
}


#popdod, #popdod a, #popdod a:visited
{
	color:#FF66FF;
}

.compatibilite_prenoms { display:none;}

#info
{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
}
#info a
{
	color:#666666;
	text-decoration:underline;
}

#info a:hover{text-decoration:none;}

#url {font:normal 10px Arial, Helvetica, sans-serif;width:320px;margin:4px 0 0 0;border:1px solid #9999CC}
#header {
	text-align:left;
	background: url(../gfx/common/header.gif) no-repeat left top;
	width:792px;
	padding:0;
	position:relative;
	height:100px;
	margin:0 auto;
}

div#header img#logo
{
	position:relative;
	left:51px;
	top:44px;
	float:left;
}

div#header div#langue
{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#fa8db3;
	position:absolute;
	left:600px;
	top:60px;
	padding:0;
	margin:0;
	width:200px;
}

div#langue a
{
	color:#0060ff;
}

div#langue a:hover
{
	color:#f30056;
}

div#pubhaut
{
	position:absolute;
	left:303px;
	top:40px;
	margin:0;
	float:none;
}

div#pubthemehaut
{
	position:absolute;
	left:300px;
	top:60px;
	margin:0;
	float:none;
}

#content {
	background: url(../gfx/common/back.gif) repeat-y left top;
	width:792px;
	position:relative;
	margin:0 auto;
	padding:0;
}

#footer
{
	background: url(../gfx/common/footer.gif) no-repeat left top;
	margin:0 auto;
	width:792px;
	position:relative;
	height:50px;
	margin:0 auto;

}

div#box_1
{
	text-align:left;
	position:relative;
	background: url(../gfx/en/box_1.gif) no-repeat left top;
	width:370px;
	height:226px;
	font:bold 0.7em  Arial, Helvetica, sans-serif;
}

div#box_2
{
	position:relative;
	margin:18px 0 0 0;
	background: url(../gfx/en/box_2.gif) no-repeat left top;
	width:370px;
	height:176px;
}

div#box_3 h2
{
margin:0;
padding:0;
text-indent:-1000em;
}

div#column1
{
position:relative;
width:370px;
left:21px;
top:20px;
float:left;
margin:0;
}

div#column2
{
position:relative;
margin:0;
width:370px;
right:21px;
top:20px;
float:right;
/*
margin:0 0 0 380px;
*/
padding:0;
}

#spacer{clear:both;}

div#box_3
{
	position:relative;
	width:370px;
	height:176px;
	margin:0;
	left:0;
	top:0;
}

.box_hidden {display:none}
.box_visible {}

.help_astro
{
	background: url(../gfx/en/box_3.gif) no-repeat left top;
}

.help_prenoms
{
	background: url(../gfx/en/box_32.gif) no-repeat left top;
}

div#box_4
{
	position:relative;
	background: url(../gfx/en/box_4.gif) no-repeat left top;
	width:370px;
	height:298px;
	margin:18px 0 0 0px;
	text-align:left;
}

div#box_4 #pub
{
	position:relative;
	top:35px;
	left:41px;
}

form#form_test
{
	position:absolute;
	left:20px;
	top:40px;
}

form#form_test select
{
	position:relative;
	float:left;
	margin:0 5px 20px 5px;
}

form#form_test input
{
	float:none;
	margin:0 5px 20px 5px;
}

select option
{
}

form#form_test label
{
	position:relative;
	left:0;
	margin:2px 0 20px 0;
	width:160px;
	display:block;
	float:left;
}

form#form_test #submit{z-index:5;position:absolute;margin:0; left:277px; top:120px; padding:0;}


img#results_legend
{
	position:absolute;
	left:32px;
	top:54px;
}


.bar_bg
{
	z-index:1;
	position:absolute;
	left:108px;
	width:212px;
	height:24px;
}

.bar
{
	z-index:2;
	position:absolute;
	left:108px;
	height:24px;
}

.bar span
{
	position:relative;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:white;
	left:6px;
	top:2px;
	margin:0;
	padding:0;
}

div#bar_love_bg
{
	top:56px;
	background:url(../gfx/common/bar_red_bg.gif);
}

div#bar_love
{
	top:56px;
	background:url(../gfx/common/bar_red.gif);
}

div#bar_friend_bg
{
	top:86px;
	background:url(../gfx/common/bar_blue_bg.gif);
}

div#bar_friend
{
	top:86px;
	background:url(../gfx/common/bar_blue.gif);
}

div#bar_work_bg
{
	top:116px;
	background:url(../gfx/common/bar_orange_bg.gif);
}

div#bar_work
{
	top:116px;
	background:url(../gfx/common/bar_orange.gif);
}