/* styles par defaut des balises */
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: white;
}
#page h1, #dream_content h1 { display:none; }
#page h2, #dream_content h2{
	font-size: 12px;
	font-weight: normal;
}
#page a, #dream_content a {
	color: #333;
	text-decoration:none;
}
#page fieldset, #dream_content fieldset { border-style: none; padding:0; margin:0;}
#header #select_lang fieldset {
	margin: 0;
	padding: 0;
}
#page p, #dream_content p{ margin-bottom:15px; }
#page table, #dream_content table{ border-collapse:collapse; }
/* structure de la page */
#page {
	position: relative;
	width:100%;
	min-width:1000px;
	min-height:100%;
}
.minwidth {
	/*position: relative; bug calendar placement on IE*/
	min-height: 100%;
	height:100%;
}
.container {
	min-height: 100%;
	position: relative;
	height:100%;
}
#dream_content {
	min-height: 100%;
	/* position: relative; bug tooltip placement on FF/IE */
}
*+html #page { min-width:995px; }
#header { height:78px; }
#header img { display: block; }
#center {
	overflow: auto;
	clear: left;
	padding-bottom: 49px;
	padding-top: 21px;
	padding-right: 20px; /* 30 px external*/
}
#footer {
	position : relative;
	width: 100%;
	height: 39px;
}
/* position du contenu */
#illustration {
	float: left;
	padding-right: 10px;
	position: relative;
	overflow: hidden;
}
#illustrationScroll {
	padding-right: 10px;
	position: fixed;
	overflow: hidden;
}
#illustration2 {
	float: left;
	padding-right: 10px;
	position: relative;
	overflow: hidden;
	padding-bottom:15px;
	padding-left:12px;
}
#content, #contentJob { overflow: hidden;}
#center.no_illus { padding-left:70px; }
#center.no_illus #content { clear:both; }
#contentLeft {
	float:left;
	width:49%;
	text-align:left;
}
#contentLeft div.petit-retrait{
	margin-left:0px;
	padding-left: 20px;	
}

#contentRight {
	float:right;
	width:49%;
	text-align:left;
}
#contentRight div.petit-retrait{
	margin-left:0px;
	padding-left: 20px;	
}

/* elements du header et du footer */
#header .logo {
	background: url(../../images/skin/oxylane/presentation/logo_bg.png) no-repeat right center;
	padding-right: 25px;
}
#header ul.headerMenu {
	list-style: none;
	font-size: 11px;
	height: 27px;
	position: absolute;
	/*left: 230px;*/
	top: 51px;
	text-transform: uppercase;
	width: 100%;
}
#header ul.headerMenu li {
	display: block;
	float:left;
	height:27px;
	padding-left:6px;
	margin: 0;
	background: none;
}
#header ul.headerMenu li a {
	line-height: 27px;
	display: block;
	padding-right:6px;
}
ul.fwk_compo_default.fwk-menu span {
	/* Override fwk style */
	background:none;
	display:block;
	line-height:normal;
	padding:0;
	text-decoration:none;
}
#header #select_lang {
	position: absolute;
	height: 70px;
	width: 229px;
	top: 0px;
	right: 25px;
	background: url(../../images/skin/oxylane/presentation/select_lang_bg.png);
}
#header #select_lang label {
	font-size: 11px;
	color: #1F3133;
	float: left;
	width: 67px;
	margin-top: 7px;
	margin-left: 24px;
	font-weight: normal;
}
#header #select_lang select {
	font-size: 11px;
	margin-top: 7px;
	color: #003366;
}
/* positionnement d'autres elements */
#mask {
	position: absolute;
	height: 420px;
	width: 220px;
	right: 10px;
	bottom: 0px;
	background: url(../../images/skin/oxylane/presentation/illustration_mask200x400.png) no-repeat right bottom;
}
#mask2 {
	position: absolute;
	height: 620px;
	width: 320px;
	right: 10px;
	bottom: 0px;
	background: url(../../images/skin/oxylane/presentation/illustration_mask300x600.gif) no-repeat right bottom;
}
/* page fiche_metier */
ul.infos_metier {
	list-style: none;
	margin-left: 14px;
}
/* page offres_metier */
div#contentLeft, div#contentRight { padding-bottom:30px; }
div#contentLeft form select, div#contentRight form select {
	display: block;
	width: 200px;
	margin-bottom: 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
div#contentLeft #opportunityJobAndDomainSelection div.large-infos,
div#contentRight #opportunityLocationSelection div.large-infos {
	height:35px;
}
div#contentLeft #opportunityJobAndDomainSelection select,
div#contentRight #opportunityLocationSelection select {
	display: block;
	margin-bottom: 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

ul.boutons, div.bloc_texte ul.boutons {
	list-style:none;
	margin-top:0px;
}
ul.boutons li { float:left; clear:none; }
/* Redefine paginator style FWK */
div.pagination { text-align: center; margin-top:10px; margin-bottom:15px;}
div.pagination a { color: #003366; }
div.pagination a, .pagination a:visited{text-decoration: none; color: #003366;}
div.pagination a:hover, .pagination a:active{color: #003366;}
div.pagination ul {
	list-style: none;
	float: right;
	clear: left;
	font-size: 12px;
}
div.pagination li {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	height: 20px;
	line-height: 20px;
	border:none;
}
div.pagination li.currentpage { color: #EE3224; font-weight:normal; background-color:#FFFFFF; }
div.pagination li.disablepage { color: #999; border:none;}
div.pagination li.firstLink, div.pagination li.prevLink, div.pagination li.nextLink, div.pagination li.lastLink {
	line-height: 20px;
	width: 20px;
}
div.pagination img {
	border:none;	
}
div.pagination li.statuspage{
	background-color: #FFFFFF;
	color:#003366;
	font-weight:bold;
}
/*
.pagination li.firstLink { background: url(../../images/skin/oxylane/paginator/first.gif) no-repeat center center; }
.pagination li.prevLink { background: url(../../images/skin/oxylane/paginator/previous.gif) no-repeat center center; }
.pagination li.nextLink { background: url(../../images/skin/oxylane/paginator/next.gif) no-repeat center center; }
.pagination li.lastLink { background: url(../../images/skin/oxylane/paginator/last.gif) no-repeat center center; }
*/


/* page cv */
table.civ td { padding: 3px; }
fieldset.cv div {
	margin-bottom:15px;
}
fieldset.cv label {
	font-weight:normal;	
}
fieldset.multiselect {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.btSuite { overflow:hidden; }
hr.filet {
	color: #FFF;
	background: #FFF;
	height: 20px;
	border:none;
	border-top: 1px solid #999;
	clear: left;
	width:100%;
}
div.cvBack { padding-top:30px;}
/* page opportunite */
td.opportunite {
	padding-bottom: 40px;
	vertical-align: top;
	/*width:66%;*/
}
div.opportunitedesc {
	background: url(../../images/skin/oxylane/presentation/sp_bg.gif) repeat-y right top;
	padding-right: 33px;
	position: relative;
	vertical-align: top;
}
td.opportunitedl { 
	overflow: hidden; 
	width: 230px;
	vertical-align: top;
}

td.opportunitedl dt {
	color:#ED3224;
	font-weight: bold;
	padding-left: 36px;
}
td.opportunitedl dd {
	padding-left: 36px;
	margin-bottom: 10px;
	width: 194px;
	word-wrap: break-word;
	overflow:hidden;
}
div .print {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
p.resultat {
	line-height: 23px;
	color: #003366;
	font-weight: bold;
	float: right;
}
/* page login */
div#login {
	width:762px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;
	overflow: hidden;
	position: relative;
	padding-left: 28px;
}
div#modif {
	width:364px;
	height:199px;
	float:left;
	background: url(../../images/skin/oxylane/presentation/modif_bg.gif) no-repeat;
}
div#creation {
	width:314px;
	height:199px;
	float:right;
	background: url(../../images/skin/oxylane/presentation/creation_bg.gif) no-repeat;
}
div.decalage { padding:0px 14px; }
div#modif input {
	width: 140px;
	margin-bottom: 10px;
}
div#modif p a { text-decoration: underline; }
div#modif p { text-align: right; padding-right:40px;}
div#modif label {
	width: 140px;
	display: block;
	float: left;
	background: url(../../images/skin/oxylane/buttons/puce.gif) no-repeat left center;
	background-position: 0 6px;
	font-weight: normal;
	padding-left: 15px;
}
div#modif input.send {
	color: #333;
	line-height: 22px;
	background: url(../../images/skin/oxylane/presentation/input_medium.gif) no-repeat;
	height: 22px;
	width: 180px;
	border-style: none;
	font-size: 12px;
	margin-left: 10px;
	float:right;
	cursor:pointer;
	padding-bottom:5px;
}
div#creation p { padding:18px 40px 0 20px; }
div#creation .bt2 { 
	bottom:18px;
	position:absolute;
	right:14px;
	text-align:right;
}
div#modif .bt2 {
	float:right;
	margin-right:40px;
}

#header ul.headerMenu li.float-right {
	float: right;
	margin-right: 20px;
}

#header ul.headerMenu li.first-tab {
	margin-left: 230px;
	display: inline;
}

.brand-box{
	display: inline;
	/*margin: 5px; */
}

.discoverJobMosaicTop{
	/* images\interface\mosaic\haut.gif */
	background: no-repeat scroll url(../../images/interface/mosaic/haut.gif);
	height: 6px;
	display: block;
	font-size: 0;
}

.discoverJobMosaicCentre{
	background: transparent no-repeat url(../../images/interface/mosaic/centrehaut.gif);
	clear: both;
	padding: 14px;
}

.discoverJobMosaicBottom{
	background: no-repeat scroll url(../../images/interface/mosaic/bas.gif);
	height: 6px;
	display: block;
	font-size: 0;
}

hr {
	border-color: transparent;
	border-top: dashed 2px red;	
}

.marge20{
	margin-left: 20px;	
}

div.warning{
	margin-top : 20px;
	margin-bottom : 20px;
	background: #DBDBDB url('../../images/interface/warning-32.gif') no-repeat;
	border : solid 1px #F2B321;	
	padding: 8px 10px 8px 50px;
	background-position: 15px 7px;
}

div.success{
	margin-top : 20px;
	margin-bottom : 20px;
	background: #EEFFEE  no-repeat;
	border : solid 1px #33CC33;	
	padding: 8px 10px 8px 50px;
	background-position: 15px 7px;
}

.retrait{
	margin-left: 40px;
}

div.noResult{
	text-align: center;
	border: #C5E4E4 solid 1px;
	border-top: 0;
	color: #003366;
	padding: 5px 28px 5px 5px;
	margin-top: -10px;
}


/*
.max300{
	max-height: 300px;
	height: expression(this.scrollHeight > 300 ? "300px" : "auto"); 
	overflow-y: auto;
	overflow-x: hidden;
}*/

div#backToIncomingBrand{
	position: absolute; 
	right: 0px; 
	height:35px; 
	width: 100%;
	text-align: right;
	height: 20px;
}

div#backToIncomingBrand div#leftBTIB{
	background: url(../../themes/fond-retour-marque.png) no-repeat right top;
	display: block;
	width: 80px;
	float: right;
}

div#backToIncomingBrand div#rightBTIB{
	background: url(../../themes/retour-marque-icon.gif) no-repeat 5px 2px white;
	display: block;
	float: right;
	padding-right: 10px;
	padding-left: 30px;
}
div#oppSelection select{
	display: block;
	margin: 10px 0;	
}

div.tooltip-container table{
	background-color: transparent;	
}

span.dreamRadioTag input{
	position: relative;
	top: 0.25em;
	margin-right: 5px;	
}

span.dreamRadioTag{
	margin-right: 10px;
}

div.helpdesk_easy_access{
	display: none;	
}