/* CSS globale */
body{
    margin:21px 0 10px 0; 
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
div#conteneur {
    position: relative; 
    margin: 0 auto; 
    width:900px;
}

#header{
    width:900px;
    height:293px;
}

/* logo */
#header h1{
    margin:0;
    padding:0;
}
#header h1 a{
    display:block;  
    text-decoration:none;
    position:absolute;
}
#header h1 a span{
    display:none;
}

/* auth */
#header .auth{
    position:absolute;
    top:113px;

    width:184px;/*203-34*/
    height:165px;/*183-15*/
    padding:15px 10px 0 10px;    
}
#header .auth h3{
    margin:0 0 10px 0;
    font-weight:normal;
}
#header .auth label{
    font-size:11px;
    display:block;
    margin:3px 0 0 0;
}
#header .auth input.input{
    width:153px;/*158-5*/
    height:19px;
    border:none;
    padding:3px 0 0 5px;
    font-size:11px;
    color:#666;
    background:url(/themes/base/img/bginput.png) no-repeat;
}
#header .lien{
    text-decoration:none;
    display:block;
    margin:0 0 0px 0;
}

#header input.submit{
    width:74px;
    height:18px;
    color:#fff;
    border:none;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    float:left;
    margin:0 4px 0 0;
}
#process_error_login{
    color:#ab0000!important;
    font-weight:bold;
}

/* boutons */
#contenu input.submit, #contenu input.reset{
    color:#fff;
    font-size:11px;
    border:0;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    border-radius:2px;
    height:18px;
    cursor:pointer;
    /*behavior:url(/themes/base/js/border-radius.htc);*/
}

input.btn-create-account {
    float:right;
    margin-right:45px;    
}

.pastille{
    display:none;
}

.txt ul {
    margin:0;
    padding:0;
}
    
/* lien type1 (vert) */
a.lien-type1{
    float:left;
    display:block;
    color:#fff;
    font-size:11px;
    /*font-weight:bold;*/
    cursor:pointer;
    text-decoration:none;
    padding:1px 15px 0 0;
    height:17px;
}
a.lien-type1 span{
    float:left;
    display:block;
    padding:0 0 0 0;
    height:17px;
    margin:-1px 0 0 0;
    padding:1px 0 0 15px;
}

/* banner */
.banner{
    position:absolute;
    top:113px;  
    
    /*z-index:1000;*/
    
}


ul#nav{
    z-index:10000;
    position:relative;
}


*+html #home-slider, *+html .slider, *+html .grid_7{
    z-index:10000;
    
}

/* colonne de gauche */
#left{
    float:left;
}

#left .type1, #left .type2{
    width:194px;
    margin:0 0 4px 0;
}
#left .type1 .top, #left .type1 .bottom, 
#left .type2 .top, #left .type2 .bottom{
    height:9px;
    width:194px;
}

#left .type1 .bottom, #left .type2 .bottom{
    margin-top:-3px;
}

#left .type1 h3, #left .type2 h3{

}
#left .type1 h3{
    padding:3px 0 6px 15px;
    color:#006f8e;
    background:url(/themes/base/img/separation-type1.png) no-repeat bottom;
}
#left .type1 ul{
    margin:0 4px 0 3px;
    padding:4px 0 0 0;
    width:187px;
}
#left .type1 li{
    float:left;
    display:block;
}
#left .type1 li a{
    float:left;
    display:block;
    font-size:14px;
    font-family:/*"Century Gothic",*/ arial;
    padding:5px 0 0 22px;
    width:165px;/*187-22*/
    height:24px;/*29-5*/
    text-decoration:none;
}

#left .type2 .content{
    padding:0 15px 0 15px;
}

/* col left > liste des news */
#left .type2 ul{
    margin:0;
    padding:0;
    width:157px;
}
#left .type2 li{
    float:left;
    display:block;
}
#left .type2 li a{
    float:left;
    text-decoration:none;
}

/* liste des agences */
#left a.agences{
    height:178px;/*192-14*/
    display:block;
    text-decoration:none;
}

/* sites */
ul#sites li a{
    text-decoration:none;
    width:194px;
    height:49px;
    display:block;
}
ul#sites li.p1 a{background:url(/themes/base/img/logo_interimangroup.png) no-repeat;height:66px;}
ul#sites li.p2 a{background:url(/themes/base/img/logo_interiman.png) no-repeat;}
ul#sites li.p3 a{background:url(/themes/base/img/logo_interima.png) no-repeat;}
ul#sites li.p4 a{background:url(/themes/base/img/logo_albedis.png) no-repeat;}
ul#sites li.p5 a{background:url(/themes/base/img/logo_hotelis.png) no-repeat;}
ul#sites li.p6 a{background:url(/themes/base/img/logo_medicalis.png) no-repeat;}

ul#sites li a span{
    display:none;
}

/* contenu */
#contenu{
    float:left;
}

#contenu p{
    padding:0;
    font-size:11px;
}

/* liens */
a.lien, a{
    text-decoration:none;
}
a.btretour{
    text-decoration:none;
    display:block;
    margin:0 0 10px 0;
}


.separation{
    width:555px;
    height:1px;
    font-size:1px;
    border-bottom:1px #f1f1f1 solid;
}

.zone-apply{
    padding:25px 0 25px 200px;
    border-top:1px #bebfc2 solid;
    margin:0 0 25px 0;
}
a.bt_apply{
    margin:0;
    padding:8px 0 0 5px;
    display:block;
    float:left;
    cursor:pointer;
    height:27px;
    color:#fff;
    font-size:13px;
}
a.bt_apply span{
    display:block;
    float:left;
    height:35px;
    cursor:pointer;
    margin:-8px 0 0 0;
    padding:8px 11px 0 6px;
}

.zone-tab-detail2{
    margin:50px 0 0 0!important
}


/* tableau detail offre */

/* pagination */
.pagination{
    width:620px;
    margin:0 0 8px 0;
    padding:15px 0 9px 0;
    font-size:11px;
    border-bottom:1px #e2e5e0 solid;
}
.pagination .nb{
    float:left;
    width:180px;/*210-30*/
    padding:0 0 0 30px;
    text-transform:uppercase;
}
.pagination .page{
    float:left;
    width:200px;
}
.pagination .page select{
    font-size:11px;

}
.pagination ul{
    float:right;
    margin:0 10px 0 0;
    padding:0;
}
.pagination li{
    float:left;
    display:block;
    margin:0 0 0 3px;
}
.pagination li a{
    float:left;
    display:block;
    text-decoration:none;
    padding:0 3px 0 0;
}

/* tableau liste offres */
.list{
    width:620px;
    font-size:11px;
}
.list th, .list th a{
    color:#fff;
    font-weight:normal;
    padding:3px 10px 3px 10px;
    text-transform:uppercase;
}

.list td{
    padding:10px 10px 10px 10px;
    vertical-align:top;
}

/* lien detail picto loupe */
.list .detail{
    width:9px;
    height:9px;
    display:block;
    margin:2px 0 0 0;
    float:right;
}
.list .detail span{
    display:none;
}

.list a.btinfo, .list a.btcontact{
    text-decoration:none;
    display:block;
    width:120px;
    padding:0 12px 0 0;
}
.list a:hover.btinfo, .list a:hover.btcontact{
    text-decoration:none;
    color:#555;
}
.list h3{
    padding:0 0 0 0!important;
    font-size:11px!important;
}
.list2 td{
    padding:15px 20px 15px 30px;
}

.list tr.clair .detail{background:url(/themes/base/img/loupe.png) no-repeat;}
.list tr.fonce .detail{background:url(/themes/base/img/loupe2.png) no-repeat;}
.list tr.clair a.btinfo{background:url(/themes/base/img/loupe.png) no-repeat right;}
.list tr.fonce a.btinfo{background:url(/themes/base/img/loupe2.png) no-repeat right;}
.list tr.clair a.btcontact{background:url(/themes/base/img/mail.png) no-repeat right;}
.list tr.fonce a.btcontact{background:url(/themes/base/img/mail2.png) no-repeat right;}

/* formulaires */
.form-content{
    width:614px;
    margin:0 0 20px 0;
}
.form-content2{
    margin:0;
}
.form-content .top{
    width:614px;
    height:8px;
}

.form-content td{
    vertical-align:top;
    padding:2px 2px 2px 0px;
}
.form-content{
    color:#666;
}


.form-content .label span{
    display:block;
    font-size:9px;
}
.form-content .value{
    width:300px;
}
.form-content select.select{
    width:300px;
    font-size:11px;

}
.form-content textarea.textarea{
    width:296px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    overflow:auto;
}
.form-content input.input{
    width:296px;
    border:1px #b7b7b7 solid;
    padding:1px 1px 1px 2px;
    font-size:11px;
    color:#008c99;
}

/* (conditions generales) */
.content-type1{
    width:614px;
    margin:10px 0 10px 0;
}
.content-type1 .top, .content-type1 .bottom{
    width:614px;
    height:9px;
}

.content-type1 .top{
    background:url(/themes/base/img/content-type1-t.png) no-repeat left bottom;
}
.content-type1 .bottom{
    background:url(/themes/base/img/content-type1-b.png) no-repeat;
}

.content-type1 .content{
    width:580px;/*614-34*/
    padding:10px 17px 0 17px;
    background-color:#f8f8f8;
}


.check{
    border:none;
}

/* recherche avancee */

.recherche h3{
    clear:both;
    text-transform:none!important;
    padding:5px 0 5px 8px!important;
    margin:5px 0 0 0!important;
}
.recherche input.check{
    margin:1px 3px 1px 6px;
}

/* home recherche rapide */
.form-content2 select.select, .form-content2 input.input{
    font-size:11px;
    color:#666;
}
.form-content2 select.select{
    width:250px;
}
.form-content2 input.input{
    width:250px;
}
.form-content2 label{
    padding:0 0 0 8px;
}


/* titres */
.m-candidat h3, .m-entreprise h3{
    margin:0;
    padding:0;
    font-size:16px!important;
    font-weight:bold!important;
    text-transform:none!important;
}
.m-candidat h3{
    color:#598c29!important;
}
.m-entreprise h3{
    color:#006f8e!important;    
}

/* 1er menu*/
.m-candidat .c1 ul,.m-entreprise .c1 ul{
    margin:0;
    padding:0 0 2px 0;
}
.m-candidat .c1 li, .m-entreprise .c1 li{
    padding:0 0 2px 3px;
}
.m-candidat .c1 li a, .m-entreprise .c1 li a{
    text-decoration:none;
    font-size:13px;
    display:block;
    padding:6px 0 2px 0;
    width:202px;
}


/* 2eme menu */
.m-candidat .c2 .top, .m-entreprise .c2 .top{
    width:239px;
    height:35px;
}

.m-candidat .c2 h4, .m-entreprise .c2 h4{
    margin:0;
    padding:16px 0 0 19px;
    color:#fff;
    font-weight:normal;
    font-size:14px;
}
.m-candidat .c2 .bottom, .m-entreprise .c2 .bottom{
    width:239px;
    height:35px;
}

.m-candidat .c2 .content{
    width:239px;
}
.m-entreprise .c2 .content{
    width:239px;
}

.m-candidat .c2 ul, .m-entreprise .c2 ul{
    margin:0;
    padding:0 15px 0 16px;
    width:208px;/*239-31*/
}
.m-candidat .c2 li, .m-entreprise .c2 li{
    
}
.m-candidat .c2 li a, .m-entreprise .c2 li a{
    text-decoration:none;
    font-size:13px;
    display:block;
    width:204px;
    padding:6px 0 2px 0;    
}
.m-candidat .c2 li a{
    color:#598c29;
}
.m-entreprise .c2 li a{
    color:#006f8e;
}
.m-candidat .c2 li a:hover{
    color:#3a5c1b;
}
.m-entreprise .c2 li a:hover{
    color:#014b5f;
}



/* footer */
#footer{
    width:900px;
}
#footer ul{
    margin:2px 0 0 0;
    padding:0;
    float:left; 
}
#footer li{
    float:left;
    display:block;
    font-size:10px;
    color:#dcdddb;
    padding:0 0 0 6px;  
}
#footer li a{
    float:left;
    display:block;
    text-decoration:none;
    margin:0 6px 0 0;
}

p#copyright{
    margin:2px 0 0 4px;
    padding:0;
    width:256px;
    float:left;
    font-size:10px;
}
p#virtua{
    float:right;
    margin:0 10px 0 0;
    padding:0;
    height:16px;
    line-height:16px;
    font-size:10px;
}

#virtua a:hover{
    text-decoration:none;
}
a#signature span{

    margin-right:10px;
    margin-left:0;
    padding-left:0;
}

/* reprise code existant */
.titleprogressbar{
    font-size: 16px;
    color: #ffffff;
    padding: 8px 0 2px 14px;
}
.stageon, .stageoff{
    background-repeat: no-repeat;
    width: 117px;
    height: 18px;
    padding: 19px 0 0 28px;
    font-size: 12px;
}
.pictdescr{
    padding: 10px 5px 0px 10px;
}
.pictstate{
    float:right;
    padding:4px 8px 0 0;
}
.txtstage{
    float: left;
}

/* --------------  COLLABORATOR -------------------- */



#contentmenu{
    border-top: 1px solid #ddd;
    padding-left: 5px;
}
a.contmenubtn, a.contmenuaddbtn  {
    display: block;
    float: left;
    font-size:11px;
    height: 20px;
    margin-right: 2px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
}
a.contmenubtn{
    color: #999999;
}
a.contmenubtn:hover, a.contmenuaddbtn:hover {
    color: #000;
}
a.contmenubtn span, a.contmenuaddbtn span {
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 10px;
}
a.contmenubtndown, a.contmenuaddbtndown {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    font-size:11px;
    height: 20px;
    margin-right: 2px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
}

a.contmenubtndown span, a.contmenuaddbtndown span {
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 10px;
    color:#000;
}
#contentwithmenu h3{
    padding-left: 10px
}

.txtaccess{
    text-align: right;
}
.txtlinkaccess{
    float: right;
    margin-left: 3px;
    margin-top: 2px;
}
.txtaccess a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
}
.txtlinkaccess a:hover{
    text-decoration: underline;
}


.collaborator{
    width: 215px;
    height: 140px;
    float: left;
    margin: 0 80px 10px 0;
}

.collapic{
    width: 50px;
    height: 70px;
    display: block;
    background-repeat: no-repeat;
    margin: 15px;
    float: left;
    border: 1px solid #ddd;
}
.colladescr{
    float: left;
    margin: 10px 0 10px 0;
    width: 110px;
}
.collaname{
}
.collafonction{
    font-weight: bold;
    margin: 10px 0 10px 0;
    color: #3d628e;
}

.infpart{
    padding: 4px 4px 2px 6px;
    height: 18px;
    line-height:18px;
    text-transform:uppercase;
}
.collapic{
    background-image: url(/themes/base/img/emptycollab.png);
}

/* --------------  END COLLABORATOR -------------------- */

/* messages d'infos, d'erreur */
.error_message, .info_message {
    position:absolute;
    top:150px;
    left:290px;
    width:360px;
    /*text-align: center;*/
}

/* ------- MESSAGE, ERREUR --------- */
.error_message, .info_message {
    padding: 20px 20px 20px 20px ;
    font-weight: bold ;
    /*margin: 10px ;*/
    background-color: #FFF;
    background-position: left; 
    background-repeat: no-repeat;
    /*text-transform: uppercase;*/
}

.error_message {
    border: 2px solid #F89758;
    color:#333;
    /*margin: 10px ;*/
    background-image: url(/themes/base/img/icon/orange_icon.png);
}
.info_message {
    border: 2px solid #008C99/*#688EB3*/;
    /*background-image: url(/themes/base/img/icon/blue_icon.png);*/
    min-height: 17px;
}



.process_error, .process_message {
    min-height: 20px ;
    padding: 5px ;
    font-weight: bold ;
    margin-bottom: 10px ;
}
.process_message {
    color: #688EB3 ;
    border: 2px solid #688EB3 ;
}
.process_message {
    color: #688EB3 ;
    border: 2px solid #688EB3 ;
}

#process_error_login {
    color: #CC0000 ;
    padding: 1px ;
    font-weight: bold ;
    margin-top: 2px ;
}

.urgent-job {
    width:614px;
    position:relative;
    margin:0 auto!important;
    padding-bottom:20px;
}

.lien_pdf{
    display:block;
    float:left;
    padding:4px 0 2px 25px;
    background:url(/themes/base/img/files/pdf.gif) no-repeat;
}

.detail-intro li{
    list-style-type: disc;    
}

#contenu .detail-intro p{
    margin: 0 0 10px;
}

.detail-intro h1{
    font-weight:bold!important;
    text-transform:uppercase;
    font-size:18px!important;
}

.zonebt{
    margin:0 20px 15px 0;
    padding:0 0 3px 0;
}
.zonebt .left{
    float:left;
}
.zonebt .right{
    float:right;
}

.width-job2 {
    min-height:500px !important;
    float:left;
    padding-right:10px;
    width:340px;
}
.width-job2 {
    min-height:1px!important;
}

.zone-tab-detail{
    float:left;
    width:250px;
    margin:190px 0 0 0;
}

.zone-tab-detail-consultant {
    margin-top:20px !important;
    padding-top:0px !important;    
}

.header-content{
    background-color:#FFFFFF;
    padding:15px;   
}

/*********************************************************/
/* Tips Mootools *****************************************/

.highlight-title {
    font-size: 12px !important;
    padding: 5px ;
    background-color: #008C99 ;
    padding: 12px 14px 0px 14px !important;
}

.highlight-text {
    font-size: 11px;
    padding: 5px ;
    background-color: #fff;
}

.highlight-tip {
    color: #fff;
    width: 350px;
    z-index: 13000;
    /*border: 1px solid #666 ;*/
    text-align: justify ;
    margin-top:-23px;
    /*margin-left:-155px;*/ /*420*/
}

.highlight-text {
    font-size: 12px !important;
    padding: 5px ;
    background-color: #008C99 ;
    padding: 12px 14px 12px 14px !important;
}

#job_banner_layer{  
    width:960px!important;
    position:absolute!important;
    padding:0!important;
    top:0!important;
    left:0!important;
    float:left!important;
    margin-top:150px!important;
    margin-left:-30px!important;
    background-color:#fff;
    z-index:10000!important;
}
#job_banner_layer .inputbutton {
    background-image:url("/themes/base/img/background/btlogin.png");
    background-repeat:repeat-x;
    border:medium none;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif !important;
    padding:0 4px;
    margin-bottom:10px;
    cursor:pointer;
}

#video_layer {
    visibility: hidden;
    margin: auto;    
    background-color:#fff;
}

#video {
    margin:20px 0 20px 0;
    cursor: pointer;
}
#video .thumbnail{
    width: 194px;
    text-align: center;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color:  #D2D0D1;
    margin:auto;
}
#video .player{
    height:39px;
    text-align: center;
}



h1.type1{
    color:#003867!important;
    margin:0 0 20px 0!important;
}

h2.type1{
    color:#008c99!important;
    font-size:12px!important;
    width:228px!important;
    height:32px!important;
    padding:4px 0 0 18px!important;
    margin:0 0 0 -15px!important;
    font-weight:normal!important;
    background:url(/themes/base/img/title_brochure.png) no-repeat;
}



/* liste des brochures */
.brochures-list{
    background:#f3f3f3 url(/themes/base/img/degrade.png) repeat-x;
    margin: 10px -32px 2px -32px;
    padding:0 47px 0 34px;
}
.brochures-list2{
    background:#f3f3f3 url(/themes/base/img/degrade2.png) repeat-x!important;
}

a.doc1, a.doc2 {
    width:111px;/*151-40*/
    height:46px;/*205-159*/
    display:block;
    background:url(/themes/base/img/doc1.png) no-repeat;
    color:#fff;
    padding:159px 28px 0 12px;
    line-height:12px;
    text-decoration:none;
}

a.doc2 {
    background:url(/themes/base/img/doc2.jpg) no-repeat;
    width: 290px;
    height: 55px;
}

a:hover.doc1, a:hover.doc2 {
    width:111px;/*151-40*/
    height:46px;/*205-159*/
    display:block;
    background:url(/themes/base/img/doc1_hover.png) no-repeat;
    color:#fff;
    padding:159px 28px 0 12px;
    line-height:12px;
    text-decoration:none;
    margin:-1px 0 1px -3px
}

a:hover.doc2 {
    background:url(/themes/base/img/doc2_hover.jpg) no-repeat;
    width: 290px;
    height: 55px;
    padding: 170px 28px 0px 18px !important;
}

.banner-rh{
    margin:10px 0 10px 0;
}

.soustitre-easytime{
    font-weight:bold;
}