@charset "utf-8";

* { margin:0;
	padding:0;}
	
img { border:none;}

a {outline:0;}
	
body {
	background-image:url(../../images/background.gif);
	background-repeat:repeat-x;
	background-color:#3ecaff;}
	
div#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../../images/background_container.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	height:895px;
	position:relative;}
	
div#leftbackgroud {
	background-image:url(../../images/left_background.jpg);
	height:260px;
	width:21px;
	position:absolute;
	top:0px;
	left:-21px;}
	
div#container_footer {
	background-image:url(../../images/footer_container.gif);
	background-repeat:no-repeat;
	width:900px;
	height:17px;
	position:absolute;
	top:895px;}
	
div#banner {
/*	background-image:url(../../images/fr/banner.gif);*/
	float:right;
	margin-top:13px;
	width:383px;
	height:107px;
	margin-right:14px!important;
	margin-right:7px;
	text-align:center;
	color:#FFFFFF;}

ul#menu {
	position:absolute;
	top:442px;
	left:301px;
	width:587px;
	height:42px;
	list-style-type:none;}
	
ul#menu li {
	float:left;
	display:inline;}
	
ul#menu li a {
	padding-top:15px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	height:27px;
	color:#FFFFFF;}
	
ul#menu li a:hover {
	color:#ffe74a;}
	
a.about {
	width:146px;
	background-image:url(../../images/about.gif);}
	
a.about:hover {}
	
a.screenshots {
	width:164px;
	background-image:url(../../images/screenshots.gif);}
	
a.screenshots:hover {}
	
a.goodies {
	width:89px;
	background-image:url(../../images/goodies.gif);}
	
a.goodies:hover {}
	
a.ranking {
	width:136px;
	background-image:url(../../images/ranking.gif);}
	
a.ranking:hover {}
	
div#mobile {
	background-image:url(../../images/mobile.jpg);
	background-position:top;
	background-repeat:no-repeat;
	z-index:1;
	width:301px;
	height:604px;
	position:absolute;
	top:296px;
	text-align:center;
	padding-top:40px;
	}
	
div.content {
	width:587px;
	position:absolute;
	top:482px;
	left:301px;
	z-index:1;}
	
div#table_ranking {
	width:581px;
	height:255px;
	background-image:url(../../images/fr/back_ranking_table.jpg);
	padding-left:3px;
	padding-right:3px;
	padding-top:60px;}

div#table_ranking table tr {
	height:29px;
	}
	
div#table_ranking table td {
	font-family:Verdana, Arial, Tahoma;
	font-weight:bold;
	text-align:center;
	font-size:11px;}	
	
.cyan {
	height:19px!important;
	background-image:url(../../images/back_tr.png);}
	
.numb {
	width:79px;
	text-align:right!important;}
	
.score {
	padding-left:98px;
	text-align:left!important;}
	
.td_right {
	text-align:right!important;}
	
.puntos {
	text-align:right!important;
	padding-right:85px;}
	
div#goodies, div#screenshots, div#registration, div#about, div#quizz, div#challenge {
	width:587px;
	height:408px;
	background-image:url(../../images/background_goodie.jpg);
	background-repeat:no-repeat;
	margin-top:8px;}
	
div#challenge {
	background-image:url(../../images/background_quizz.jpg);}
	
div#screenshots {
	background-image:url(../../images/background_screenshots.jpg);}
	
div#about {
	background-image:url(../../images/background_about.jpg);}
	
div#content_about, div#content_quizz {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#012a79;
	padding:20px;}
	
div#content_quizz h2 {
	height:20px;
	display:block;
	text-indent:-99999px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;}
	
div#content_quizz p {
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	font-size:13px;
	padding-bottom:10px;
	border-bottom:3px dashed #FFFFFF;}
	
div#content_quizz ul {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	font-size:13px;
	width:578px;
	margin-left:auto;
	margin-right:auto;}
	
div#content_quizz {
	padding:0px!important;}
	
div#content_quizz ul li {
	text-indent:50px;
	list-style:none;
	position:relative;}
	
div#content_quizz ul li span {
	position:absolute;
	top:5px;
	left:30px!important;
	left:-20px;}
	
ul.radios {
	left:0px;
	padding-left:3px;
	width:578px;
	height:20px;
	background-color:#6fdff3;
	margin-bottom:20px;}	
	
ul.radios li{
	position:absolute;
	top:2px!important;
	top:37px;
	float:left;
	margin-right:20px;
	text-indent:30px!important;}
	
div#quizz_buttons {
	padding-left:77px;
	padding-right:77px;
	padding-top:10px;
	border-top:3px dashed #FFFFFF;
	margin-left:auto;
	margin-right:auto;}
	
a#come_later {
	float:right;}
	
h2.you_ranking_EN {
	width:114px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../../images/fr/your_ranking.gif);}

table.ranking_user {
	font-size:13px;
	margin-left:3px;
	margin-top:10px;}
	
div#bulebox {
	background-color:#003caf;
	background-image:url(../../images/bluebox_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:560px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	margin-top:10px;
	padding-bottom:20px;}
	
div#bulebox img {
	top:0px;
	position:absolute;
	left:180px;}
	
.ok_blue_small {
	position:absolute;
	top:10px;
	left:400px!important;}
	
div#bulebox div#blueboxtipe {
	padding-left:59px;
	position:relative;
	height:30px;
	top:15px!important;
	.top:5px!important;
	top:5px;}
	
div#bulebox div#blueboxtipe input {
	position:absolute;
	left:200px;
	top:0px;
	margin-left:10px;
	border:1px solid #02294f;
	width:180px;
	height:22px;}
	
div#textblue {
	margin-top:20px!important;
	.margin-top:10px!important;
	margin-top:10px;
	text-align:center;}
	
div#inviteblue {
	margin-top:10px;
	width:500px;
	margin-left:auto;
	margin-right:auto;}
	
div#linkblue {
	font-size:11px;}
	
div#linkblue a {
	color:#09c6ff;}

div#bluebuttonplay {
	float:right;
	width:181px;
	height:27px;}
	
div#bluebuttonplay a {
	width:181px;
	height:27px;
	background-image:url(../../images/fr/play_quizz.gif);
	display:block;
	text-indent:-99999px;}
	
div#blueboxtop {
	width:560px;
	overflow:hidden;
	float:left;
	height:10px;
	background-image:url(../../images/bluebox_top.gif);
	background-position:top;}
	
div#line {
	border-bottom:3px dotted #FFFFFF;
	margin-top:20px;
	width:580px;
	margin-left:auto;
	margin-right:auto;}
div#line2 {
 border-bottom:2px dotted #000;
 margin-top:20px;
 width:280px;
 margin-left:auto;
 margin-right:auto;}
	
div#ok_quizz {
	float:left;}
	
h2.quizz_EN {
	width:47px;
	background-image:url(../../images/fr/quiz.gif);}
	
div#registration {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#012a79;
	background-image:url(../../images/background_registration.jpg);}
	
div#quizz {
	background-image:url(../../images/background_quizz.jpg);}
	
div#content_about h2 {
	height:50px;
	display:block;
	text-indent:-99999px;
	background-repeat:no-repeat;
	padding-bottom:6px!important;
	padding-bottom:0px;
	margin-top:-17px;
	margin-left:-17px;
	margin-right:-20px;
	margin-bottom:7px;}
	
h2.introduction_EN {
	background-image:url(../../images/fr/introduction.jpg);}
	
h2.features_EN {
	background-image:url(../../images/fr/features.jpg);}
	
p.texto_about {
	padding-bottom:51px;}
	
div#content_about ul {
	font-size:10px;
	padding-left:12px;}
	
div#content_about ul li {
	}

ol#form, ol#formChallenge {
	margin-top:25px;
	margin-left:160px;
	font-size:13px;}
	
ol#form li, ol#formChallenge li {
	height:22px;
	position:relative;
	margin-bottom:25px;
	list-style:none;}
	
ol#form li input, ol#formChallenge li input, ol#formChallenge li textarea {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#012a79;
	position:absolute;
	left:25px;
	width:180px;
	height:22px;
	border:1px solid #02294f;}
	
ol#formChallenge li input {
	margin-left:10px;}
	
ol#formChallenge li textarea {
	margin-left:10px;
	width:288px;
	height:100px;}
	
ol#form li label {
	position:absolute;
	left:210px;
	top:3px;
	padding-left:10px;}
	
ol#formChallenge li label {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	position:absolute;
	text-align:right;
	left:-135px;}
	
ol#form li img {
	height:18px;
	width:18px;
	position:absolute;
	top:3px;}
	
ol#formChallenge li img {
	height:24px;
	width:24px;
	position:absolute;
	top:0px;}
	
h2.registration_title, h2.registration_challenge {
	display:block;
	width:117px;
	height:17px;
	text-indent:-99999px;
	background-image:url(../../images/fr/registration.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:18px!important;
	padding-top:9px;
	margin-left:auto;
	margin-right:auto;}
	
h2.registration_challenge {
	width:331px;
	height:39px;
	background-image:url(../../images/fr/challenge.gif);}
	
div#registration p {
	padding:15px;}
	
div#footer {
	margin-top:30px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:100px;}

div#flags {
	float:left;
	width:264px;
	padding-left:40px;
	background-image:url(../../images/separator.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:45px;}
	
div#flags a {
	display:block;
	float:left;
	margin-left:5px;
	text-indent:-99999px;
	padding-top:8px;
	width:28px;
	height:29px;
	background-repeat:no-repeat;}
	
div#flags img {
	float:left;
	margin-left:10px;}
	
a.french {
	background-image:url(../../images/french.gif);}
	
a.french:hover {
	background-image:url(../../images/french_over.gif);}
	
a.uk {
	background-image:url(../../images/uk.gif);}
	
a.uk:hover {
	background-image:url(../../images/uk_over.gif);}
	
a.germany {
	background-image:url(../../images/germany.gif);}
	
a.germany:hover {
	background-image:url(../../images/germany_over.gif);}
	
a.spain {
	background-image:url(../../images/spain.gif);}
	
a.spain:hover {
	background-image:url(../../images/spain_over.gif);}
	
a.italy {
	background-image:url(../../images/italy.gif);}
	
a.italy:hover {
	background-image:url(../../images/italy_over.gif);}
	
a.usa {
	background-image:url(../../images/usa.gif);}
	
a.usa:hover {
	background-image:url(../../images/usa_over.gif);}
	
div#legal {
	width:340px;
	padding-top:10px;
	padding-left:14px;
	padding-right:14px;
	float:left;
	background-image:url(../../images/separator.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;}
	
div#gameloft {
	float:left;
	width:200px;
	padding-left:19px;}
t:19px;}
