html, body{
	height:100%;
	text-align:center;
	background:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background:#EEEAF9 url('/images/page_bg.jpg') no-repeat center top;
}

.wrapper{
	position:relative;
	width:784px;height:605px;margin:0 auto;top:35px;
	background:#EEEAF9 url('/images/body_bg2.jpg') no-repeat;
}

.header{position:relative;height:182px;text-align:left;}

.lang {position:absolute;right:19px;top:19px;height:16px;}
.lang li {float:right;display:inline;margin-right:3px;}
.lang li a{display:block;width:22px;height:16px;}
	.lang b, .lang span {overflow:hidden;position:absolute;width:22px;height:16px;}
	.lang b {z-index:1;letter-spacing:-1px;}
	.lang span {z-index:2;}
		.lang li.en a span{background:url('/images/lang_en.png') no-repeat;}
		.lang li.fr a span{background:url('/images/lang_fr.png') no-repeat;}
	/* over/select */
	.en li.en a span, .fr li.fr a span,
	.lang li a:hover span, .lang li a:active span, .lang li a:focus span	{background-position:left bottom;}

h1 {position:absolute;left:175px;top:36px;}

.menu {position:absolute;left:175px;top:153px;overflow;hidden;zoom:1;}
.menu li {display:inline;float:left;width:82px;height:16px;margin-left:6px;}
.menu li.accueil{margin-left:0;}
	.menu li a, .menu li a:link, .menu li a:visited{position:relative;display:block;width:82px;height:16px;text-align:center;}
	.menu li a:link, .menu li a:visited{color:#2679F1;background-color:#C0D5E8;text-decoration:none;}
	.menu li a:hover, .menu li a:active, .menu li a:focus{color:#fff;background-color:#BDAAEC;}
		.menu b, .menu span {overflow:hidden;position:absolute;top:0;left:0;width:82px;height:16px;}
		.menu b {z-index:1;letter-spacing:-1px;}
		.menu span {z-index:2;}
			/* fr */
			.fr li.accueil a span{background:url('/images/menu_1_fr.png') no-repeat;}
			.fr li.conception a span{background:url('/images/menu_2_fr.png') no-repeat;}
			.fr li.acquisition a span{background:url('/images/menu_3_fr.png') no-repeat;}
			.fr li.monetisation a span{background:url('/images/menu_4_fr.png') no-repeat;}
			.fr li.contact a span{background:url('/images/menu_5_fr.png') no-repeat;}
			/* en */
			.en li.accueil a span{background:url('/images/menu_1_en.png') no-repeat;}
			.en li.conception a span{background:url('/images/menu_2_en.png') no-repeat;}
			.en li.acquisition a span{background:url('/images/menu_3_en.png') no-repeat;}
			.en li.monetisation a span{background:url('/images/menu_4_en.png') no-repeat;}
			.en li.contact a span{background:url('/images/menu_5_fr.png') no-repeat;}
		/* over/select */
		.accueil li.accueil a span, .conception li.conception a span, .acquisition li.acquisition a span, .monetisation li.monetisation a span, .contact li.contact a span,
		.menu li a:hover span, .menu li a:active span, .menu li a:focus span	{background-position:left bottom;}
	
	/* menu recrutement */	
	#recrutement { position:absolute;left:315px;top:175px; }
	#recrutement li {display:inline;float:left;width:120px;height:16px;margin-left:0px;}
	#recrutement li a, #recrutement li a:link, #recrutement li a:visited{display:block;width:120px;height:16px;padding-left:35px;}
	#recrutement li a:link, #recrutement li a:visited{color:#2679F1;background-color:#C0D5E8;text-decoration:none;}

	/* contenu recrutement */
	.recrutements-postes li {height:20px;margin-left:15px;}
	.recrutements-postes a{padding:4px 30px 4px 0;list-style:square;background:transparent url('/images/pdf.gif') no-repeat right center;}
	.recrutements-postes a:link, .recrutements-postes a:visited {color:#000;text-decoration:underline;}
	.recrutements-postes a:hover {color:#333;text-decoration:none;}
	.recrutements-postes strong {font-weight:bold;}
	.recrutements-postes img {vertical-align:middle;}

.main {overflow:auto;width:432px;height:203px;margin:0 auto; margin-top: 15px;text-align:left;background-color:#fff;border:solid 1px #3ad1ff;}
.main .content {padding:8px;}
.main .content p {margin-bottom:10px;text-align:justify;font-weight:bold;}
.main .content p  span{color:#9966FF;font-size:14px;}

.persos {position:absolute;left:434px;top:358px;}

.footer {position:absolute;left:175px;top:425px;text-align:left;}
.footer a{display:block;margin:60px 0 0 360px;}
		
/* FORMULAIRE */
form td div, form textarea{border:solid 1px #a0a0a0;}
form.contact fieldset, form.contact table {border-width:0;padding:0;margin:0;}
form.contact fieldset td {vertical-align:top;}
form.contact fieldset label {font-weight:normal;white-space:nowrap;}
form.contact sup {color:#f00;}
form.contact .required {float:right;padding-top:3px;}
form.contact fieldset input {display:block;width:129px;border-width:0;}
form.contact td div {padding:2px 0;margin-bottom:2px;}
form.contact fieldset textarea {display:block;width:414px;height:70px;margin-top:2px;}
form.contact fieldset button {margin:5px 0 0 0;padding:0;background-color:transparent;border-width:0;text-align:left;}
form .confirm {padding:2em;text-align:center;}