@charset "UTF-8";
/* @override 
	http://media.wanajob.com/search/style.0.2.4.css
*/
/*
COULEURS
orange:	#ec6400
bleu foncé: #00c
bleu clair: #77c
vert: #008040
*/
/* wanajob.css */

/* @group Global */
body, html {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	min-width: 1050px;
	padding: 0;
	margin: 0;
	height: 100%;
}
#body-wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* Templating */
.head {
	background: transparent url(./img/fr/bg_grey_gradient.png) repeat-x 0
		100%;
	padding-top: 16px;
}
.head h1 {
	padding: 0 !important;
	margin: 0 !important;
}
.head h1 a {
	background-color: transparent;
	background-image: url(./img/sueded/emploi-wanajob-offres.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	display: block;
	width: 201px;
	height: 54px;
	overflow: hidden;
	text-indent: -999em;
}
.container {
	padding-bottom: 64px;
}

#welcome_home { /*margin-top:20px;*/
	
}

.box-l {
	clear: both;
	float: left;
	width: 350px;
}

.box-r { /*float: left;*/
	
}

h1 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 5px;
	margin: 13px 0 5px 0;
}

h1 span {
	margin: 0;
	font-size: 16px;
	letter-spacing: 0px;
	color: #666;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	font-size: 13px;
	clear:both;
}
h2 small {
	font-weight: normal;
}
h1+h2 {
	padding-top: 20px;
}

h2 form {
	display: inline;
}

#p-dashboard h2 { /* border-bottom: 1px dotted #ccc; */
	
}

#p-dashboard .offer h2 {
	border: 0;
}

h3 {
	font-size: 12px;
	color: #333;
}

h3 span {
	font-size: 13px;
	color: #333;
	font-weight: bold;
	padding: 18px 0 11px 40px;
	background: transparent url(./img/fr/img_h_savedsearch.png) no-repeat 0 65%;
	display: inline-block;
}

h3 span.mag {
	background: transparent url(./img/fr/img_h_lastpost.png) no-repeat 0 65%;
}

h4 {
	font-size: 9px;
	color: #333;
	background-color: #EFEFEF;
	padding: 5px;
	margin: 5px -13px 10px 0px;
	border: #CCCCCC dotted 1px;
}

q {
	color: #999;
	font-size: 13px;
	line-height: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* @group Tables */
table {
	border-collapse: collapse;
}

tr {
	vertical-align: top;
}

tr.even {
	background: #eee;
}

/* @group Table des filtres sauvegardés */
table.filters {
	width: 80%;
}

table.filters small {
	font-size: xx-small;
	color: #999;
}

table.filters tr.odd {
	background: #f6f6f6;
}

table.filters tr.even {
	background: #fff;
}

table.filters {
	border-top: 1px dotted #ccc;
}

table.filters td.criterias {
	border-bottom: 1px dotted #ccc;
	font-size: xx-small !important;
}

table.filters td.criterias {
	padding-left: 10px;
}

table.filters>tbody>tr.criterias th {
	text-align: right;
}

table.filters th.f-title {
	font-family: 'Trebuchet MS', geneva, sans-serif;
	font-size: 16px;
	width: auto;
	padding: 3px 10px;
	text-align: left;
	vertical-align: middle;
	align: left;
}
table.filters th.f-title a {
color:#449CE9;}
table.filters a {
}
/* @end */ /* @group Liens */
a {
	color:#449CE9;
	/*color: #177efb;*/
	cursor: pointer;
	text-decoration: underline;
	font-size: inherit;
	font-weight: inherit;
}

a:hover {
	color: #F90 !important;
}

/* tous les liens avec des pictos */
a.add,a.added,a.delete,a.mail,a.details,a.opinion-neutral,a.opinion-for
	{
	background: transparent url(./img/wj-compressed.png) no-repeat 0 0;
	min-height: 16px;
	padding: 3px 2px 3px 20px;
}

a.add {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 0;
}

a.add:hover,a.added {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -20px;
}

a.delete {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -40px;
}

a.delete:hover {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -60px;
}

a.mail {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -80px;
}

a.mail:hover {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -100px;
}

a.details {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -260px;
}

a.details:hover {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -280px;
}

a.opinion-neutral {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -120px;
}

a.opinion-neutral.toggle:hover {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -140px;
}

a.opinion-for {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -140px;
}

a.opinion-for.toggle:hover {
	background-image: url(./img/wj-compressed.png);
	background-position: 0 -120px;
}

a img {
	border: 0;
}

/* @end */ /* @group Formulaires */
label[for] {
	cursor: pointer;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 1px;
	/*letter-spacing:1px; */
}

form div { /* chaque row dans les formulaires */
	padding-top: 10px;
}

form div.submit-row {
	/* traitement de faveur uniqement pour cette ligne */
	clear: both;
	text-align: center;
	padding: 10px;
}

input[type=text],textarea,input[type=password] {
	border: 1px solid #ccc;
}

input[type=text]:hover,textarea:hover,input[type=password]:hover {
	border-color: #fa993a;
}

input[type=text]:focus,textarea:focus,input[type=password]:focus {
	background: #fffcee;
	border-color: #fa993a;
}

textarea {
	min-width: 60%;
}

input[type=submit],button {
	cursor: pointer;
}

button {
	border: 0;
	background: transparent;
	text-align: left;
}

button:focus {
	outline: none;
	-moz-outline-style: none;
}

button img {
	display: block;
	border: 0;
}

fieldset {
	border: 0;
}

#button_register_hp {
	float: left;
	position: absolute;
	margin-left: 547px;
}

#search_area_hp {
	position: absolute;
	margin-top: 22px;
	margin-bottom: 0;
}

/* @group form#user_registration & form#user_update  & form#user_duplicate*/
#user_registration,#user_update,#user_duplicate {
	width: 70%;
	min-width: 500px;
}

#user_registration legend,#user_update legend {
	font-weight: bold;
	font-size: 13px;
	color: #999;
}

#user_registration fieldset,#user_update fieldset {
	/*border-top: 1px dotted #ccc;*/
	margin-top: 5px;
}

input#update_submit,input#registration_submit,input#duplicate_submit {
	background: #EFEFEF;
	border: 2px solid #CCC;
	padding: 5px;
}

/* @end */ /* @group  Duplicates */
#user_duplicate {
	background: #CCD9F2;
	padding: 10px;
	border-radius: 7px; /* classe officielle */
	-moz-border-radius: 7px; /* pour moz */
	-webkit-border-radius: 7px; /* pour safari & konqueror */
}

input#duplicate_submit {
	background: #8ab5f2;
	border: 1px outset #999;
	padding: 5px;
}

.box_message {
	width: 200px;
	height: 17px;
	background: #FDFDFF;
	border: 1px outset #999;
	padding: 1px;
}

/* @end */ /* @end */
/* @group Formulaire de recherche */
#query_search { /* style="width:100%; min-width:600px" */
	overflow: auto;
}

#query_search div {
	display: block;
	float: left;
	margin: 5px 0 5px 10px;
	/*	garder ces valeurs pour degradation de largeur d'ecran, 
								sinon tout les inputs se chevauchent */
	padding: 0;
}

#query_search label {
	display: block;
}

input#search {
	width: 240px;
	height: 17px;
	font-size: 13px;
	padding: 1px;
	border-width: 4px;
	border-color: #ccc;
	border-style: solid;
}

input#fpc {
	width: 220px;
	height: 17px;
	font-size: 13px;
	padding: 1px;
	border-width: 4px;
	border-color: #ccc;
	border-style: solid;
}

.exemple {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #999;
}

#query_search button {
	padding: 0;
	margin: 0;
}

/* @end */
#bt-accsubs {
	float: right;
	display: block;
	height: 20px;
	margin: 0 30px 0 0;
}

#bt-helpsearch {
	float: right;
	margin: 4px 30px 0 0;
}

.nav_top {
	text-align: right;
	color: #ccc;
	padding: 3px 10px;
	position: absolute;
	right: 0;
	top: 0;
}

.nav_top strong {
	color: #F90;
	font-weight: bold;
	padding: 1px;
	padding-left: 15px;
	background: transparent url(./img/fr/i_member.png) no-repeat 0 95%;
}

.nav_top a {
	text-decoration: none;
}

.nav_top a:hover {
	text-decoration: underline;
}

#savedsearch-home {
	float: left;
	display: block;
	padding: 10px;
}

#adzonehome {
	float: right;
	margin-bottom: 20px;
	width: 310px;
}

#adzonehome .adlabel {
	margin-bottom: -5px;
}

.adlabel {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 10px;
}

.adlabel-subscribe {
	display: block;
	text-align: left;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	margin-bottom: 10px;
}

.adhome {
	text-align: right;
	display: block;
	clear: both;
	padding: 10px 10px 0 0;
	background: transparent url(./img/fr/bg_h_ads.png) no-repeat right top;
	margin-bottom: 5px;
}

.wh_title {
	font-family: 'Trebuchet MS', geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #2474BB; /*#F90;*/
	margin: 5px 0 15px 0;
}

.wh_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 0 5px 0 0;
	line-height: 160%;
}

/* index_beta */ /* --------------- container --------------*/
#accueil {
	width: 700px; /*home page wanajob*/
	margin: 0px auto;
	padding: 0px 0px;
	text-align: left;
}

/* --------------- contactus.php --------------*/
.messagecontainer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #b8b8b8;
	background: #E1EDF4;
	margin-top: 1em;
	width: 99%;
}

.messagecontainer .innerdiv {
	background: transparent url(./img/fr/tlcorner.gif) top left no-repeat;
	position: relative;
	right: 2px;
	bottom: 2px;
	padding: 7px 4px 7px 30px;
}

/* ---------------- header ----------------*/
#header {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
}

/* ----------------- logo -----------------*/
#logo {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

/* --------------- searchzone --------------*/
#searchzone {
	clear: both;
	margin: 40px 0px;
}

#searchzone .elements {
	float: left;
}

#searchzone .exemple {
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
	color: #999;
}

#searchzone .exemple a {
	
}

#searchzone label {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

#searchzone label.checkbox {
	font-size: 85%;
	font-weight: normal;
}

#searchzone input.text {
	margin: 6px 0px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 77%;
}

input:not ([type=submit] ):focus,textarea:focus {
	background-color: #ffd;
}

#keyword {
	width: 220px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}

#location {
	width: 200px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}

#searchzone input.button {
	width: 9em;
	margin: 5px 0px;
	padding: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

#c_keywords {
	margin-right: 15px;
}

#c_location {
	margin-right: 15px;
}

#c_button {
	
}

#c_save {
	margin: 5px 0px;
}

#l_advsearch {
	white-space: nowrap;
	font-size: 10px;
	font-weight: normal;
	margin-left: 6px;
}

#l_preferences {
	white-space: nowrap;
	font-size: 65%;
	font-weight: normal;
}

#l_tips {
	white-space: nowrap;
	font-size: 65%;
	font-weight: normal;
}

/* les tabs des offres */
.ui-tabs-container {
	display: block;
	clear: both;
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px;
}

.ui-tabs-hide {
	display: none;
}

.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}

.ui-tabs-nav li {
	float: left;
	min-width: 84px; /* be nice to Opera */
	padding: 0;
	margin: 0;
	margin-right: 10px;
}

.ui-tabs-nav a {
	display: block;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	border: 1px solid #f0f1fb;
	border-bottom-color: #ddd;
	margin-bottom: -1px;
}

.ui-tabs-nav .ui-tabs-selected a {
	border: 1px solid #ddd;
	border-bottom-color: #fff;
	background: #fff;
	color: #000;
	text-decoration: none;
}

/* le tableau des filtres dans le dashboard */
table.saved-filters {
	border: 1px dotted #ddd;
	border-left-width: 2px;
	background: #eee;
	padding: 0;
	border-collapse: collapse;
}

table.saved-filters .maj td,table.saved-filters .maj th {
	border-top: 1px solid #ddd;
}

table.saved-filters .maj th {
	font-size: 16px;
	color: #999;
	font-weight: bold;
}

a.close {
	background: transparent url(./img/fr/close.png) no-repeat 50% 50%;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	display: block;
	border: 0;
	float: right;
	outline: none;
}

/* de la mise en forme */ /* dans explorer */
.explore {
	padding: 10px;	
}
.explore table {
	width: 80%;
	margin: auto;
}
.explore td {
	min-width: 150px;
}

.bread a {
	text-decoration: none;
}
.bread a:after {
	content: ' »';
}
.bread a.last {
	color: #f90;
	font-weight: bold;
}
.minus {
	clear:both;
	font-size: 0.7em;
	background: #eee;
}

.minus * {
	font-size: 9px;
}

.minus p,.minus li,.minus h3 {
	color: #666;
}

.minus h2 {
	font-size: 12px;
	color: #666;
}
/* titre + infos sur les resultats */
#current_search_options {
	display: block;
	padding: 0 0 10px 5px;
	text-decoration: none;
	outline: none;
	border-bottom: 1px dashed #236BBC;
	background: #FFF;
	margin: 0 0 5px 0;
	width: auto;
}

.search_options {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.search_options span {
	font-weight: bold;
	color: #77c;
	/*color: #177efb;*/
}

/* @group offer */



/* les jobs */
.offer {
	line-height: 16px;
	font-size: 13px;
	padding: 12px 8px;
	font-family:Arial,sans-serif;
}

.offer a:hover {
	color: #F90 !important;
	border-color: #F90;
	border-bottom-style: solid;
	background: transparent;
}
.offer h2 {
	line-height: 16px;
	padding: 0;
	padding-bottom: 4px;
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	/*text-transform: uppercase;*/
	overflow: hidden;
	white-space: nowrap;
	width: 550px;
	text-overflow: ellipsis;
	font-family: Arial, sans-serif !important;
	color: #00c;
}
.offer h2 a {
	color: #00c;
	font-family: Arial, sans-serif !important;
	border: 0;
}

.meta-top,
.who.from {
	display: block;
	font-size: 13px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}
a.company {
	text-decoration: none;
	/*color: #236BBC;*/
	color: #000;
	border-bottom: #ddd 1px solid;
	font-weight: normal;
}

a.location {
	text-decoration: none;
	color: #666;
	/*border-bottom: #236BBC 1px dotted;*/
	border-bottom: #ddd 1px solid;
	font-weight: normal;
}

.excerpt {
	width: 550px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.excerpt strong {
	color: #111;
	font-weight: bold;
}

.options a {
	color: #77c;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
}

.snip, 
.snip a,
.when.where,
.when.where a {
	color: #008040;
}
/* @end */

/* @group saved_offer_options */
.saved-offer-options {
	padding: 10px;
	width: 250px;
}

.saved-offer-options form {
	padding-top: 5px;
	margin-top: 5px;
}

.saved-offer-options textarea {
	width: 100%;
}

.saved-offer-options input {
	font-size: xx-small;
}

/* @end */
.options-bloc,.mailer_notify {
	width: 500px;
	border: 1px solid #236BBC;
	/*	border:2px solid #ddd;*/
	background: #f0f1fb;
	padding: 5px;
	margin-top: 10px;
}

.mailer_notify .response {
	padding: 20px 5px;
	text-align: center;
}

.pagination {
	text-align: right;
}

#contextual-menu {
	width: 225px;
}

#contextual-menu ul {
	list-style: none;
	/* background:#f0f1fb; */
	background: transparent url(./img/fr/bg_contextual_menu.png) repeat-y 100% 100%;
	/* border-bottom:1px dashed #D8D8D8; */
	padding: 0;
	margin: 0;
	width: 205px;
	/*margin: 10px 20px 10px 0px;*/
	font-size: 11px;
}

#contextual-menu ul li {
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #FFF;
}

#contextual-menu ul li.here {
	background: #fff;
	border-bottom: 1px solid #E5E5E5;
}
#contextual-menu ul li a {
	display: block;
	padding: 10px;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}

#contextual-menu ul li.here a {
	color: #2474BB;
	font-weight: bold;
}

/*
#contextual-menu ul li a {
	display: block;
	padding: 10px 0 10px 13px;
	margin: 0;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	border-bottom:1px solid #FFF;
	l/ine-height: 10px;
	d/isplay: block;
}*/

/* les formulaires charges en ajax */
.wj_conf_forms form {
	background: #FFF;
	border: 3px solid #CCC;
	margin: 5px;
	padding: 4px;
}

/* mise en page */
#arrow-right {
	background: transparent url(./img/icons/bullet_go.png) no-repeat 0 50%;
	width: 16px;
	height: 25px;
}

/* gabarits */
#p-index {
	width: 700px;
	margin: 0 auto;
	background: none;
}

#p-index #logo {
	margin: 5px 0 0 0;
}

#p-index q {
	position: absolute;
	display: block;
	width: 320px;
	text-align: right
}

#p-index .bar {
	margin-right: 35px;
	text-align: right;
}

#p-index .bar a { /* background: #ddd; */ /*display: -moz-inline-box;
	display: inline-block;*/
	
}

#p-index .bar a span {
	padding: 10px;
	display: block;
}

.register {
	text-align: center;
	/*background: transparent url(./img/fr/img_h_createaccount.jpg) no-repeat 0 bottom;*/
}

#p-index #teaser {
	text-align: center;
	margin: 30px 0 30px 0;
}

/* 
est formate ainsi :
	#query_search
		div
			div		<-- pousse la hauteur, et masque l'interieur qui depasse
				table
*/
#p-index #query_search {
	background: transparent url(./img/fr/bg_h_c.jpg) repeat-x 0 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 700px;
}

#p-index #query_search div {
	background: transparent url(./img/fr/bg_h_r.jpg) no-repeat 100% 0;
	padding: 0;
	margin: 0;
	display: block;
	width: auto;
}

#p-index #query_search div div {
	height: 105px;
	overflow: hidden;
	background: transparent url(./img/fr/bg_h_l.jpg) no-repeat 0 0;
	padding: 0;
	margin: 0;
	display: block;
	/*background: #f0f;	 TODO mettre la bonne couleur et image */
}

#p-index #query_search table {
	width: 600px;
	margin: 0 60px 0 40px;
	_margin: 0 21px;
	padding: 0;
	display: block;
}

#p-index #query_search label {
	display: block;
	margin: 20px 10px 1px 0;
}

#p-index #query_search input,#p-index #query_search span {
	display: block;
	margin: 1px 10px 1px 0;
}

#p-common {
	
}

#p-static {
	
}

/* @group Pubs */
#ads {
	padding: 5px 20px 0 40px;
}

/* @end */ /* @group Menu des Filtres */ /* Le dom de base :

	<td#filters-menu>
		<noscript />
		<div#selected-filters>
			<h3 />
			[ le texte qui réŽsume le nombre d'offres ]
			<ul>
				<li>
					<a />
				</li>
			</ul>
			<a.delete />
		</div#selected-filters>
		
		<div#contextual-filters>
			<h4 />	<--- le texte d'aide
			<ul#list-filters>
				<li.filter>
					<dl>
						<dt />
						<dd>
							<ul>
								<li>
									<a />  <--- chaque filtre
									<small /> <--- nbr d'offres
								/li>
							</ul>
						</dd>
						<a.toggle />  <--- pour afficher le "+ de filtres"
						<div.ml>
							<a.close /> <--- pour fermer le "+ de filtres"
							<ol>
								<li>
									<a />
									<small />
								</li>
							</ol>
						</div.ml>
					</dl>
				</li.filter>
			</ul#list-filters>
		</div#contextual-filters>
	</td#filters-menu>

*/ /* les filtres javascriptés */
#filters-recap-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #705E4B;
	padding: 2px 0px 2px 4px;
	margin-bottom: 5px;
	border-bottom: 1px solid #E9E9E9;
}

/* #filters-menu a {
	/ * on reduit tous les liens a, car il y en a des tas * /
	font-size: 10px;
	line-height: 15px;
}*/
#filters-menu {
	width: 190px;
	border: 0;
}
#filters-menu a.toggle {
	line-height: 20px;
	display: block;
	text-align: right;
	background: none;
}

#filters-menu dt {
	font-weight: bold;
	padding: 3px 20px;
	cursor: pointer;
	background: transparent url(./img/wj-filters.png) no-repeat -2100px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#filters-menu dt.folded {
	background: transparent url(./img/wj-filters.png) no-repeat -1800px 0;
}

#filters-menu dd {
	margin: 0px;
	padding: 10px 0;
}

#filters-menu small { /* on reduit les compteurs au minimum */
	font-size: xx-small !important;
	color: #999;
}

/* @group Les filtres selectionnes */
#selected-filters {
	background: #fffcee;
	border: 1px dotted #FA993A;
	margin: 0px 20px 10px 0;
	padding: 7px;
	font-size: 10px;
}

/*
#selected-filters ul {
	padding-left: 0;
	list-style: none;
}

#selected-filters ul li a {
	display: block;
	padding-left: 20px;
	padding-bottom: 3px;
	min-height: 16px;
	background: transparent url(./img/wj-filters.png) no-repeat 0 50%;
}

#selected-filters ul li a:hover {
	background: transparent url(./img/wj-filters.png) no-repeat -300px 50%;
}
*/

#selected-filters ul {
	margin: 10px;
	padding: 0;
	list-style: none;
}
#selected-filters ul li {
	padding-left: 20px;
	padding-bottom: 3px;
	background: transparent url(./img/wj-filters.png) no-repeat 0 50%;
}

#selected-filters ul li:hover {
	background: transparent url(./img/wj-filters.png) no-repeat -300px 50%;
}

#selected-filters a.delete {
	background: transparent url(./img/wj-filters.png) no-repeat -1200px 50%
		;
}

#selected-filters a.delete:hover {
	background: transparent url(./img/wj-filters.png) no-repeat -1500px 50%
		;
}

/* @end */ /* @group Les filtres contextuels */
#contextual-filters {
	background: #FAFAFA;
	border-right: 1px solid #D8D8D8;
	margin: 0 15px 10px 0;
	padding: 7px 7px 10px;
	padding-left: 0;
}

#contextual-filters ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#contextual-filters dd ul li {
	padding-bottom: 3px;
	padding-left: 20px;
	min-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 147px;
	color: #999;

}

#contextual-filters dd ul li:hover {
	background: transparent url(./img/wj-filters.png) no-repeat -900px 50%;
}

#contextual-filters dd ul li.selected {
	background: transparent url(./img/wj-filters.png) no-repeat 0 50%;
}

#contextual-filters dd ul li.selected:hover {
	background: transparent url(./img/wj-filters.png) no-repeat -300px 50%;
}

/* @end */ /* @group Pop-up "+ de filtres" */
div.ml {
	position: absolute;
	left: 175px;
	border: 2px solid #ddd;
	background: #f0f1fb;
	padding: 3px;
	margin-top: -20px;
	width: 300px;
}

div.ml ol {
	width: 240px;
	max-height: 350px; /* pas plus, sinon �a peut deborder du footer */
	_height: 350px;
	/* garder cette valeur pour une jolie degradation sous IE6 */
	overflow: auto;
}

/* DASHBOARD */

.internal {
	border: 2px solid #CCD9F2;
	background: #f0f1fb;
	margin: 0 20px 20px 0;
	border-radius: 5px; /* classe officielle */
	-moz-border-radius: 5px; /* pour moz */
	-webkit-border-radius: 5px; /* pour safari & konqueror */

	
	font-size: 10px;
	padding: 7px 60px 7px 7px;
	line-height: 140%;
}

.internal .title{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}


h1.section {
	margin: 20px 0 10px 0;
	padding:0;
	padding-bottom:10px;
	border-bottom: 1px dotted #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #2474BB;
}

h2.sub {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	margin: 5px 30px 0 0;
	width: 550px;
	background: url(./img/fr/i_arrow_right.png) no-repeat 0 50%;
	padding: 20px;
}


h2.sub form {
	display: inline;
}

h2.question {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	width: 60%;
	background: url(./img/fr/i_question.gif) no-repeat 0 50%;
	padding: 10px 20px;
	text-align:justify;

	color: #666;
	clear: none;
}

.wj_pages_links {
	float: right;
	width: 250px;
	font-size: 11px;
	color: #333;
	background-color: #FAFAFA;
	border: 2px solid #0099FF;
	padding: 10px;
	margin: 0 0 10px 10px;
}

.wj_pages_linkstitle {
	font-weight: bold;
}

.wj_pages_text {
	font-size: 11px;
	color: #333;
	line-height: 150%;
	margin: 2px 30px 20px 0;
	width: 60%;
	text-align: justify;
}

textarea.codecontainer {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	border: 1px dashed gray;
	width: 80%;
	height: 200px;
	background-color: #EFEFEF;
	clear: left;
	padding-left: 5px;
	line-height: 150%;
	margin-bottom: 10px;
}

.codecontainer {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	line-height: 140%;
	margin-top: 2px;
	margin-bottom: 5px;
}

#addjobs_form {
	font-family: 'Trebuchet MS', geneva, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 20px 0px 20px 6px;
	margin: 20px 0 20px 0;
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
}

.addjobs_form_box {
	background: url(./img/fr/required.gif) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	padding: 2px 2px 2px 13px;
	width: 210px;
	border: 1px solid #C8D1F7;
	background-color: #FFF;
}

.addjobs_form_list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	width: 225px;
	border: 1px solid #C8D1F7;
	padding: 1px;
}

.addjobs_form_feed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	width: 460px;
	border: 1px solid #C8D1F7;
	padding: 2px;
}

.addjobs_form_comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	height: 100px;
	width: 460px;
	border: 1px solid #C8D1F7;
	padding: 2px;
}

textarea.codecontainer {
	font: "Courier New", Courier, monospace;
	font-size: 11px;
	border: 1px dashed gray;
	width: 98%;
	height: 180px;
	background-color: #EFEFEF;
	clear: left;
	padding-left: 5px;
	line-height: 150%;
	margin-bottom: 10px;
}

.feed_example {
	color: #03F;
}

.addjobs_feed_url {
	color: #0033FF;
}

#addjobs_menu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	/*margin: 0 0 0 17px;*/
	margin-left: 17px;
	padding: 0;
	line-height: 165%;
}


p.answer {
	background: transparent url(./img/fr/i_answer.gif) no-repeat 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 140%;
	margin-top: 2px;
	margin-bottom: 30px;
	padding-left: 20px;
	margin-right: 5px;
	width:60%;
}

.contact_form_comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	height: 155px;
	width: 250px;
	border: 1px solid #C8D1F7;
	padding: 2px;
}

/*----------------------------------------------------------------------------------------------------------------------*/
	/* 									      	CSS Wanajob adSolutions 	    											*/
	/*----------------------------------------------------------------------------------------------------------------------*/
#adspage_title_bar {
	height: 25px; /*Height of top section*/
	margin-top: 15px;
	padding-bottom: 1px;
	background-repeat: repeat-x;
	background-position: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: url(./img/fr/title_bar_bgd.jpg) repeat-x center;
	vertical-align: middle;
	border: 1px solid #E4E4E4;
}

.adspage_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

.adspage_menu a {
	color: #0099FF;
}

.adspage_title { /*background-repeat: repeat-x;
	background-position: center top;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: url(./img/fr/bgd_title_page.jpg) repeat-x center top;*/
	font-family: 'Trebuchet MS', geneva, sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}

.adspage_subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 50px;
	border-bottom: 1px dotted #0099FF;
}

.adspage_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 130%;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 20px;
}

.adspage_text a {
	color: #0099FF;
}

.adspage_bulletpoint {
	background-color: #E1F7FF;
}

.adspage_advantages_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	text-align: left;
	margin-bottom: 10px;
}

#adspage_advantages_box {
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
}

#adspage_contact_box {
	background-color: #F0FBD9;
	border: 2px solid #9C0;
	padding: 5px 5px 5px 15px;
	margin: 10px 0px 10px 0px;
}

.adspage_advantages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
}

/* CSS FORMATS */
#adspage_format_box {
	clear: both;
	vertical-align: middle;
	padding-bottom: 11px;
	font-size: 11px;
	color: #666;
	margin: 10px 0px 10px 50px;
	border-bottom: dotted 1px #CCC;
}

.adspage_format_pict {
	float: right;
	margin-bottom: 20px;
}

#adspage_format_details {
	margin: 0px 0px 0px 0px;
}

.adspage_format_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #236BBC;
	margin-bottom: 5px;
	text-decoration: underline;
}

.adspage_format_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	/* margin-bottom: 3px; */
	line-height: 98%;
	vertical-align: top;
}

.adspage_format_sponsored {
	font-size: 10px;
	color: #CCC;
	vertical-align: top;
	text-decoration: none;
}

.box_required {
	background-attachment: fixed;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: url(./img/fr/required.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 9px;
}

.box_validate {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #E2F9E3;
	border: 2px solid #3D993D;
	margin: 10px 10px 0px 0px;
}

.validated {
	padding: 5px 3px 5px 10px;
}

/* boites divers */
#wjconf_forms_invite {
	background-color: #EFEFEF;
	padding: 5px;
}

#wjconf_forms_login {
	background-color: #EFEFEF;
	padding: 5px;
}

#wjconf_forms_invite .close {
	margin: 10px;
}

#wjconf_forms_login .close {
	margin: 10px;
}

.wjconf_form_legend {
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
}

/* CSS du formulaire d'inscription */
.wjform p {
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 230px;
	/*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

.wjform label {
	font-family: 'Trebuchet MS', geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-left: -230px; /*width of left column*/
	width: 225px;
	/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.wjform input[type="text"] {
	/*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}

.wjform textarea {
	width: 250px;
	height: 50px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix {
	margin-left: 3px;
}

/* @end */
#wj_press {
	margin-top: 10px;
	padding: 6px 0px 4px 0px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #333;
	/* border-top: 1px solid #666;
	border-bottom: 1px solid #666; */
}
/* @end */

/* Admin */
table.debug {
	font-size: 9px !important;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

table.debug th,table.debug td {
	border: 1px solid #ccc;
	font-size: 9px !important;
	padding: 2px;
}

table.debug th {
	background: #eee url(./img/menu-admin.png) !important;
}

li.admin {
	background: #eee url(./img/menu-admin.png) !important;
}

tr.h {
	background: #eee;
}

td.e {
	background: #eee;
	font-weight: bold
}

td.v {
	
}

/* adwit */
iframe.ads_banner {
	
}

/* Liens sponsorises */
#ads_links {
	margin-top: 10px;
}

.ads_link {
	padding: 2px;
	margin: 5px 0 15px 0;
}

.ads_link:hover { /*background: #EAFFC4;*/
	
}

.ads_title,.ads_title * {
	font-weight: bold;
}

.ads_links_text {
	
}

.ads_links_url,.ads_links_url * {
	color: #89B700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* @group Banexts */ /*	un bloc banext :
	 .banext
	 	.pict
	 	.ads_banext_title
	 	.ads_banext_text
*/ /* la methode javascript */
#ads_banext_box {
	font-size: 11px;
	color: #666;

	display: block;
	overflow: auto;
	clear: both;

	background-color: #FFF;
	padding: 5px 50px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
	cursor: pointer;
	margin-top:10px;
}

.ads_banext_pict {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}

.ads_banext_details {
	float: left;
	display: block;
}

.ads_banext_title * {
	font-weight: bold;
}

.ads_banext_text {
	color: #666;
}

/* la methode php */
.banext {
	display: block;
}

#banext-top {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#banext-bottom {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	margin-top: 20px;
}

.banext .pict {
	padding-right: 10px
}

.banext .ads_banext_title {
	font-weight: bold;
}

.banext .ads_banext_text {
	color: #666;
}

/* @end */ /* @group Offres Premiums */
	/* Un block premium se compose ainsi
	.premium
		.label
		.offer
		.offer
	
	le formatage est herité de la liste des offres par la classe .offer
 */ /* la méthode javascript */

#prem_mark {
	display: none;
}

#premium .title a {
	color: #c00;

	/* le titre ne s'affiche correctement en gras sous IE7, on force les 2 proprietes */ 
}

#premium a {
	margin-right: 10px
}

/* la méthode php */
.premium {
	background: #FEFAE2;
	padding: 3px;
	margin: 0 0 0 -3px;
}

#premium-bottom,#premium-top {
	
}

.premium .label {
	float: right;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 20px;
}

.premium .offer {
	border: 0; /* efface tous les eventuels border parasites */
}

.premium .offer+.offer {
	border-top: 1px dotted #ccc;
	/* si 2 offres se suivent, la 2nde porte la marque de la separation*/
}
/* @end */

/* XBA */

/* les onglets */
#tabs {
	overflow: auto;
	height: 1%; /* Indispensable pour IE6 */
	z-index: 10;
	border-bottom: #449CE9 5px solid;
}

#p-dashboard #tabs {
	border-color: #F90;
	color: #FFFFFF;
	font-weight: bold;
}

#tabs .tab {
	display: block;
	float: left;
	background: #CCD9F2;
	margin-left: 5px;
	padding: 0;
	/* ancien attribut -moz-border-radius: 5px 5px 0 0;*/
	border-top-right-radius: 5px; /* classe officielle */
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; /* pour moz */
	-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px; /* pour safari & konqueror */
	-webkit-border-top-left-radius: 5px
}

#tabs .tab div {
	padding: 4px 10px;
}

#tabs .tab a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #666;
	line-height: 16px;
}

#tabs .tab.here {
	background: #449CE9;
}

#tabs .tab.here div {
	padding-right: 25px;
}

#tabs .tab.save-me {
	background: transparent;
}

#tabs .tab.save-me div {
	padding-right: 25px;
	background: transparent;
}

#tabs .tab.save-me a,#tabs .save-me a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
	
	/* Il faut bien forcer ces 4 styles pour IE6, sinon �a ne s'affiche pas correctement */
#tabs .tab.here a,#tabs .here a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	
	/* Il faut bien forcer ces 4 styles pour IE6, sinon �a ne s'affiche pas correctement */
	/* le menu ˆ la suckerfish */
#tabs .tab-menu {
	cursor: pointer;
	display: block;
	float: left;
	padding-top: 3px;
	margin-left: -20px;
	width: 20px;
}

#tabs .tab-menu.allready-saved div.rollover,#tabs .allready-saved div.rollover
	{
	background: transparent;
	/* BUG IE7 : il faut absolument renseigner une couleur, sinon le rollover ne fonctionne pas ! */
}

#tabs .tab-menu div.rollover {
	line-height: 16px;
	/* obligatoire pour assurer la compatibilité avec IE6, doit-Â�tre aussi present dans les balises "a" */
	background: transparent;
	/* BUG IE7 : il faut absolument renseigner une couleur, sinon le rollover ne fonctionne pas ! */
	padding: 4px 0;
	max-height: 16px;
	display: block;
	position: absolute;
	z-index: 2000;
}

#tabs .tab-menu div.rollover * {
	display: block;
}
#tabs .tab-menu div.rollover img {
	width:14px;
	height:14px;
	-background: transparent url(./img/fr/i_arrow_over.gif);
}

#tabs .tab-menu div.actions {
	display: none;
	position: absolute;
	color: #000;
	background: #fff;
	border: 2px solid #000;
	padding: 2px;
	margin: -2px 0 0 -4px;
}

div.actions * {
	color: #000;
}

#tabs .tab-menu div.actions strong {
	display: block;
	background: #ECF3FB;
	padding: 2px 2px 2px 22px;
	margin-bottom: 5px;
}

#tabs .tab-menu:hover div {
	display: block;
}

#tabs .tab-menu:hover div.rollover {
	disp /lay: none;
}

/* une nouvelle recherche (ˆ la NetVibes) */
#tabs .tab-new {
	display: block;
	padding: 4px 20px 4px 20px;
	float: left;
	background: transparent url(./img/fr/icon_search_offsmall.png)
		no-repeat right 5px;
	line-height: 16px;
}

/* si nous sommes dans le dashboard */
#tabs .dashboard { /* background: #FFE3BB; */
	background: #CCD9F2;
}

#tabs .dashboard div {
	background: transparent;
}

#tabs .dashboard div a:hover {
	color: #000 !important;
}

#p-dashboard #tabs .dashboard,#p-dashboard #tabs .dashboard a {
	background: #f90;
}

#tabs .dashboard div {
	padding-right: 10px;
}
#p-dashboard #tabs .dashboard div {
	background: transparent;
	padding-right: 10px;
}

#p-dashboard #tabs .dashboard * {
	color: #fff !important;
	text-shadow: 0 0 0 #f90;
	font-weight: bold;
}

/* les hints */
input.blur {
	color: #ccc;
}

/* les tooltips */
#tooltip {
	position: absolute;
	top: -10px;
	left: -20px;
	z-index: 3000;
	background: transparent url(./img/tooltip.png) no-repeat 0 100%;
	max-width: 100%;
}

#tooltip div.body {
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 0 #000;
	background: #000;
	padding: 5px;
	margin-bottom: 10px;
	display: block;
	max-width: 200px;
}

/* les actions dans les recherches */
#filter_update {
	
}

#filter_update * {
	float: left;
}
#filter_update option {
	float:none;
}
/* footer */
#footer {
	color: #888;
	background: #333;
	text-align: center;
	letter-spacing: 1px;
	height: 32px;
	line-height: 16px;
	overflow: hidden;
	border: 16px solid #333;
	border-left: 0;
	border-right: 0;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	width: 100%;
}

#footer a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 0 #000;
}

/* les boites d'actions, se trouve au dessus des listes, et dans les menus deroulants */
.inp-clear {
	width: 16px;
	height: 16px;
	background: transparent url(./img/icons/cross.png) no-repeat 50% 50%;
	border: 0;
}

.inp-validate {
	width: 16px;
	height: 16px;
	background: transparent url(./img/icons/accept.png) no-repeat 50% 50%;
	border: 0;
}

/* 
les actions detaillees detaillees 
	.actions-full
		button.action-bidule
			span.true
*/
.actions-full button {
	background: transparent;
	border: 0;
	width: 200px;
	color: #000;
	display: block;
	text-align: left;
	padding: 0 0 0 20px;
	margin: 0;
}

.actions-full button span {
	padding: 0;
	margin: 0;
	display: block;
	_height: 18px;
	min-height: 18px;
	color: #000;
}

/* 
les actions dÂŽtaillÂŽes dÂŽtaillÂŽes 
	.actions-tiny
		button.action-bidule
*/
.actions-tiny button,.actions-tiny input {
	background: transparent;
	border: 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	display: block;
}

.actions-tiny button span,.actions-tiny input span {
	visibility: hidden !important;
	display: none !important
}

/* chaque bouton */
button.action-to-publish-true,input.action-to-publish-true {
	background: transparent url(./img/icons/delete.png) no-repeat 0 50%;
}

button.action-to-publish-false,input.action-to-publish-false {
	background: transparent url(./img/icons/add.png) no-repeat 0 50%;
}

button.action-to-email-true,input.action-to-email-true {
	background: transparent url(./img/icons/email_delete.png) no-repeat 0 50%;
	background: transparent url(./img/icons/accept.png) no-repeat 0 50%;
}

button.action-to-email-false,input.action-to-email-false {
	background: transparent url(./img/icons/email_add.png) no-repeat 0 50%;
	background: transparent url(./img/icons/accept.png) no-repeat 0 50%;
}

button.action-to-nav-true,input.action-to-nav-true {
	background: transparent url(./img/wj-compressed.png)
		no-repeat -3px -242px;
}

button.action-to-nav-false,input.action-to-nav-false {
	background: transparent url(./img/wj-compressed.png)
		no-repeat -3px -222px;
}

button.action-to-rss2,input.action-to-rss2 {
	background: transparent url(./img/wj-compressed.png)
		no-repeat -2px -302px;
}

button.action-to-clear,input.action-to-clear {
	background: transparent url(./img/icons/cross.png) no-repeat 0 50%;
}

/* si c'est un long bouton, son label */
button span.true {
	/*background: transparent url(./img/icons/accept.png) no-repeat 100% 50%;*/
	
}

button span.false {
	/*background: transparent url(./img/icons/cross.png) no-repeat 100% 50%;*/
	
}

/* @group Les Flashes */ /* S'organise ainsi :
	div#flash
		div.class
*/
#flash {
	position: absolute;
	right: 20px;
	top: 30px;
	opacity: 0.75;
	filter: alpha(opacity = 75); /* für IE */
}

html>body #flash {
	position: fixed;
}

#flash div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: #000;
	color: #FFF;
	margin: 0;
	padding: 10px;
	border: 4px solid #ccc;
	opacity: 0;
	filter: alpha(opacity = 0); /* für IE */
	max-width: 400px;
	_width: 400px;
	border-radius: 5px; /* classe officielle */
	-moz-border-radius: 5px; /* pour moz */
	-webkit-border-radius: 5px; /* pour safari & konqueror */
}

#flash div.flash-notice {
	border-color: #9C0;
}

#flash div.flash-loading {
	border-color: #ccc;
}

#flash div.flash-error {
	border-color: #b00;
	background: #f00;
}

#flash div.flash-becool {
	border-color: #f90;
}
/* @end */

/* CSS Wanajob AdSolutions */ /* CSS Banniere 170x60 */
#ads_banner {
	margin-bottom: 15px;
	display: block;
}

/* FIN CSS Banniere 170x60 */ /* Liens sponsorises */
#ads_links {
	margin-bottom: 15px;
	display: block;
	color:#999999;
	font: 10px/10px Arial,Helvetica,sans-serif;
	text-decoration: none;
	margin-bottom:10px;
}

#ads_links_box {
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* margin-bottom: 20px; */
	display: block;
	cursor: pointer;
}

#ads_links_box :hover {
	background-color: #F2FFCC;
}

.ads_title {
	font-weight: bold;
	font-size: 11px;
	color: #236BBC;
	margin-bottom: 3px;
	text-decoration: underline;
}

.ads_links_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 130%;
}

#ads_links_url {
	margin-bottom: 30px;
}

.ads_links_url a {
	font-size: 10px;
	color: #89B700;
	text-decoration: none;
}

/* FIN CSS Liens sponsorises */
/* CSS BANext */
#ads_banext {
	font-size: 11px;
	color: #236BBC;
	text-decoration: none;
}


.ads_banext_pict {
	float: left;
}

#ads_banext_details {
	margin: 0px 0px 0px 125px;
}

.ads_banext_title {
	font-weight: bold;
	font-size: 11px;
	color: #236BBC;
	margin-bottom: 3px;
	text-decoration: underline;
}

.ads_banext_text {
	font-size: 11px;
	color: #666;
	/* margin-bottom: 3px; */
	line-height: 98%;
	vertical-align: top;
}

.ads_txt_sponsored {
	font-size: 10px;
	color: #CCC;
	vertical-align: top;
	text-decoration: none;
}
/* FIN CSS BANext */


/** Alertes email

 <div#search-actions>
 	<div#search-actions-in>
 	</div>
 	<div#search-actions-next>
 		<div#search-create-account>
 		</div>
 		<div#search-login>
 		</div>
 	</div>
 </div>
*/

#search-actions {
	background:#f3f3f3;	
	border:1px solid #ddd;
	padding:10px;
}
#search-actions-next {
	overflow:auto;/* -- */
}
#search-create-account {
	width:250px;
	min-width:40%;
	display:block;
	float:left;
	margin:10px;
}
#search-login {
	width:200px;
	display:block;
	float:left;
	background:#efe;
	border:1px solid #dfd;
	padding:10px;
	margin-left:5px;
}

table.alert {
	display:block;
	clear:both;
	width:350px;
	margin-right:20px;
	margin-bottom:10px;
}
table.alert th {
	font-weight:bold;
	valign: top;
	text-align:right;
	padding-right: 5px;
	padding-bottom: 5px;
}
table.alert td {
	padding-bottom: 5px;
}
table.alert small {
	font-size: xx-small;
	color: #999;
}

table.alert-preview {
	display:block;
	width:350px;
	background:#f9f9f9;
	font-size:8px;
	padding:10px;
	border:1px solid #eee;
	border-right-width:2px;
	border-bottom-width:2px;
}
table.alert-preview th {
	font-weight:bold;
	text-align: right;
	padding-right:5px;
}

/* Nouveaux formats pub Wanajob */

/* @group home */
#adcorner {
	/* par défaut, à gauche */
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index:9999;
}

#adcorner.right {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 0;
	z-index:9999;
}

.adrecruit {
	
}
/* @end */ 



/* @group offers result */
.adsky {
	margin: 100px 0;
	margin-top: 50px;
	/*border: 1px solid #f00;*/
}
.admidsky {
	margin: 100px 0 10px;
	/*border: 1px solid #f00;*/
}
#mid-footer {
	margin-top: 20px;
	background: #eee;
	border-top: 1px solid #ccc;
	padding: 10px 240px 10px 190px;
}

#query_search2 {
	float: left;
	display: block;
	background: #e3e3e3;
	margin: 10px 0;
	padding: 0;
	padding-top: 15px;
	width: 300px;
	/* bug IE7, contre le chevauchement */
	_border-right: 170px solid transparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#query_search2 .input-row {
	width: 260px;
	margin: 0 auto;
	clear: both;
	padding: 0;
	padding-top: 5px;
}
#query_search2 .input-row label {
	width: 80px;
	display: block;
	float: left;
}

#query_search2 .input-row input {
	width: 175px;
	display: block;
	float: left;
}

#query_search2 .submit-row {
	clear: both;	
}
.adsquare {
	float: right;
	margin: 10px 0;
	margin-left: 20px;
}
/* @end */

/* les detail des filtres folded */

.filter dt span {
	font-size: xx-small;
	color: #999;
}

/* */
.filterbar-toggle {
	margin:10px 0;
	width:190px;
	display:block;
	font-size:11px;
	float:left;
	background:#fff
}
.filterbar-toggle *,
.filterbar-toggle a {
	font-size:11px;
	text-align:left
}

/* Styles CSS quand le module est fermé */
#search-actions {
	border:1px solid transparent;
	background: transparent;
	padding: 10px;
	padding-bottom:0;
	float:left;
}
#search-actions #alrtblck,
#search-actions #alrtstt {
	display: none;
}
/* Styles CSS quand le module est ouvert */
#search-actions.open {
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding-bottom:10px;
	margin-bottom:0;
}
#search-actions.open #alrtblck,
#search-actions.open #alrtstt {
	display: block;
}

/* @end */

/* @group Réferencement */
/*.r { display: none }*/
/* @end */

/* @group 404 */
#suggest_words td {
	vertical-align:baseline;
	padding:5px
}
#suggest_words {
	margin: auto;
}
#suggest_words .some {
	font-size: larger;
}
#suggest_words .none {
	color: #d00;
}
/* @end */


/* @group Contact Form */
#contact_form {
	width: 600px;
	overflow:auto;
}

#contact_form .row-field {
	clear:left;
	height:1%;
	margin:0;
	padding:5px 0 8px 150px;
}
#contact_form .row-field + .row-field,
#contact_form .errors + .row-field {
	border-top:1px dashed gray;
}
#contact_form .row-field label {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-left:-150px;
	width:145px;
}
#contact_form .row-submit {
	clear:both;
	padding:10px;
	text-align:center;
}
#contact_form .errors {
	list-style: none;
	color: #c00;
	font-size:xx-small;
	margin:0;
	padding:0
}
#contact_suggest p {
	background: #efd;
	margin-bottom:3px;
	padding:5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}
/* @end */

/* @group Login Form */
div#wjconf_forms_login {
	width:280px;
	position:absolute;
	background-color:#fff;
	border:3px solid #ccc;
	padding:0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-right-colors: #cccccc #bbbbbb #aaaaaa;	
	-moz-border-bottom-colors: #cccccc #bbbbbb #aaaaaa;	
	-webkit-box-shadow: 1px 1px 2px #666;
}
div#wjconf_forms_login a {
	text-decoration: none
}
div#wjconf_forms_login a:hover {
	text-decoration: underline
}
div#wjconf_forms_login strong {
	color:#0066CC;
	font-size:11px;
}
div#wjconf_forms_login .close {
	margin:5px 4px;
}
div#wjconf_forms_login form {
	background: #fff;
	padding:5px 10px 0;
}
div#wjconf_forms_login form strong {
	font-size:15px;
	font-weight:normal;
	display: block;
	text-align: center;
}
div#wjconf_forms_login div {
	padding-top: 15px
}
div#wjconf_forms_login div.row-input label {
	font-weight: normal;
}
div#wjconf_forms_login div.row-input .help {
	display:block;
	text-align:right;
	font-size:x-small;
	height:13px;
	margin-top:-13px;
}
div#wjconf_forms_login div.row-input input,
div#wjconf_forms_login div.row-input input[type=submit] {
	width: 100%;
	font-size:12px;
	padding:2px 0;
	margin-top:3px
}
div#wjconf_forms_login div.row-submit {
	/*line-height:17px*/
}
div#wjconf_forms_login div.row-submit input {
	font-size: 15px;
	padding: 0;
	position: absolute;
}
div#wjconf_forms_login div.row-submit a {
	display:block;
	line-height: 20px;
	/*margin-top:-18px;*/
	text-align:right;
}

div#wjconf_forms_login div.misc {
	background: #eee;
	border-top:1px solid #ccc;
	padding:5px;
	text-align: center;
}
/* @end */

/* @group Invite Form */
div#wjconf_forms_invite {
	width:350px;
	position:absolute;
	background-color:#fff;
	padding:0;
	border:3px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-right-colors: #cccccc #bbbbbb #aaaaaa;	
	-moz-border-bottom-colors: #cccccc #bbbbbb #aaaaaa;	
	-webkit-box-shadow: 1px 1px 2px #666;
}
div#wjconf_forms_invite strong {
	color:#0066CC;
	font-size:11px;
}
div#wjconf_forms_invite div {
	padding-top: 15px
}
div#wjconf_forms_invite div.row-input label {
	font-weight: normal;
}
div#wjconf_forms_invite .close {
	margin:5px 4px;
}
div#wjconf_forms_invite form {
	background: #fff;
	padding:5px 10px;
}
div#wjconf_forms_invite form strong {
	font-size:13px;
	font-weight:normal;
}
div#wjconf_forms_invite div.row-input input,
div#wjconf_forms_invite div.row-input textarea {
	width: 100%;
	font-size:12px;
	padding:2px 0;
	margin-top:3px
}
div#wjconf_forms_invite div.row-input input {
	width: 230px;
}
div#wjconf_forms_invite div.row-submit {
	text-align:right
}
/* @end */

/* @group Create New Alert Form */

#create_new_alert_form {
	font-size:13px;
	background: #f3f3f3;
	padding: 20px;
	margin: 0 20px 20px;
	max-width:1050px;
	border: 1px solid #ddd
}
#create_new_alert_form label {
	font-size:13px
}
/* @end */

/* @group Excerpt Addendum */

.excerpt img {
	margin-left: 5px;
	margin-bottom: 5px;
}

/* @end */
.r {
	display: none;
}