/*
**  @author : myrhline
*/

/****
* CSS RESET
****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;}

a img,:link img,:visited img{border:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
ul{list-style:none;}
ol{list-style: decimal inside;}
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}
* {outline:none;margin: 0; padding: 0}

html, body {
    font: 11px arial, 'Bitstream Vera Sans', sans-serif; 
    background: #fff;
    margin: 0;
    padding: 0;
    color: #606060;
}

/* LINKS */
a {text-decoration:none; color: #333;}
a:hover {text-decoration:none; color: #82bf00;}
a.active {text-decoration:none; color: #82bf00;}
a.revert {color :#507403;}
a.revert:hover {color: #93CC16;}
a.r-underlined {text-decoration: underline; color: #689e08; }
a.r-underlined:hover {text-decoration: none;}
a.black:hover {color:#000;}
a.arrow  {background: url(skin/arrow.png) no-repeat center left; display: block; padding: 0 0 0 13px;}
a.arrow-small { background: url(skin/arrow.png) no-repeat center left; display: block; padding: 0 0 0 10px;}
a.arrow-rss { background: url(skin/rss_icon.png) no-repeat top left; display: block; padding: 0 0 0 20px; height: 18px;}
a.btn_arrow { background: url(skin/btn_arrow.png) no-repeat; display: block; padding: 18px 0 22px 20px; font-size: 12px; font-weight: bold; color: #638F04; width: 310px; }
a.btn_ball { background: url('skin/bt_company.png') no-repeat; padding: 12px 0 0 65px; width: 260px; height: 50px;  display: block; font-size: 12px; font-weight: bold; color: #638F04;}
a.btn_ball_blue { background: url('skin/bt_company_blue.png') no-repeat; padding: 12px 0 0 65px; width: 260px; height: 50px;  display: block; font-size: 12px; font-weight: bold; color: #0677b8;}
a.fixed { color: #333; }
a.fixed:hover { color: #333;}

/* TEXT ALIGN */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}

/* FLOATS */
.floatL, .float_l {float:left !important;}
.floatR, .float_r {float:right !important;}
.clearfl {clear: both !important;}

/* FIX SIZES AND HEIGHT */
.size1on3 { width:31.2% !important; margin-right: 2%; }

.height-200 { min-height: 200px; }
.profile-function-list { width: 240px; }

.bg-image1 { background: url(skin/bg_login.jpg) no-repeat #fff !important; }

/* STRUCTURE */
#container {position:relative; background: #000000; margin: 0 auto; width: 1010px; height:auto !important; height:100%; min-height:100%;}
#content {background-color: #FFFFFF; width: 1010px; min-height: 550px;float: left;}

#header {background: url(skin/header_shadow.png) repeat-y; width:1010px; height:155px; margin: 0 auto; }
#header .content {width: auto; padding: 12px 10px 10px 20px; }
#header .baseline { float: left; color: #7d8662; font-size: 12px; padding:30px 5px 0 5px; width: 110px; }

.header-line { width: 990px; margin: 0 auto; }
.header-line .log { float: right;  }
.header-stats { float:left; }
.header-line a.link { font-size: 11px; font-weight: bold; padding: 3px 8px 3px 3px; display: block; }
.header-line a.link:hover {text-decoration:none; color: #333;}

#nav { width: auto; }
#nav .content { background: url(skin/bg_nav.png); margin: 0 auto; width: 990px; height: 27px; padding: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#nav ul { float: left; clear: left; height: 27px; padding: 0 0 0 0; width: 990px; font-size: 12px; }
#nav ul li {float: left; padding: 0 10px 0 10px; border-left: 1px solid #f4f4f4; border-right: 1px solid #e0e0e0; width: 87px; text-align: center; height: 27px; }
#nav ul li:hover { background: #edfcca; }
#nav ul li.active { background: #edfcca; }
#nav ul li.last { border: 0;  }
#nav ul li.inactive { color: #999; font-weight: bold; height: 22px; padding-top: 5px; }
#nav ul li a { font-size: 12px; font-weight: bold; padding-top: 5px; display: block; }
#nav ul li a:hover {text-decoration:none; color: #333;}
#nav ul li a.active {text-decoration:none; color: #507403;}

#railway { padding: 0 0 0 25px; font-weight: bold; font-size: 11px; }
#railway ul { float: left; clear: left; height: 15px;}
#railway ul li {float: left; padding: 0 3px 0 3px; }
#railway ul li a {float: left; font-size: 11px; font-weight: bold; }

#main { background: url(skin/body_shadow.gif) repeat-y; width: 1010px; min-height: 400px; margin: 0 auto;}
#main .content {width: 966px; margin: 0 auto; padding-top: 8px;}

#footer {background: url(skin/footer_bg.png) repeat-y #fff; width: 1010px; margin: 0 auto; margin-bottom: 20px; }
#footer .head {background: url(skin/footer_head.png) no-repeat #fff; width: auto; height:15px;}
#footer .content { min-height: 230px; padding-right:10px; width: 940px; margin: 0 auto; }
#footer .col { width: 146px; margin-right: 10px; float: left;}
#footer ul {display:block; border-left: 1px solid #ccc; padding: 0 10px; margin-top: 10px; min-height: 100px; }
#footer a {color:#606060;}
#footer a:hover {color:#000;}
#footer .dark {color:#888;}
#footer .foot {background: url(skin/footer_foot.png) no-repeat #fff; height: 15px; width: auto;}
#footer h2 { font-size: 14px; color: #507403; padding-left: 5px; }

.spacer {width: auto; height: 10px; clear: both;}
.spacer-line {width: auto; height: 1px; clear: both; border-top: 1px solid #eee; margin: 5px 0;}

/* COLS */
.col1 { float: left; width: 370px; margin-right: 15px; }
.col2 { float: left; width: 395px; margin-right: 15px; }
.col2ext { float: left; width: 668px; }
.col3 { float: left; width: 166px; }
.col4 { float: left; width: 590px; margin-right: 15px; }
.col5 { float: left; width: 780px; margin-right: 15px; }
.col6 { float: left; width: 960px; }

.size1 { width: 334px; }
.size2 { width: 359px; }
.size3 { width: 130px; }
.size4 { width: 554px; }
.size5 { width: 744px; }
.size6 { width: 924px; }
.size7 { width: 194px; }

/* FORM */
input[type=text] {font: 12px Arial, Helvetica;}
input[type=submit] {border: 1px solid #999;font: 12px Arial, Helvetica;}
textarea {border: 1px solid #999;font: 12px Arial, Helvetica;}
select {border: 1px solid #999;font: 12px Arial, Helvetica;} 

#form-container .form-row {padding: 5px; text-align: left; border-bottom: 1px solid #eee; }
#form-container label {display: block; padding: 0 1em 3px 0; float: left; text-align: left; width: 12em; color: #333;}
#form-container .error_list { margin-left: 13em; margin-bottom: 0.3em; color: #cc0000;}
#form-container .form_helper { margin-left: 16em; color: #666; font-size: 9px; }
#form-container .helper { margin-left: 3px; color: #666; font-size: 9px; }

#form-container-login .form-row {padding: 5px 0 0 0; text-align: left}
#form-container-login label {display: block; padding: 0 1em 2px 0; float: left; text-align: left; width: 8em; color: #333;}
#form-container-login .login-input { width: 120px; }
#form-container-login .error_list { margin-left: 9em; margin-bottom: 0.3em; color: #cc0000;}

#form-container .form-row-small {float:left; padding-right: 5px; text-align: left}

#form-container .form-row-small input[type=text] { background: #f1f1f1; border: 1px solid #999; font-size: 12px; color: #507403; padding: 3px; margin-top: 1px; height: 16px;}
#form-container .form-row-small input[type=text]:hover { background: #fafafa; }

#form-container .form-row-small .place-search { background: #f1f1f1; border: 1px solid #999; font-size: 12px; color: #507403; padding: 3px; margin-top: 1px; height: 24px;}

#form-container .checkbox_list { display: block; margin: 0; padding: 0; float: left;}
#form-container .checkbox_list li { display: list-item; clear: both; }
#form-container .checkbox_list label { color:#333333; padding:0 0 3px 5px; width: 8em; float: left; margin: 0; }
#form-container .checkbox_list input { float: left; margin:0; }

#trainingForm #form-container label {width: 18em;}
#trainingForm #form-container .form_helper { margin-left: 23em; }
#trainingForm #form-container .error_list { margin-left: 19em; }

#business_area_list .checkbox_list label { width: 300px !important; }

.login-input { width: 150px; }

.captcha {width: 100px; padding-left: 13em;}


.error_list span { } 

/* BANNER */
.banner1 { width: auto; height: 90px; overflow: hidden; padding-bottom: 10px;}
.banner2 { width: 300px; height: 250px; overflow: hidden; margin: 10px; }
.banner2-center { padding-left: 8px; }
.banner2-center2 { padding-left: 40px; }
.banner3 { width: 160px; height: 600px; overflow: hidden; margin: 3px; }
.banner4 { width: 160px; height: 320px; overflow: hidden; margin: 3px; }

/* PAGER */
#pager {float: left; margin: 20px 5px 0 0; width: 100%; height: 20px; }
#pager.bottom {margin-top: 8px;}
#pager p {float: right; margin: 0 0 0 5px; padding:0;}
#pager strong {background: #507403; margin-right: 1px; padding: 1px 8px; color: #fff;}
#pager a {background: #fff; margin-right: 1px; padding: 1px 8px; }
#pager a:hover {background: #507403; color: #fff}
#pager span {float: left; margin-right: 10px;font-weight: bold;}

#cmspage { width: 830px; }
#cmspage h1 {font-size: 16px; margin-bottom: 5px; }
#cmspage h2 {font-size: 14px; margin: 10px 0 5px 0; }
#cmspage h3 {font-size: 12px; margin: 8px 0 3px 0;  }

/* BOX */
.box { padding: 0 0 10px 0; }

.box-head { clear: both; height: 48px; }
.box-head-l { float: left; background: url(skin/bloc_head_l.png) no-repeat; height: 48px; width: 18px; }
.box-head-c { float: left; background: url(skin/bloc_head_bg.png) repeat-x; height: 48px; }
.box-head-c h1 { float: left; background: url(skin/my.png) no-repeat left center; font-size: 18px; font-weight: bold; color: #92cc11; padding: 12px 0 0 45px; height: 39px;}
.box-head-c h1.medium { font-size: 12px; padding: 11px 0 2px 40px; height: 39px;}
.box-head-c h1.small { font-size: 12px; padding: 10px 0 2px 40px; height: 39px; }
.box-head-r { float: left; background: url(skin/bloc_head_r.png) no-repeat; height: 48px; width: 18px; }

.box-main { clear: both;  width: auto; }
.box-content { float: left;  }
.box-main table { border: 0; margin: 0; padding: 0; background: #ededed; }
.box-main-l { background: url(skin/bloc_l.png) repeat-y; height: 100%; width: 18px; }
.box-main-r { background: url(skin/bloc_r.png) repeat-y; height: auto; width: 18px; }

.box-foot { clear: both;  width: auto; height: 15px; }
.box-foot-l { float: left; background: url(skin/bloc_foot_l.png) no-repeat; height: 15px; width: 18px; }
.box-foot-c { float: left; background: url(skin/bloc_foot_bg.png) repeat-x; height: 15px; }
.box-foot-r { float: left; background: url(skin/bloc_foot_r.png) no-repeat; height: 15px; width: 18px; }

.box-simple-intro { width: auto; background: url(skin/bg_gradient.png) repeat-x #fff; }

.box-simple { width: auto; background: #fff; margin-top: 10px; }
.box-simple-head { width: 90%; background: #fff; padding: 10px 5px 8px 0; margin-left: 36px;}
.box-simple-content { width: auto; padding: 10px; }
.box-simple-content-small { width: auto; padding: 3px; }
.box-simple-content-nopad { width: auto; padding: 0px; }

.box-simple-gborder { width: auto; background: #fff; margin-top: 10px; border: 1px solid #92CC11; }
.box-simple-content-gborder { width: auto; padding: 5px 2px 8px 8px; }
.box-simple-gborder h2 { color: #fff; background: #92CC11; padding: 3px 5px;  }

.box-simple h2 { font-size: 12px; color: #507403; font-weight: bold; margin-bottom: 5px; }
.box-simple h2.fat { font-size: 14px; color: #82bf00; padding-left: 15px; }
.box-simple h2.fat-white { font-size: 14px; color: #fff; padding-left: 15px; }
.box-simple h2 span.small { font-size: 9px; font-weight: normal;}
.box-simple .desc { height: 100px; text-align: justify; }
.box-simple .desc-flash { height: 45px; text-align: justify; }
.box-simple .desc-partner { height: 150px; }
.box-simple .media { padding-right: 10px; }

.box-header { background: #ddd; margin-top: 10px; }  
h2.my { background: url(skin/my2.png) no-repeat center left; padding: 3px 0 0 25px; height: 30px; font-size: 12px; color: #507403; font-weight: bold;  margin-left: 10px;}
.bx { width: auto; background: #fff; }

.white-bg { background: #fff; }
.grey-bg { background: #f1f1f1; }
.green-bg { background: #e8f7c1; }
.dark-green-bg { background: #82bf00; }
.trans-bg { background: none; }

.icon-pin { background: url(skin/icon_pin.png) #82BF00 no-repeat right center; }

.l1-header-bg { background: #e3f7b3; }
.l1-middle-bg { background: #f2fcd8; }
.l1-bottom-bg { background: #d2f382; }
.l1-promo-bg { background: #f2f9e3; }

.l2-header-bg { background: #b3b501; }
.l2-middle-bg { background: #f2fcd8; }
.l2-bottom-bg { background: #b3b501; }
.l2-promo-bg { background: #ddde6b; }

.l3-header-bg { background: #68bac8; }
.l3-middle-bg { background: #f2fcd8; }
.l3-bottom-bg { background: #68bac8; }
.l3-promo-bg { background: #9edae4; }

.l4-header-bg { background: #d69022; }
.l4-middle-bg { background: #f2fcd8; }
.l4-bottom-bg { background: #d69022; }
.l4-promo-bg { background: #f2ca8c; }

.box-whoami { width: inherit; background: #fafafa; border: 1px solid #eee }
.box-whoami-content { width: auto; padding: 3px 10px; }
.box-whoami-content a { color: #999; }

.rss { float: right; }
.rss a { display: block; padding: 13px 10px 0 0 } 

/* BUTTONS */
.buttons {  }
.buttons-margin { clear: both; margin-top: 10px; margin-bottom: 10px; }
.buttons-padding { padding-top: 6px;}
.margin-10 { margin-top: -10px; }
.buttons a:hover { color: #000; }
.button { padding:0.4em 1em 0.4em 20px; position:relative; text-decoration:none; margin: 0 10px 0 0; cursor: pointer; }
.button-cv { padding:0.4em 1em 0.4em 20px; position:relative; text-decoration:none; margin: 0 0 0 10px;}
.button-default { padding:0.4em ; position:relative; text-decoration:none; margin: 10px 0 10px 0;}
.buttons span.ui-icon { left:0.2em; margin:-8px 5px 0 0; position:absolute; top:50%; }

.button-submit { padding:0.3em 0.6em 0.3em 20px; position:relative; text-decoration:none; margin: 0 10px 0 0;}
.button-submit span.ui-icon { left: -20px; margin:-8px 5px 0 0; position:absolute; top:50%; }
.button-submit a:hover { color: #000; }

.button-hidden {width: 0px; height: 0px; position: absolute; left: -50px; top: -50px;}


/* ROUNDED IMAGE */
.rounded { display:block; background-color:#fff; overflow:hidden; position:relative }
.rounded_corners { position:absolute }
.rounded_white .rounded_corners { top:0 }
.rounded_large { width:100px; height:100px }
.rounded_large .rounded_image { width:100px; height:100px }
.rounded_large .rounded_corners { left:0 }

/* NEWS & EVENT */
#theme-nav { padding: 10px 5px 15px 0; font-size: 12px; font-weight: bold; margin-bottom: 20px;}
#theme-nav ul { }
#theme-nav ul li { clear: both; padding-bottom: 5px; }
#theme-nav ul li.first { border-bottom: 1px solid #ccc; margin-bottom: 16px; }
#theme-nav ul li.last { border: 0 }
#theme-nav ul li a { color: #507403; }
#theme-nav ul li a:hover { color: #93CC16 }
#theme-nav ul li a.active { color: #FF9933 }
.theme-nav-container { float:left; width: 200px }
.news-list-container { float:left; width: 540px }

.news { font-size: 12px; }
.news .title { font-weight: bold; float: left; }
.news .title h1 { font-size: 14px; color: #507403;  }
.news .date { font-weight: bold; color: #000; }
.news .news-desc { clear: both; padding-top: 20px;}
.date { font-weight: bold; color: #333; }
.news .video { clear: both; width: 100%; text-align: center }
.news .media-in { float: right; margin: 0 0 10px 15px; }
.news-type { margin-top: 5px; font-size: 9px; }

.news h4 {font-size: 20px; margin:1em 0;}
.news h3 {font-size: 12px; margin:1em 0;}
.news h2 {font-size: 14px; margin:1em 0;}
.news h1 {font-size: 30px; margin:1em 0;}
.news p { margin:1em 0; }
.news img.gauche { margin-left: 15px; }
.news img.droite { margin-right: 15px; }
.news-search { float: right; padding-top: 13px;}

#news-table { background: #fff !important; }
#news-table tr.odd { background: #fff !important; }
#news-table tr.even { background: #EDFCCA !important; }
#news-table td { padding: 3px !important; }
#news-table .date { color: #cc0000; font-weight: bold; }
#news-table a.last { display: block; padding-top: 5px; }

.event { font-size: 12px; }
.event .title { font-weight: bold; float: left; }
.event .title h1 { font-size: 14px; color: #507403;  }
.event .date { font-weight: bold; color: #000; }
.event .city, .city { font-size: 10px; font-weight: bold; color: #507403; }
.event .event-desc { clear: both; padding-top: 20px;}
.event .video { clear: both; width: 100%; text-align: center }
.event .media-in { float: right; margin: 0 0 10px 15px; }

.event-theme-home { border: 1px solid #ccc; font-weight: bold;}
.event-theme-home li { float:left; border-right: 1px solid #507403; padding: 0 7px; }
.event-theme-home li.last { border-right: 0; }

.event-home { font-size: 10px; }
.event-home h3 { font-size: 12px; font-weight: bold; color: #507403; }
.event-home .event-media { float: right; margin: 0 5px; }
.event-home .desc { width: auto; height: auto; padding: 5px 5px 0 0;}

.event-company { font-size: 10px; }
.event-company h3 { font-size: 12px; font-weight: bold; color: #507403; }
.event-company .event-media { float: right; margin: 0 5px; }
.event-company .desc { width: auto; height: auto; padding: 5px 5px 0 0;}

.event h4 {font-size: 20px; margin:1em 0;}
.event h3 {font-size: 12px; margin:1em 0;}
.event h2 {font-size: 14px; margin:1em 0;}
.event h1 {font-size: 30px; margin:1em 0;}
.event p { margin:1em 0; }
.event-search { float: right; padding-top: 13px;}

a.prev, a.next {display:block; width:18px; height:18px; background:url(skin/left.png) no-repeat; float:left; cursor:pointer; font-size:1px; text-indent: -5000px;}
a.prev:hover, a.next:hover { background-position:0px -18px; }
a.next { background-image:url(skin/right.png); float: right; clear:right;}

.export { display: inline; float: left; }
.export ul { margin-top: 6px; }
.export ul li { display: inline; margin-right: 10px; }
.export .pdf { background: url(skin/icon_pdf.png) no-repeat center left; padding-left: 20px;}
.export .send { background: url(skin/icon_send.png) no-repeat center left; padding-left: 20px; }
.export .print { background: url(skin/icon_print.png) no-repeat center left; padding-left: 20px; }


/* THINGS */
/*.things ul { margin-left: -5px; margin-top: 56px; width: 180px; position: absolute; }*/
.things ul {  }
.things li { padding-left: 0; }
.things li.inactive { font-weight: bold; color: #999 }
.things a { font-weight: bold; color: #638f04; display: block; padding-top: 10px; padding-left: 13px; font-size: 12px; }
.things a:hover { color: #93cc16; }
.things-height { height: 138px; }
.things-item { background: url(skin/bt_things.png) no-repeat; width: 166px; height: 34px; margin-bottom: 8px; }


/* LOGIN */
.login ul { }
.login li { margin-bottom: 6px; }
.login a { font-weight: bold; color: #507403; }
.login a:hover { color: #93cc16; }

/* CUSTOM LIST */
.separated { border-right: 1px solid #c8d2b2; width: 33%; font-size: 11px; font-weight: bold; float: left; margin-bottom: 15px;}
ul.last { border-right: 0 !important; }
.separated li { padding-left: 35px; line-height: 20px;}
#library .separated li { padding-left: 10px; }

/* COMPANY */
#company-search .search-box { margin: 0 auto; }
#company-search .results { font-size: 12px; font-weight: bold; color: #cc0000; padding: 0 25px; float: right;}
#company-search #results { float: right; margin-top: 3px; }
#company-search .advanced { float: right; display: block; padding: 8px 14px 0 0}
.search-box .search { width: 350px; margin-right: 5px}
.search-box .job-search { width: 300px; margin-right: 5px}
.search-box .place-search { width: 300px; margin-right: 5px}
.search-box-home .search { width: 225px; margin-left: 10px;}
.search-box-home .advanced { float: right; display: block; padding: 8px 14px 0 0}
.search-title { padding-left: 15px; font-weight: bold; font-size: 12px; color: #507403; margin-top: 10px; }
#loading {display:block;position:relative;margin-top: -32px;top: 30px;left:450px;width:20px;height: 32px;}

#criteria-type-list h1 { font-size: 16px; color: #507403;  float:left; padding-right: 30px; }
#criteria-type-list h2 span { color: #cc0000; }
#criteria-type-list ul li { padding-bottom: 5px; list-style: none !important; margin-left: 0 !important; }
#criteria-list ul li { padding-bottom: 5px; list-style: none !important; margin-left: 0 !important; }
#criteria-list ul li label { }

#choiceForm ul li { line-height: 22px; }
#choiceForm ul li label { font-size: 12px; padding-left: 5px; }

.criteria-root { margin-left: 30px; }
.criteria-root .item { float:left; margin: 10px 10px 20px 10px; border-right: 1px solid #ccc; padding-right: 10px; width: 200px;}
.criteria-root .last { border-right: 0; }
.criteria-root h2 { font-size: 12px; color: #507403; font-weight: bold; margin-bottom: 5px; }
.criteria-shortcut { margin-top: 10px; }
.criteria-shortcut .item { background: url('skin/bt_company.png') no-repeat; padding: 12px 0 0 65px; width: 260px; height: 50px; }
.criteria-shortcut .item-blue { background: url('skin/bt_company_blue.png') no-repeat; padding: 12px 0 0 65px; width: 260px; height: 50px; margin-top: 36px; }
.criteria-shortcut .last { border-right: 0; }
.criteria-shortcut .item a { font-weight: bold; color: #82BF00; font-size: 12px;}
.criteria-shortcut .item-blue a { font-weight: bold; color: #0677b8; font-size: 12px;}

#company-table { margin: 15px 0 5px 0 }
#company-table table { border-collapse : collapse; width: 100%; }
#company-table th { font-weight: bold; text-align: left; color: #000; padding: 10px 5px 10px 20px; }
#company-table td { padding: 5px 5px 5px 20px; }
#company-table th.odd { background: #f2f6e5; }
#company-table th.even { background: #f6f6f6; }
#company-table td.odd { background: #fafeed; }
#company-table td.even { background: #fff; }
#company-table .logo { padding: 5px 5px 5px 5px !important; }
#company-table .last { height: 5px; }
#company-table tr.underlined { font-size: 12px; border-top: 1px dotted #689E08; border-bottom: 1px dotted #689E08}
#company-table a { font-weight: bold; }
#company-table tr.underlined td.odd { background: #f2f6e5; }
#company-table tr.underlined td.even { background: #f6f6f6; }

#company { font-size: 12px; }
#company .title-box { float: left; width: 420px; padding-left: 15px; }
#company.box-simple-intro { width: auto; background: url(skin/bg_company_home.jpg) no-repeat #fff !important; }
#company .col1 { float: left; width: 240px; }
#company .col2 { float: left; width: 493px; }
#company .col3 { float: left; width: 160px }
#company .intro { float: left; padding-left: 20px;}
#company .size4 { width: 204px; }
#company h1.title { font-size: 30px; font-weight: bold; color: #507403; text-align: center; }
#company h2 { font-size: 14px;  color: #507403 }
#company h2.title { font-size: 20px; color: #82bf08; }
#company .spacer { height: 15px; }
#company ul li { list-style: square; margin-left: 15px;}
#company .banner { margin: 15px 0; text-align: center;}
#company .ad { padding-left: 10px; }
#company .video { text-align: center; }

#company-logos { float: right; width:400px; overflow:hidden; text-align: right;}
#company-logos table tr td { padding: 0 10px }

#company-logo { background: #fff; border: 1px solid #ccc; }
#company-logo table {}
#company-logo table tr td { padding: 0 10px }

/* CLOUD */
#cloud { line-height:2.0em; text-align: center}
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; color: #bbb; }
#cloud a.tag2 { font-size: 0.9em; font-weight: 300; color: #888; }
#cloud a.tag3 { font-size: 1.2em; font-weight: 500; color: #666; }
#cloud a.tag4 { font-size: 1.6em; font-weight: 700; color: #333; }
#cloud a.tag5 { font-size: 2.0em; font-weight: 900; color: #333; }

#cloud-small { line-height:2.0em; text-align: center}
#cloud-small a.tag1 { font-size: 0.6em; font-weight: 100; color: #bbb; }
#cloud-small a.tag2 { font-size: 0.8em; font-weight: 300; color: #888; }
#cloud-small a.tag3 { font-size: 1.0em; font-weight: 500; color: #666; }
#cloud-small a.tag4 { font-size: 1.2em; font-weight: 700; color: #333; }
#cloud-small a.tag5 { font-size: 1.4em; font-weight: 900; color: #333; }

/* Add this */
.addthis_toolbox { float: right; }
.addthis_toolbox .custom_images a {width: 24px;height: 24px;margin: 0;padding: 0; }
.addthis_toolbox .custom_images a:hover img {opacity: 1;}
.addthis_toolbox .custom_images a img { opacity: 0.75; }


/* SLIDER */
.slider, .slider li{ width:340px; height:100px; overflow:hidden;}
.slider-company, .slider-company li{ width:173px; height:225px; overflow:hidden;}
.slider-flash, .slider-flash li { width:340px; height: 35px; overflow: hidden;}
.slider-flash .date { font-weight: bold; color: #CC0000; }

.slideshow-partner { width: 110px; height: 80px; text-align: center !important; vertical-align: middle !important; }

/* TABS */
/*
.ui-tabs { font-size: 10px !important; margin-top: 10px; border-bottom: 1px solid #ccc !important}
.ui-widget-content { border: 0 !important}
.ui-tabs-panel { padding: 5px 8px !important;}
.ui-widget-header { background: none !important; border: 0 !important; border-bottom: 1px solid #ccc !important }
*/

/* LIBRARY */
.library-theme { margin-top: 10px;}
.library-theme ul li { float: left;} 

#library .col2 { margin-right: 0 !important; }
#library .col1 { margin-right: 13px !important; }
#library .col5 { margin-right: 0 !important; }
#library h2 { padding: 5px 10px; font-size: 14px; }

#library h3 { font-size: 18px; }
#library h3 span { font-size: 12px; font-weight: normal}
#library .media { float:left; padding: 12px 15px 0 10px; }
#library .content { float:left; width: 600px; }
#library .desc { height: auto;  }
#library .price { text-align: right; font-size: 12px}

#library h3 { font-size: 12px; color: #507403;  padding-bottom: 4px; margin-bottom: 4px }
#library .media { float:left; padding: 3px 15px 0 5px; }
#library .content { float:left; width: 580px; }
#library .content-alaune { float:left; width: 200px; }
#library .desc { height: auto; text-align: justify; }
#library .price-top { font-size: 11px; padding-right: 10px;}

#tabs { border: 0 !important }
#tabs .ui-tabs-panel { padding: 10px 0 0 0 !important; border-top: 1px solid #ccc; height: 140px;}
#tabs { font-size: 11px !important; font-family: inherit !important; }
#library .ui-tabs { padding: 0 !important}
#library .ui-widget-header { background: #EDEDED !important; border: 0 }

#library .slider,#library .slider li{ width:720px; height:180px; overflow:hidden;}
#library .partner { float: left; display: block ;height: 35px; font-size: 12px; font-weight: bold; color: #507403; padding-top: 10px; }

#library .book-page { border-right: 1px solid #c8d2b2; width: 30%; font-size: 10px; font-weight: bold; float: left; padding: 0 10px; }
#library .book-page span { margin-bottom: 4px; display: block; }

#library a.active {text-decoration:none; color: #ff9933;}
/* hide container until all is ready */
#accordion { display: none; }

#accordion .box-simple { width: 700px; background: #fff; height: 290px; margin: 0; }
#accordion .ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/*Main Container*/
#accordion .container { width:100%; }
#accordion .container ul{ list-style-type: none; margin: 0; padding:0; }
#accordion .container li{ display: inline; margin: 0px; padding:0px; }
/*Content Container*/
#accordion .contentContainer { padding-left: 0px; float: left; width:0px; height: 290px; overflow:hidden; }
#accordion .contentWrapper{	}
#accordion .contentInnerWrapper{ }
/* Handle*/

#accordion .handle{ float: left; width: 35px; height: 233px; background: url(skin/handle.png) no-repeat; cursor: pointer; padding: 60px 0 0 7px;}


/* CV */
#cv .ui-corner-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#cv h2.title { font-size: 20px; color: #82bf08; }
#cv .intro { background: url(skin/ecv-bg2.jpg) no-repeat; float:left; padding: 10px 10px 0 300px; height: 237px; margin-top: 10px; width: 433px; }
#cv .go { margin-top: 30px; margin-left: 20px; } 
#cv .preview { width: 300px; float: left; }
#cv .small { font-size:10px; width: 380px; display:block; }
#cv .progress { float:left; padding: 20px 10px 0 10px; width: 200px; }
#cv #pb_pbText { display: none; color: #fff; }
#cv .create { float:right; padding: 10px 0 0 10px ; border-left: 2px solid #ccc}
#cv .nav { background: #fcfcfc; border: 1px solid #d8d8d8; }
#cv .nav .box-simple-content { padding: 20px 70px 10px 70px; }
#cv .nav ul { display: inline; }
#cv .nav ul li { display: block; margin-bottom: 8px; }
#cv .or { font-size: 22px; font-weight: bold; color: #507403; padding-left: 90px; padding-top: 20px; float:left;}
#cv .input-title { font-size: 20px; font-weight: bold; color: #507403; width: 270px}
#cv .nav a {color :#507403; font-size: 12px; font-weight: bold;}
#cv .nav a:hover {color: #93CC16;}
#cv .nav .help {color: #999; font-size: 10px; display: block;}
#cv .bt-arrow { background: url(skin/bt_arrow.png) no-repeat; color: #507403; font-size: 12px; font-weight: bold; padding: 7px 0 3px 38px; width: 171px; height: 31px; overflow: hidden; display: block; }
.msg { font-weight: bold; font-size: 12px; color: #cc0000; }

#cv .cv-list { }
#cv .line { background: url(skin/cv_step_bg.png) no-repeat #f0ffcc; width: auto; height: 49px; margin-bottom: 10px; }
#cv .line .title { float:left; color: #507403; font-weight: bold; padding: 17px 0 0 40px; font-size: 14px; }
#cv .line .step { float:left; color: #9fce3b; font-weight: bold; padding: 15px 0 0 15px; font-size: 14px; }
#cv .line .step span { color: #fff; padding-left: 23px; font-size: 14px; }
#cv .line .buttons { margin-top:18px; }

#cv .cv-content { border: 1px solid #ccc; background: #fff; }

#cv .cv-tags { border: 1px solid #ccc; background: #f1f1f1; }
#cv .cv-tags .title { float:left; color: #507403; font-weight: bold; font-size: 14px; padding: 6px 0 0 15px; }

#cv .cvs-list { border: 1px solid #eee; }
#cv .cvs-list .title { float:left; font-weight: bold; }
#cv .cvs-list .date { float:right; padding: 0 10px; }
#cv .cvs-line { border-bottom: 1px solid #eee; }
#cv .active { background: #F0FFCC; }
#cv .cvs-line .title { float:left; font-weight: bold; }
#cv .cvs-line .label { float:left; font-weight: bold; padding: 0 20px;}
#cv .cvs-line .desc { float:left; padding: 0 30px; color: #999; height: auto; }
#cv .cvs-line .date { float:right; padding: 0 10px; }
#cv .cvs-line .box-simple-content { padding: 10px 0 10px 10px }

#cv .media-box { background: #eee; border: 1px solid #ddd !important }
.console { border: 1px solid #ccc; width: 400px; }
.console h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }
.photo { float: right; }

.profile-image { padding-left: 15px; } 

#cv-home .media { float:left; width: 50px; text-align:center; height: 53px; }
#cv-home .item { float: left; padding: 0 10px 0 0; width: 158px; overflow: hidden; }
#cv-home h3 { font-size: 11px }
#cv-home .cv-title { font-size: 9px }

#cv-index { background: url(skin/ecv-bg.jpg) no-repeat; height: 370px; padding: 10px 0 0 370px; }
#cv-index ul li { background: url(skin/ecv-puce.jpg) no-repeat; padding: 8px 0 0 50px; font-size: 14px; font-weight: bold; color: #333; height: 38px; }
#cv-index h2 { font-size: 22px; color: #82bf08; margin-bottom: 15px }
#cv-index .go { margin-top: 40px; margin-left: 20px; }

/* EMPLOI */
.job-home-table { background: #fff !important; }
.job-home-table tr.odd { background: #fff; }
.job-home-table tr.even { background: #f6f6f6; }
.job-home-table tr td { padding: 3px 5px; }

#job .col1 { float: left; width: 240px; }
#job .col2 { float: left; width: 493px; font-size: 12px; }
#job .col3 { float: left; width: 160px }
#job .box-simple-intro { width: auto; background: url(skin/none.png) #fff !important; }
#job h1.title { font-size: 20px; font-weight: bold; color: #507403; text-align: left; }
#job h2.title { font-size: 20px; color: #82bf08; }
#job h2.title2 { font-size: 16px; color: #82bf08; }
#job .intro { padding: 5px 10px 0 10px; }
#job .create { float:right; padding: 10px 0 0 10px ; border-left: 2px solid #ccc}
#job .small { font-size:10px; width: 380px; display:block; }
#job-content ul { padding-left: 20px }
#job-content ul li { list-style: square; }
#job-content ol { padding-left: 20px }
#job-content ol li { list-style: decimal; }

#job-filter { margin: 15px 0 5px 0; float: left;  }
#job-filter table { border-collapse : collapse; width: 220px; }
#job-filter th { font-weight: bold; text-align: left; color: #000; padding: 10px 5px 10px 20px; background: #ddd; }
#job-filter tr { border-bottom: 1px solid #ccc; height: 20px; }
#job-filter td { padding: 5px 5px 5px 20px; }
#job-filter tr.odd { background: #fff; }
#job-filter tr.even { background: #f6f6f6; }
#job-filter td.head { background: #fff; padding: 2px 2px 2px 10px; font-weight: bold; color: #82BF08; font-size: 14px;}
#job-filter td.item { background: #f6f6f6; padding: 1px 2px 2px 20px; cursor: pointer; }
#job-filter td.item:hover { background: url(skin/add.png) no-repeat 2px 1px #EDFCCA;}
#job-filter td.selected { background: url(skin/delete.png) no-repeat 2px 1px #EDFCCA; padding: 1px 2px 2px 20px; }
#job-filter td.selected:hover { background: url(skin/delete.png) no-repeat 2px 1px #EDFCCA; padding: 1px 2px 2px 20px; }

#table { margin: 15px 0 0 0; float: right; }
#table table { border-collapse : collapse; width: 710px; }
#table th { font-weight: bold; text-align: left; color: #000; padding: 10px 5px 10px 20px; background: #ddd; }
#table tr {border-bottom: 1px solid #ccc;}
#table td { padding: 5px 5px 5px 20px; }
#table tr.odd { background: #fff; height: 60px; }
#table tr.even { background: #f6f6f6; height: 60px; }
#table .last { height: 5px; }
#table tr.underlined { font-size: 12px; border-top: 1px dotted #689E08; border-bottom: 1px dotted #689E08}
#table a { font-weight: normal; }
#table tr.underlined td.odd { background: #f2f6e5; }
#table tr.underlined td.even { background: #f6f6f6; }


#recrut-table { margin: 15px 0 0 0; }
#recrut-table table { border-collapse : collapse; width: 750px; }
#recrut-table th { font-weight: bold; text-align: left; color: #000; padding: 10px 5px 10px 20px; background: #ddd; }
#recrut-table tr {border-bottom: 1px solid #ccc;}
#recrut-table td { padding: 5px 5px 5px 20px; }
#recrut-table tr.odd { background: #fff; height: 60px; }
#recrut-table tr.even { background: #f6f6f6; height: 60px; }
#recrut-table .last { height: 5px; }
#recrut-table tr.underlined { font-size: 12px; border-top: 1px dotted #689E08; border-bottom: 1px dotted #689E08}
#recrut-table a { font-weight: normal; }
#recrut-table tr.underlined td.odd { background: #f2f6e5; }
#recrut-table tr.underlined td.even { background: #f6f6f6; }

.loading th { background: #EDFCCA !important; }

.pager { padding: 0 0 0 2px; float: right; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; width: 708px; background: #ddd; overflow: hidden; }
.pager a { display: inline; padding: 0 4px; }
.pager a.selected { color: #fff; background: #82bf00; }

#job-loading { position: absolute;  }
.box-simple-bordered { width: auto; background: #fff; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
.box-simple-bordered-top { width: auto; background: #fff; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }

#job-type { width: 260px; }
#job-type h2 { font-size: 16px; font-weight: bold; border-bottom: 1px dotted; }
#job-type h3 { font-size: 14px; font-weight: bold; margin-top: 10px; }
#job-type .box-simple { width: 244px; min-height: 100px; margin-right: 10px; border: 1px solid #ccc; }
#job-type .last { margin-right: 0; }
/*#job-header .box-simple { min-width: 240px; margin-right: 10px; border: 1px solid #ccc; background: #fbfbfb !important; }*/
#job-type .color-0 { color: #cc6600; border-color: #cc6600; }
#job-type .color-1 { color: #bb0000; border-color: #bb0000; }
#job-type .color-2 { color: #0677b8; border-color: #0677b8; }
#job-type a { text-decoration: underline; }
#job-type a:hover { text-decoration: none; }

.job-advanced-table { border-collapse : collapse; width: 100%; background: #fff !important; }
.job-advanced-table td { padding: 5px; }
.job-advanced-table label { display: block; }

.range { width: 300px; margin: 5px 0 10px 0; }

.job-advanced-table select { width: 300px !important; }

.fieldset { border: 1px dotted #ccc; padding : 5px; margin-bottom: 20px; }
.fieldset h3 { border-bottom: 1px solid #ccc; padding : 5px; margin-bottom: 10px; background: #eee; }


.partner-image { float: left; display:block; height: 150px; }
h2.partner { padding-bottom: 10px; text-align: right; }

#sitemap li { padding-left: 20px; }
#sitemap h3 { padding-left: 10px; }

#poll { background: url(skin/bg_poll.jpg); }
#poll table { background: none; font-weight: bold; }
#poll table tr td { margin: 0; padding: 3px; }
#poll strong { color: #cc0000; font-size: 12px; }
#poll .poll-line { font-size: 12px; color: #507403; }
.poll-progression tr td { margin: 0; padding: 0 4px !important; background: #606060; font-size: 12px; color: #fff; }

/*  TRAINING */
#training h2.title { font-size: 20px; color: #82bf08; }
#training-type { width: 440px; }
#training-type h2 { font-size: 16px; font-weight: bold; border-bottom: 1px dotted; }
#training-type h3 { font-size: 14px; font-weight: bold; margin-top: 10px; }
#training-type .box-simple { width: 430px; min-height: 100px; margin-right: 10px; border: 1px solid #ccc; }
#training-type .last { margin-right: 0; }

.training-table table { width: 530px !important; }
.training-table .pager { width: 528px; }

#training-button { border: 1px solid #BB0000; }
#training-button a {color :#bb0000; font-size: 18px; font-weight: bold;}
#training-button a:hover {color: #cc0000;}

/* VIDEO */
.video-title { padding: 2px 8px ; display: block; color: #638F04; background: #EDFCCC; margin: 0 0 0 1px; font-size: 12px; font-weight: bold; }


/* CHECKBOX LIST */
.selectlist-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.selectlist-item {
    /* Icon from http://pinvoke.com/ */
    background: #fff url(skin/cross-circle.png) no-repeat right center;
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    cursor: pointer;
    padding: 0.2em 0.3em;
    margin: 1px 0;
}


.jPagine-element{display: none;}
.jPagine-element-zebra{background: #eee;}


.tags-list li { display: inline; float: left; padding-right: 5px; display: block;}