body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
dt{font-weight:bold;}
form dl,form dt,form dd{font-weight:normal; margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body{ background:#f3f8ff url(/public/images/body.png) repeat-x top left; color:#3a4a51/*3d3d3d*/; font-family:Arial,sans-serif; font-size:12px;}
a{ color:#2D5FAB/*#0080b5*/; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
.anchors{ color:#2D5FAB }
h3{ border-bottom:1px solid #b2c0d3; font-size:18px; font-weight:bold; letter-spacing:-.05em; line-height:20px; margin-bottom:5px; padding-bottom:5px;}
button,input,select,textarea{ font-family:Arial,sans-serif; font-size:12px;}
button,
button span{ display:block; line-height:41px;}
button{ background:none; border:none; color:#fff; cursor:pointer; display:block; font-size:16px; font-weight:bold; height:42px; margin:0 auto; outline:none; overflow:visible; padding:0; position:relative; text-decoration:none; white-space:nowrap;/* width:240px;*/}
button span{ background:url(/public/images/button.png) no-repeat top left; height:42px; padding-left:50px;} 
.greyBtn button span span,
button span span{ background-position:top right; padding:0 50px 0 0;}
.greyBtn button span{background:url(/public/images/btn.png) no-repeat top left; height:42px; padding-left:50px; color:#585858}

.wrap{ margin:0 auto; position:relative; width:1000px;}
.inputText,
textarea{ background:#fff url(/public/images/inputText.png) repeat-x top left; border:1px solid #d7dadb;}
.inputText{padding:5px}
.close{ background:url(/public/images/icoCloseBig.png) no-repeat top left; display:block; height:33px; width:32px;}

.lead{ float:left; width:650px;}
.side{ float:left; width:330px;}

.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

/* modal */
.modal{ left:50%; position:absolute; top:160px; width:510px; z-index:4000;}
.modal .close{ position:absolute; right:-10px; top:-10px;}
.modalPosition{ background:url(/public/images/modal.png) no-repeat top left; left:-255px; padding:20px; position:relative;}
.modal .formSection{ margin-bottom:10px;}
.modal .formLine{ padding-bottom:0;}
.modal .formLabel{ width:100px;}
.modal .formBloc{ padding:0;}
.modal .formBloc .inputText{ width:158px;}
.modal .formHelp{ float:right; margin:7px 20px 0 0; padding-left:0;}
.modal .formSingle{ padding-left:110px;}
.modal .formCheck{ color:#9da5a8; font-size:11px; font-style:italic;}
.modal .formCheck input{ vertical-align:sub;}
.modal .formAction{height:32px; padding:10px 0 10px 110px;}
.modalFooter{ background:url(/public/images/modalFooterGrey.png) no-repeat bottom left; clear:both; color:#8a8a8a; font-size:14px; font-weight:bold; left:-255px; letter-spacing:-1px; padding:20px 20px 25px; position:relative;}
.modalFooter a{ text-decoration:underline;}

/* notification */
.notification{ background:url(/public/images/blue95.png); border-bottom:1px solid #fff; color:#fff; font-size:20px; left:0; padding:30px 0; position:absolute; top:0; width:100%; z-index:2001;}
.notification .wrap{ width:980px;}
.notification .dsBottom{ bottom:-11px;}
.notification.ok{ background-image:url(/public/images/green95.png);}
.notification.error{ background-image:url(/public/images/red95.png);}
.notification.warning{ background-image:url(/public/images/orange95.png);}
.notification .close{ float:right;}

/* ds */
.dsBottom{ background:url(/public/images/dsBottom.png) repeat-x top left; bottom:-10px; height:10px; left:0; position:absolute; width:100%;}

/* subNav = navigation pour la section admin */
.subNav{ height:30px; padding:5px 0 0 5px;}
.subNav a{ background:url(/public/images/subNav.png) no-repeat top left; color:#3a4a51; float:left; font-size:16px; font-weight:bold; height:30px; letter-spacing:-.05em; line-height:30px; padding-left:25px; position:relative;}
.subNav.subNavS a{ background:url(/public/images/subNav_S.png) no-repeat top left; color:#353535}
.subNav span{ background:url(/public/images/subNav.png) no-repeat top right; float:left; height:30px; padding-right:25px;}
.subNav.subNavS span{ background:url(/public/images/subNav_S.png) no-repeat top right; color:#3a4a51;}
.subNav.subNavS span.num{background:none; float:none; padding:0; color:#de0054;}
.subNav .on a,
.subNav a:hover{ background-position:bottom left; color:#de0054; text-decoration:none;}
.subNav .on span,
.subNav a:hover span{ background-position:bottom right;}
.subNav li{ display:inline;} /* IE7 */

/* searchBar = la barre What/Where/Type/Category en haut sur pleins de pages */
.searchBar{ background:url(/public/images/searchBar.png) no-repeat bottom left; height:81px; padding:19px 30px 10px 30px;}
.searchBarCol{ float:left; width:220px;}
.searchBarColQuery{ width:440px;}
.pageSearch .searchBarColQuery{ width:240px;}
.searchBarColSelect{ width:185px;}
.searchBarColAction{ padding-top:29px; width:130px;}
.searchBarLabel{ color:#DE0054; display:block; font-size:18px; font-weight:bold; letter-spacing:-.05em; line-height:30px;}
.searchBarColQuery .searchBarLabel{ color:#de0054; font-size:18px; font-weight:bold;}
.searchBarQuery .inputText{ border:2px solid #2d5fab; font-size:16px; height:20px; padding:5px; position:relative; top:-1px; width:410px; }
.pageSearch .searchBarQuery .inputText{ width:210px; }
.searchBarQuery .inputText.off{ color:#c4c9cb; font-style:italic;}
.searchBarSelect{ font-size:16px; padding:5px; width:170px;}
.pageSearch #cvsearchForm .searchBarQuery .inputText{width:380px;}
.pageSearch #cvsearchForm .searchBarColQuery{width:410px;}

/* searchMap = la map en haut ? droite sur les r?sultats de recherche */
.searchMap{ float:right; height:230px; overflow:hidden; position:relative; width:210px; z-index:1600;}
.searchMap .mapSmall{ left:0; position:absolute; top:20px;}
.searchMap .mapOverlay{ left:0; position:absolute; top:20px;}
.searchFilter{ background:#f3f8ff; border:solid #b2c0d3; border-width:1px 0; line-height:16px; margin-bottom:20px; min-height:190px; padding:10px 0 10px 10px; position:relative;}
.searchFilter.cvFilter{background:#F6F9EA; border:solid #BFD3B2; border-width:1px 0; color:#262c0c}
.searchFilter.cvFilter a{/*color:#778f0b*/}
.searchFilterCol{ float:left; margin-left:10px; position:relative; width:180px; z-index:1000;}
.searchFilterCol li{ font-size:11px; margin-bottom:2px;}
.searchFilterCol a{ font-size:14px; padding:1px 2px 1px 0; text-decoration:underline;}
.searchFilterCol a:hover{ }
.searchFilterTitle{ font-weight:bold; height:20px; line-height:20px; font-size:17px; margin-bottom:10px;}
.searchFilterColTown{ float:right; margin-right:20px;}
.searchMap .searchFilterTitle{ /*background:url(/public/images/icoMap.png) no-repeat 0 2px; padding-left:20px;*/}

/* intro */
.intro{ background:#e6f5fc url(/public/images/intro.png) no-repeat top left; height:230px; position:relative;}
.introText{ color:#758186; font-size:20px; left:20px; letter-spacing:-1px; line-height:30px; position:absolute; top:28px; width:300px;}
.introTitle{ color:#2d5fab; font-size:26px;}
.introText a{ color:#3a4a51; text-decoration:underline;}
.introBloc{ background:no-repeat top left; height:180px; position:absolute; top:28px; width:450px;}
    .introBlocCandidate{ background-image:url(/public/images/icoCandidate68.png); left:20px;}
    .introBlocEmployer{ background-image:url(/public/images/icoEmployer68.png); left:520px;}
.introLabel{ font-size:24px; letter-spacing:-1px; line-height:20px; margin:15px 0 0 70px; color:#f3f8ff;}

.introLabel span{color:#b2c0d3;  display:block; font-size:13px;}
.introNumber{ color:#de0054; font-weight:bold; left:0; letter-spacing:-1px;}   /*
.introNumber a{ color:#de0054; text-decoration:underline;}
    .introBlocCandidate .introNumber{ font-size:26px;}
    .introBlocEmployer .introNumber{ font-size:24px;}
    .introBlocEmployer .introNumber a{ font-size:32px;}     */
.introForm{ left:10px; position:absolute; top:130px;}
.introForm .inputText{ border-color:#c3d8e2; float:left; font-size:14px; padding:7px 5px; width:180px;}
.introForm .btn{ margin-left:5px;}
.introPost{ left:0; position:absolute; top:100px; width:300px;}
.introPost .btn{/*display:block; float:none;*/ margin:0 auto; width:190px;  height:60px; font-size:14px; color:#de0054; padding-left:55px; width:170px;  position:absolute}
.introPost .btnSearchJob{background-image:url(/public/images/intro-buttons.png); left:20px}
.introPost .btnPostCv{background:url(/public/images/intro-buttons.png) no-repeat -225px 0px; left:240px}  
.introPost .btnPostJob{background:url(/public/images/intro-buttons.png) no-repeat -460px 0px; width:220px; left:-7px; padding-left:15px; height:70px}  
.introPost .btnSearchCv{background:url(/public/images/intro-buttons.png) no-repeat -710px 0px; left:237px;}
.introPost .btnBkg{background-image:url(/public/images/intro-buttons.png);}  
.introPost .btn{text-decoration:none}

/* gate = les secteurs et les r?gions de la home */
#gate{ padding:20px 30px 0; overflow:hidden;}
.gateSector{ display:inline; float:left; width:430px;}
.gateLocation{ display:inline; float:left; margin-left:20px; width:470px;}
#gate h3{ border:none;}
.gateOverlayTopLeft,.gateOverlayTopRight,.gateOverlayBottomLeft,.gateOverlayBottomRight{ background:no-repeat top left; height:20px; position:absolute; width:20px; z-index:1100;}
.gateOverlayTopLeft{ background-image:url(/public/images/gateOverlayTopLeft.png); left:0; top:0;}
.gateOverlayTopRight{ background-image:url(/public/images/gateOverlayTopRight.png); right:0; top:0;}
.gateOverlayBottomLeft{ background-image:url(/public/images/gateOverlayBottomLeft.png); bottom:0; left:0;}
.gateOverlayBottomRight{ background-image:url(/public/images/gateOverlayBottomRight.png); bottom:0; right:0;}

/* mosa */
.mosa{ left:-8px; position:relative; overflow:hidden;}
.mosa a{ background:url(/public/images/mosa.png) no-repeat top left; float:left; font-size:12px; font-weight:bold; height:102px; margin:0 0 8px 8px; position:relative; text-align:center; width:132px;}
.mosa a:hover{ background-position:bottom left; color:#fff; text-decoration:none;}
.mosaIcon{ background:no-repeat top left; display:block; height:64px; margin:6px auto 0; width:64px;}
    .mosa_001400000000 .mosaIcon{ background-image:url(/public/images/mosaPeople.png);}
    .mosa_001300000000 .mosaIcon{ background-image:url(/public/images/mosaMarianne.png); height:32px; margin:22px auto; width:96px;}
    .mosa_001200000000 .mosaIcon{ background-image:url(/public/images/mosaFilm.png);}
    .mosa_001100000000 .mosaIcon{ background-image:url(/public/images/mosaTruck.png);}
    .mosa_001000000000 .mosaIcon{ background-image:url(/public/images/mosaConstruction.png);}
    .mosa_000900000000 .mosaIcon{ background-image:url(/public/images/mosaFactory.png);}
    .mosa_000800000000 .mosaIcon{ background-image:url(/public/images/mosaWheat.png);}
    .mosa_000700000000 .mosaIcon{ background-image:url(/public/images/mosaPlane.png);} 
    .mosa_000600000000 .mosaIcon{ background-image:url(/public/images/mosaHospital.png);} 
    .mosa_000500000000 .mosaIcon{ background-image:url(/public/images/mosaPaint.png);} 
    .mosa_000400000000 .mosaIcon{ background-image:url(/public/images/mosaBalance.png); width:84px;} 
    .mosa_000300000000 .mosaIcon{ background-image:url(/public/images/mosaFinance.png);} 
    .mosa_000200000000 .mosaIcon{ background-image:url(/public/images/mosaCart.png);} 
    .mosa_000100000000 .mosaIcon{ background-image:url(/public/images/mosaPC.png);}
.mosaText{ display:block; line-height:12px; margin:0 10px;}

/* regionHome */
.regionHome{ height:430px; position:relative; width:500px;}
.regionList{ line-height:12px; position:relative; top:3px;}
.regionList li{ line-height:15px; margin-bottom:2px;}
.regionList .on a, .regionList a:hover{ color:#de0054; font-weight:bold; text-decoration: none;}
.regionList a span{ color:#9da5a8;}
.regionList span.count{color:#AAA}
.regionMap{ position:absolute; right:10px; top:20px; z-index:1200;}

/* Map */
#map{ position:relative;}
.mapOverlay{ right:0; position:absolute; top:0;}
.map_r{display:none;} 

/* tabs = les onglets */
.tabs{ background:url(/public/images/tabs.png) repeat-x 0 6px; font-size:12px; font-weight:bold; height:32px; line-height:30px; padding:10px 0 0 20px;}
.tabs a{ background:url(/public/images/tabs.png) repeat-x 0 -5px; border-top:1px solid #fff; float:left; height:30px; line-height:30px; outline:0; padding:0 20px; position:relative; text-align:center; text-decoration:underline;}
.tabs .on a{ background:#fff; border:1px solid #b2c0d3; border-bottom:none; color:#de0054; text-decoration:none;}
.searchTabs{ height:41px;}
.searchTabs .first a{ width:320px;}
.searchTabs a{ border-top:1px solid #b2c0d3; padding:0; width:329px;}
.tabs li{ display:inline;}

/* tableOptions = nombre de r?sultats, ordre, pagination */

.tableOptions{ height:22px; padding:10px 20px; position:relative;}
.tableOptions .btn{ margin-right:20px;}
.tableNumber{ float:left; font-size:13px; line-height:32px;}
.tableNumber a{ color:#de0054; font-size:15px; font-weight:bold;}

/* results = nombre de r?sultats d'un tableau */
.tableResults{ float:left; font-size:16px; font-weight:bold; height:22px; left:20px; line-height:22px; overflow:hidden; padding:2px 0; position:absolute; top:10px;}
.tableResults span{ color:#de0054;}
.noresult{text-align:center}
.noresult h2{font-size:16px;}
.noresult h3{font-size:12px; font-weight:none; border:0}

/* tableOrder */
.tableOrder{ margin:0 auto; width:300px;}
.tableOrder p{ color:#3a4a51; float:left; font-size:12px; font-weight:bold; height:18px; line-height:18px; margin-left:2px; padding:2px 6px;}
.tableOrder select{ color:#de0054; font-weight:bold;}

/* pagination = ben la pagination pardi! */
.pagination{height:20px; position:absolute; right:20px;}
.pagination a,
.pagination span{ border:1px solid #fff; float:left; font-size:12px; font-weight:bold; height:20px; line-height:20px; margin-left:2px; padding:0 6px; text-decoration:underline;}
.pagination a:hover{ border-color:#0080b5;}
.pagination span{ color:#de0054; font-size:14px; text-decoration:none;}
.pagination a.prev{ margin-left:10px;}
.pagination a.on{ color:#de0054;} 

/* grid = le tableau tout beau */
.grid{ margin:0 20px 5px; width:940px;}
.grid tr.alt{ background:#f3f8ff;}
.grid tr:hover{ background:#fcf7e2; }
.grid th{ background:url(/public/images/th.png) repeat-x bottom left; border:1px solid #b2c0d3; color:#9da5a8; font-size:11px; font-weight:bold;}
.grid th a{ display:block; outline:none; padding:7px 10px;}
.grid td{ border:1px solid #b2c0d3; padding:10px;}
.gridCompany{ font-size:16px; font-weight:bold;}
.gridLogo{ display:block; text-align:center;}
.gridJob{ font-size:18px; font-weight:bold; line-height:20px;}
.gridDescription{ font-size:12px; line-height:15px; margin-bottom:5px; text-align:justify;}
.gridDescription p{ margin-bottom:5px;}
.gridLocation{ font-size:11px;}
.gridCompany{ width:140px; word-wrap:break-word;}
.gridLocation span{ background:#f3f8ff; padding:2px 5px;}
.gridList li{ background:url(/public/images/arwGrey.png) no-repeat 0 4px; border-bottom:1px solid #eee; font-size:13px; font-weight:bold; margin-bottom:2px; padding:0 0 2px 10px;}
    .gridResults td{ padding:10px 10px 15px; vertical-align:top; width:140px;}
    .gridResults td.job{ width:auto;}
    .gridResults td.details{ width:210px;}
    .gridResults td.company{ width:140px;}
    .gridResults td.actions{ width:160px;}
    .gridResults td.actions .btn{ margin-bottom:5px;}
    .gridResults .gridJob{ margin-bottom:5px;}
    .gridMember{ font-size:12px; margin-top:10px;}
    .gridMember td{ padding:5px;}
    .gridMember td.id{ width:60px;}
    .gridMember td.type{ font-size:14px; font-weight:bold;}
    .gridMember td.actions{ font-size:11px;}
    .gridMember td.actions a{ text-decoration:underline;}
    .gridMember .gridJob{ font-size:16px;}
	.gridLine td.file{width:80px}


/* title = le truc tout en haut de la partie principale */
.title{ background:#fff no-repeat 10px 10px; color:#d3a4a51; min-height:45px; padding:15px 10px 10px 20px;}
.titleName{ font-size:24px; font-weight:bold; letter-spacing:-.05em; line-height:25px;}
    .pagePage .titleName{ color:#6daa00;}
.titleName span{ color:#9da5a8; font-size:16px; line-height:20px;}
    .title.zilok, .title.about, .title.candidate, .title.employer, .title.terms{ background-image:url(/public/images/ico-zijob48.png); padding-left:70px;}
    .title.candidate{ background-image:url(/public/images/ico-candidate48.png);}
    .title.employer{ background-image:url(/public/images/ico-employer48.png);}
    .title.terms{ background-image:url(/public/images/ico-info48.png);}

/* sideBloc = bloc ? droitev, un peu enfonc? */
.sideBloc{ padding:20px 10px;}
.sideBloc h3{ margin-bottom:0;}

/* jobInfo = bloc de d?tails d'un job */
.jobInfo,.cvInfo{ background:#f3f8ff url(/public/images/jobInfo.png) repeat-y top left; border:1px solid #b2c0d3; border-left:none; height:280px; margin-bottom:20px; position:relative;}
.cvInfo{ background:#F6F9EA url(/public/images/jobInfoGreen.png) repeat-y top left; border:1px solid #BFD3B2; border-left:0;}
.jobInfoClear{ clear:left;}
.jobInfoBloc, .CvInfoBloc{font-size:16px; line-height:20px; position:relative; z-index:1000;}
.jobInfoBloc p, .CvInfoBloc p{ line-height:16px; margin-bottom:6px;}
.jobInfoBloc .experience{height:30px;}
.jobInfoLeft{ float:left; padding:10px; text-align:right; width:150px;}
    .jobInfoBlocFirst .jobInfoLeft{ text-align:center;}
.jobInfoRight{ float:left; padding:10px; width:450px;}
.jobInfoDetails{ font-weight:bold;}
.jobInfoDetails .category{font-size:13px}
.jobInfoEmployer p{ font-size:12px; margin:0 !important;}
.jobInfoEmployer .name{ font-size:20px; font-weight:bold; line-height:25px;}
.jobInfoEmployer .item{ float:left; margin-right:20px;}
.jobInfoEmployer .site{ clear:left;}   
.jobInfoActions{ height:42px; padding-left:180px; position:relative; z-index:1000;}
.jobInfoActions .btn{ margin-right:20px;}
.jobInfoActions .btnSmall{ margin-top:5px; min-width:120px;}

/* jobMap = la carte Google Maps ? droite */
.jobMap{ border:solid #b2c0d3; border-width:1px 0; height:280px; overflow:hidden; position:relative; width:330px;}
.jobMapTitle{ border:1px solid #b2c0d3;}
.jobMapLocation{ background:url(/public/images/white90.png); border-bottom:1px solid #b2c0d3; border-right:1px solid #b2c0d3; font-size:12px; font-weight:bold; left:0; line-height:16px; padding:7px 5px; position:absolute; top:0;}
.jobMapLocation a{ font-size:11px; font-weight:normal; text-decoration:underline;}
.jobMap iframe{ overflow:hidden; position:absolute; right:0; top:0; width:330px;}

.cvInfoSup{border: solid #BFD3B2; border-width:1px 0; height:280px; overflow:hidden; position:relative; width:330px;}

/* jobList = les offres similaires */
.jobList li{ border-bottom:1px solid #b2c0d3; display:block; font-size:12px; line-height:15px; padding:5px;}
.jobList a{ color:#3a4a51; float:left;}
.jobListLogo{ margin-right:10px; text-align:center; width:100px;}
.jobListDescription{ width:180px;}
.jobListClear{ clear:left; display:block;}

/* jobText = description full du poste */
.jobText{ font-size:14px; line-height:18px; padding:0 20px;}
.jobText p{ margin-bottom:15px;}
.jobTextBloc{ margin-bottom:30px;}

/* btn = les boutons gris de diff?rente taille */
.btn{ background:url(/public/images/btn.png) no-repeat top left; /*color:#0080b5;*/ float:left; font-size:18px; font-weight:bold; height:42px; letter-spacing:-.05em; line-height:40px; padding:0 10px 0 20px; position:relative;}
.btnBkg{ background:url(/public/images/btn.png) no-repeat top right; display:block; height:42px; position:absolute; right:-10px; top:0; width:10px;}
.btn input.submit{ background:none; border:none; color:#fff; cursor:pointer; float:left; font-size:18px; font-weight:bold; height:40px;}
/* btn small = boutons qui font 32px de hauteur au lieu de 42px */
.btnSmall{ background-image:url(/public/images/btnSmall.png); font-size:12px; height:32px; letter-spacing:0; line-height:30px; padding:0 5px 0 15px;}
.btnSmall .btnBkg{ background-image:url(/public/images/btnSmall.png);height:32px;}
.btn.btnSmall input.submit{ background:none; border:none; color:#fff; cursor:pointer; float:left; font-size:14px; font-weight:bold; height:30px;}
/* btn icons = si il y a une ic?ne ou pas */
.btnIco{ background:url(/public/images/btnBlue.png) no-repeat center left; display:block; height:40px; left:15px; position:absolute; top:0; width:16px;}
.btn.btnGo{ padding-left:35px;}
.btn.btnGo .btnIco{ background-image:url(/public/images/icoGo.png);}
.btn.btnUpload{ padding-left:35px;}
.btn.btnUpload .btnIco{ background-image:url(/public/images/icoUpload.png);}
/*.btn.btnBlue.btnGo .btnIco{ background-image:url(/public/images/icoGoWhite.png);}*/
.btn.btnStar .btnIco{ background-image:url(/public/images/icoStar.png);}
.btn.btnSmall .btnIco{ height:30px; left:10px;}
.btn.btnSmall.btnGo{ padding-left:30px;}
.btn.btnSmall.btnStar{ padding-left:30px;}
/* btn colors = la couleur de fond du bouton */
.btn.btnStar{ color:#f28703;}
.btn.btnBlue,
.btn.btnBlue .btnBkg{ background-image:url(/public/images/btnBlue.png); color:#fff;}
.btn.btnSmall.btnBlue,
.btn.btnSmall.btnBlue .btnBkg{ background-image:url(/public/images/btnSmallBlue.png); color:#fff; font-size:13px;}
.btn.btnSmall.btnPink,
.btn.btnSmall.btnPink .btnBkg{ background-image:url(/public/images/btnSmallPink.png); color:#fff; font-size:13px;}
.btn.btnSmall.btnTurquoise,
.btn.btnSmall.btnTurquoise .btnBkg{ background-image:url(/public/images/btnSmallTurquoise.png); color:#fff; font-size:13px;}
.btn.btnSmall.btnOrange,
.btn.btnSmall.btnOrange .btnBkg{ background-image:url(/public/images/btnSmallOrange.png); color:#fff;}


/* pageText = contenu texte des pages */
.pageText{ font-size:14px; line-height:19px; padding-left:20px;}
.pageText h2{ border-bottom:1px solid #b2c0d3; font-size:18px; font-weight:bold; letter-spacing:-.05em; line-height:20px; margin-bottom:5px; padding-bottom:5px;}
.pageText h3{ border-bottom:none; color:#009ee0; font-size:16px; font-style:italic; font-weight:bold; letter-spacing:0; line-height:15px; padding-bottom:10px; margin-top:15px;}
.pageText p, .post-content p{ margin-bottom:15px;}
.pageText ol, .post-content ol{ margin:5px 0 10px 20px; list-style-type:lower-alpha;} 
.pageText ul, .post-content ul{ margin:5px 0 10px 30px; list-style-type:disc;}
.pageText a, .post-content a{text-decoration: underline;}

/* pageMenu = menu pour naviguer au sein m?me d'une page */
.pageMenu{ background:#f3f8ff; border:1px solid #b2c0d3; float:right; font-size:12px; margin:0 0 10px 20px; padding:10px; width:190px;}
.pageMenuTitle{ font-weight:bold; margin-bottom:5px;}
.pageMenuList{ color:#9da5a8; font-weight:bold; line-height:14px; list-style-position:inside; list-style-type:decimal;}
.pageMenuList li{ margin-left:0; margin-bottom:5px;}
.pageMenuList a{ font-weight:normal; text-decoration:none}
ol.pageMenuList,ul.pageMenuList { font-size:12px;}  
ol.pageMenuList {list-style-type:decimal; margin:5px 0 0 0px; margin:0;}
ol.pageMenuList li{ margin-bottom:2px;} 
.pageMenuList ol li{ margin-bottom:2px;}
ul.pageMenuList{margin:0}



/* pageNav = menu ? droite pour naviguer entre les pages */
.pageNav{ font-size:12px;}
.pageNavTitle{ background:no-repeat top left; border-bottom:1px solid #b2c0d3; font-size:16px; font-weight:bold; height:24px; letter-spacing:-.05em; line-height:24px; margin-bottom:5px; padding:0 0 5px 30px;}
.pageNavTitle.candidate{ background-image:url(/public/images/icoCandidate24.png);}
.pageNavTitle.employer{ background-image:url(/public/images/icoEmployer24.png);}
.pageNavTitle.terms{ background-image:url(/public/images/icoInfo24.png);}
.pageNavTitle.about{ background-image:url(/public/images/icoZijob24.png);}
.pageNavTitle a{ color:#3a4a51;}
.pageNavList{ line-height:18px; margin:0 0 30px 10px;}
.pageNavList a{ text-decoration:none; font-size:14px;}
.pageNavList li{ margin-bottom:2px; font-size:14px;}
.pageNavTitle.noicon{padding-left:0px}

/* help = boite d'aide en haut */
.help{ background:#f3f8ff url(/public/images/formContent.png) repeat-x top left; border:1px solid #b2c0d3; height:200px; margin:0px 0px 0; padding:20px 60px; position:relative;}
.help .close{ position:absolute; right:10px; top:10px;}
.helpCoins{ background:url(/public/images/icoCoins.png) no-repeat top left; height:140px; position:absolute; right:170px; top:80px; width:140px;}
.helpClose{ background:#fff url(/public/images/helpClose.png) no-repeat center right; border:1px solid #80c0da; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#80c0da; font-size:12px; font-weight:bold; letter-spacing:-.05em; padding:5px 30px 5px 10px; position:absolute; right:20px; top:20px;}
.helpTitle{ background:url(/public/images/icoHelp32.png) no-repeat 0 1px; font-size:20px; font-weight:bold; height:32px; letter-spacing:-.05em; line-height:32px; margin:0 0 10px -40px; padding-left:40px;}
.helpText{ font-size:16px; margin-bottom:10px;}
.helpList{ font-size:14px;}
.helpList li{ background:url(/public/images/icoOk.png) no-repeat 0 1px; margin-bottom:15px; padding-left:20px;}
.helpList strong{ background:#fff; padding:3px 5px;}

/* steps = ?tapes d'un formulaire */
.steps{ background:url(/public/images/steps.png) no-repeat top left; color:#b2c0d3; font-size:20px; font-weight:bold; height:50px; letter-spacing:-1px; line-height:25px; margin:0 auto 20px auto; padding:15px 20px; position:relative; width:500px;}
.step1{ float:left; margin-right:60px; width:220px;}
.step2{ float:left; width:220px;}
/* step1 */
.steps.stepsCurrent1{ background-position:top left;}
.steps.stepsCurrent1 .step1{ color:#fff;}
/* step2 */
.steps.stepsCurrent2{ background-position:bottom left;}
.steps.stepsCurrent2 .step2{ color:#fff;}

/* form = tous les formulaires */
.formBack{ padding-bottom:10px;}
.formBack a{ text-decoration:underline;}
.formHeader{ background:url(/public/images/formHeader.png) no-repeat top left; color:#0153ac; font-size:20px; font-weight:bold; height:40px;  letter-spacing:-.05em; line-height:40px; margin-right:20px; padding:0 20px 0 40px; position:relative;}
.formHeaderSolo{ background:url(/public/images/formHeaderSolo.png) no-repeat top left; color:#0153ac; font-size:20px; font-weight:bold; height:40px;  letter-spacing:-.05em; line-height:40px; margin-top:20px; padding:0 20px 0 40px; position:relative;}
.formHeaderBkg{ background:url(/public/images/formHeader.png) no-repeat top right; display:block; height:40px; position:absolute; right:-20px; top:0; width:20px;}
.formHeaderSub{ width:940px;}
.formContent{ background:#f3f8ff url(/public/images/formContent.png) repeat-x top left; border:1px solid #b2c0d3; padding:20px 19px;}
.formBloc{ font-size:13px; margin-bottom:40px;}
.formSection{ border-bottom:1px solid #b2c0d3; font-size:20px; font-weight:bold; letter-spacing:-.05em; line-height:20px; padding-bottom:5px;}
.formLine,
.formDuo{ padding:10px 0 5px;}
.formAlt{ background:#f2f8fb;}
.formCol{ float:left; width:50%;}
.formColSmall{ float:left; width:40%;}
    .formColSmall .formLabel{ margin-left:20px; width:auto;}
.formLabel{ color:#0080b5; float:left; font-size:13px; font-weight:bold; padding:5px 10px 0 0; text-align:right; width:140px;}
.formField, .formElement{ float:left; margin-right:10px;}
.formClear,
.formColClear{ clear:left;}
.formBloc .inputText{ font-size:13px; padding:5px; width:258px;}
    .formBloc .inputText.description{ width:568px;}
    .formBloc .inputText.phone{ width:148px;}
    .formBloc .inputText.zipcode{ width:148px;}
.formInfo, 
.formHelp{ color:#9da5a8; font-size:12px; color:#585858; padding:5px 0}
.formHelp{ float:left; vertical-align:top}
.formInfo a,
.formHelp a{ color:#9da5a8; text-decoration:underline;}
.formBubble{ color:#9da5a8; cursor:help; font-size:11px; font-style:italic; margin-left:5px; text-decoration:underline;}
.formRadio{ cursor:pointer; float:left; font-size:13px; margin:5px 15px 0 0;}
.formRadio img{ vertical-align:middle;}
.formCheck{ cursor:pointer; float:left; font-size:13px; margin:5px 15px 0 0;}       
.formSelect{ font-size:13px; padding:5px; width:268px;}
.formArea{ font-size:13px; line-height:18px; padding:5px; width:678px;}
/*    .formArea.job{ height:200px;}*/
.formSelectMulti{ float:left; font-size:13px; height:160px; margin-right:8px; padding:5px; width:270px;}
.formSingle{ padding-left:150px;}
.formAction{ font-size:13px; padding:0 0 20px;}
    #formDefault .formAction{ padding-left:150px;}
    #formCredits1 .formAction{ padding-left:20px;}
    #formCredits2 .formAction{ padding-left:0px;}
.formAction .btn{ margin-right:20px;}
.formActionText{ float:left; line-height:40px;}
.charLeft{ color:#0080b5; font-size:13px;}
.delete{ color:red; text-decoration:underline;}
#formDefault button{ float:left; margin:0 10px 0 0;}
#formStats .rightCol .formLabel{width:50px;}
#formStats .leftCol .formLabel{width:80px;}
#formStats .rangeLine{clear:both;}
#formStats .rangeLine,
#formStats .statsLine{margin-top:10px}
#formStats .formAction{float:left; margin-top:5px; margin-bottom:0; padding:0}

/* formTable */
.formTable{ border:2px solid #b2c0d3; color:#9da5a8; float:left; font-size:13px; font-weight:bold; line-height:25px; margin:20px 20px 0 0; width:296px; height:270px;}
.formTable tbody{ background:#fff; }
.formTable td,
.formTable th{ border:1px solid #b2c0d3; border-left:none; border-right-width:2px; padding:5px; vertical-align:top;}
.formTable th{ font-size:18px; text-align:right;}
.formTable .price{ border-right:none; color:#3a4a51; font-size:18px; text-align:right;}
.formTable .address{ color:#3a4a51; font-size:18px;}
.formTable .total .price{ color:#de0054; font-size:22px;}
.formTable tfoot td{ border:none; text-align:right;}
.formTable tfoot a{ text-decoration:underline;}
.formTableClear{ clear:left;}

/* plan = les formules ? choisir */
.plan{ margin:20px 0 0 80px;}
.planButton{ background:url(/public/images/plan.png) no-repeat top left; cursor:pointer; display:block; float:left; font-size:18px; font-weight:bold; height:80px; letter-spacing:-1px; margin:0 20px 20px 0; position:relative; width:380px;}
.planButton input{ left:30px; position:absolute; top:35px;}
.planCredits{ color:#fff; height:60px; font-size:16px; left:69px; position:absolute; text-align:center; top:20px; width:60px;}
.planCredits strong{ display:block; font-size:28px; line-height:20px; text-align:center;}
    .planButton.thousand strong{ font-size:24px;}
.planClear{ clear:left;}
.planPrice,
.planBonus{ font-size:18px; left:150px; position:absolute; text-transform:uppercase;}
.planBonus2{ font-size:18px; left:150px; position:absolute; text-transform:uppercase;}
.planPrice{ color:#0080b5; top:20px;}
.planBonus{ color:#de0054; top:39px;}
.planBonus2{ color:#000000; top:57px;}
    .planButton.twenty .planPrice{ top:30px;}
    .planButton.twenty .planBonus2{ top:50px}
    
.planButton:hover{ background-position:bottom left;}
.planButton:hover .planPrice,
.planButton:hover .planBonus,
.planButton:hover .planBonus2{ color:#fff;}

/* payment = carte de cr?dit/paypal/ch?que */
.paymentMethod{ margin-top:20px;}
.paymentMethod label{ background:url(/public/images/paymentMethod.png) no-repeat top left; cursor:pointer; display:block; float:left; font-size:18px; font-weight:bold; height:60px; letter-spacing:-1px; line-height:60px; margin-left:15px; padding-left:40px; position:relative; width:250px;}
    .paymentMethod label.method1{ margin-left:0;}
.paymentMethod label input{ left:20px; position:absolute; top:25px;}
.paymentMethod label img{ background:no-repeat top left; height:60px; position:absolute; right:0; top:0; width:150px;}
    .paymentMethod .method1 img{ background-image:url(/public/images/paymentCard.png);}
    .paymentMethod .method2 img{ background-image:url(/public/images/paymentPaypal.png);}
.paymentChoice{ background:url(/public/images/paymentChoice.png) no-repeat top left; clear:left; height:20px;}
.paymentForm{ background:#fff; border:1px solid #b2c0d3; border-top:none; clear:left; padding:20px 20px 40px;}
    .choice1 .method1,
    .choice2 .method2,
    .choice3 .method3{ background:#0080b5; color:#fff;}
    .choice1 .paymentChoice{ background-position:0 -20px;}
    .choice2 .paymentChoice{ background-position:0 -40px;}
    .choice3 .paymentChoice{ background-position:0 -60px;}
.paymentForm .inputText{ width:238px;}
.paymentForm .inputText.cvc{ width:40px;}
.paymentForm .inputText.month{ width:40px;}
.paymentForm .inputText.year{ width:60px;}
    
/* error = gestion des erreurs dans un formulaire */
.formError,
.formRed .formLabel{ color:#9d0d15 !important;}
.formRed .formLabel label{ background:url(/public/images/icoError.png) no-repeat 0 0; padding-left:18px;}
.formRed .inputText{ border-color:#9d0d15 !important;}
.formError{ clear:left; display:block; font-size:11px; font-style:italic; padding-left:150px;}
.blueError{ display:block; font-size:11px; font-style:italic;}
.blueError,
.blueRed label{ color:#ffed00 !important;}
.blueRed label{ background:url(/public/images/icoWarning12.png) no-repeat center left; padding-left:15px;}
.blueRed .inputText{ border-color:#ffed00 !important;}

/* formMistakes = le gros bloc rails en haut */
.formMistakes{ background:url(/public/images/formMistakes.png) no-repeat top left; color:#fff; font-size:14px; margin-bottom:50px; padding:20px 80px 0 80px; position:relative; min-height:50px;}
.formMistakes a{ color:#fff; text-decoration:underline;}
.formMistakes p{ margin-bottom:5px;}
.formMistakesTitle{ font-size:20px; font-weight:bold;}
.formMistakesBottom{ background:url(/public/images/formMistakes.png) no-repeat bottom left; bottom:-30px; color:#fff; height:30px; left:0; position:absolute; width:940px;}
.formMistakesSmall,
.formMistakesSmall .formMistakesBottom{ background-image:url(/public/images/formMistakesSmall.png);}

/* blue = le formulaire tout bleu */
.blue{ margin:0 20px 20px; position:relative;}
.blueBody{ background:#019bd2 url(/public/images/formBlue.png) repeat-x bottom left; border-radius-bottomleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-radius-bottomright:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; padding:10px 0 0px 20px;}
.blueCol{ float:left; width:50%;}
.blueDuo{ margin:0 0 15px 0;}
.blueLine{ margin:0 20px 15px 0;}
.blueLineClear{ clear:left;}
    .blueLine.blueHr{ background:url(/public/images/hr.png) repeat-x top left; margin-bottom:10px; padding-top:10px;}
.blueHelp{ color:#c8eeff; font-size:11px; font-style:italic;}
.blue label{ color:#c8eeff; font-size:13px; font-weight:bold;}
.blue .inputText{ border-color:#3a4a51; padding:5px; width:558px;}
    .blueCol .inputText{ width:258px;}
.blue textarea{ border-color:#3a4a51; padding:5px; width:558px;}
.blue .inputText.phone{ width:158px;}
.blue .inputCheck{ color:#fff; cursor:pointer; font-size:14px; font-weight:normal; letter-spacing:0;}
.blueAction{ background:url(/public/images/hr.png) repeat-x top left; height:42px; margin-right:20px; padding-top:10px;}
.blueAction button span{background-image:url(/public/images/buttonOrange.png);}
.blueAction button{padding:10; width:300px!important;}
.blueBody .formInfo{color:#FFFFFF}

/* member */
.member{ padding:20px; padding-right:0;}
.memberTitle{ font-size:22px; font-weight:bold; letter-spacing:-.05em; margin-bottom:20px;}
.memberSection{ color:#de0054;}
.memberActions{ margin-bottom:10px; padding-top:10px;}
.memberButton{ background:url(/public/images/memberButton.png) no-repeat top left; float:left; font-size:24px; font-weight:bold; height:62px; letter-spacing:-.05em; line-height:62px; margin:0 20px 10px; padding-left:90px; position:relative; width:210px;}
.memberButton .icon{ background:no-repeat top left; display:block; height:70px; left:10px; position:absolute; top:-9px; width:70px;}
.memberButton.folder .icon{ background-image:url(/public/images/memberButtonFolder.png);}
.memberButton.coins .icon{ background-image:url(/public/images/memberButtonCoins.png);}
.memberButton.search .icon{ background-image:url(/public/images/memberButtonSearch.png);}
.memberButton.mail .icon{ background-image:url(/public/images/memberButtonMail.png);}
.memberButton.settings .icon{ background-image:url(/public/images/memberButtonSettings.png);}
.memberButton.note .icon{ background-image:url(/public/images/memberButtonNote.png);}
.memberClear{ clear:left;}
.memberStats{ margin:20px;}
.memberTable{ border:2px solid #b2c0d3; color:#9da5a8; float:left; font-size:18px; font-weight:bold; letter-spacing:-.05em; line-height:25px; margin-right:20px; width:296px;}
.memberTable tbody{ }
.memberTable td,
.memberTable th{ border:1px solid #b2c0d3; border-left:none; border-right-width:2px; padding:5px; vertical-align:top;}
.memberTable th{ color:#3a4a51; text-align:right;}
.memberTableClear{ clear:left;}
.memberInfo{ border:2px solid #b2c0d3; color:#9da5a8; float:left; font-size:12px; line-height:16px; margin-left:20px; padding:10px; width:276px;}
.memberInfoTitle{ color:#3a4a51; font-size:18px; font-weight:bold; letter-spacing:-.05em; margin-bottom:5px;}
.memberFeed h3{ margin:0;}
.memberFeedList{ font-size:12px; line-height:15px;}
.memberFeedList li{ border-bottom:1px solid #b2c0d3; display:block;}
.memberFeedList a{ text-decoration: none; color:#3a4a51; display:block; padding:5px 10px;}
.memberFeedList a .date{ font-weight:bold;}

/* Structure */
#header{ height:70px;}
#logo{ background:url(/public/images/logo.png) no-repeat top left; height:70px; left:10px; overflow:hidden; position:absolute; text-indent:-290486px; top:0; width:140px; z-index:2000;}
#logo a{ display:block; height:70px; width:140px;}  
#login, #logged{ height:32px; line-height:32px; position:absolute; right:30px; top:20px;}
#login .btn{ margin-left:10px;}
.loginText, .loggedText{ color:#fff; float:left; font-size:13px;}
.loginText a, .loggedText a{ color:#fff; padding:2px; text-decoration:underline;}
.loginText a:hover, .loggedText a:hover{ background:#fff; color:#FFFFFF; color:#3a4a51 !important;  text-decoration:none;}
.loginSep{ color:#b2c0d3;}
.logout{ font-size:11px;}}
#sub{ }
#subHome{ height:290px;}
.subHomeBkg{ background:url(/public/images/subHome.png) no-repeat top center; height:290px;}
#main{ }
#main .wrap{ background:#fff; padding:0; width:980px;}
.mainClear{ clear:both;}
.mainDsLeft,
.mainDsRight,
.mainDsTopLeft,
.mainDsTopRight{ background:repeat-y top left; height:100%; position:absolute; top:0; width:10px;}
.mainDsLeft{ background-image:url(/public/images/mainDsLeft.png); left:-10px;}
.mainDsRight{ background-image:url(/public/images/mainDsRight.png); right:-10px;}
.mainDsTopLeft,
.mainDsTopRight{ background-repeat:no-repeat; height:20px;}
.mainDsTopLeft{ background-image:url(/public/images/mainDsTopLeft.png); left:-10px;}
.mainDsTopRight{ background-image:url(/public/images/mainDsTopRight.png); right:-10px;}
.mainBottom{ background:url(/public/images/mainBottom.png) no-repeat top left; bottom:-30px; height:30px; left:-10px; position:absolute; width:1000px;}
    #main.alt .mainDsTopLeft{ background-image:url(/public/images/mainDsTopLeftAlt.png); background-position:0 -105px; height:100px;}
    #main.alt .mainDsTopRight{ background-image:url(/public/images/mainDsTopRightAlt.png); background-position:0 -105px; height:100px;}
    #main.ter{ margin-top:10px;}
    #main.ter .wrap{ background:#fff url(/public/images/mainTer.png) repeat-x top left; padding-top:1px;}
    #main.ter .mainDsTopLeft{ background-image:url(/public/images/mainDsTopLeftAlt.png); background-position:0 -80px; height:140px;}
    #main.ter .mainDsTopRight{ background-image:url(/public/images/mainDsTopRightAlt.png); background-position:0 -80px; height:140px;}
#footer{ background:#2d5fab url(/public/images/footer.png) repeat-x top left; height:140px; margin-top:30px;}
#footer .wrap{ left:10px; position:relative;}
#footer a{ color:#fff;}
.footerCol{ background:url(/public/images/vr.png) repeat-y top right; float:left; padding:10px 0 0 5px; width:175px;}
    .footerCol.about{ }
    .footerCol.last{ background:none;}
.footerClear{ clear:left;}
.footerTitle{ background:no-repeat 3px 0; color:#fff; font-size:13px; font-weight:bold; height:24px; line-height:24px; margin-bottom:3px; padding-left:30px; text-transform:uppercase;}
    .footerCol.about .footerTitle{ background-image:url(/public/images/icoZijob24.png);}
    .footerCol.candidate .footerTitle{ background-image:url(/public/images/icoCandidate24.png);}
    .footerCol.employer .footerTitle{ background-image:url(/public/images/icoEmployer24.png);}
    .footerCol.terms .footerTitle{ background-image:url(/public/images/icoInfo24.png);}
.footerList{ font-size:11px; margin:0 20px;}
.footerList li{ background:url(/public/images/arwWhite.png) no-repeat 0 0; line-height:12px; margin-bottom:5px; padding-left:10px;}
    .footerCol li.services{background-image:url(/public/images/zi.png); margin-left:-13px; height:20px; padding-left:23px; padding-top:4px;margin-bottom:0px;}    
    .footerCol li.twitter{background-image:url(/public/images/twitter.png); margin-left:-13px; height:20px; padding-left:23px; padding-top:4px; margin-bottom:0px;}
    .footerCol li.facebook{background-image:url(/public/images/facebook.png); margin-left:-13px; height:20px; padding-left:23px; padding-top:4px;}
    .footerCol li.blog{background-image:url(/public/images/rss.png); margin-left:-13px; height:20px; padding-left:23px; padding-top:4px;margin-bottom:0px; margin-top:0px;}          
.footerLogo{ background:url(/public/images/footerLogo.png) no-repeat top left; display:block; height:55px; overflow:hidden; position:absolute; right:0px; text-indent:-290486px; top:10px; width:140px;}

/* page = gestion des diff?rentes pages */
.pageSingle{ background:url(/public/images/mainCol2.png) repeat-y top left; position:relative;}
.pageSingle .mainBottom{ background:url(/public/images/mainBottomCol2.png); left:-10px;}
.pageForm{ padding:20px; }
.pagePage{ background:url(/public/images/mainCol2Small.png) repeat-y top right; position:relative;}
.pagePage .mainBottom{ background:url(/public/images/mainBottomCol2Small.png); left:-10px;}
.pagePage .lead{ margin-right:20px; width:700px;}
.pagePage .side{ padding:20px 10px; width:240px;}
.pageMemberHome{ background:url(/public/images/mainCol2Small.png) repeat-y top right; position:relative;}
.pageMemberHome .mainBottom{ background:url(/public/images/mainBottomCol2Small.png); left:-10px;}
.pageMemberHome .lead{ margin-right:20px; width:700px;}
.pageMemberHome .side{ padding:20px 10px; width:240px;}
.pageCvView{background:url(/public/images/mainCol2Green.png) repeat-y top left; position:relative;}
.page.pageCvView{padding-top:0}
.pageCvView .mainBottom{ background:#FFF url(/public/images/mainBottomCol2Green.png); left:-10px;}
.pageCvView .side{background-color:#F6F9EA;}
.pageAction button{padding:10; width:350px!important;}

/* cross = un autre tableau */
.cross{ margin:15px 0; width:680px;}
.cross th,
.cross td{ border:1px solid #b2c0d3; padding:5px; vertical-align:top;}
.cross th{ background:#2d5fab url(/public/images/crossHead.gif) repeat-x top left; color:#fff;}
table.stats{width:100%}
table.stats th{white-space: nowrap;}
table.stats .total{ background-color: #F3F8FF; font-weight:bold}
/* ------------------------------------- */


.pageSignupForm{ background:url(/public/images/mainCol2Small.png) repeat-y top right; position:relative;}
.pageSignupForm .lead{margin-right:20px; width:700px;}   
.pageSignupForm .side{padding:20px 10px; width:240px;}
.pageSignupForm .mainBottom{ background:url(/public/images/mainBottomCol2Small.png); left:-10px;}      
             
#modalbox{position:absolute; z-index: 4000; top:0px; position:fixed !important; width:100%;/*left:50%; margin-left:-250px;*/ left:0px; height:100%; padding-top:125px;}  
#modalbox #mb_bg{position:absolute; z-index: -1; top:0px; position:fixed!important; width:100%; height:100%; background-color:#000000; left:0px;}  
#modalbox #mb_wrap{padding:0px; margin:0 auto; background-color:#FFFFFF; border:6px solid #808080; width:500px; height:300px; position:relative;} 
#modalbox #mb_content{overflow: auto; margin:0px auto; height:100%;}  
    #modalbox #mb_content iframe{width:100%; height:100%; border:0px; }
#modalbox #mb_content .content{margin:10px}
#modalbox .modalClose{ background:url(/public/images/icoCloseBig.png) no-repeat top left; display:block; height:33px; position:absolute; right:-17px; top:-17px; width:32px; cursor: pointer; z-index:99;}
#modalbox .titleName{border-bottom:1px solid #e5f2f7; font-size:18px; font-weight:bold; letter-spacing:-.05em; line-height:18px; margin-bottom:20px; padding-bottom:5px;}
#modalbox .modalFooter{background-image:none; position: static; left:auto; background-color: #E0E0E0;letter-spacing:normal;}


//#main .wrap{min-height:500px}
.introPost .btn{ text-align:center;}
.formApply .formLabel{width:auto; float:none; text-align:left;}
.formApply .formField,.formApply .formElement{width:auto; float:none;}
.formApply .blueLine{display:block; clear:both} 
.formApply .formError{ display:block; font-size:11px; font-style:italic; padding:0} 
.formApply .formError,
.formApply label.error{ color:#ffed00 !important;}
.formApply .formRed .formLabel label{background:url(/public/images/icoWarning12.png) no-repeat 0 0; padding-left:18px;} 
.formApply .formHelp{ color:#c8eeff; font-size:11px; font-style:italic; padding:0} 
.formApply .formSingle{ padding-left:0px;}   

.formCheck{ cursor:pointer; float:left; font-size:14px; margin:5px 15px 15px 0;}     
.MultiSelect {margin-top:-40px; margin-bottom:0;}
.MultiSelectLocation{margin-top:-40px; margin-bottom:0px;}
.checkbox{margin-right:5px;}   
.formSelectCol,.formTextCol{width:268px; float:left; margin-bottom:0px; margin-right:10px; }
.formTextCol{height:20px; width:240px;}
.paymentForm.hidden{display:none}
.paymentForm .inputText{ width:238px;}
.paymentForm .inputText.cvc{ width:40px;}
.paymentForm .inputText.month{ width:40px;}
.paymentForm .inputText.year{ width:60px;} 
.lite{background:#FFFFFF; padding:0; margin:0;}
.lite #main{ background:none;}
.lite #main .wrap{ background:none; padding:0px; width:100%; min-height:100px}  
.lite .mainBottom{ background:none; bottom:-30px; height:30px; left:0; position:absolute; width:100%;}
.lite .formHeaderSolo{ background:url(/public/images/formHeaderSolo.png) no-repeat top left; color:#0153ac; font-size:20px; font-weight:bold; height:40px;  letter-spacing:-.05em; line-height:40px; margin-top:0px; padding:0 20px 0 40px; position:relative;}
.pageLite{ width:100%;}
.lite .form{padding-bottom:0}    
.lite .formHeader{ background:none; color:#0153ac; font-size:20px; font-weight:bold; height:40px;  letter-spacing:-.05em; line-height:40px; margin-right:20px; padding:0 20px 0 40px; position:relative;}
.space{height:10px; clear:both;} 
.jobInfoEmployer .address{ clear:left;}  
.memberTable a{color:#9da5a8;}
input#addcompany{margin-top:15px}
/* notification */
div#messages{min-height:30px; position:absolute; width:100%; top:0; left:0px; z-index:4001;}   
.notification{position:static; top:auto; left:auto; }
.formBloc .inputText.wlarge,.inputText.wlarge{width:568px;} 
  
#formCredits1 .formAction{ padding-left:380px;}
#formCredits2 .formAction{ padding-left:240px;}
#formCredits1 button{ float:left; margin:0 10px 0 0;}
#formCredits2 button{ float:left; margin:0 10px 0 0;}

.page{min-height:500px}
.tableOrder{ margin:0 auto; width:400px;}
.searchFilterColType{width:140px;}
.searchFilterColSalaryRange{width:140px}
.searchFilterColCategory{width:640px;}
.searchFilterColCategory ul.searchFilterList{width:320px; float:left; }         
.clear{clear:both}

div.suggestc {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    z-index: 1000;
    padding: 0px;
    /*visibility: hidden;  */
    display:none;
    position: absolute;
    background-color: #ffffff;
    color: #000000;
    font-size: 17px;
    font-family: arial,sans-serif;
    white-space: nowrap;
}
div.suggestc div{
        padding:3px 0px 3px 7px;              
}                                     
div.suggestc div.selected {
    background-color: #2d5fab;
    color: #ffffff;
    cursor:default
}
div.suggestc{ 
        -moz-box-shadow: 0px 3px 6px #808080; 
        -webkit-box-shadow: 0px 3px 6px #808080; 
            box-shadow: 0px 3px 6px #808080; }
.progressContainer { background-color:transparent;  }
#formBlue .progressName{ color:#FFFFFF }
.blueCol-l{clear:both}
#formValidateEmail .formAction,#formValidateEmail .formLine{float:left; padding-left:10px}
#formValidateEmail .formLine{width:440px}
#formValidateEmail form{display:block; overflow:hidden}
#formAuthorizeOAuth .formAction{float:left; margin-top:30px}
#formAuthorizeOAuth .submitForm{font-size:15px; padding:4px;}
#formAuthorizeOAuth .allowBtn{font-weight:bold;}
.formTableAddress{width:auto;}

.gridApplication td.text{cursor:pointer;}
input.submit{padding:3px; font-size:1.1em}
.helpForm{border:1px dotted #808000; background-color:#FFFFC0; padding:5px; }
.mosaText.smallText{font-size:9px}
.formLine .initHidden{visibility:hidden}  

#footer .info{position:absolute; right:0px; top:70px; text-align:right; margin-bottom:5px; padding-right:20px; color:#C0C0C0; font-size:10px;}
#footer .info a{color:#C0C0C0; text-decoration: underline;}

.pageText h4
{
font-size: 15px;
text-decoration:underline;
font-weight: bold;
padding-bottom: 8px;
margin-top: 10px;
}

.supportreason{border:1px solid #0000FF; margin:20px 0 20px 150px; color:#0000FF; font-size:1.1em; font-weight:bold; padding:10px;}
.supportreason ul{margin-left:20px; list-style: disc;}
.page{padding-top:5px;}

.pageSearchRes .blueCol{width:200px;}
.pageSearchRes .blueBody{padding-top:0px;}
.pageSearchRes .blueAction{background:none; width:300px; float:left; padding-top:8px}
.pageSearchRes .blueBody .formLine{margin-top:0px}    
.pageSearchRes .blueCol .inputText{width:170px}
.pageSearchRes.pageSearchResCv .actions{width:165px; /*text-align:center*/}
.pageSearchRes.pageSearchResCv .actions .btnBuy{width:120px; text-align:left}
.pageSearchRes.pageSearchResCv .actions .btnStar{width:120px; text-align:left}


.title .btnMail{ float:right; margin-right:10px;}
.btn.btnMail .btnIco{ background-image:url(/public/images/icoMail.png); width:25px;}     
.btn.btnSmall.btnMail{ padding-left:40px;}

.btn.btnBuy{min-width:50px}
.btn.btnBuy .btnIco{ background-image:url(/public/images/icoPanier.png); width:25px;}
.btn.btnBuy{ padding-left:40px;}  
.btn.btnSmall.btnBuy{ padding-left:30px;}

.radioLine .formElement label{clear:left; padding:5px;}
.radioLine .formElement label input{clear:both; vertical-align:bottom; margin:0; padding:0; margin-top:1px; margin-right:5px;}
#emailapplicationLine{display:none}
                
.memberShareFacebook,
.memberShareTwitter{ background:url(/public/images/share.png) no-repeat top left; display:block; font-size:12px; font-weight:bold; height:32px; line-height:30px; margin-top:0px; padding-left:28px; text-align:center; width:264px;}
.memberShareFacebook strong,
.memberShareTwitter strong{ color:#fff; font-size:13px;}
.memberShareFacebook{ color:#a5bced;}
.memberShareTwitter{ background-position:0 -40px; color:#c5dfdf;}

.memberShare{ background:url(/public/images/memberShare.png) no-repeat top left; color:#3d3d3d; float:left; font-size:12px; height:135px; font-size:16px; font-weight:bold; line-height:18px; margin-left:20px; padding:7px 5px 0; text-align:center; width:292px;}
.memberShare .twt{ color:#329ccc;}
.memberShare .fbk{ color:#5070ab;}
.memberShare:hover{ color:#000; text-decoration:none;}

.partner_banner{height:100px;} 
.pagePartner{padding:0}

#formFilters{overflow:hidden; margin-bottom:20px; background-color:#FCF7E2; padding:10px;}
#formFilters .formLabel{width:80px}

.viewcv{font-weight:bold; text-decoration:underline; margin-top:4px;}
.cvInfoSup li{ background:url(/public/images/arwGrey.png) no-repeat 0 4px; font-size:13px; margin-bottom:2px; padding:0 0 2px 10px;}         

div.mwarning{background-color:#FCF7E2; padding:10px; margin-bottom:15px; font-size:14px;}