@charset "utf-8";
/* CSS Document */

body{
	margin:0; 	padding:0;
	font-family:Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#202020;
	background:#ffffff url(imgs/bg-body.jpg) repeat-x top left;
}

a { color:#33cc33; text-decoration:none; }
	a.cache { color:#202020; }
	a.cache:hover { color:#202020; font-style:italic; }

img 
{
	border:none;
}

#global
{
	position:relative;
	width:980px;
	margin:0; padding:0;
}

/*body > div#nav_wraper {
	position:fixed;
}*/

#header {
	width:980px; 
	height:158px;
	background:transparent url(imgs/header.jpg) no-repeat top left;
	margin:0 auto;
	padding:0;
}

#nav_wraper {
	position:relative;
	top:-107px;
	#top:-94px;
	margin:0 auto;	
	padding:0 0 0 300px;
	height:40px; width:430px;
}

h1{
	position:relative;
	top:0; left:44px;
	diplay:block;
	height:130px; width:180px;
	text-indent:-5000px;
	overflow:hidden;
}

ul { list-style: none; }
	ul li span { color:#33cc33; font-size:1.2em; }

#vraiment {
	position:absolute;
	top:40px; left:350px;
	width:640px; height:238px;
	background:transparent url(imgs/ckc.jpg) no-repeat top left;
	overflow:hidden; text-indent:-5000px;
}

/***********************************************************************/
/***************************   MENU   **********************************/
/***********************************************************************/
#nav_wraper ul {
	
	list-style-type:none;
	height:40px; width:430px;
	overflow:hidden;
}

ul#main_menu li{
	display:block; 
	float:left;
	color:#ef8e11;
	padding:20px 0 4px 0;
	font-weight:normal;
	background: transparent url(imgs/bg-menu.jpg) no-repeat -12px 0px;
	height:34px; width:102px; 
	text-align:center;
	overflow:hidden;
}
ul#main_menu li.themes { background-position:-111px 0; }
ul#main_menu li.jeu { background-position:-209px 0;}
ul#main_menu li.contact { background-position:-307px 0;}


ul#main_menu li a{
	color:#fff;
	font-size:0.9em;
	letter-spacing:1.4px;
}

ul#main_menu li a:hover,  ul#main_menu li a.selected{
	color:#222;
}


/***********************************************************************/
/***************************  DECO  **********************************/
/***********************************************************************/

#scientist {
	float:left;
	padding:30px 4px 200px 4px;
}


/***********************************************************************/
/***************************  PUBS  **********************************/
/***********************************************************************/

#feeries {
	display:block; width:500px; height:100px; 
	background:transparent url(imgs/links/feerieshorizontale.jpg) top left no-repeat;
	position:absolute; top:-47px; left:339px;
	text-indent:-5000px; overflow:hidden;
	
}



/***********************************************************************/
/***************************  FOOTER  **********************************/
/***********************************************************************/

#footer{
	position:relative;
	border-top:3px solid #33cc33;
	background:#666;
	height:155px;
	padding:5px 0 0;
}
	#footer p{
		text-align:right; padding-right:130px; 
		font-weight:bold; font-size:1.1em; color:#fff;
	}
	
	#footer img { position:absolute;
		top:-37px; right:60px;
	}
	
		#footer p a {  }

/***********************************************************************/
/**************************   CONTENT   ********************************/
/***********************************************************************/


#content {
	background:#FFFFFF;
	padding:0;
	width:886px;
	
	position:relative;
	margin:0 auto;
	top:-53px;
	#top:-40px;
	width:885px;
	left:17px;
	#left:16px;
	min-height:400px;
	_height:400px;
	overflow:visible;
}

div.mainbox {
	width:750px;
	background:#fafafa;
	border:1px solid #3F3F3F;
	padding:20px;
	margin:0 auto;
	text-align:justify;
	line-height:1.5;
	overflow:visible;
}
	div.mainbox p, div.mainbox div { text-align:justify; overflow:auto; }

h2{
	padding:15px;
	color:#333;
	font-size:1.9em;
	font-weight:bold;
	margin:0;
}

	h2 span { color:#33cc33; font-size:0.8em; font-weight:normal; letter-spacing:1.5px; }

form { }
form #errors ul li { color:#FF6600; } 
	form fieldset { border:none; }	
	
	label { width:75px; display:block; height:25px; }
	input, textarea {
		background:#666; border:none; color:#F2F1F1; padding:2px;
	}
	input { width:190px; }
	textarea {
		width:350px;
	}
	
	form div#contactleft, form div#contactmiddle{
		width:200px; float:left;  margin:0 15px ;
	}
	
	form div#contactright{
		width:360px; float:left;  margin:0 15px ;
	}
	
	form p#field-pseudo{
		display:none;
	}
	
		div#contactleft p{
			text-align:justify;
		}
		form #submitbutton{ text-align:right; padding-right:6px;}
		form #submitbutton input {
			text-align:center; 
			border:1px solid #33cc33;
			background:none;
			font-size:1.1em;
			padding:3px;
			width:auto;
			background:#33cc33;
			font-weight:bold;
		}
	
		form #submitbutton input:hover { background:#fff; color:#33cc33; cursor:pointer; }
	form input.checkbox { background:none; border:none; }
		
#transForm textarea {
	width:400px; height:350px;
}

#transForm #submitbutton{ 
	padding-left:165px;
	text-align:left; 
}	
		
/***********************************************************************/
/**************************   JEU CONCOUR   ****************************/
/***********************************************************************/




form#participeForm fieldset { border:1px solid #ccc; padding:7px; margin:15px auto; background:#fff; }
	form#participeForm fieldset legend { color:#33cc33; font-size:1.3em; }

p.infos { font-style:italic; }
	p.infos span { color:#33cc33; font-weight:bold; font-size:1.5em; }
	

	
form#participeForm label{
	width:490px;		
}	

form#participeForm p#field-pwd { display:none; }

form#participeForm p#field-reponse input { width:490px; }
form#participeForm p#field-email input { width:300px; }
form#participeForm p#field-pseudo { display:block; }

form#participeForm p#field-pseudo label,
form#participeForm p#field-firstname label,
form#participeForm p#field-name label,
form#participeForm p#field-email label { width:80px; float:left; }

form#participeForm p#field-accept label {  width:340px; float:left; }
form#participeForm p#field-accept input { width:20px }

#participeForm textarea { width:490px; height:150px; }

#participeForm #submitbutton{ 
	text-align:left; 
	padding:10px 0;
}
	#participeForm #submitbutton input { margin-left:460px; }

p#bonjeu { text-align:center; font-size:1.4em; color:#33cc33; letter-spacing:2px; }