/*
 ** generic rules
 */
* {
    margin:0;padding:0;border:0
}
a {
    outline:0;
}
body {
    overflow-x:hidden;
    height:100%;
    background:#f1f1f1; color:#252525;
    font:11px/1.4 Verdana, Arial, Sans-serif;
}
ul {
    list-style:none;
}
#skipLinks, .ghost{
    position:absolute;left:-9999px;
}
#content {
    clear:both;
}


/*
 ** header
 */
#header {
    position:absolute; overflow:hidden;
    width:286px;height:714px;
    background:#f1f1f1;
    z-index:28;
}
#searchForm {
    margin:101px 0 29px 30px;
    position:relative;
}
#searchForm .inputSkin {
    overflow:hidden;
    width:169px; padding-left:4px;
    background:#fff url(/img/pictos.png) 0 0 no-repeat;
}
#searchForm .inputSkinWrapper {
    overflow:hidden;
    padding-right:4px;
    background:#fff url(/img/pictos.png) 100% -40px no-repeat;
}
#searchEntry {
    display:block;
    margin: 3px 0;
    width:167px;height:25px;
/*    background:#fff url(/img/pictos.png) 131px -142px no-repeat;*/ color:#818181;
    font-size:11px;
}
#searchSubmit  {
    background:url("/img/pictos.png") no-repeat 0 -142px #fff;
    height:25px;
    left:135px;
    position:absolute;
    top:3px;
    width:37px;
    cursor:pointer;
}
input:hover#searchSubmit {
    background-position:0 -2375px;
}
p.baseline {
    overflow:hidden;
    padding-left:30px;
    color:#22b7db;
    font: bold 11px "Trebuchet MS",sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;    
}
#navigationBox {
    overflow:hidden;
    padding-top:3px;margin-top:32px;
    background:#00acd6 url(/img/corners-blue-bg-grey.png) 100% 0% no-repeat;
}
#navigationBoxWrapper {
    overflow:hidden;
    min-height:141px;
    background:#00acd6 url(/img/corners-blue-bg-grey.png) 100% 100% no-repeat;
}

#navigationBoxWrapper img {
    display:block;
    margin:27px 0 18px 30px;
}

/* account box */
#myAccount {
    position:relative;overflow:hidden;
    padding-top:4px;
    background:#fff url(/img/corners-white-bg-grey.png) 100% 0% no-repeat;
}
#myAccountWrapper {
    overflow:hidden;
    min-height:199px;
    background:#fff url(/img/corners-white-bg-grey.png) 100% 100% no-repeat;
}
#myAccount legend, #myAccount .legend {
    overflow:hidden;
    display:block;
    padding:26px 0 0 30px; margin-bottom:-8px;
    font:20px "Trebuchet MS",sans-serif;
    text-decoration:none;
}
#myAccount .legend {
    margin-bottom:0;
}
#myAccount legend strong, #myAccount .legend strong {
    font-weight:bold;
    text-transform:uppercase;
}
#myAccount .legend a {
    color:#252525;
    text-decoration:none;
}
#myAccount .legend a:hover {
    text-decoration:underline;
}
#myAccount a.disconnection {
    position:absolute; right:10px; top:32px;
    color:#00acd6;
    text-decoration:none;
}
#myAccount a:hover.disconnection {
    text-decoration:underline;
}
#loginFormError {margin-top:4px; padding:0 10px 0 30px;}
form .inputSkin {
    overflow:hidden;
    width:169px; padding-left:5px;
    background:#e5e5e5 url(/img/pictos.png) 0 -80px no-repeat;
}
form .inputSkinWrapper {
    overflow:hidden;
    padding-right:5px;
    background:#e5e5e5 url(/img/pictos.png) 100% -108px no-repeat;
}
#loginEntry, #password, #loginEntryPopin, #passwordPopin, #popin input {
    display:block;
    margin: 3px 0;
    width:164px;height:19px;
    background:#e5e5e5;color:#252525;
    font-size:11px;
}
form .text {
    margin:10px 0 0 30px;
}
form#subscriptionForm .text {
    margin-left:0;
}
form#subscriptionForm .actions button {
    margin-right:155px;
}
#popin.sendToAFriend .text {
    margin-left:0;
}
form .actions input, form .actions button {
    cursor:pointer;
}
#loginSubmit, #loginSubmitPopin, #stfSubmitPopin {
    position:absolute; right:29px; top:102px;
    width:35px !important; height:10px !important;
    background:#e5e5e5 url(/img/pictos.png) 100% -504px no-repeat !important;
}
#loginSubmit:hover, #loginSubmitPopin:hover, #stfSubmitPopin:hover {
    background-position:100% -2188px !important;
}
#popin #stfSubmitPopin, #popin #forgotPwdSubmitPopin {
    float:right; display:inline;
    margin:8px 200px 0 0; padding-left:10px;
    width:auto;
    background:url(/img/pictos.png) no-repeat 0 -298px;color:#22b7db;
    font:bold 11px Arial, Sans-serif;
    cursor:pointer;
}
/*#popin #stfSubmitPopin {
    color:#22b7db;
    background-color:none;
}*/
#popin #forgotPwdSubmitPopin {
    padding-left:15px;
    margin-top:-23px;
}
#popin #forgotPwdSubmitPopin:hover {
    background-position:0 -338px;color:#4a3a3a;
    text-decoration:underline;
}
#popin.forgottenPassword .text {
    margin-left:0;
}
#popin.forgottenPassword p.info {
    margin-top:15px;
}
#popin #contactForm h2 {
    overflow:hidden;
}
#popin .contactImg {
    float:left; display:inline;
    margin-right:15px;
}
#accountMisc {
    margin-left:30px;
}
#accountMisc li {
    font-size:12px; font-weight:bold;
}
#accountMisc li a {
    padding-left:19px;
    background:url(/img/pictos.png) 0 -300px no-repeat; color:#00acd6;
    text-decoration:none;   
}
#accountMisc li a:hover {
    background-position:0 -340px;color:#4a3a3a;
    text-decoration:underline;
}
#accountMisc li.forgottenPwd {
    padding:0; margin:5px 0 10px;
    background:none;
    font-weight:normal;
}
#accountMisc li.forgottenPwd a, #accountMiscPopin li.forgottenPwd a {
    background:none;
    color:#868686;
    font-size:11px;
    text-decoration:none;
}
#accountMisc li.forgottenPwd a:hover {
    text-decoration:underline;    
}
#courtesy {
    margin:5px 0;
}
#courtesy li {
    display:inline
}
#courtesy li a {
    padding:0 8px; border-left:1px solid #868686;
    color:#868686;
    font-size:10px;
    text-decoration:none;
}
#courtesy li a:hover {
    text-decoration:underline;
}

.accountConnected {
    margin-left:30px;
}
.welcome strong {
    text-transform:uppercase;
}
#boardControls {
    position:relative;
    margin:10px 0;
}
.accountStats {
    position:absolute; right:10px; top:0;
}
.accountStats a {
    color:#252525;
    text-decoration:none;
}
.accountStats a:hover {
    text-decoration:underline;
}
.userActions a {
    /*padding-right:20px;
    background:url(/img/pictos.png) no-repeat 100% -578px;*/
    color:#000;
    font: bold 11px/18px Verdana, Arial, Sans-serif;
    text-transform:uppercase; text-decoration:none;
}
.userActions a:hover {
    text-decoration:underline;
}
/*
 ** subnavigation
 */
#subNavigation {
    position:relative; left:-16px; z-index:1;
    padding-left:5px;margin-bottom:12px;
    width:654px;
    z-index:20;
}

#subNavigation ul {overflow:hidden;}

#subNavigation li {
    float:left;
    font:12px Arial, Verdana, sans-serif;
}

#subNavigation li a {
    float:left;
    padding-right:5px; outline:0;
    color:#252525;
    text-decoration:none; text-transform:uppercase;
}
#subNavigation li a:hover, #subNavigation li a:focus {
    color:#00acd6;
}
#subNavigation li li a:hover {
    text-decoration:underline;
}
#subNavigation li li li a:hover {
    text-decoration:none;
}

#subNavigation li a span {
    float:left;
    padding:8px 0 0 5px;
    height:26px;
}

#subNavigation li.on a/*, #subNavigation li.active a*/ {background:#e5e5e5 url(/img/bg-subnav-item-on.png) no-repeat 100% 0; color:#00acd6;}
#subNavigation li.on a span/*, #subNavigation li.active a span*/ {background:url(/img/bg-subnav-item-on.png) no-repeat;}

#subNavigation li.active a {
    color:#00acd6;
}
#subNavigation .subSubNavigation {
    position:absolute; top:34px; left:0;
    display:none;
    width:659px;
}
#subNavigation li.on .subSubNavigation {display:block;}

#subNavigation .subSubNavigationStart, #subNavigation .subSubNavigationEnd {
    display:block;
    overflow:hidden;
    height:5px;
    background:url(/img/bg-subnav-start-end.png) no-repeat;
}
#subNavigation .subSubNavigationEnd {background-position:0 100%;}

#subNavigation .subSubNavigationContent {
    border-top:10px solid #e5e5e5;
    background:#e5e5e5 url(/img/bg-subnav-content.png) repeat-y;
    font-family:Verdana, Arial, sans-serif;
}

#subNavigation li.on li {
    overflow:hidden;
    padding:0 5px 10px 6px;
    width:121px;
    font:10px Verdana, Arial, sans-serif;
}
#subNavigation li.on li.firstInLine {padding-left:5px;}
#subNavigation li.on li.clearer {
    overflow:hidden;
    padding:0;
    width:659px; height:1px;
}
#subNavigation li.on li li {padding:0;}

#subNavigation li.on li a {
    display:block; float:none;
    padding:0 5px 10px 5px;
    min-height:24px;
    background:url(/img/bg-subnav-level2.png) no-repeat 5px 100%;
    font-weight:bold;
}
#subNavigation li.on li li a {
    padding:5px;
    min-height:0;
    background:none; color:#000;
    font-weight:normal;
    text-transform:none;
}
#subNavigation li.on li li a:hover, #subNavigation li.on li li a:focus {
    background:#f8f8f8; color:#000;
    text-decoration:none;
}

#subNavigation li.on ul ul {padding-top:10px;}

#subNavigation li.on li a strong {
    display:block;
/*    padding-left:17px;
    background:url(/img/bg-subnav-arrow.png) no-repeat 0 2px;*/
}
#subNavigation li.on li.moreInTopic a {font-weight:bold;}

#subNavigation .more {
    padding:15px 20px 10px; border-top:10px solid #e5e5e5;
    background:#fff;
    text-align:right;
}
#subNavigation li.on .more a {
    display:inline; float:none;
    padding-left:17px;
    background:url(/img/pictos.png) no-repeat 0 -301px;
    font-weight:bold;
    text-transform:none;
}


/*
 ** scroll controls
 */
#page {
    padding-left:287px;
    height:741px;
}
#pageWrapper {
    overflow:hidden;
}

/*With JavaScript*/
#js #page {
    position:relative;
    overflow:hidden;
    background:url(/img/bg-scrollbar.png) no-repeat 0 714px;
}

#js #page .scrolled, #js #page .notScrolled {
    position:absolute; top:0; left:0;
    margin-left:287px;
}

#js #page .scrollbar {
    position:absolute; top:714px; left:0;
    width:1000px; height:27px;
    z-index:5 !important;
}

#js #page .gutter {
    position:absolute; top:5px; left:34px;
    width:960px; height:22px;
}
#js #page .bar {
    position:absolute; top:0; left:0;
    overflow:hidden;
    height:17px;
    background: #353535;
    cursor:pointer;
}

#js #page .bar .start, #js #page .bar .end {
    position:absolute; top:0;
    overflow:hidden;
    width:4px; height:17px;
    background:url(/img/pictos.png) no-repeat;
}
#js #page .bar .start {
    left:0;
    background-position:0 -805px;
}
#js #page .bar .end {
    right:0;
    background-position:100% -825px;
}

#js #page .prev, #js #page .next {
    position:absolute; top:0;
    overflow:hidden;
    width:20px; height:27px; 
    background: url(/img/pictos.png) no-repeat;
    cursor:pointer;
}
#js #page .prev {
    left:0;
    background-position:0 -663px;
}
#js #page .next {
    right:0;
    background-position:0 -700px;
}


/*
 ** config main screens
 */

.screen {
    position:relative; float:left; overflow:hidden;
    padding:99px 0 0 31px;
    height:614px;
    background:url(/img/bg-navigation.png) no-repeat 15px 0;
    /*font-family:Arial, sans-serif;*/
}

/*
 ** article
 */
.article {
    /*width:517px; */ max-width:643px; /*height:543px;*/ height:508px;
    background:#fff url(/img/blogs-corners.png) no-repeat 0 0;
}
.articleWrapper {
    background:url(/img/blogs-corners.png) no-repeat 100% -1000px;
}
.articleInner {
/*    height:543px;*/ height:508px;
    background:url(/img/blogs-corners.png) no-repeat 100% -1462px;    
}
.articleInnerWrapper {
    overflow:auto;
    padding: 0 15px 15px 0;
/*    height:528px;*/ height:493px;
    background:url(/img/blogs-corners.png) no-repeat 0 -2497px;
    font-size:11px;
    line-height:17px;
}
.articleBody a {
    color:#00ACD6;
}
.articleBody ul li {
    list-style-type:disc;list-style-position:inside;
}
#socialBookmarkServices {
    overflow:hidden;
}
dt.share {
    width:0;
}
#socialBookmarkServices dt, #socialBookmarkServices dd a{
    display:block; float:left;
    padding-top:26px; margin-right:2px;
    text-indent:-9999px;
}
#socialBookmarkServices dt a {
    position:relative; top:-7px;
    line-height:26px;
}
dd.twitter a {
    width:26px;
    background:url(/img/picto-social-services.png) no-repeat; 
}
dd.twitter a:hover {
    background-position: 100% 0; 
}
dd.linkedin a {
    width:26px;
    background:url(/img/picto-social-services.png) no-repeat 0 -46px; 
}
dd.linkedin a:hover {
    background-position: 100% -46px; 
}
dd.viadeo a {
    width:52px;
    background:url(/img/picto-social-services.png) no-repeat 0 -92px; 
}
dd.viadeo a:hover {
    background-position: 100% -92px; 
}
dd.rss a {
    width:26px;
    background:url(/img/picto-social-services.png) no-repeat 0 -138px; 
}
dd.rss a:hover {
    background-position: 100% -138px; 
}
dd.sendToAFriend a {
    width:32px;
    background:url(/img/picto-social-services.png) no-repeat 0 -182px; 
}
dd.sendToAFriend a:hover {
    background-position: 100% -182px; 
}
.likeDislike a{
    display:block;
    padding-left:30px;
    background:url(/img/picto-social-services.png) no-repeat 0 -224px; color:#22b7db;
    text-decoration:none; 
}
.likeDislike a:hover {
    background-position: -126px -224px;   
}
#socialBookmarkServices .dislike a {
    background-position: 0 -264px;
}
#socialBookmarkServices .dislike a:hover {
    background-position: -126px -264px;
}
.commentsBox {
    margin-left:10px;
}
.commentList {
	margin-bottom:10px;
    list-style:none;
}
.commentList li{
	margin-top:15px; padding:10px 0 0 20px;
	background:url(/img/separators.png) no-repeat;
	color:#f1f1f1;
    list-style:none;
}
.commentList li.first {
    padding-top:0;
    background:none;
}
.commentList cite {
    display:block; overflow:hidden;
    margin:15px 0;
}
.commentList cite span.commenter {
    float:left; width:48%
}
.commentList cite a{
	color:#14a6c2;
	font:bold italic 16px Georgia, Sans-serif; text-decoration:none;
}
.comments, .commentsWrapper, .commentsInner, .commentsInnerWrapper {
    background: url(/img/blogs-corners.png) no-repeat 0 -4000px;;
}

.commentsBox .comments {
    background-color:#4a3a3a;
    background-position: 0 -4000px;
}
.commentsBox .commentsWrapper {
    background-position: 100% -5000px;
}
.commentsBox .commentsInner {
    background-position: 100% -5462px;
}
.commentsBox .commentsInnerWrapper {
    overflow:auto;
    padding:20px 20px 20px 0;
/*    height:503px;*/ height:468px;
    background-position: 0 -6497px;
}

.offersBox .comments {
    margin-top:20px;width:353px;
    background-color:#252525;
    background-position: 0 -8000px;
}
.offersBox .commentsWrapper {
    background-position: 100% -9000px;
}
.offersBox .commentsInner {
    background-position: 100% -9732px;
}
.offersBox .commentsInnerWrapper {
    overflow:auto;
    padding:20px;
    height:233px;
    background-position: 0 -10732px;
}
.offersTitle {
    margin:-8px 0 0 0;
	color:#fff;
	font: italic 25px Georgia, Serif;    
}
.offersBox li {
    margin:10px 0;
    padding-left:20px;
    background:url(/img/pictos.png) no-repeat 2px -1746px;
}
.offersBox a {
    color:#fff;
    text-decoration:none;
}
.offersBox a:hover {
    text-decoration:underline;
}

.commentCount{
    margin:-8px 0 0 20px;
	color:#fff;
	font: 25px Georgia, Serif;
}
.commentCount strong {
    font-size:35px;
}
.commentCount a {
    color:#fff; text-decoration:none;
}
.commentCount a:hover {
    text-decoration:underline;
}
.commentDate{
    float:right; width:47%;
	color:#ada6a6;
	text-align:right;
}
.commentContent{color:#f1f1f1;}
.eraseButton {
    background: none; color: #00ACD6; 
    font-size: 11px; font-weight:bold; text-decoration: underline;
    cursor:pointer;
}
.eraseButton:hover {
    color:#fff;
}
/*
 ** rounded corners blocks
 */
.push {
    overflow:hidden; position:relative;
    background:#fff url(/img/corners.png) no-repeat 0 0;
}
.pushWrapper{
    background:url(/img/corners.png) no-repeat 100% -400px;
}
.pushInner {
    background:url(/img/corners.png) no-repeat 100% -611px;
}
.pushInnerWrapper {
    overflow:hidden;
    padding:20px;
    height:154px;
    background: url(/img/corners.png) no-repeat 0 -1011px;
}
.pushImg {
    float:left;
    margin-right:20px;
}
.pushContent {
    overflow:hidden;
}

.pushPlain {
    overflow:hidden; position:relative;
    background:#fff url(/img/corners.png) no-repeat 0 -1600px;
}
.pushPlainWrapper{
    background:url(/img/corners.png) no-repeat 100% -2000px;
}
.pushPlainInner {
    background:url(/img/corners.png) no-repeat 100% -2300px;
}
.pushPlainInnerWrapper {
    padding:15px;
    height:75px;
    background: url(/img/corners.png) no-repeat 0 -2700px;
}
.push h2, .pushPlain h2 {
    color:#4a3a3a;
    font:normal 20px/1.4 "Trebuchet MS",Verdana, Arial,Sans-serif;
}
.pushPlain h2 {
    color:#fff;
}
.push h2 strong, .pushPlain h2 strong {
    text-transform:uppercase;
}
.push h3, .pushPlain h3 {
    color:#4a3a3a;
    font:italic 18px/1.3 Georgia,Serif;
}
.push h3 a {
    color:#4a3a3a;
    text-decoration:none;
}
.push h3 a:hover {
    text-decoration:underline;
}
.push p, .pushPlain p {
    margin:10px 0;
}
.push .subTitle, .pushPlain .subTitle  {
    text-transform: uppercase;
}
.pushPlain a:hover.seeMore {background:url(/img/pictos.png) no-repeat 0 -1392px;}

a.seeMore {
    display:block;
    padding-left:16px; margin:10px 0;
    background:url(/img/pictos.png) no-repeat 0 -339px; color:#4a3a3a;
    font-weight:bold;text-decoration:none;
}
a:hover.seeMore {
    background:url("/img/pictos.png") no-repeat 0 -299px; color:#00acd6;
    text-decoration:underline;
}
.pushItem h2 a {
    color:#4a3a3a;
    text-decoration:none;
}
.pushItem h2 a:hover {
    text-decoration:underline;
}

/*
 ** h2 sur Agora et template list
 */
.itemOrder {
    padding-right:25px;margin-top:-15px;
    background:url(/img/pictos.png) no-repeat 4px -1695px;
    font: italic 28px Georgia, Serif;
}
/*.pushItem h2 a, */#agoraPresentation h2 a {
    color:#00acd6;
    font: italic 25px Georgia, Serif;
    text-decoration:none;
}

/*
 ** colonne de gauche sur blog, template list, agora
 */
#blogInteract, #listIntro, #agoraIntro {
    float:left; 
    margin-right:30px;width:183px;
}


/**
* @section    Popins
*/

#js #popinMask {
    position:absolute;top:0;left:0;
    background:#000;
    z-index:200;
}
#js #expandMask {
    position:absolute;top:0;left:0;
    background:#000;
    z-index:30;
}
#js #popin, #js #popinFlash {
    position:absolute;
    padding:30px;
    width:675px;    
    background:#fff;
    z-index:200;
}
#js #popinFlash {
    width:838px; height:525px; 
}
#js #popinFlash.popinSlideShare {
    width:838px; height:566px; 
}
#js object {
    outline:0;
}
#js #popin.image {
    width:auto;
}

.closePopin {
    float:right;
    padding:35px 0 0 0; margin:-15px -15px 0 0;
    width:35px; height:0;
    background:url(/img/pictos.png) no-repeat 0 -1513px; color:#fff;
    text-indent:-9999px;
}

/* authentification */
.#popin {
    height:330px;
}
#popin .title {
    float:left;
    font: bold italic 40px Georgia, Serif;
}
.popinContent {
    overflow:hidden; clear:both;
    padding-top:20px; 
    text-align:justify;
}
.authentification .popinContent {
    position:relative;
    width:330px;
}
.authentification legend, .authentification .legend {
    font: bold italic 20px Georgia, Serif;
}
#popin.authentification .text {
    margin-left:0;
}
#popin #loginSubmitPopin {
    right:100px;
}
#accountMiscPopin {
    margin-top:4px;
}
#popin #notRegistered {
    margin-top:45px;
}
#popin #notRegistered a {
    display:block;
    margin:10px 0;padding-left:16px;
    background:url(/img/pictos.png) no-repeat 0 -300px; color:#22b7db;
    font-weight:bold; text-decoration:none;
}
#popin #notRegistered a:hover {
    background-position:0 -340px;color:#4a3a3a;
    text-decoration:underline;
}

#popin.image .popinContent {
    text-align:center;
}

/* expand */
#js #expand {
    position:fixed; z-index:99;
    top:204px; right:0;
    overflow:hidden;
    width:63px; height:323px;
}
#js #expand .expandWrapper {
    position:relative;
    width:893px;
}
#js #expand .expandWrapper #openbtn {
    display:block;
    margin-top:98px;
    width:63px; height:127px;
    float:left;
    background:url(/img/btn-open.png) no-repeat top left;
}
#js #expand .expandWrapper a:hover#openbtn {
    background-position:100% 0;
}
#js #expand .contentExpand {
    float:left;
    padding-top:68px;
    width:830px; height:255px;
    background:#FFF url(/img/bg-expand-weave.png) no-repeat 50% 100%;
}
#js #expand #carousel {position:relative;}
#js #expand #carousel li {
    position:absolute; top:0; 
    margin-right:20px;
    width:160px;
}
#js #expand #carousel li a {
    color:#252525;
    text-decoration:none;
}
#js #expand #carousel li .mediaTitle {
    display:block;
    font-weight:bold;
}
#js #expand #carousel #carouselInner {
    position:relative;
    overflow:hidden;
    width:700px; height:175px;
    margin:0 auto;
}
#js #expand #carousel #carouselInner ul {
    position:absolute;
    top:0; left:0;
}
#expand #carousel .prev, #expand #carousel .next {
    position:absolute; top:32px;
    overflow:hidden;
    padding-top:40px;
    width:32px; height:0;
    background:url(/img/btn-carousel.png) no-repeat;
}
#expand #carousel .prev {left:17px;}
#expand #carousel .next {
    right:17px;
    background-position:-32px 0;
}
#expand #carousel .prev:hover, #expand #carousel .prev:focus {background-position:0 -40px;}
#expand #carousel .next:hover, #expand #carousel .next:focus {background-position:-32px -40px;}
#accessAllMedias {
    position:absolute; top:0; right:0;
    padding:10px;
    background:#F3F3F3 url(/img/corner-bl-grey-on-white.png) no-repeat 0 100%; color:#35B5DA;
    font-size:12px; font-weight:bold;
    text-decoration:none;
}
#accessAllMedias span {
    padding-left:17px;
    background:url(/img/pictos.png) no-repeat 0 -1458px;
}
#accessAllMedias:hover, #accessAllMedias:focus {text-decoration:underline;}


/*
 ** faux select
 */
.select {margin-bottom:10px;}

.select label {
    position:absolute; left:-9999px; top:-9999px;
}
/*remplacement visuel des select*/
#js .select select {
    position:absolute; left:-10000px;
}

.fauxSelect {
    float:right;
    padding-right:29px;margin:30px 20px 0 0;
    width:137px; height:30px;
    background:url(/img/faux-select.png) no-repeat;
}
.fauxSelect div {
    overflow:hidden;
    width:100%;
}
.fauxSelect span {
    display:block;
    overflow:hidden;
    margin-right:22px; padding:1px 5px;
    width:300px; height:30px;
    color:#818181;
    line-height:30px;
}

#fauxOptions {
    overflow:hidden;
    /*border:1px solid #999;*/
    margin-top:3px;
    background:#fff; color:#818181;
    font-family: Arial, Sans-serif;
    z-index:201;
}
#fauxOptions ul {
    margin:0; padding:0;
    list-style:none;
}
#fauxOptions .scrolled ul {
    margin-right:28px;
}
#fauxOptions li {
    padding:5px;
    background:none;
}
#fauxOptions li:hover, #fauxOptions li.hover {
    background:#eee;
}
#fauxOptions li.selected {
    background:#ccc;
}

#fauxOptions .scrolled {
    position:absolute; top:0; left:0; z-index:58;
}
#fauxOptions .scrollbar {
    position:absolute; top:1px; right:4px;
    width:24px;
}
#fauxOptions .gutter {
    position:absolute; top:0; left:0;
    width:24px;
    /*background:#e3e3e3;*/
}

#fauxOptions .bar {
    position:absolute; top:0; left:1px;
    overflow:hidden;
    width:24px;
    background:#7f7f7f;
}

#fauxOptions .bar .start, #fauxOptions .bar .end {
    position:absolute; left:0;
    overflow:hidden;
    width:24px; height:4px;
    background:url(/img/faux-select.png) no-repeat;
}
#fauxOptions .bar .start {
    top:0;
    background-position:0 -134px;
}
#fauxOptions .bar .end {
    bottom:0;
    background-position:0 -110px;
}
#fauxOptionsBottom, #fauxOptionsTop {
    position:absolute;
    height:5px; width:166px;
    background:url(/img/bg-select-box-open-bot.png) no-repeat;
}
#fauxOptionsTop {
    background:url(/img/bg-select-box-open-top.png) no-repeat;
}
#boxFauxOptionsMask {
    z-index:200;
}
/*Auto clearing*/
.select:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

/*
 ** faux checkboxes
 */
.checkboxes {position:relative;}
.checkboxes label {
    float:left;
    padding-left:5px;
}

/*remplacement visuel des checkboxes*/

#js .checkboxes input {
    position:absolute; left:-10000px;
}
#js .checkboxes label {
    padding-left:18px;
    background:url(/img/pictos.png) no-repeat 0 -1590px;
}
#js .checkboxes label.focus {
    background-position:0 -1590px;
}
#js .checkboxes label.checked {
    background-position:0 -1634px;
}
#js .checkboxes label.focus.checked {
    background-position:0 -1634px;
}

/*
 ** errors in form
 */
.error, em.error {
    display:block;
    color:#F00;
}

/*
 ** upload CV
 */
form#applyForm .text {
    overflow:hidden;
    margin: 10px 0;
} 
form#applyForm .text input {
    height:19px;
    margin:3px 0;
    background:#e5e5e5;
    font-size:10px;
} 
 
.file {
    overflow:hidden;
    margin:15px 0 0 0; 
}
form#applyForm .actions {
    overflow:hidden;
}  
form#applyForm label { 
    position:static; float:left;
    margin:0 10px 0 0;
    width:170px;
    font-size:11px;
}
form#applyForm .fauxSelect {
    float:left;
}
form#applyForm .fauxSelect {
    margin:0;
    width:81px;
    background:url(/img/faux-select.png) no-repeat 0 -220px;
}
form#applyForm .fauxSelect span {width:110px;}
#applySubmit {
    position:relative; overflow:hidden; float:right;
    width:35px; height:10px;
    margin:20px 120px 20px 0;
    background:#e5e5e5 url(/img/pictos.png) 100% -504px no-repeat !important;
    text-indent:-9999px;
}

/* sitemap */
li.bolder, li.middle, li.smaller {
    list-style-type:none !important;
}
li.bolder a:hover {
    text-decoration:underline;
}


/*
 ** tooltips
 */
.mediaList li div {
    left:-9999px; top:-9999px;
    position:absolute;
}
#divToolTip {
    position:absolute; overflow:hidden;
    padding:5px; outline:3px solid #252525;
    width:200px;
    background:#fff; color:#252525;
    z-index:100;
}
.tooltipTitle {
    font-weight:bold;
}
#expand .mediaType {
    position:absolute; left:132px; top:77px; z-index:2;
    width:27px; height:27px;
    background:url(/img/pictos-media.png) no-repeat;
}
.mediaList .video, #expand .video {
    background-position:0 -966px;
}
.mediaList .audio, #expand .audio {
    background-position:0 -1120px;
}
.mediaList .pdf, #expand .pdf, .mediaList .slideshare, #expand .slideshare {
    background-position:0 -1043px;
}
#expand li a:hover .video {
    background-position:0 -1197px;
}
#expand li a:hover .audio {
    background-position:0 -1351px;
}
#expand li a:hover .pdf, #expand li a:hover .slideshare {
    background-position:0 -1274px;
}


/**
 * reduce height
 */
#wrapper {
    position:absolute; top:0;
    width:100%; height:710px;
}
#js #wrapper {top:-710px;}
#header {height:683px;}
#page {
    height:710px;
    background:none;
}
#js #page .scrollbar {
    top:683px;
    background:url(/img/bg-scrollbar.png) no-repeat;
}
#js #expand {
    top:50%;
    margin-top:-162px;
}