/* 
Document   : looknfeel
Created on : 3 déc. 2008, 12:19:55
Author     : Pierre MUSET - Beetween
Description:
Purpose of the stylesheet follows.
*/



* {
	padding: 0;
	margin: 0;
}

/** pour firefox, qui ne cache pas toujours tres bien ces elements **/
input[type=hidden]
{
	display: none;
}

/** forces IE to hide useless vertical scrollbar **/
html,
textarea 
{
	overflow: auto;
}

body {
	background-color:#fbfbfb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	 
}

img {
	border: 0;
}


/** style general **/

h1 {
	color: rgb(163,58,33);
}

h1.sober{
	font-size: 18px;
	text-align: left;
	padding-left: 4px;
	border-bottom: solid 1px maroon;
}

h2 {
	/*color: #918f6a;*/
	color: black;
}

form {
	margin: 0;
}

a{
	color: rgb(163,58,33);
	text-decoration: none;
}

a:visited{
	color: rgb(163,58,33);
}

a:hover{
	color: rgb(230,90,51);
	text-decoration: underline;
}

a:active{
	color: rgb(230,90,51);
	text-decoration: underline;
}

a.backlink{
	background-image: url(../img/deco/back.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.disabled {
	color: rgb(50,50,50);
	text-decoration: line-through;
}

.disabled:hover {
	color: rgb(50,50,50);
	text-decoration: line-through;
}

.privilege {
	color: rgb(50,50,50);
	text-decoration: line-through;
}

.privilege:hover {
	color: rgb(50,50,50);
	text-decoration: line-through;
}

table.basic {
	border: solid 1px black;
}

table.basic tr {
	margin: 0;
	padding: 0;
}

table.basic th {
	text-align: center;
	margin: 0;
	padding: 0 4px;
	
	color: white;
	 
	background-color: #837e70;
        background-repeat:repeat-x;
        
	background-position: 0 -856px;
	background-image:url('../img/common/rndeg.gif');
}
table.basic td {
	text-align: left;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	padding-right: 8px;
	
	color: black;
	background-color: transparent;
}

table.basic td.center {
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

ul.errors {
	clear: both;
	display: block;
	text-align: center;
	list-style: none;
	padding: 0;
}
ul.errors li {
	padding: 0;
	margin: 0;
	display: block;
	color: red;
}



/************ menu arrondi *********************************/

/**
* Menu au bords arrondis, avec image de fond.
* 3 images (bord gauche, mileu, bord droit).
* Effet realise sur 3 niveaux : ul/li/span
* Hauteur fixe (27px), largeur variable.
* Doit contenir un  ul.rnd li.end a la fin
*
*/
ul.rnd,
ul.rnd li,
ul.rnd li span
{
    background-image: url(../img/common/rndeg.gif);
    background-color: transparent;
    background-repeat: no-repeat;
}
ul.rnd {
	/** Image bord gauche **/
        background-position: 0 -727px;
	list-style:none;
	margin: 0;
	padding: 0;
	clear: both;
	
	/** Depend de rayon de l'arrondi - idem que ul.rnd li.end (padding-right) **/
	padding-left: 10px;
	
	/** Hauteur du menu = hauteur de l'image. Voir aussi ul.rdn li span **/
	height: 27px;
}

ul.rnd li{
	margin:0;
	padding: 0;
	
	/** Image milieu (repeat-x) **/
        background-repeat: repeat-x;
        background-position: 0 -754px;
	display: block;
	float: left;
}

ul.rnd li span {
	margin: 0;
	padding: 0 8px;
	
	/** Image de separation **/
        background-position: right -781px;
        
	display: block;
	float: left;
	
	/** Meme hauteur que le menu, pour eviter les problemes d'alignement veritical du texte **/
	line-height: 27px;
	
	/** Hauteur du menu . Voir aussi ul.rdn **/
	height: 27px;
}

ul.rnd li.end{
	/** Image bord droit **/
        background-position: right -700px;
        background-repeat: no-repeat;
	
	/** Depend de rayon de l'arrondi - idem que ul.rnd (padding-left) **/
	padding-right: 10px;
}

ul.rnd li.end span {
	/** image mileu, repetee horizontalement **/
        background-position: 0 -754px;
        background-repeat: repeat-x;
}


/**
* Variante du menu arrondi :
* Hauteur: 80px
*
*/
ul.rnd.big {
        background-position: 0 -480px;
	height: 80px;
}

ul.rnd.big li,
ul.rnd.big li.end span
{
        background-position: 0 -560px;
}

ul.rnd.big li span{
	/** Pas d'image de separation (car aucune de faite...) **/
	background-position: -30px 0;
	line-height: 80px;
	height: 80px;
}

ul.rnd.big li.end{
        background-position: right -400px;
        padding-right: 16px;
}

/**
* Variante du menu arrondi :
* Coloris blanc.
* Hauteur: 24px
*
*/
ul.rnd.white {
	height: 24px;
        background-position: 0 -808px;
}

ul.rnd.white li,
ul.rnd.white li.end span
{
        background-position: 0 -832px;
}

ul.rnd.white li span{
	/** Pas d'image de separation (car aucune de faite...) **/
        background-position: -30px 0;
	line-height: 24px;
	height: 24px;
}

ul.rnd.white li.end{
        background-position: right -808px;
}

/****** Style du contenu du menu arrondi *****/
ul.rnd li span {
	font-size: 11px;
	color: rgb(255,255,255);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.rnd li span a,
ul.rnd li span a:visited
{
	margin:0;
	padding:0;
	
	font-size: 13px;
	font-weight:bold;
	color: rgb(255,255,255);
	text-decoration:none;
}

ul.rnd li span a:hover 
{
	color: rgb(230,230,200);
}

ul.rnd li.highlight span a
{
	color: rgb(220,220,0);
}

ul.rnd li span a.disabled,
ul.rnd li span a.disabled:hover,
ul.rnd li span a.disbaled:visited
{
	color: rgb(150,150,150);
}
ul.rnd li span a.disabled:active
{
	color: rgb(190,50,50);
}

ul.rnd li span a.privilege,
ul.rnd li span a.privilege:hover,
ul.rnd li span a.privilege:visited
{
	color: rgb(190,190,100);
}

ul.rnd li span a.disabled.privilege
{
	text-decoration: line-through;
}

div#login ul.rnd li span input,
ul.rnd.with-input span input 
{
	height: 15px;
	padding: 1px;
	margin: 0;
	
	font-size: 12px;
	vertical-align: middle;
	
	margin-top: -3px;
	_margin-top: 1px;
}
div#login ul.rnd li span input#login,
div#login ul.rnd li span input#password,
ul.rnd.with-input span input#login,
ul.rnd.with-input span input#password 
{
	width: 100px;
}


ul.rnd.white li span 
{
	color: black;
}

ul.rnd.white li span a,
ul.rnd.white li span a:visited 
{
	color: black;
}


/********************* Agencement des menus du header  ************************/

/** Petite banniere **/
div#banner
{
	display:block ;
	background:url(../img/logo/littlelogo-beta.jpg)  no-repeat 12px bottom;
	/*background:url(../img/logo/logo2.jpg)  no-repeat 12px bottom;*/
	height: 72px;
}

/** Grosse banniere **/
body.bigheaderlogo div#banner
{
	background:url(../img/logo/biglogo-beta.jpg)  no-repeat center bottom;
	/*background:url(../img/logo/arriereplan.jpg)  no-repeat center bottom;*/
	height: 350px;
	margin-bottom: 50px;
	
}

div#banner-top
{
	/** a priori non-indispensable, juste par secu **/
	clear: both;
	margin-top: 3px;
	padding: 0 23px;
}

div#remote-bar {
	float: left;
	
}

div#login {
	float: right;
	 
	 /** On the very top, so it is still accesible when blackout is applied **/
	 position: relative;
	 z-index: 100;
}

div#main-language-selector {
	display: inline;
    float:left; 
	margin:0 40px;
    
    height:20px ;
    vertical-align:bottom; 
 color:#2c2a26;
 padding-top:5px ;

    

}
div#main-language-selector a {

    color:#444035 ; 
    font-size:small ;
}

div#remote-bar ul
{
	float: left;
}


div#login ul
{
	float: right;
}


div#nbProfiles
{
	/** a priori non-indispensable, juste par secu **/
	clear: both;
	
	margin-right: 40px;
	
	overflow:visible;
	white-space:nowrap;
}

div#nbProfiles ul
{
	float: right;
}

div#searchbar {
	margin-top: 0px;
	margin-left: 30px;
	
	text-align: center;
	
}

div#search-label
{
    display: none;
}

body.bigheaderlogo div#search-label {
    display: block;

    text-align: left;
    margin-left: 20px;
    font-size: 13px;
    font-weight: bold;
}

/********************** cool search bar ************************/


div.research
{
	/* 27-9
        background:url(../img/barerecherche/bord_g_br.jpg) no-repeat left 6px ;
	*/
        
	float: left;
	clear: both;
	
	padding: 0;
	margin: 0;
	/* 27-9
        padding-left: 4px;
        */
	height: 40px;
	line-height: 21px;
	display: block;
	
	margin-top: 10px;
}

ul.rnd.big
{
    padding-left: 16px;
}


ul.rnd.big li span
{
    padding-left: 0px;
    padding-right: 0px;
}

ul.rnd.big li span div.research input {
	display: block;
	float: left;
	
	border: none;
}

ul.rnd.big li span div.research input#query
{
	margin-top: 6px;
	padding: 2px;
	height: 17px ;
	line-height: 17px;
	
	/**
	* En cas de changement, voir aussi
	* "#search-details #which-recruitment" (recrutement actif)
	* "#search-options" (recherche avanceee + aide )
	*/
	width: 410px;
	
	color: #5a4508;	 

	background-color: transparent;
        /* 27-9 *-/
	background-color: rgb(255,255,255);
	border: solid rgb(159,156,149) 1px ;
        /-**/
	border-left:none ;
	border-right:none;
	
	/** z-index prevents the #search-details to come on top the field, and block input **/
	position: relative;
	z-index: 4;
}


ul.rnd.big li span div.research div.magn {
	display: inline;
	float: left;
	
	margin: 0;
	padding: 0;
	
	/* 27-9
            background:url(../img/barerecherche/bord_d_br1.jpg) no-repeat right 6px;
        */
	height: 29px;
	width: 42px;
	
	position:relative ;
	z-index:20;
	
}

ul.rnd.big li span div.research div.magn input {
	float: left;
}


ul.rnd.big li span div.research div.magn input#magn-img
{
	padding: 0;
	margin-top: 2px;
	height: 37px;
	 
	  
	/** To position it relatively to the #query input **/
	position: relative;
	z-index: 3;
}

ul.rnd.big li span div.research div.magn input#waiting-img
{
	padding: 0;
	margin-top: 8px;
	margin-left: 14px;
	margin-right: 3px;
	height: 19px;
	
	display: none;
}

/************************************** toolbar ***********************/

div#toolbar
{
	float: left;
	margin: 0;
	margin-top: -37px;
	width: 100%;
	
	
	padding: 0;
	
	position:relative ;
	z-index:10;
}

div#search-details
{
	float: left;
	width: 100%;
	
	
	margin-top: -60px;
	position: relative;
	z-index: 1;
	
	height: 30px;
	line-height: 16px;
	
	
}

div#search-details div#which-recruitment
{
	clear: both;
	float: left;
	
	/** depends on the input#query width (+120px) **/
	padding-left: 530px;
}

div#search-details div#nb-results
{
	float: right;
	padding-right: 10px;
}


/************* big searchbar   *******************/

/**
* Variante du menu arrondi :
* Hauteur: 110px
*
*/
body.bigheaderlogo div#searchbar
{
	margin: 0 auto;
	width: 700px;
}

body.bigheaderlogo div#search-options
{
	margin: 0 auto;
	width: 670px;
	padding-right: 30px;
	 
}

body.bigheaderlogo div#searchbar ul.rnd.big {
        background-position: 0 -110px;
	height: 110px;
        /* 27-9
	padding-left: 15px;
        */
	padding-left: 26px;
}

body.bigheaderlogo div#searchbar ul.rnd.big li,
body.bigheaderlogo div#searchbar ul.rnd.big li.end span{
        background-position: 0 -220px;
}

body.bigheaderlogo div#searchbar ul.rnd.big li span{
	line-height: 110px;
	height: 110px;
}

body.bigheaderlogo div#searchbar ul.rnd.big li.end{
        background-position: right 0;
	/* 27-9
        padding-right: 15px;
        */
        padding-right: 26px;
}

/** **/
body.bigheaderlogo div.research
{
        /* 27-9
	background:url(../img/barerecherche/bord_g_br_38px.gif) no-repeat left 6px ;
        */
	height: 60px;
	margin-top: 15px;
}

body.bigheaderlogo ul.rnd.big li span div.research .magn {	

        /* 27-9
        background-image:url(../img/barerecherche/bord_d_br1_38px.gif);
        */
	height: 60px;
	padding-top: 0;
}

body.bigheaderlogo ul.rnd.big li span div.research .magn input#magn-img
{
	height: 54px;
	margin-top: 0px;
	margin-left: -15px;
}


body.bigheaderlogo ul.rnd.big li span div.research .magn input#waiting-img
{
	height: 32px;
	margin-left: -5px;
}

body.bigheaderlogo ul.rnd.big li span div.research input#query
{
	width: 585px;
	height: 28px;
	font-size: 20px;
	padding-top: 6px;
	 
	padding-right: 15px;
	 
	/** To position it relatively to the magnigier icon **/
	position: relative;
	z-index: 2;

}



/*********** tabs bar **************/
div#bar,
div.bar
{
   
	clear:both; 
	/*background:url(../img/logo/bare.jpg) no-repeat #6b5106;*/
	background:url(../img/logo/bare.jpg) no-repeat #7a5d0d;
	
	display:block ;
	height: 5px;
	line-height: 5px;
	font-size: 5px;
}

body.bigheaderlogo9999 div#bar{
	
	background-repeat: repeat-y;
	
	height: 8px;
	line-height: 8px;
	font-size: 8px;
}

div#search-options
{
	margin: 0;
	padding: 0;
	
	/** alignement a droite avec le input#query **/
	margin-left: 295px;	 
	width: 215px;
	text-align: right;
	
	font-size: 13px;
	
	color: rgb(190,190,190);
	
	/** see also:  #recruitement-tabs, negative margin-top value **/
	height: 40px;
	
	line-height: 16px;
	
	
	/** must be on the top, it contains link **/
	position: relative;
	z-index: 20;
	
}


div#search-options a,
div#search-options a:visited
{
	color: rgb(200,200,200);	 
	
}


div#search-options a:hover
{
	color: rgb(255,255,255);
	text-decoration: underline;
}

div#search-options p.minifilters
{
	color: #fff;
	margin-top: -3px;
	_margin-top: -5px;/** hack IE, verifier versions autre que 6 **/ 
}

/**
Les lignes commentees ci-dessous servent a decaler les options de recherche (recherceh avancee + aide)
selon qu'un recrutement est actif ou non, afin de gerer la presence des onglet de recruitement.
Le systeme actuel garde une position fixe, ces lignes sont juste la "au cas ou"
** /
body.bigheaderlogo div#search-options
{
margin-left: 50px;
color: rgb(190,190,190);

}

body.bigheaderlogo div#search-options a
{
color: rgb(200,200,200);
}

/**  redondance avec les propritetes "standards" pour contrer le bigheaderlogo - a ameliorer** /
body.in-recruitment div#search-options
{
margin-left: 420px;
color: rgb(0,0,0);
}
body.in-recruitment div#search-options a {
color: rgb(0,0,0);
}

*/

div#recruitement-tabs {
	
	margin: 0;
	padding: 0;
	
	height: 70px;
	width: 100%;
	
	position: relative;
	z-index: 2;
	
	/** to come over search-options, and stick to the #bar **/
	margin-top: -40px;
	
	
}


div#recruitement-tabs ul {
	
	padding:0;	
	margin:0 32px ;
	
	
	display:block  ;
	list-style:none;
	
	position:relative;
	z-index:65;
}

div#recruitement-tabs ul li{
	margin-right: 3px;
	display:block;
	float:left ;
	list-style: none ;
}


div#recruitement-tabs ul li.right {
	float:right;
}
div#recruitement-tabs ul li a{
	/** block + size importants, car les balises sont vides **/
	display:block ;
	width:85px ;
	height:48px;
	
	text-decoration: none;
	background: no-repeat;

        /** */
	background-image: url(../img/myrecruitments/recruitmentlogos-compact.jpg);
        background-repeat: no-repeat ;
}

div#recruitement-tabs ul li a.chosen{
        background-position: -85px -48px;
}
div#recruitement-tabs ul a.chosen-empty{
        background-position: -85px -96px;
}
div#recruitement-tabs ul li a:hover.chosen,
div#recruitement-tabs ul.selected-chosen li a.chosen,
div#recruitement-tabs ul li a:hover.chosen-empty,
div#recruitement-tabs ul.selected-chosen li a.chosen-empty{
        background-position: -85px 0;
}




div#recruitement-tabs ul li a.hidden{
        background-position: -340px -48px;
}
div#recruitement-tabs ul li a.hidden-empty{
        background-position: -340px -96px;
}
div#recruitement-tabs ul li a:hover.hidden,
div#recruitement-tabs ul.selected-hidden li a.hidden,
div#recruitement-tabs ul li a:hover.hidden-empty,
div#recruitement-tabs ul.selected-hidden li a.hidden-empty{
        background-position: -340px 0;
}


div#recruitement-tabs ul li a.answered{
        background-position: -170px -48px;
}
div#recruitement-tabs ul li a.answered-empty{
        background-position: -170px -96px;
}
div#recruitement-tabs ul li a:hover.answered,
div#recruitement-tabs ul.selected-answered li a.answered,
div#recruitement-tabs ul li a:hover.answered-empty,
div#recruitement-tabs ul.selected-answered li a.answered-empty{
        background-position: -170px 0;
}



div#recruitement-tabs ul li a.basket{
        background-position: 0 -48px;
}
div#recruitement-tabs ul li a.basket-empty{
        background-position: 0 -96px;
}
div#recruitement-tabs ul li a:hover.basket,
div#recruitement-tabs ul.selected-basket li a.basket,
div#recruitement-tabs ul li a:hover.basket-empty,
div#recruitement-tabs ul.selected-basket li a.basket-empty{
        background-position: 0 0;
}

div#recruitement-tabs ul li a.read{
        background-position: -255px -48px;
}
div#recruitement-tabs ul li a.read-empty{
        background-position: -255px -96px;
}
div#recruitement-tabs ul li a:hover.read,
div#recruitement-tabs ul li a:hover.read-empty,
div#recruitement-tabs ul.selected-read li a.read,
div#recruitement-tabs ul.selected-read li a.read-empty{
        background-position: -255px 0;
}

div#footer{
    display: block;
   padding: 0;
   margin: 0;
   margin-top: 80px;
   margin-bottom: 12px;
   text-align: center;
   font-size: 12px;

}
div#footer ul{
    list-style:none;
    display:block; 
}
 div#footer ul li{
    list-style: none;
    display:inline; 
}
div#footer ul li a,
div#footer ul li a:visited{
    color:#5a5342;
    text-decoration:underline ; 
}
div#footer ul li a:hover,
div#footer ul li a:active 
{
	color: rgb(230,90,51);
}


/**
 * Where we put suggestions queries
 *
 */
div#suggestions
{
    display: block;
    clear: both;
    padding: 0 90px;
    margin-top: 20px;
    border-top: solid 1px #666;

    text-align: center;
}
div#suggestions,
div#suggestions a{
    font-size: 10px;
    color: #999;
}
div#suggestions h4
{
    font-size: 10px;
    color: #777;
    font-weight: bold;
    text-align: center;

}


/**
 * Last div of the page, introduce
 * a body padding, which does not seem
 * to work by itself
 */
div#bottomline
{
    display: block;
    clear: both;
    height: 15px;
}

/*** Masque global ***/
div#blackout
{	
	
	/** Wont intercept all mouse event any more **/
	display: none;
	
	  
	 /** absolute top left **/
	position:absolute;
	top: 0;
	left: 0;
	
	 /** is on top, except for login form **/
	 z-index: 90;
	  
	 /** takes all the place **/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;	 
	 
	  /** IE6 does not know what height:100% means **/
	_height: 850px;
	 
}

div#blackout.curfew
{
	
	 display: block;
	
	z-index: 101;
	 
	 background: rgb(60,60,80);	  
	-moz-opacity:0.75;/* anciennes versions de firefox */
	opacity: 0.60;/* standard css */
	filter:alpha(opacity=80); /** ie **/
}
 div#footer{
    display:block;
    /* height:20px ; */
   padding:0px ;
   margin:0px ;
   margin-top:20px ;
   text-align:center; 

}
 div#footer ul{
    list-style:none;
    display:inline; 
}
 div#footer ul li{
    list-style: none;
    display:inline; 
}
div#footer ul li a{
   /* color:gray ;*/
    color:#5a5342;
    text-decoration:underline ; 
}
div#footer ul li a:hover{
color: rgb(230,90,51);}

table tr td p.cacher {
    display:none;

}
table tr td p.afficher{
    display:block; 
}
table tr.active{
  background-color:white; 
}
table tr.desactive{
    background-color:#b5aba3;
    color:#36332d;
    
   
}
table tr.plusieurRoles{
    background-color:#8cd9fd ;
}

p.analytics
{
    text-align: center;
    color: #555;
}