@charset "UTF-8";
/* ~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ CSS  Altrajob ~~~ */
/* ~ © émaf broadcast ~~ */
/* ~~~~~~ mc 0308 ~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~ */
/* ~~ GLOBAL ~~~ */

*{/* Cancel global margin */
	margin:0;
	padding:0;
}

html{ /* define font & website size */
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
	min-width:953px;
	height: 100%;
	overflow-y:auto;
}


body{ /* define gradient bkg */
	height:100%;
	background:#524e50 url(../img/bkg-body.jpg) repeat-x;
}

img { /* remove img border */
	border:none;
}

#main{ /* pos. main block */
	position:relative;
	z-index:20;
}

#bkg{ /* set & pos. main central big bkg */
	position:absolute;
	top:0;
	width:100%;
	min-width:953px;
	height:100%;
	background:url(../img/bkg.jpg) no-repeat top center;
	z-index:10;
}



#accessibility{
	display:none;
}

/* ~~~~~~~~~~~~~ */
/* ~~ HEADER ~~~ */

#header{ /* define header size & set pos */
	width:954px;
	height:165px !important;
	height:163px;
	margin:0 auto 0 auto;
}

#header h1 { /* pos. altrajob logo */
	position:absolute;
	/*min-width:953px;*/
	width:300px;
	padding-left:45px;
	/*float:left;
	padding:0px 0 0 45px;
	margin-right:94px;*/
}

h1 span{ /* hide title referencing content */
	display:none;
}

#language{ /* pos. language box */
	float:left;
	background: url(../img/language-bkg.jpg) ;
	width:194px;
	padding-left:12px;
	height:34px;
}


#language a, #topBox a{/* language and search box link styling and positionning */
	width:91px;
	text-align:center;
	display:block;
	float:left;
	padding-top:1px;
	text-decoration:none;
	color:#808080;
	font-size:16px;
	font-variant:small-caps;
	font-weight:lighter;
}

#language a:hover, #topBox a:hover{
	color:#B52A8B;
}

#topBox{
	width:327px;
	height:49px;
	float:right;
	background: url(../img/searchbox-bkg.jpg);
}

#topBox form{ /* define search form pos. */
	float:left;
	margin-top:10px;
	padding-left:12px;
}

#topBox input{ /* define style search form input */
	width:155px;
	border:1px solid #808080;
	padding:0 2px;
	background:#d9d9d9;
	color:#808080;
	font-weight:lighter;
}

input.okSubmit{ /* "ok" submit search button */
	width:35px!important;
	height:18px;
	padding-bottom:1px;
	font-size:11px;
	padding-top:1px;
	color:#B52A8B!important;
	cursor:pointer;
	margin-left:6px;
}

#topBox form label{ /* input search label */
	display:none;
}

#topBox a{ /* sitemap pos. */
	display:block;
	float:left;
	width:85px;
	line-height:38px;
	padding:0px 0 0 5px;
}

/* ~~~~~~~~~~~~~ */
/* ~~ M E N U ~~~ */
 
/* -> menu.css */

/* ~~~~~~~~~~~~~~ */
/* ~~ CONTENT ~~~ */

#wrapper{
	position:relative;
	margin:0px auto 0 auto;
	width:954px;
	top:-14px;
}

#wrapper h1{
	float:none;
	clear:both;
}

#page{
	float:left;
	background:url(../img/bkg-content-trans.png) repeat-y;
	/*padding:0 11px;*/
}

#bkgContent{ 
	width:895px;
	background:url(../img/bkg-content.png) no-repeat;
	background-position: left top;
	background-color:#fff;
	margin-left:11px;
	margin-right:48px;
}

.contentBig{
	width:567px;
	float:left;
	display:inline;
	margin-left:18px;
}
.contentFull{
	width:874px;
	float:left;
	display:inline;
	margin-left:18px;
}
.contentHalf{
	width:422px;
	float:left;
	display:inline;
	margin-left:18px;
}
.contentSmall{
	width:275px;
	float: left;
	display:inline;
	margin-top:18px;
	margin-left:18px;
}
.contentSmall div{
	margin-bottom:18px;
}

#wrapperBottom{
	clear:both;
	background: url(../img/wrapperbtm-trans.png);
	width:917px;
	height:26px;
}
#page{color:#606060;}
#page h1, .contentBig h2, .contentBig h3{
	font-weight:lighter;
	font-variant:small-caps;
	color:#444;
}
#page h1{
	margin-left:18px;
}
.contentBig h2{
	margin:12px 0 8px 0;
}
#page ul{
	margin:8px;
	padding-left:28px;
	padding-right:40px;
}
#page ul.nopuce{
	list-style:none;
}
#page p{
	margin:8px;
	padding-right:40px;
}
#page a{
	color:#B52A8B;
	text-decoration:none;
}

.marginLeft{
	margin-left:18px;
}

.marginBottom{
	margin-bottom:18px;
}
/* HOME */

#homeCandidatBox{
	background:url(../img/home-candidat-bkg.jpg) no-repeat;
	width:422px;
	height:248px;
	
}
#homeEntrepriseBox{
	background:url(../img/home-entreprise-bkg.jpg) no-repeat;
	width:422px;
	height:248px;
}
#homeEntrepriseBox h2 a, #homeCandidatBox h2 a{
	color:#FFF;
	text-decoration:none;
	font-weight:lighter;
	font-size:29px;
}
#homeEntrepriseBox h2,#homeCandidatBox h2{
	padding-left:26px;
	padding-top:22px;
}
#homeEntrepriseBox img,#homeCandidatBox img{
	margin-left:16px;
	margin-top:22px;
}

.button{
	display:block;
	width:223px;
	height:29px;
	background:url(../img/button-trans.png) no-repeat;
	padding-left:17px;
	padding-top:6px;
	text-decoration:none;
	color:#B42A8A;
	font-size:13px;
	font-variant:small-caps;
	font-weight:lighter;
	margin-left:24px;
	margin-top:7px;
	border:none;
}
#homeEntrepriseBox .button{
	margin-left:189px;
	margin-top:41px;
}

/* OFFRES */
h3.toggler{
	position:relative;
	width:567px;
	background:none;
	border-bottom: 1px solid #B42A8A;
	cursor:pointer;
}

h3.toggler span{
	position:absolute;
	right:5px;
	font-size:11px;
	color:#B42A8A;
}

#keywordssearchform input{
	width:155px;
	border:1px solid #808080;
	padding:0 2px;
}

#accordion dl{
	float:left;
	margin-bottom:18px;
}

#accordion dt{
	clear:both;
	float:left;
	display:inline;
	width:140px;
	margin-left:18px;
}

#accordion dd{
	float:left;
	display:inline;
	width:389px;
}

#accordion dt, #accordion dd{
	padding:3px 0;
}

#accordion dt.separator{
	border-top: 1px solid #E2E2E2;
}

#accordion dd.separator{
	border-top: 1px solid #808080;
}


/* FAQ */

.question{
padding-top:18px;
color:#B52A8B;
}
.reponse{
font-style:italic;
padding:0 40px 0 30px;
}


/* CONTACT */
#infosPerso label, #infosPerso input{
	display:block; 
	float:left;
	width:120px;
	margin-left:12px;
	color:#000;
}
#infosPerso label{
	padding: 1px 4px 1px 0;
	margin-bottom:2px;
}
#infosPerso {
	margin-bottom:12px;
}
#messageFs label,#messageFs input, #messageFs textarea, #entreprise fieldset input, #entreprise fieldset select, #entreprise fieldset textarea{
	display:block;
	float:left;
	margin-left:12px;
	margin-bottom:2px;
}
#messageFs{
	margin:0 0 10px 0;
}
#sujet, #message{
	width:396px;
}
#contactForm {
	padding:8px;}
fieldset{
	border:none;
}
#contactForm legend{
	display:none;
}
#contactForm br{
	clear:left;
}
#contactForm input,#contactForm textarea, #entreprise fieldset input, #entreprise fieldset textarea{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #808080;
	padding: 1px 2px;
	background:url(../img/sub-menu-bkg.jpg);
}
#contactForm input:Focus,#contactForm textarea:focus{
	color:#B52A8B;
	border:1px solid #B52A8B;
	
}
.formError{
	border:1px solid #B52A8B !important;
}
.needed{
	color:#B52A8B;
	font-size: 10px !important;
}

.neededPostul{
	color:#B52A8B;
	font-size: 10px !important;
	position: absolute;
	
}

button{
	display:block;
	float:left;
	background-color:#808080;
	border:1px solid #888888;
	width:402px;
	margin:12px 0 12px 12px;
}


/* SITEMAP */
#siteMap {
	margin:0 8px 8px 8px;
	padding-right:40px;
}

#siteMap dt {
	margin: 4px 0 0 18px;
	padding-top: 4px;
	font-weight: bold;
}

#siteMap dt.separator {
	border-top: 1px solid #E2E2E2;
}

#siteMap dd {
	margin-left:36px;
}


/*POSTULER*/
#id{
visibility: hidden;
position: absolute;
}

#titleFormulaire{
font-size: 11px;
color: #333333;
}

#postuler{
font-size: 11px;
}

#infoJob {
	font-size: 10px;
	margin-left: 80px;
	font-weight: lighter;
	
}

#coordonnes{
float:left;
}

#goPostuler {
margin-left: 100px;
}

/* INSCRIPTION */
.formSmall,.formBig,.formFull{
	background:url(../img/formbkgsmall.png) no-repeat;
	width:430px;
	height:250px;
	margin-top:18px;
	color:#FFF;
	padding-top:12px;
	padding-left:12px;
}
.formBig{
	background:url(../img/formbkgbig.png) no-repeat;
	width:573px;
	height:418px;
}
.formFull{
	background:url(../img/formbkgfull.png) no-repeat;
	width:861px;
	height:418px;
}
/*
#submit{
	padding:0;
	margin-left:180px;
	margin-top:40px;
	cursor:pointer;
	display:inline;
}
*/

#contentForm {
	float: left;
}

.buttonStep{
	position: absolute;
	left: 230px;
	top: 495px;
}

.btRetour{
	
	background:url(../img/bouton_retour.png) no-repeat;
	width: 40px;
	height: 30px;
	border: none;
	cursor:pointer;
	
}

#goStep2, #goStep3, #goStep4, #goStep5, #goValidation, #goPostuler {
	padding:0;
	cursor:pointer;
	

} 

#goStep2 {
	left: 115px;
}

#goStep3, #goStep4, #goStep5, #goValidation, #goPostuler {
}

#goPostuler {
margin-top: 15px;
}

.formSmall legend,.formBig legend,.formFull legend{
	color:#FFF;
	font-size:15px;
}
.formSmall span, .formBig span,.formFull span{
	font-weight:bold;
	font-size:34px;
}

#step1 #goStep2{
float:left;
margin:105px 0 0 50px;
}
#step1 .step{
margin-top:100px;}

#step2 #goStep3, #step3 #goStep4, #step4 #goStep5, #step5 #goValidation{
margin-top:0px;
float:left;
}

#step2 span,.step{
display:block;
float:left;}


.formSmall label,.formBig label,.formFull label,#entreprise label{display:block; float:left;padding-left:20px;cursor:pointer; margin-top:15px;display:inline;}
.sector_div label{margin-top:2px;width:230px;margin-left:18px;}
.sector_div label:hover{background-color:#B52A8B;}

#sector_00{
	width:500px;
}
#sector_00 label{
	width:140px;
}

#sector_00 label,#sector_00 input{
	margin-top:12px;
	
}
.formSmall input,.formBig input,.formFull input{display:block; float:left;}
.checked{background:url(../img/chk_on.png) no-repeat;background-position:1px;}
.unchecked{background:url(../img/chk_off.png) no-repeat;background-position:1px;}
.selected{background:url(../img/rdo_on.png) no-repeat;}
.unselected{background:url(../img/rdo_off.png) no-repeat;}

#occupation label{ margin-left:12px; width:auto;}
#occupation{ margin-top:12px;}
#Taux_partiel{ margin-top:10px; margin-left:12px; width:30px;}
#Taux_partiel{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #808080;
	padding: 1px 2px;
	background:url(../img/sub-menu-bkg.jpg);
}
#Taux_partiel:focus{
	color:#B52A8B;
	border:1px solid #B52A8B;
	
}
#domaine{
border:1px solid #808080;
}
.formBig #domaine,#entreprise fieldset input, #entreprise fieldset select, #entreprise fieldset textarea{
margin-top:12px;
margin-left:12px;
width:240px;
}
#domaine:focus,#infoPerso input:focus,#infoPerso select:focus,#entreprise input:focus,#entreprise select:focus, #entreprise textarea:focus, #langues input:focus, #langues select:focus,#autresInfo input:focus,#step5 textarea:focus, #step5 select:focus, #step5 input:focus,#sector_00 input:focus{
border-color: #B52A8B!important; color:#B52A8B;}
#occupation p{margin-top:16px;padding-left:4px;}
.sector_div{
height:220px;
width:835px;
overflow:auto;
margin-top:12px;
}

#infoPerso br,#step4 br,#step5 br,#entreprise br{
clear:left;
}
#infoPerso label, #langues label{
	width:130px;
	text-align:right;
	margin:12px 0 0 0;
}
#domaine, #infoPerso input,#infoPerso select,#step4 #langues input, #step4 #langues select,#autresInfo input,#delai-conge select,#remarques,#piecesJointes input,#sector_00 input{
width:144px;
margin:12px 0 0 12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #808080;
padding:1px;
}
#step5 textarea{
width:260px;
margin-left:33px;
overflow:auto;
}
.bigInput{
width:200px !important;
}
#infoPerso select{
width:147px;}

#entreprise fieldset input, #entreprise fieldset select {
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #808080;
}


#entreprise{
padding-top:18px;
}
#entreprise label {
width:200px;
color:#808080;
text-align:right;}
#entreprise textarea{
height:130px;}
#step3 .step{
margin-top:31px;
display:block;
float:left;
}
#step3 #goStep4{
}

#entreprise #submit{
width:223px;
margin-left:240px;}

#step4 #diplomes label{
margin-left:18px;
}

#diplomes label{
	margin-top:0;
}
#diplomes{
	padding-left:55px;
}
#langues{
margin-top:12px;}

#diplomes legend{
	padding-top:12px;
	margin-left:-55px;
}

#step4 #autresInfo label{
width:200px;
text-align:right;
margin-left:77px;}

#step4 .step{
display:block;
float:left;
margin-top:8px;
}

#step4 #goStep5{

}
#step5 .step{
margin-top:26px;
}
#step5 #goValidation{

}
/* ~~~~~~~~~~~~~ */
/* ~~ FOOTER ~~~ */

address{
	margin:0px 0 20px 0;
 	position:absolute;
	font-style:normal;
	color:#FFF;
	background:#000;
	text-align:center;
	min-width:953px;
	width:100%;
	line-height:18px;
	z-index:30;
}

address span{
	margin:0 10px;
}

address a{
    color:#FFF; 
	text-decoration:none;
}

address a:hover{
	color:#B52A8B;
}

#sign{
	font-size:9px;
	text-align:right;
	margin-right:37px;
	color:#AAA;
}

#sign a{
	color:#B52A8B;
	text-decoration:none;
}

#sign a:hover{
	text-decoration:underline;
}