/* CSS EDEN GAMES */

#conteneur{
	position:absolute;
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	/*top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px;*/
	visibility:visible;
}
#fond{
	position:absolute;
	float:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*margin:-175px 0 0 -175px;*/
	visibility: visible;
}
#fond_acc{
	position:relative;
	float:none;
	/*top:50%;*/
	left:50%;
	margin-left:-350px;
	/*margin-top:-150px;*/
	width:760px;
	height:300px;
	visibility: visible;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
}
/*----------------------------------------------------*/
/*    ACCUEIL     */
#accueil{
	position:relative;
	float:left;
	/*width:100%;*/
	top:50%;
	/*margin-top:-208px;*/
	height:288px;
}
#copyright_acc{
	float:left;
	position:relative;
	top:35%;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
}
#acc_txt{
	float:left;
	background-image:url(images/fond_txt_acc.gif);
	background-repeat:no-repeat;
	/*margin-top: -144px;*/
	padding:40px 20px 40px 30px;
	top:50%;
	position:relative;
	width:490px;
	height:208px;
}

#acc_txt h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:0;
}
#acc_txt p, #acc_txt td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	margin:0;
}
.note{
	font-size:9px;
	color:#fff;
}


/*----------------------------------------------------*/
/* BLOC DE TEXTES  */
.bloc1 {
	bottom:100px;
	left:22%;
	margin:0 0 0 -149px;
	background:url(images/fond_Block.gif) no-repeat top left;
	width:295px;
	height:204px;
	position:absolute; 
}
.bloc2 {
	bottom:100px;
	left:78%;
	margin:0 0 0 -149px;
	background:url(images/fond_Block.gif) no-repeat top left;
	width:295px;
	height:204px;
	position:absolute; 
}
#text1, #text2  {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 240px;

	/*   -----------------  */
	padding: 10px;
	margin:10px;
	
	font:11px Arial, Helvetica, sans-serif;

	visibility: visible;
}

 #text1 p,#text2 p {	color:#fff;
	margin: 0px;}

 #text1 em,#text2 em {color: #cccccc}

.titre_bloc{
	position:absolute;
	top:12px;
	left:30px;
	width:200px;
}
.bt_haut{
	cursor:pointer; 
	position:absolute; 
	right:10px;
	top:10px;
	border:solid 1px #FFF;
}
.bt_bas{
	cursor:pointer; 
	position:absolute; 
	right:10px; 
	bottom:40px;
	border:solid 1px #FFF;
}

#container {
	width: 950px;
	background-color: transparent;
}

div.toggler, form {
	padding: 0;
	margin: 0;
}

/*a:link, a:visited {
	color: #5275b4;
	font-weight: bold;
	outline: none;
}

a:hover, a:active {
	color: #849cc9;
}*/

strong.intitule {
	color: white;
}

div.toggler {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	height: 21px;
	width: 925px;
}

.clair {
	background: rgb(110, 110, 110);
	background-image:url(images/jobs/fond_job_barr1.gif);
}
.fonce {
	background: rgb(60, 60, 60);
	background-image:url(images/jobs/fond_job_barr2.gif);
}

.clair1 {
	background: rgb(110, 110, 110);
	background-image:url(images/jobs/fond_job_barr11.gif);
}
.fonce1 {
	background: rgb(60, 60, 60);
	background-image:url(images/jobs/fond_job_barr22.gif);
}

div.toggler a:link, div.toggler a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

.accordion {
	padding-left:30px;
	padding-right:20px;
	margin-bottom: 3px;
	background-color: rgb(70,70,70);
	width: 875px;
	color: rgb(205,205,205);
}

.message_exception {
	text-align: center;
}

.intitules {
	background-image:url(images/jobs/fond_job_barr_titr.gif);
	height: 34px;
	width: 950px;
	padding-top: 6px;
	background-repeat:no-repeat;
}
#titre_haut_job{
	background-image:url(images/jobs/fond_job_barr_titrN.gif);
	background-repeat:no-repeat;
	height:25px;
	padding:9px 0 0 10px;
	margin:0;
	/*clear:both;*/
}

/***************/
/* FORMULAIRES /*
/***************/

ul.post {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_inscrip_enre_fr.gif);
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}
ul.post1 {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_candi_sponta_fr.gif); 
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}
ul.post11 {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_spont_fr.gif); 
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}
ul.post1_en {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_candi_sponta_en.gif); 
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}
ul.post11_en {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_spont_en.gif); 
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}
ul.post_en {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_inscrip_enre_en.gif);
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}

ul.post_en1 {
	margin: 0 10px 0 0;
	padding: 5px 0 0 115px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_titrR_en.gif);
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}


ul.post li {
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post_en li{
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post li:first-child {
border:0;
}


ul.post1 li {
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post1_en li {
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post11 li {
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post11_en li {
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post_en1 li{
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post1 li:first-child {
border:0;
}
/**************************************/
ul.post2 {
	margin: 0 10px 0 0;
	padding: 5px 0 0 150px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_inscrip_fr.gif);
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}
ul.post2_en {
	margin: 0 10px 0 0;
	padding: 5px 0 0 150px;
	/*background-color: #000;*/
	background-image:url(images/jobs/fond_job_barr_inscrip_en.gif);
	background-repeat:no-repeat;
	clear:left;
	height:34px;
}

ul.post2 li{
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post2_en li{
	/*background-color: #000;*/
	margin:0 0 0 -1px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	/*height:10px;*/
	display:block;
	/*line-height:24px;*/
	/*border-left: 1px #fff dotted;*/
	float:left;
	list-style-type: none;
}
ul.post2 li:first-child {
border:0;
}
ul.post2_en li:first-child{
border:0;
}
.info_added {
	/* ajoute un picto à la place de la puce */
	list-style-position: outside;
	list-style-image: url(images/jobs/puce_added.gif);
	padding-right:0;
}
.info_added li {
	color:#000000;
	padding:0;
}
form#candidature {
	margin: 0 0 0 10px;
}

#teteform, #piedform {
	font: bold 1.5em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin: 0;
	/*padding: .5em;*/
}

#teteform {
	padding: .5em;
	margin-bottom: 10px;
}


#piedform {
	width:610px;
	margin-top: 0;
	margin-left: 10px;
	text-align: right;
	background-color:#999999;
}
#piedform2 {
	margin-left: 11px;
	width:800px;
	text-align: right;
	background-color:#999999;
}

#candidature {
	/*border: 1px solid black;*/
	margin: 0;
	padding: 0;
	/*** Largeur du formulaire ***/
	width: 650px;	
}
#tab_fond_candidature{
	background-image:url(images/jobs/tab_form_mid.gif);
	background-repeat:repeat-y;
	width: 850px;
	margin:0 0 -5px 0;
	padding:0;
}

a:link, a:visited, a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#cccccc;
}

a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;
}

#candidature p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#candidature label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	font-weight: bold;
}

#candidature label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#candidature .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #000;
	background: transparent;
	margin: 0;
	padding: 0;
}

#candidature .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: lightgray;
	color: black;
}
#candidature .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#candidature .message_erreur {
	width:540px;
	color:#FF0000;
	font-weight:bold;
	padding: 10px;
	margin: 10px 10px 10px 40px;
	border: 1px dotted rgb(255,255,255);
	background-color:#CCCCCC;
	text-align: center;
}

#profil {
	/*border: 1px solid black;*/
	margin: 0;
	
	/*** Largeur du formulaire ***/
	width: 650px;	
	padding: 0 .5em 0 0;
	width: 60%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
}
#competence {
	/*border: 1px solid black;*/
	margin: 0;
	padding: 0 0 0 3em;
	width:100%;
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	/*** Largeur du formulaire ***/
	
}

div#log  {
	background: url(images/jobs/back.png) no-repeat;
	color:white; 
	padding:15px;
	margin-top:0px;
}

div#log2  {
	background: url(images/jobs/back2.png) no-repeat;
	color:white; 
	padding:20px;
	margin-top:0px;
}

span.login .username input {
	background: url(images/jobs/username_bg.png) 0 0 no-repeat;
	padding-left:25px;

	margin:2px;margin-left:18px;
}

span.login .password input {
	background: url(images/jobs/password_bg.png) 0 0 no-repeat;
	padding-left:25px;

	margin:2px;margin-left:18px;
}

span.login .username input:hover, span.login .username input.sfhover {
	background: url(images/jobs/username_bg.png) 0 -20px no-repeat;
	color: #000000;
}

span.login .password input:hover, span.login .password input.sfhover {
	background: url(images/jobs/password_bg.png) 0 -20px no-repeat;
	color: #000000;
}

span.login .username input:focus, span.login .username input.sffocus {
	background: url(images/jobs/username_bg.png) 0 -20px no-repeat;
	color: #000000;
}

span.login .password input:focus, span.login .password input.sffocus {
	background: url(images/jobs/password_bg.png) 0 -20px no-repeat;
	color: #000000;
}

span.login .login-button-icon button {

	height: 20px;
	width: 21px;
	border: none;
	background: url(images/jobs/login_button_bg.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
	margin:6px;
	margin-left:18px;
}

span.login .login-button-icon button:hover, span.login .login-button-icon button.sfhover  {
	background: url(images/jobs/login_button_bg.png) 0 -20px no-repeat;
}

span.login .login-check-remember{
	margin-left: 50px;
	margin:6px;
	overflow: hidden;
	padding-left:150px;
	cursor:pointer
}

span.logout {
	height: 20px;
}


span.logout .logout-button-icon button {
	display: block;
	height: 20px;
	width: 21px;
	border: none;
	background: url(images/jobs/logout_button_bg.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
}

span.logout .logout-button-icon button:hover, span.logout .logout-button-icon button.sfhover  {
	background: url(images/jobs/logout_button_bg.png) 0 -30px no-repeat;
}

#test2 {
	
	width: 135px;
	/*background: #444;*/
	color: #fff;
	padding: 10px;
	margin-left: 780px;
	margin-top: -65px;
	/*border: 3px solid red;*/
	background: url(images/jobs/back3.png) 0 0 no-repeat;
}