* { padding: 0; margin: 0 }
HTML, BODY { width: 100%; }
BODY { background: #847177 url(../pics/charte/bg-body.png) center top no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
A { outline: none; }
A IMG { border: none; }
/*** Centrage du site ***/
#center { position: relative; width: 950px; left: 50%; margin: 0 0 0 -475px; }
/*** Conteneur ***/
#globalHome { height: 600px; background: #FFF url(../pics/charte/bg-globalHome.png) left bottom no-repeat; }
#global { background: #FFF url(../pics/charte/bg-global.png) left bottom no-repeat; padding: 0 0 37px 0; }
/*** Entête ***/
#header { height: 32px; padding: 124px 0 0 0; background: url(../pics/charte/bg-header.png) left top no-repeat; }
A#logo { position: absolute; width: 276px; height: 56px; top: 19px; left: 25px; }
A#headerContact { position: absolute; top: 32px; left: 517px; width: 186px; height: 48px; background: url(../pics/charte/bg-headerContact.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#headerTwoMinuts { position: absolute; top: 0; right: 0; width: 236px; height: 116px; background: url(../pics/charte/bg-headerTwoMinuts.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
/*** Menu ***/
UL#menu { height: 24px; list-style: none; position: relative; padding: 0 0 0 30px; z-index: 2; }
UL#menu LI { float: left; height: 24px; position: relative; }
UL#menu LI A { display: block; float: left; height: 24px; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; }
UL#menu LI#item1 { width: 78px; margin: 0 32px 0 0; }
UL#menu LI#item2 { width: 57px; margin: 0 33px 0 0; }
UL#menu LI#item3 { width: 69px; margin: 0 36px 0 0; }
UL#menu LI#item4 { width: 108px; margin: 0 36px 0 0; }
UL#menu LI#item5 { width: 155px; margin: 0 37px 0 0; }
UL#menu LI#item6 { width: 131px; margin: 0 45px 0 0; }
UL#menu LI#item7 { width: 75px; margin: 0 0 0 0; }
UL#menu LI#item1 A { background: url(../pics/charte/bg-menu-sogedev.png) left bottom no-repeat; width: 78px; }
UL#menu LI#item2 A { background: url(../pics/charte/bg-menu-offre.png) left bottom no-repeat; width: 57px; }
UL#menu LI#item3 A { background: url(../pics/charte/bg-menu-clients.png) left bottom no-repeat; width: 69px; }
UL#menu LI#item4 A { background: url(../pics/charte/bg-menu-partenaires.png) left bottom no-repeat; width: 108px; }
UL#menu LI#item5 A { background: url(../pics/charte/bg-menu-actualites.png) left bottom no-repeat; width: 155px; }
UL#menu LI#item6 A { background: url(../pics/charte/bg-menu-documentation.png) left bottom no-repeat; width: 131px; }
UL#menu LI#item7 A { background: url(../pics/charte/bg-menu-contact.png) left bottom no-repeat; width: 75px; }
UL#menu LI A:hover, UL#menu LI A.active { background-position: left top !important; }
/*** Sous menu ***/
UL#menu UL { padding: 6px 9px 5px 9px; -moz-box-shadow: 3px 3px 5px #333; -webkit-box-shadow: 3px 3px 5px #333; box-shadow: 3px 3px 5px #333; width: 175px; background: #847177 url(../pics/charte/bg-ssmenu-header.png) left top no-repeat; position: absolute; top: 24px; left: 0px; z-index: 2; list-style: none; }
UL#menu UL LI { float: none !important; margin: 0 0 5px 0 !important; height: auto !important; }
UL#menu UL LI A { color: #CDC2C5; font-weight: bold; display: inline; float: none !important; height: auto !important; width: auto !important; text-indent: 0 !important; font-size: 12px !important; line-height: 15px !important; text-decoration: none !important; background: none !important; }
UL#menu UL LI A:hover, UL#menu UL LI A.active { color: #FFF; }
/*** Accroche ***/
P#accroche { padding: 0 0 0 40px; height: 20px; line-height: 20px; background: url(../pics/charte/bg-accroche.png) left top no-repeat; font-size: 10px; color: #847177; }
P#accroche STRONG { color: #645157; }
P#accroche A { color: #645157; text-decoration: none; }
/*** Home ***/
/*** Optins (Gros boutons) ***/
#homeOptins { padding: 23px 0 0 33px; float: left; width: 607px; }
A#optin1 { display: block; float: left; width: 170px; height: 170px; background: url(../pics/charte/bg-optin-1.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#optin2 { display: block; float: left; width: 170px; height: 170px; background: url(../pics/charte/bg-optin-2.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#optin3 { display: block; float: left; width: 170px; height: 170px; background: url(../pics/charte/bg-optin-3.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#optin1:hover, A#optin2:hover, A#optin3:hover { background-position: left bottom !important; }
#homeOptins A.active { background-position: left bottom !important; }
/*** Mise en page spécifique Home des optins ***/
#homeOptins A#optin1 { margin-right: 32px; }
#homeOptins A#optin2 { margin-right: 31px; }
#article A#optin1 { margin-left: 15px; margin-right: 32px; }
#article A#optin2 { margin-right: 31px; }
/*** En savoir plus ***/
#homeSavoirPlus { width: 290px; height: 154px; padding: 57px 0 0 0; background: url(../pics/charte/bg-home-savoir-plus.png) left top no-repeat; float: left; }
A#homeContactez { display: block; width: 238px; height: 42px; background: url(../pics/charte/bg-contactez.png) left top no-repeat; margin-bottom: 8px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#homeDocumentation { display: block; width: 238px; height: 42px; background: url(../pics/charte/bg-telecharger-notre-documentation.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#homeEligible { display: block; width: 238px; height: 42px; background: url(../pics/charte/bg-etes-vous-eligible.png) left top no-repeat; text-indent: -10000px; line-height: 0; margin-bottom: 8px; font-size: 0; text-decoration: none; }
/*** Footer Home ***/
DIV#homeDecouverte { width: 250px; height: 141px; padding: 56px 40px 0 20px; margin: 17px 0 0 0; background: url(../pics/charte/bg-homeDecouverte.png) left top no-repeat; float: left; color: #534349; }
DIV#homeDecouverte H2 { font-size: 14px; margin: 0 0 2px 0; }
DIV#homeDecouverte P { margin: 0 0 5px 0; }
A.suiteBgClair { display: block; padding: 0 0 0 19px; font-weight: bold; background: url(../pics/charte/fleche-suiteBgClair.png) left top no-repeat; color: #534349; text-decoration: none; }
A.suiteBgClair:hover { text-decoration: underline; }
DIV#homeInfos { width: 630px; padding: 0 0 0 0; margin: 17px 0 0 0; /*background: url(../pics/charte/bg-homeInfos.png) left top no-repeat;*/ float: right; color: #E8E3E4; }
DIV#homeInfos P { margin: 0 0 5px 0; }
DIV#homeInfos H2 { font-size: 14px; margin: 0 0 2px 0; }
DIV#homeInfos H2 A { color: #FFF; text-decoration: none; }
A.suiteBgFonce { display: block; padding: 0 0 0 19px; font-weight: bold; background: url(../pics/charte/fleche-suiteBgFonce.png) left top no-repeat; color: #E8E3E4; text-decoration: none; }
A.suiteBgFonce:hover { text-decoration: underline; }
DIV#homeSaviezVous { float: left; width: 290px; height: 126px; background: url(../pics/charte/bg-home-homeSaviezVous.png) left top no-repeat; padding: 15px 0 0 20px; }
DIV#homeSaviezVous H1 { width: 175px; height: 17px; margin: 0 0 24px 0; background: url(../pics/charte/bg-home-homeSaviezVous-h1.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
DIV#homeAgenda { float: right; width: 290px; height: 126px; background: url(../pics/charte/bg-home-homeAgenda.png) left top no-repeat; padding: 15px 0 0 20px; }
DIV#homeAgenda H1 { width: 175px; height: 17px; margin: 0 0 24px 0; background: url(../pics/charte/bg-home-homeAgenda-h1.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
FORM#formNewsletter { padding: 12px 0 0 20px; margin: 12px 0 0 0; width: 631px; height: 32px; background: url(../pics/charte/bg-home-formNewsletter.png) left top no-repeat; }
FORM#formNewsletter LABEL { font-size: 13px; display: block; float: left; width: 300px; }
FORM#formNewsletter INPUT { background: url(../pics/charte/bg-formNewsletter-input.png) left top no-repeat; border: none; width: 173px; height: 19px; line-height: 19px; padding: 0 0 0 5px; color: #B9ADB2; font-size: 11px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }
FORM#formNewsletter INPUT.btn { background: url(../pics/charte/bg-formNewsletter-submit.png) left bottom no-repeat; width: 76px; height: 19px; padding: 0 !important; margin: 0 0 0 10px; vertical-align: middle; }
FORM#docConnexion INPUT.btn { margin-left: 231px !important; width: 120px !important; }
/*** Pages internes ***/
DIV#content { background: url(../pics/charte/bg-content.png) left top no-repeat; height: 602px; }
*> DIV#content { min-height: 602px; height: auto; overflow: hidden; }
/*** Colonne de gauche ***/
#colGauche { float: left; width: 230px; }
/*** Sous menu ***/
#ssmenucolHeader { height: 7px; background: url(../pics/charte/bg-ssmenu-col-header.png) left top repeat-x; }
#ssmenucol { background: #9E8E93 url(../pics/charte/bg-ssmenuCol.png) left bottom no-repeat; }
#ssmenucol UL { font-size: 12px; padding: 13px 0 13px 15px; list-style: none; }
#ssmenucol UL LI { margin: 0 0 10px 0; }
#ssmenucol UL A { display: block; background: url(../pics/charte/bg-ssmenucol-a.png) left top no-repeat; padding: 0 0 0 25px; color: #CCC2C6; text-decoration: none; font-weight: bold; }
#ssmenucol UL A:hover, #ssmenucol UL A.active { color: #FFF; background-position: left bottom !important; }
/*** Sous Sous menu ***/
#ssmenucol UL LI UL { font-size: 11px; padding: 6px 20px 0 15px; list-style: none; }
#ssmenucol UL LI UL LI { margin: 0 0 7px 0; }
#ssmenucol UL LI UL LI A { display: block; background: none; padding: 0 0 0 11px; color: #CCC2C6; text-decoration: none; font-weight: bold; }
#ssmenucol UL LI UL LI A:hover, #ssmenucol UL LI UL LI A.active { color: #FFF; background-position: left bottom !important; text-decoration: underline !important; }
/*** Autres zone de la colonne de gauche ***/
.colGaucheNoBorder { background: url(../pics/charte/bg-colGauche-noborder.png) left top repeat-x; padding: 26px 0 20px 0; color: #333; }
.colGaucheBorder { background: url(../pics/charte/bg-colGauche-border.png) left top repeat-x; padding: 17px 14px 13px 14px; color: #333; }
#colGauche P { margin: 0 0 18px 0; }
#colGauche P.date { margin: 0 0 2px 0; }
#colGauche H3 { font-size: 13px; color: #6E5C62; margin: 0 0 2px 0; }
#colGauche H2.cufon { color: #645157; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; }
#colGauche UL.interne { list-style: none; margin: 0 0 15px 5px; }
#colGauche UL.interne LI { background: url(../pics/charte/bg-article-ul-li.png) left top no-repeat; margin: 0 30px 5px 0; padding: 0 0 0 12px; line-height: 18px; }
A#colGaucheDocumentation { display: block; width: 217px; height: 47px; background: url(../pics/charte/bg-telecharger-notre-documentation-colGauche.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 0 4px 0; }
A#colGaucheEligible { display: block; width: 217px; height: 47px; background: url(../pics/charte/bg-etes-vous-eligible-colGauche.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#colGaucheContactez { display: block; width: 217px; height: 47px; background: url(../pics/charte/bg-contactez-colGauche.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 0 4px 0; }
H2#h2Temoignages { background: url(../pics/charte/bg-h2-temoignages.png) left top no-repeat; margin: 0 0 10px 0; height: 19px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
H2#h2Agenda { background: url(../pics/charte/bg-h2-agenda.png) left top no-repeat; margin: 0 0 10px 0; height: 19px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
H2#h2Expert { background: url(../pics/charte/bg-h2-avis.png) left top no-repeat; margin: 0 0 10px 0; height: 19px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A.flecheColGauche { display: block; padding: 0 0 0 18px; height: 13px; background: url(../pics/charte/fleche-fond-transparent.png) left top no-repeat; color: #645157; text-decoration: none; }
A.flecheColGauche:hover { text-decoration: underline; }
/*** Intro avec illustration ***/
DIV#intro { background: url(../pics/sample-illustration-intro.png) left top no-repeat; padding: 8px 0 0 130px; height: 111px; margin: 0 0 10px -10px; }
*> DIV#intro { min-height: 111px; height: auto; }
DIV#intro P { font-size: 14px; color: #645157; }
DIV.introCir { background: url(../pics/charte/sample-illustration-cir.png) left top no-repeat !important; }
DIV.introJei { background: url(../pics/charte/sample-illustration-jei.png) left top no-repeat !important; }
DIV.introOseo { background: url(../pics/charte/sample-illustration-oseo.png) left top no-repeat !important; }
DIV.introInnovation { background: url(../pics/charte/sample-illustration-investissement.png) left top no-repeat !important; }
DIV.introDev { background: url(../pics/charte/sample-illustration-dev.png) left top no-repeat !important; }
DIV.introAt { background: url(../pics/charte/sample-illustration-dev.png) left top no-repeat !important; }
DIV.introCoface { background: url(../pics/charte/sample-illustration-coface.png) left top no-repeat !important; }
DIV.introCipc { background:url(../pics/charte/sample-illustration-cipc.png) left top no-repeat !important; }
/*** Article ***/
#article { float: left; width: 620px; padding: 30px 50px 0 50px; overflow: hidden; font-size: 12px; }
#article H1 { color: #837076; font-size: 21px; margin-bottom: 18px; }
#article H2 { font-size: 15px; color: #DE9732; font-style: italic; margin: 0 0 15px 0; padding: 10px 0 0 0; }
#article P { text-align: justify; margin: 0 30px 15px 0; line-height: 18px; }
#article A { color: #DE9732; }
#article UL { list-style: none; margin: 0 0 15px 15px; }
#article UL LI { background: url(../pics/charte/bg-article-ul-li.png) left top no-repeat; margin: 0 30px 5px 0; padding: 0 0 0 12px; line-height: 18px; text-align: justify; }
#article UL LI UL LI { background: url(../pics/charte/bg-article-ul-li-ul-li.png) left top no-repeat; margin: 5px 0 5px 0; padding: 0 0 0 20px; text-align: justify; }
#article UL LI UL.noDoubleArrow LI { background: none; padding: 0 0 0 0; }
/*** Mise en avant ***/
#article DIV.enAvant { background: url(../pics/charte/bg-enAvant.png) left top no-repeat; padding: 0 30px 0 120px; margin: 20px 0 20px 0; }
#article DIV.enAvant P { font-size: 15px; color: #837076; font-style: italic; margin: 0 0 15px 0; padding: 0 0 0 0; }
/*** Fil d'ariane ***/
#article P.ariane { color: #837076; margin-bottom: 20px !important; }
#article P.ariane A { color: #837076; text-decoration: none; }
#article P.ariane A:hover { text-decoration: underline; }
/*** Pages articles ***/
DIV.actus { margin: 0 0 0 0; }
DIV.actus P.km { margin-top: 10px !important; margin-bottom: 0 !important; }
DIV.actus P.km A { font-weight: bold; text-decoration: none; color: #847177 !important; }
DIV.actus P.km A:hover { }
DIV.actus H2 A { text-decoration: none; }
DIV.actus H2 A:hover { text-decoration: underline; }
SPAN.dateTitle { font-size: 11px !important; color: #847177 !important; font-weight: normal; font-style: normal; }
SPAN.dateTitle A { color: #847177 !important; }
SPAN.dateTitle A:hover { }
SPAN.dateTitle A.pdf { display: inline-block; background: url(../pics/charte/pdf.png) left top no-repeat; padding: 0 0 0 10px; }
/*** Liens pour les PDF ***/
A.dwd { position: absolute; top: 200px; right: 65px; width: 145px; height: 21px; padding: 7px 0 0 27px; display: block; background: url(../pics/charte/bg-dwd.png) left top no-repeat; text-decoration: none; color: #847177 !important; }
/*** Formulaires ***/
FORM.formulaire { }
FORM.formulaire * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
FORM.formulaire P { }
FORM.formulaire LABEL { font-weight: bold; color: #645157; }
FORM.formulaire LABEL.legende { display: block; float: left; width: 150px; }
FORM.formulaire TEXTAREA { overflow: auto; padding: 1px 10px 1px 10px; width: 380px; border: 1px solid #ECC188; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
FORM.formulaire INPUT { width: 190px; padding: 1px 0 1px 10px; border: 1px solid #ECC188; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
FORM.formulaire INPUT.btn { background: #847177; border: 1px solid #847177; color: #FFF; text-transform: uppercase; width: 90px; margin-left: 462px; padding: 1px 0 1px 0; cursor: pointer; }
FORM.formulaire INPUT.chk { width: auto !important; border: none !important; vertical-align: middle !important; }
/*** Formulaires spécifiques ***/
FORM#preaudit LABEL { width: 310px !important; }
FORM#preaudit H2 { margin: 20px 0 10px 0; }
FORM#preaudit P { }
FORM#preaudit UL { margin-bottom: 15px; }
FORM#preaudit LI { line-height: 20px; }
FORM#preaudit TEXTAREA { vertical-align: top; width: 490px; }
FORM#preaudit SELECT { width: 202px; padding: 1px 0 1px 10px; border: 1px solid #ECC188; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
FORM#preaudit INPUT.btn { background: #847177; border: 1px solid #847177; color: #FFF; text-transform: uppercase; width: 90px; margin-left: 422px; padding: 1px 0 1px 0; cursor: pointer; }
/*** Footer ***/
DIV#footer { padding: 40px 0 20px 0; color: #FFF; }
DIV#footer A { color: #FFF; text-decoration: none; }
/*** Styles Génériques ***/
.spacer { clear: both; line-height: 0; height: 0; font-size: 0; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.orange { color: #DE9732 !important; }
IMG.illustration { margin: 0 0 25px 0; border: 1px solid #DE9732; }
.separator { clear: both; background: url(../pics/charte/bg-separator.png) left center repeat-x; padding: 36px 0 0 20px; line-height: 1px; font-size: 1px; }
.failed { background: url(../pics/charte/bg-fail.png) left top no-repeat; color: #D40043; padding: 0 0 0 20px; font-weight: bold; }
.success { background: url(../pics/charte/bg-success.png) left top no-repeat; color: #78D443; padding: 0 0 0 20px; font-weight: bold; }
/*** Plugins ***/
/*** Ticker ***/
#newsticker { background: url(../pics/charte/bg-accroche.png) left top no-repeat; position: relative; z-index: 1; height: 16px; padding: 4px 0 0 0; }
#newsticker UL { list-style: none; padding: 0 0 0 41px; background: #CCC2C6; }
#newsticker UL LI { line-height: 13px; color: #847177; background: #CCC2C6; }
#newsticker UL LI A { color: #645157; text-decoration: none; }
* html #newsticker ul { overflow: visible; }
#newsticker li.error { color: #f00; }
#newsticker #togglenewsticker { /*background: transparent url("icon_closenewsticker.gif") no-repeat 0 0;*/ display: none; overflow: hidden; position: absolute; right: 10px; top: 12px; width: 14px; height: 14px; text-indent: 20px; outline: none; }
* html #newsticker #togglenewsticker { right: 30px; }
/*** Shadowbox ***/
/*#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;overflow:hidden;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;background:#272727!important;}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#272727!important;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{display:none;}
#sb-loading-inner{display:none;}
#sb-loading-inner span{display:inline-block;}
#sb-body{}
#sb-loading{display:none;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../pics/charte/close.png);}
#sb-nav-next{background-image:url(../pics/charte/next.png);}
#sb-nav-previous{background-image:url(../pics/charte/previous.png);}
#sb-nav-play{background-image:url(../pics/charte/play.png);}
#sb-nav-pause{background-image:url(../pics/charte/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
#sb-info { position:absolute; top:36px; right:45px; height:24px; }
#sb-info-inner { height:24px; margin:0 0 0 0!important; }
#sb-nav { height:24px; padding:0!important;}
#sb-nav-close { width:24px!important; height:24px!important; }
#sb-title { display:none; }
#sb-container { }
#sb-wrapper { left:50%!important; margin:0 0 0 -450px!important; width:842px!important; height:533px!important; padding:19px 28px 59px 30px; background:url(../pics/charte/bg-popup.png) top left no-repeat; }
#sb-wrapper-inner { height:533px !important; background:#272727!important; }
#sb-player { overflow:hidden; }*/
/*** Shadowbox ***/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../pics/charte/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{margin:0;padding:0;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../pics/charte/close.png); position: absolute; top: 5px; right: 5px;}
#sb-nav-next{background-image:url(../pics/charte/next.png);}
#sb-nav-previous{background-image:url(../pics/charte/previous.png);}
#sb-nav-play{background-image:url(../pics/charte/play.png);}
#sb-nav-pause{background-image:url(../pics/charte/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}