/* 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: 986px; } IMG { border: none; } /* Header */ #header { height: 190px; margin: 0 0 20px 0; } #headerSolutions { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-solutions-bg.png) top left no-repeat; } #headerQualiac { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-qualiac-bg.png) top left no-repeat; } #headerSatisfaction { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-satisfaction-bg.png) top left no-repeat; } #headerPartenaires { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-partenaires-bg.png) top left no-repeat; } #headerPresse { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-presse-bg.png) top left no-repeat; } #headerEvenements { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-evenements-bg.png) top left no-repeat; } #headerActus { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-actus-bg.png) top left no-repeat; } #headerSolutions #menu, #headerQualiac #menu, #headerSatisfaction #menu, #headerPartenaires #menu, #headerPresse #menu, #headerEvenements #menu,#headerActus #menu { padding: 158px 0 14px 20px; } #headerSolutionsEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-solutions-bgEn.png) top left no-repeat; } #headerQualiacEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-qualiac-bgEn.png) top left no-repeat; } #headerSatisfactionEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-satisfaction-bgEn.png) top left no-repeat; } #headerPartenairesEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-partenaires-bgEn.png) top left no-repeat; } #headerPresseEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-presse-bgEn.png) top left no-repeat; } #headerEvenementsEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-evenements-bgEn.png) top left no-repeat; } #headerActusEn { height: 190px; margin: 0 0 20px 0; background: url(../pics/charte/header-actus-bgEn.png) top left no-repeat; } #headerSolutionsEn #menu, #headerQualiacEn #menu, #headerSatisfactionEn #menu, #headerPartenairesEn #menu, #headerPresseEn #menu, #headerEvenementsEn #menu,#headerActusEn #menu { padding: 158px 0 14px 20px; } /* Menu */ #menu { position: relative; padding: 8px 0 14px 20px; list-style: none; z-index: 3; } #menu LI { display: block; float: left; width: 129px; position: relative; } #menu LI A { display: block; float: left; padding: 3px 0 0 0; width: 129px; height: 23px; background: url(../pics/charte/menu-bg-a.png) top left no-repeat; text-align: center; text-decoration: none; text-transform: uppercase; color: #908371; } #menu LI A:hover, #header LI.active A { background-position: 0px -26px; color: #FFF; } /* Sous-menu */ #menu UL { position: absolute; left: 3px; top: 22px; list-style: none; background: url(../pics/charte/menu-bg-ssmenu-ul.gif) left bottom no-repeat; padding: 0 0 5px 0 !important; } #menu UL LI { float: none !important; padding: 0 0 0 0 !important; background: #FBD7A3; width: 120px; } #menu LI UL LI A { background: #D5D0C8 !important; padding: 3px 0 3px 5px !important; width: 115px !important; color: #908371 !important; height: auto !important; border-bottom: 1px solid #FFF; text-align: left; float: none !important; } #menu LI UL LI A:hover { color: #FFF !important; } #menu LI UL LI A.last { border-bottom: none; padding-bottom: 0 !important; } /* Flags */ A.flags { position: absolute; display: block; top: 160px; left: 938px; height: 15px; width: 25px; text-indent: -10000px; font-size: 0px; line-height: 0px; text-decoration: none; z-index: 15; } A#en { background: url(../pics/charte/flag-en.gif) top left no-repeat; } A#fr { background: url(../pics/charte/flag-fr.gif) top left no-repeat; } /* Lien de retour en page d'accueil */ A#accueil { display: block; float: left; height: 82px; width: 185px; position: absolute; top: 45px; left: 0; text-indent: -10000px; text-decoration: none; line-height: 0px; font-size: 0px; z-index: 50; } /* Contenu */ #contenu { } /* Colonne de gauche */ #colGauche { float: left; width: 143px; padding: 0 0 0 10px; } #colGauche IMG#flashColGauche { margin-bottom: 10px; } #colGauche #conteneurFlashHome { height: 107px; } #colGauche #flashHome { position: absolute; top: 185px; left: 0; } #colGauche .encartGeneral { width: 113px; background: #D3D0C9 url(../pics/charte/colGauche-encart-conteneur.gif) left bottom no-repeat; padding: 10px; margin: 0 0 20px 0; } #colGauche .encartGeneral H2#savoirFaire { height: 20px; padding: 5px 0 0 0; margin: 0 auto 10px auto; background: url(../pics/charte/colGauche-h2-savoirFaire.gif) top left no-repeat; color: #FFF; font-size: 11px; text-transform: uppercase; text-align: center; font-weight: normal; } #colGauche .encartGeneral DIV#texteSavoirFaire { background: #FFF url(../pics/charte/colGauche-texteSavoirFaire.gif) bottom left no-repeat; padding: 9px 4px 2px 4px; } #colGauche .encartGeneral DIV#texteSavoirFaire P { color: #0064A4; margin: 0 0 10px 0; } #colGauche H2 { text-transform: uppercase; color: #F29400; font-size: 11px; text-align: center; margin: 0 0 10px 0; } #colGauche FORM#extranet { } #colGauche FORM#extranet P { margin: 0 0 8px 0; } #colGauche FORM#extranet P.contBouton { margin: 0 0 0 0; } #colGauche FORM#extranet LABEL { font-size: 11px; } #colGauche FORM#extranet INPUT { width: 111px; border: 1px solid #96959A; margin: 3px 0 0 0; } #colGauche FORM#extranet INPUT.bouton { background: url(../pics/charte/colGauche-form-bouton.gif) top left no-repeat; border: none; width: 113px; height: 19px; color: #FFF; font-size: 10px; font-weight: bold; } #colGauche #colGaucheQualiac { background: url(../pics/charte/colGauche-societe.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheSolutions { background: url(../pics/charte/colGauche-solutions.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheClients { background: url(../pics/charte/colGauche-clients.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGauchePartenaires { background: url(../pics/charte/colGauche-partenaires.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGauchePresse { background: url(../pics/charte/colGauche-presse.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheActualites { background: url(../pics/charte/colGauche-actualites.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheQualiacEn { background: url(../pics/charte/colGauche-societeEn.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheSolutionsEn { background: url(../pics/charte/colGauche-solutionsEn.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheClientsEn { background: url(../pics/charte/colGauche-clientsEn.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGauchePartenairesEn { background: url(../pics/charte/colGauche-partenairesEn.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGauchePresseEn { background: url(../pics/charte/colGauche-presseEn.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } #colGauche #colGaucheActualitesEn { background: url(../pics/charte/colGauche-actualitesEn.png) left top no-repeat; width: 133px; height: 145px; margin: 0 0 20px 0; } /* zoneDroite */ #zoneDroite { width: 815px; float: left; border-left: 1px solid #C2BEB5; padding: 0 0 20px 0; } /* Article */ #article { width: 655px; float: left; 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: #FFF; 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; } H1#societe { background: url(../pics/charte/h1-societe.gif) top left no-repeat; position: relative; width: 118px; margin: -12px 0 10px 0; } H1#recrutement { background: url(../pics/charte/h1-recrutement.gif) top left no-repeat; position: relative; width: 164px; margin: -12px 0 10px 0; } H1#approcheMetier { background: url(../pics/charte/h1-approche-metier.gif) top left no-repeat; position: relative; width: 210px; margin: -12px 0 10px 0; } H1#approcheMetierEn { background: url(../pics/charte/h1-approche-metierEn.gif) top left no-repeat; position: relative; width: 210px; margin: -12px 0 10px 0; } H1#erpFinance { background: url(../pics/charte/h1-erp-finance.gif) top left no-repeat; position: relative; width: 273px; margin: -12px 0 10px 0; } H1#erpProduction { background: url(../pics/charte/h1-erp-production.gif) top left no-repeat; position: relative; width: 283px; margin: -12px 0 10px 0; } H1#modulesErp { background: url(../pics/charte/h1-module-erp.gif) top left no-repeat; position: relative; width: 260px; margin: -12px 0 10px 0; } H1#services { background: url(../pics/charte/h1-services.gif) top left no-repeat; position: relative; width: 114px; margin: -12px 0 10px 0; } H1#satisfactionClient { background: url(../pics/charte/h1-satisfaction-clients.gif) top left no-repeat; position: relative; width: 237px; margin: -12px 0 10px 0; } H1#satisfactionClientEn { background: url(../pics/charte/h1-satisfaction-clientsEn.gif) top left no-repeat; position: relative; width: 237px; margin: -12px 0 10px 0; } H1#club { background: url(../pics/charte/h1-club-utilisateur.gif) top left no-repeat; position: relative; width: 214px; margin: -12px 0 10px 0; } H1#clubEn { background: url(../pics/charte/h1-club-utilisateurEn.gif) top left no-repeat; position: relative; width: 250px; margin: -12px 0 10px 0; } H1#partenaire { background: url(../pics/charte/h1-partenaires.gif) top left no-repeat; position: relative; width: 200px; margin: -12px 0 10px 0; } H1#devenirPartenaire { background: url(../pics/charte/h1-devenir-partenaires.gif) top left no-repeat; position: relative; width: 228px; margin: -12px 0 10px 0; } H1#espacePresse { background: url(../pics/charte/h1-espace-presse.gif) top left no-repeat; position: relative; width: 175px; margin: -12px 0 10px 0; } H1#articlePresse { background: url(../pics/charte/h1-article-presse.gif) top left no-repeat; position: relative; width: 200px; margin: -12px 0 10px 0; } H1#articleActus { background: url(../pics/charte/h1-actus.gif) top left no-repeat; position: relative; width: 150px; margin: -12px 0 10px 0; } H1#mentions { background: url(../pics/charte/h1-mentions-legales.gif) top left no-repeat; position: relative; width: 211px; margin: -12px 0 10px 0; } H1#plan { background: url(../pics/charte/h1-plan.gif) top left no-repeat; position: relative; width: 181px; margin: -12px 0 10px 0; } H1#err404 { background: url(../pics/charte/h1-404.gif) top left no-repeat; position: relative; width: 320px; margin: -12px 0 10px 0; } /* 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; } DIV.rectArrondi UL LI A:hover { color: #F29400; } /* 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 A.testimonyLinkEn { display: block; background: url(../pics/charte/testimony-linkEn.gif) left top no-repeat; float:right; width: 170px; 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; } DIV.testimony A.videoLink { display: block; background: url(../pics/charte/video-link.gif) left top no-repeat; float:left; width: 69px; height: 16px; padding: 2px 0 0 23px; margin: 0 0 0 157px; font-size: 12px; color: #F29400; text-decoration: none; font-weight: bold; } /* 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 { float:right; width: 135px; } /* Encart actualités */ #colDroite #actualites { padding: 10px 0 10px 0; margin: 0 0 20px 0; background: url(../pics/charte/colDroite-actualite.gif) top left no-repeat; border-bottom: 1px solid #CEC8C0; } #colDroite #actualites H2 { height: 18px; background: url(../pics/charte/colDroite-bg-h2-actualites.gif) center top no-repeat; text-align: center; text-transform: uppercase; color: #FFF; font-weight: normal; font-size: 11px; padding: 5px 0 0 0; margin: 0 0 10px 0; } #colDroite #actualites H3 { color: #0064A4; font-size: 10px; font-weight: normal; padding: 0 0 8px 0; margin: 0 10px 8px 10px; border-bottom: 1px solid #ADA295; } #colDroite #actualites P { margin: 0 10px 0 10px; } #colDroite #actualites A { color: #1560A6; } #colDroite #actualites P.eSuite { margin: 3px 0 0 0; text-align: right; padding: 0 10px 0 0; } /* Encart presse */ #colDroite #presse { padding: 10px 0 10px 0; background: url(../pics/charte/colDroite-presse.gif) top left no-repeat; } #colDroite #presse H2 { height: 20px; background: url(../pics/charte/colDroite-bg-h2-presse.gif) center top no-repeat; text-align: center; text-transform: uppercase; color: #FFF; font-weight: normal; font-size: 11px; padding: 5px 0 0 0; margin: 0 0 10px 0; } #colDroite #presse H3 { color: #FFF; font-size: 10px; font-weight: normal; padding: 0 0 8px 0; margin: 0 10px 8px 10px; border-bottom: 1px solid #ADA295; } #colDroite #presse P { margin: 0 10px 0 10px; color: #FFF; line-height: 10px; } #colDroite #presse P.eSuite { margin: 3px 0 0 0; text-align: right; padding: 0 10px 0 0; } #colDroite #presseEn { padding: 10px 0 10px 0; background: url(../pics/charte/colDroite-presse.gif) top left no-repeat; } #colDroite #presseEn H2 { height: 72px; background: url(../pics/charte/colDroite-bg-h2-presseEn.gif) center top no-repeat; text-align: center; text-transform: uppercase; color: #FFF; font-weight: normal; font-size: 11px; padding: 2px 0 0 0; margin: 0 0 10px 0; line-height: 16px; } #colDroite #presseEn H3 { color: #FFF; font-size: 10px; font-weight: normal; padding: 0 0 8px 0; margin: 0 10px 8px 10px; border-bottom: 1px solid #ADA295; } #colDroite #presseEn P { margin: 0 10px 0 10px; color: #FFF; line-height: 10px; } #colDroite #presseEn P.eSuite { margin: 3px 0 0 0; text-align: right; padding: 0 10px 0 0; } #colDroite #presseEn A { color: #98B5D2; text-decoration: none; } #colDroite #presseEn A:hover { text-decoration: underline; } #colDroite P.encartPresse { text-align: center; font-style: italic; font-size: 15px; } #colDroite P.encartPresse A { text-decoration: none; } /* Formulaire */ #contact { } #contact P { font-size: 10px !important; margin-bottom: 8px; } #contact LABEL { display: block; float:left; width: 80px; } #contact LABEL.inline { display: inline; float:none; width: auto; } #contact INPUT { border-bottom: 1px solid #C2BEB5; border-right: 1px solid #C2BEB5; border-top: 1px solid #928A7A; border-left: 1px solid #928A7A; width: 181px; font-size: 10px; color: #908371; padding: 1px 2px 2px 2px; } #contact INPUT.chk { vertical-align: middle; width: auto !important; border: none; } #contact H3 { font-size: 15px !important; color: #F29400 !important; } #contact LABEL.grandLeft { width: 240px; } #contact LABEL.grandLabel { width: 350px; } #contact TEXTAREA { border-bottom: 1px solid #C2BEB5; border-right: 1px solid #C2BEB5; border-top: 1px solid #928A7A; border-left: 1px solid #928A7A; width: 600px; font-size: 10px; color: #908371; padding: 1px 2px 2px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 200px; overflow: auto; } /* Colonne de droite spéciale contact */ .adresses { text-align: center; line-height: 16px; margin: 0 3px 0 3px !important; } /*#contact INPUT.bouton { background: #FFF; border-top: 1px solid #C2BEB5; border-left: 1px solid #C2BEB5; border-bottom: 1px solid #928A7A; border-right: 1px solid #928A7A; color: #F29400; font-size: 13px; width: auto; width: 70px; padding: 2px 0 2px 0; }*/ #contact INPUT.bouton { background: #FFF; border: none; border-bottom: 1px solid #B96F00; border-right: 1px solid #B96F00; border-top: 1px solid #FFD291; border-left: 1px solid #FFD291; background: #F29400;color: #FFF; font-size: 13px; width: auto; width: 70px; padding: 2px 0 2px 0; cursor: pointer; } /* 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; } /* Popup vidéo */ #globalPopupVideo { width: 280px; padding: 56px 0 0 66px; background: url(../pics/charte/popup-bg-global.png) left top no-repeat; } #globalPopupVideo 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; } #globalPopupVideo 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; } #globalPopupVideo P { margin: 0 70px 10px 37px; font-size: 11px; } #globalPopupVideo UL { list-style: none; margin: 0 0 25px 0; } #globalPopupVideo 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; } #globalPopupVideo #footerPopup { padding: 30px 0 0 0; } #globalPopupVideo #footerPopup P { color: #1560A6 !important; margin: 0 0 10px 0 !important; } #globalPopupVideo #footerPopup A { color: #F29400 !important; } /* Footer */ #footer { border-top: 1px solid #C2BEB5; height: 20px; margin: 0 0 0 153px; padding: 7px 0 4px 0 } #footer UL { list-style: none; margin: 0 auto 0 auto; width: 518px; } #footer UL LI { float: left; padding: 0 8px 3px 8px; background: url(../pics/charte/footer-bg-li.gif) right center no-repeat; } #footer UL LI.last { background: none !important; } #footer UL LI A { display: block; float: left; color: #908371; text-decoration: none; } #footer UL LI A:hover { text-decoration: 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; } #conteneurVideos { width: 530px; margin: 0 auto 20px auto; } /*** 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{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;}