/* CSS Document */
* { padding: 0; margin: 0; }
HTML, BODY { height: 100%; }
BODY       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #908371; }
#global    { width: 978px; }
IMG        { border: none; }
#header    { display: none; }
#menu      { display: none; }
A.flags    { display: none; }
A#en       { display: none; }
#contenu   { }
#colGauche { display: none; }
#zoneDroite { width: 810px; float: left; border-left: 1px solid #C2BEB5; padding: 0 0 20px 0; }

/* Article */
#article { width: 655px; padding: 0 15px 20px 0; }
#article H1#home { color: #15507F !important; font-size: 16px; background: url(../pics/charte/article-bg-h1.gif) top left no-repeat; padding: 0 0 0 28px; margin: 0 0 20px 0; font-weight: normal; letter-spacing: 0 !important; text-transform: capitalize !important; }

#article H1 { height: 20px; padding: 6px 0 0 29px; color: #F39400; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; font-weight: normal; }
#article H2 { color: #15507F !important; font-size: 16px; background: url(../pics/charte/article-bg-h1.gif) top left no-repeat; padding: 0 0 0 32px; margin: 0 0 20px 0; font-weight: normal; letter-spacing: 0 !important; word-spacing: -2px; }
#article H3 { margin: 0 0 20px 35px; padding: 0 0 3px 15px; background: url(../pics/charte/article-bg-h3.gif) top left no-repeat; color: #2E4D81 !important; font-size: 15px; border-bottom: 1px solid #C2BEB5; font-weight: normal; }
#article H4 { margin: 0 0 10px 50px; color: #F29400 }

#article P  { margin: 0 0 20px 50px; font-size: 11px; }

/* Intro */
.intro { background:url(../pics/charte/article-bg-intro.png) top left no-repeat; height: 75px; padding: 0 25px 0 80px; }

.introHome   { background:url(../pics/charte/article-bg-intro-home.png) top left no-repeat; padding: 14px 25px 25px 80px; height: 130px; }
*>.introHome { min-height: 130px; height: auto; }

/* Centrage vertical approximatif des éléments intro */
#introSociete           { height: 345px; }
#introApprocheMetier    { padding-top: 20px; height: 285px; }
#introClub              { padding-top: 12px; height: 180px; }
#introDevenirPartenaire { padding-top: 5px; height: 220px; }
#introErpFinance        { padding-top: 25px; }
#introErpProd           { padding-top: 25px; }
#introModulesErp        { padding-top: 40px; height: 60px !important; }
#introPartenaires       { padding-top: 25px; height: 235px; }
#introRecrutement       { height: 150px; }
#introService           { padding-top: 3px; height: 130px; }

#article .intro P, #article .introHome P { color: #908371; font-size: 13px !important; line-height: 15px; margin: 0 0 10px 0 !important; }
#article .intro P.auteurs, #article .introHome P.auteurs { font-size: 10px !important; }
#article .intro UL, #article .introHome UL { margin: 0 0 10px 15px !important; }

#article UL { list-style: none; margin: 0 0 25px 65px; }
#article UL LI { color: #1560A6; background: url(../pics/charte/article-bg-li.gif) top left no-repeat; padding: 0 0 0 10px; margin: 0 0 5px 0; font-size: 11px; }

DIV.moreErpProd { float: right; margin: -10px 100px 0 0; }

#article UL.arrondi    { margin: 0 0 40px 80px; }
#article UL.arrondi LI { background: none !important; display: block; float: left; }
#article UL.arrondi A  { display: block; float: left; text-decoration: none; color: #2E4D81; font-size: 12px; outline: 0; height: 19px; padding: 3px 0 0 16px; }

/* 2 colonnes au sein de l'article */
#article .articleLeft  { width: 320px; float: left; }
#article .articleLeft H3 { margin: 0 0 20px 35px !important; padding: 0 0 3px 15px; color: #F29400 !important; font-size: 16px; border-bottom: 1px solid #C2BEB5; font-weight: normal }
#article .articleRight { width: 330px; float: right; }

/* 2 colonnes différentes de la zone article */
#article .modulesLeft     { width: 320px; float: left; }
#article .modulesLeft H3  { background: none !important; border: none !important; margin: 0 0 13px 20px; font-size: 14px !important; }
#article .modulesRight H3  { background: none !important; border: none !important; margin: 0 0 13px 20px; font-size: 14px !important; }
#article .modulesRight    { width: 320px; float: right; }
#article .modulesLeft P, #article .modulesRight P  { padding: 0 0 0 0 !important; margin: 0 0 10px 35px !important; }
#article .modulesLeft UL, #article .modulesRight UL { padding: 0 0 0 35px !important; }
#article .modulesLeft .separator, #article .modulesRight .separator { margin: 0 0 20px 35px; }

#article .modulesBorder { border: 1px solid #999; padding: 20px 9px 10px 9px; margin: -16px 0 0 35px; }
#article .modulesRight .modulesBorder P { padding: 0 10px 0 10px !important; margin: 0 0 15px 0 !important; }
#article .modulesRight .modulesBorder H3 { margin: 0 0 13px 0; padding: 0 0 0 9px; }
#article P.bulleOrange { background: url(../pics/charte/article-bg-li.gif) top left no-repeat; text-indent: 10px; font-size: 11px; }

UL.ulRecrutement { font-size: 13px !important; }
UL.ulRecrutement LI { color: #908371 !important; margin: 0 0 25px 0 !important; float: left; background: url(../pics/charte/article-bg-li-gris.gif) top left no-repeat !important;font-size: 13px !important; }
UL.ulRecrutement LI A { text-decoration: none; }
UL.ulRecrutement .labelRecrutement { display: block; float: left; width: 140px; }
UL.ulRecrutement .valeurRecrutement { display: block; float: left; width: 250px; }

UL.ulGris { font-size: 13px !important; }
UL.ulGris LI { color: #908371 !important; margin: 0 0 10px 0 !important; background: url(../pics/charte/article-bg-li-gris.gif) top left no-repeat !important; }
UL.ulGris LI A { text-decoration: none; }
UL.ulGris .labelRecrutement { display: block; float: left; width: 140px;  }
UL.ulGris .valeurRecrutement { display: block; float: left; width: 250px;  }

A#valeurs        { width: 68px; background: url(../pics/charte/article-ul-arrondi-valeurs.gif) top left no-repeat; }
A#positionnement { width: 111px; background: url(../pics/charte/article-ul-arrondi-positionnement.gif) top left no-repeat; }
A#strategie      { width: 76px; background: url(../pics/charte/article-ul-arrondi-strategie.gif) top left no-repeat; }
A#international  { width: 96px; background: url(../pics/charte/article-ul-arrondi-international.gif) top left no-repeat; }
A#reperes        { width: 70px; background: url(../pics/charte/article-ul-arrondi-reperes.gif) top left no-repeat; }

A#valeurs:hover, A#positionnement:hover, A#strategie:hover, A#international:hover, A#reperes:hover { background-position: 0px -22px; color: #FFF !important; }

.affichage { height: 500px; }

DIV.rectArrondi { background: url(../pics/charte/rectArrondi-bg.gif) bottom left no-repeat; margin: 0 0 10px 35px; }
DIV.rectArrondi UL { background: url(../pics/charte/rectArrondi-bg-header.gif) top left no-repeat; margin: 0 0 0 0 !important; padding: 10px 0 7px 20px !important; font-size: 10px !important; }
DIV.rectArrondi UL LI { font-size: 10px !important; }
DIV.rectArrondi UL LI A { text-decoration: none; color: #1560A6; }

/* Témoignages */
UL#temoignages         { padding: 0; margin: 0 0 40px 37px; }
UL#temoignages LI      { background: none; }
UL#temoignages A       { display: block; width: 260px; height: 19px; padding: 4px 0 0 20px; background: url(../pics/charte/temoignages-bg-a.gif) top left no-repeat; text-decoration: none; color: #1560A6; }
UL#temoignages A:hover { background-position: 0 -23px; color: #FFF; }

DIV.testimony { padding: 0 0 20px 0; margin: 0 0 0 35px; }
DIV.testimony DIV.testimonyContent { padding: 0 0 0 160px; }
DIV.testimony P { margin-left: 0 !important; }
DIV.testimony H4 { margin-left: 0 !important; color: #1560A6 !important; }
DIV.testimony IMG { margin: 0 0 0 10px; vertical-align: middle; }
DIV.testimony A.testimonyLink  { display: block; background: url(../pics/charte/testimony-link.gif) left top no-repeat; float:right; width: 152px; height: 13px; padding: 3px 0 0 25px; margin: 0 10px 20px 0; font-size: 12px; color: #F29400; text-decoration: none; font-weight: bold; }
DIV.testimony DIV.separator { margin: 0 0 0 160px;  }

/* Tableaux */
TABLE#tabReperes  { width: 425px; margin: 20px 0 0 50px; font-size: 11px; }
TABLE#tabReperes TD { padding: 3px 0 3px 0;  }
TABLE#tabReperes TD.tabDate { width: 35px; color: #F29400; text-align: center; border-bottom: 1px solid #C2BEB5; }
TABLE#tabReperes TD.tabDescr { width: 385px; background: #DEE8F1; color: #2E4D81; padding: 0 0 0 5px; border-bottom: 1px solid #FFF; }
TABLE#tabReperes TD.noBorder { border: none !important; }

TABLE#listeRecrutement  { width: 634px; margin: 20px 0 0 20px; font-size: 11px; border-top: 1px solid #BFBEBC; }
TABLE#listeRecrutement TH { text-align: left; border-bottom: 1px solid #BFBEBC; background: url(../pics/charte/recrutement-table-th-bg.gif) left top no-repeat; padding: 7px 0 7px 15px; }
TABLE#listeRecrutement TH A { text-decoration: none; color: #F29400; }
TABLE#listeRecrutement TD { padding: 3px 0 3px 0; border-bottom: 1px solid #BFBEBC; width: 20px; }
TABLE#listeRecrutement TD.noBorder { border: none !important; }

#article H4.presse { margin: 0 0 10px 35px !important; color: #1560A6 !important; font-size: 14px; }
TABLE.listePresse  { width: 620px; margin: 0 0 40px 35px; font-size: 11px; }
TABLE.listePresse TH { text-align: left; border-bottom: 1px solid #BFBEBC; background: url(../pics/charte/recrutement-table-th-bg.gif) left top no-repeat; padding: 7px 20px 7px 15px; font-weight: normal; line-height: 15px; }
TABLE.listePresse TH A { text-decoration: none; color: #F29400; }
TABLE.listePresse TD { padding: 3px 0 3px 0; border-bottom: 1px solid #BFBEBC; width: 20px; }
TABLE.listePresse TD.noBorder { border: none !important; }

TABLE.listeActus  { width: 620px; margin: 0 0 40px 35px; font-size: 11px; }
TABLE.listeActus TH { text-align: left; border-bottom: 1px solid #BFBEBC; background: url(../pics/charte/actualites-table-th-bg.gif) left top no-repeat; padding: 16px 20px 7px 10px; font-weight: normal; line-height: 14px; }
TABLE.listeActus TH A { text-decoration: none; color: #F29400; }
TABLE.listeActus TD { padding: 3px 0 3px 0; border-bottom: 1px solid #BFBEBC; width: 20px; }
TABLE.listeActus TD.noBorder { border: none !important; }

TABLE.listeActus P { margin: 10px 0 0 0 !important; }
P.parActualites    { font-size: 13px !important; margin-bottom: 0 !important;  }

/* FlashInfo - société */
.flashInfo { width: 415px; height: 78px; padding: 16px 0 0 0; margin: 0 auto 0 auto; background: url(../pics/charte/flashInfo-bg.jpg) top left no-repeat; }
.flashInfo H5 { color: #F29400; text-align: center; text-transform: uppercase; font-size: 15px; margin: 0 0 10px 0; }
.flashInfo P  { font-size: 12px; margin: 0 !important; padding: 0 !important; }

/* Encarts de la home page */
#ERPinnovant { position: relative; float:left; width: 206px; height: 203px; padding: 67px 0 0 10px; background: url(../pics/charte/article-bg-ERPinnovant.png) top right no-repeat; }
#satisfaction { float:left; width: 205px; height: 203px; padding: 67px 0 0 12px; background: url(../pics/charte/article-bg-satisfaction.png) top right no-repeat; }
#technonologieAvancee { float:left; width: 206px; height: 203px; padding: 67px 0 0 13px; background:  url(../pics/charte/article-bg-technonologieAvancee.png) top right no-repeat; }

#ERPinnovant H2, #satisfaction H2 { background: url(../pics/charte/article-encart-home-h2.gif) center top no-repeat; font-size: 12px; color: #F29400; text-align: center; font-weight: normal; height: 25px; padding: 10px 0 0 0; font-size: 11px; margin: 0 0 8px 0; }
#technonologieAvancee H2 { background: url(../pics/charte/article-encart-home-h2.gif) center top no-repeat; font-size: 12px; color: #F29400; text-align: center; font-weight: normal; height: 30px; padding: 5px 0 0 0; font-size: 11px; }

#ERPinnovant P, #satisfaction P, #technonologieAvancee P { font-size: 10px; margin: 0 0 0 0 !important; }

#ERPinnovant .eGauche { width: 90px; float: left; height: 70px; padding: 0 0 0 2px; }
#ERPinnovant .eDroite { width: 100px; float: left; height: 70px; padding: 0 0 0 0; }

#satisfaction .eGauche { width: 89px; float: left; height: 70px; padding: 0 0 0 5px; }
#satisfaction .eDroite { width: 108px; float: left; height: 70px; padding: 0 0 0 0; }
#satisfaction #flashSatisfaction { margin: 15px 0 0 0; }
#satisfaction H3 { font-weight: normal; color: #15507F; font-size: 11px; padding: 10px 15px 0 10px; margin: 0 0 0 0; background: none; border: none; }

#technonologieAvancee #flashTechno { display: block; margin: 20px auto 20px auto; width: 94px; background: url(../pics/home-exemple-encart-technologieAvancee.gif) top left no-repeat; padding-left: 17px; }
#technonologieAvancee A { color: #0064A4; text-decoration: none; }

P.eSuite { margin: 20px 0 0 0; text-align: right; padding: 0 10px 0 0;  }
P.eSuite A { color: #98B5D2; text-decoration: none; }
P.eSuite A:hover { text-decoration: underline; }
#ERPinnovant P.eSuite { position: absolute; bottom: 5px; left: 95px; width: 100px; margin: 0 0 0 0 !important; }

/* Colonne de droite */
#colDroite { display: none; }

/* Popup recrutement */
#globalPopup       { width: 529px; padding: 56px 0 30px 66px; background: url(../pics/charte/popup-bg-global.png) left top no-repeat; }
#globalPopup H1    { height: 20px; padding: 5px 0 0 8px; margin: 0 0 35px 0; color: #FFF; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; font-weight: normal; }
#globalPopup H2 { color: #15507F !important; font-size: 16px; background: url(../pics/charte/article-bg-h1.gif) top left no-repeat; padding: 0 0 0 32px; margin: 0 0 20px 0; font-weight: normal; letter-spacing: 0 !important; word-spacing: -2px;  }
#globalPopup P     { margin: 0 70px 10px 37px; font-size: 11px; }
#globalPopup UL    { list-style: none; margin: 0 0 25px 0; }
#globalPopup UL LI { color: #1560A6; background: url(../pics/charte/article-bg-li.gif) top left no-repeat; padding: 0 0 0 10px; margin: 0 70px 5px 37px; }
#globalPopup #footerPopup   { padding: 30px 0 0 0; }
#globalPopup #footerPopup P { color: #1560A6 !important; margin: 0 0 10px 0 !important; }
#globalPopup #footerPopup A { color: #F29400 !important; }

/* Footer */
#footer { display: none; }

/* Autres */
.right { text-align: right !important; }
.center { text-align: center !important; }
.uppercase { text-transform: uppercase !important; }
.orange { color: #F29400 !important; }
.bleu { color: #1560A6 !important; }

.capitalize { text-transform: capitalize; }

.grand { font-size: 1.2em !important; }
.petit { font-size: 0.8em !important; }
.petitForced { font-size: 10px; }

.spacer { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.clear { clear: both; }

.separator { clear: both; height: 1px; font-size: 1px; line-height: 1px; border-top: 1px solid #D3D0C9; }