body {background-color:#FFFFFF;font-size:10pt;font-family:Arial;margin:0;padding:0;color:#555555;background-image:url(../images/body-bg.png);background-repeat:repeat-x;background-position:top center;border:0px;text-align: justify;} #page {width:963px;margin:auto;} /* --------------------------- HEADER --------------------------------------*/ #header {clear:both;width:963px;height:210px;z-index:1000px} /* ---------------------------------------------------------------------------*/ #navsec {left:800px;top:35px;width:200px;z-index:1;position:relative; font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#999999; } #navsec a:link {color: #666666; text-decoration: none; } #navsec a:hover {color: #FFFFFF; text-decoration: none;} #logo {top:30px;width:400px;height:70px;z-index:1;position:absolute;} .logo a {width:400px;height:70px;display:block;background:url(../images/logo-essor.png) center center no-repeat;text-indent:-9999px;overflow:hidden;} .logo a:hover {width:400px;height:70px;display:block;background:url(../images/logo-essor.png) center center no-repeat;text-indent:-9999px;overflow:hidden;} /* ---------------------------------------------------------------------------*/ #fil-ariane {background-image:url(../images/bg-fil.png);top:125px;width:963px;height:43px;z-index:100;position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #date {left:750px;top:15px;width:200px;height:15px;position:absolute;color:#999999;} #fil {left:50px;top:15px;width:450px;height:15px;position:absolute; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;} #fil a:link {color: #999999; text-decoration: none;} #fil a:hover {color: #C01526;text-decoration: none;} /* ------------------------ HEADER - NAVIGATION -----/* Navigation principale -------------------------*/ #menu-principal {width:963px;top:164px;height:150px; text-align:left;position:absolute; z-index:10000} #nav {padding:0; margin:0; list-style:none; height:46px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:966px; background:url(../images/navigation/bg.png);} #nav li.top {display:block; float:left;} #nav li a {display:block; float:left; height:48px; width:140px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;} #nav li a b {margin-left:-9999px;} #nav li a.home {background:url(../images/navigation/nav-home.png); width:129px;} #nav li a.about {background:url(../images/navigation/nav-about-us.png); width:130px; height:48px;} #nav li a:hover.about {background:url(../images/navigation/sub-about-us.png); width:130px; height:34px;} #nav li a.challenges {background:url(../images/navigation/nav-your-challenges.png); width:177px;} #nav li a:hover.challenges {background:url(../images/navigation/sub-your-chanllenges.png); width:177px; height:34px;} #nav li a.solutions {background:url(../images/navigation/nav-our-solutions.png); width:164px;} #nav li a:hover.solutions {background:url(../images/navigation/sub-our-solutions.png); width:164px; height:34px;} #nav li a.outsource {background:url(../images/navigation/nav-why-outsource.png); width:196px;} #nav li a:hover.outsource {background:url(../images/navigation/sub-why-outsource.png); width:196px; height:34px;} #nav li a.achievements {background:url(../images/navigation/nav-achievement.png); width:170px;} #nav li:hover a, #nav a:hover{background-position: 0 48px;} #nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} #nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover {position:relative; z-index:200;} #nav a:hover {position:relative; white-space:normal; z-index:200;} #nav :hover ul.sub{left:0; top:34px; width:140px; height:auto; z-index:300;} #nav :hover ul.sub li{display:block; position:relative; float:left; font-weight:normal;} #nav :hover ul.sub li a{display:block; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;} #nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;} /*------------- Navigation sous-menu About Us --------------------------------------------------------------------------------------------------------------------*/ #nav :hover ul li a.sub-about-us {background:url(../images/navigation/sub-values.png); height:39px; width:122px;} #nav :hover ul li a:hover.sub-about-us {background:url(../images/navigation/sub-values-h.png); } #nav :hover ul li a.sub-team {background:url(../images/navigation/sub-team.png); height:31px; width:122px; } #nav :hover ul li a:hover.sub-team {background:url(../images/navigation/sub-team-h.png);} #nav :hover ul li a.sub-essor {background:url(../images/navigation/sub-essor.png); height:67px; width:122px; } #nav :hover ul li a:hover.sub-essor {background:url(../images/navigation/sub-essor-h.png);} /*------------- Navigation sous-menu Cahllenges --------------------------------------------------------------------------------------------------------------------*/ #nav :hover ul li a.sub-stagnant {background:url(../images/navigation/sub-stagnant-sales.png); height:39px; width:177px;} #nav :hover ul li a:hover.sub-stagnant {background:url(../images/navigation/sub-stagnant-sales-h.png); } #nav :hover ul li a.sub-sales-force {background:url(../images/navigation/sub-sales-force-management.png); height:32px; width:177px; } #nav :hover ul li a:hover.sub-sales-force {background:url(../images/navigation/sub-sales-force-management-h.png);} #nav :hover ul li a.sub-expansion {background:url(../images/navigation/sub-expention.png); height:30px; width:177px; } #nav :hover ul li a:hover.sub-expansion {background:url(../images/navigation/sub-expention-h.png);} #nav :hover ul li a.sub-time {background:url(../images/navigation/sub-not-enough-time.png); height:36px; width:177px; } #nav :hover ul li a:hover.sub-time {background:url(../images/navigation/sub-not-enough-time-h.png);} /*------------- Navigation sous-menu Solutions ------------------------------------------------------------------------------------------------------------------*/ #nav :hover ul li a.sub-strategiec-mark {background:url(../images/navigation/sub-strategic-marketing.png); height:39px; width:164px;} #nav :hover ul li a:hover.sub-strategiec-mark {background:url(../images/navigation/sub-strategic-marketing-h.png); } #nav :hover ul li a.sub-sales {background:url(../images/navigation/sub-sales-management.png); height:32px; width:164px; } #nav :hover ul li a:hover.sub-sales {background:url(../images/navigation/sub-sales-management-h.png);} #nav :hover ul li a.sub-operational-mark {background:url(../images/navigation/sub-operational-marketing.png); height:30px; width:164px; } #nav :hover ul li a:hover.sub-operational-mark {background:url(../images/navigation/sub-operational-marketing-h.png);} #nav :hover ul li a.sub-e-mark {background:url(../images/navigation/sub-e-marketing.png); height:30px; width:164px; } #nav :hover ul li a:hover.sub-e-mark {background:url(../images/navigation/sub-e-marketing-h.png);} #nav :hover ul li a.sub-business-dev {background:url(../images/navigation/sub-stra-business-dev.png); height:54px; width:164px; } #nav :hover ul li a:hover.sub-business-dev {background:url(../images/navigation/sub-stra-business-dev-h.png);} /*------------- Navigation sous-menu Outsource -------------------------------------------------------------------------------------------------------------------*/ #nav :hover ul li a.sub-faq {background:url(../images/navigation/sub-faq.png); height:46px; width:196px;} #nav :hover ul li a:hover.sub-faq {background:url(../images/navigation/sub-faq-h.png); } /*------------- Body class -- Pages actives -------------------------------------------------------------------------------------------------------------------*/ .home #nav li a.home {background-position:bottom; } .about #nav li a.about {background-position:bottom;} .challenges #nav li a.challenges {background-position:bottom;} .solutions #nav li a.solutions {background-position:bottom;} .outsource #nav li a.outsource {background-position:bottom;} .achievements #nav li a.achievements {background-position:bottom;} /* ----------------------------- CONTENU - BANDEAU ---------------------------*/ #bandeau-accueil {clear:both;width:973px;height:274px;padding-top:20px;} #bandeau {clear:both;width:973px;height:174px;padding-top:0px;} #bandeau-titre {width:360px;padding-right:30px;float:left;line-height:8pt;padding-bottom:10px;margin-left:10px;padding-top:8px;} #bandeau-texte {float:left;width:530px;line-height:;padding-top:10px;color:#FFFFFF;font-size:16px;} .bandeau-h1 {font-size:25pt;color:#FFFFFF;margin:0;font-family: Arial, Helvetica, sans-serif;line-height:25pt;font-weight:lighter;padding-top:0px;} .bandeau-h2 {font-size:18pt;color:#666666;padding-top:0px;font-weight:lighter; border-bottom:-10px; line-height:10px;} /* ----------------------------- CONTENU -------------------------------------*/ #conteneur-pricipal {width:963px;clear:both;} #contenu-principal-gauche {width:360px;padding-right:30px;float:left;line-height:14pt;padding-bottom:10px;} #contenu-principal-droit {float:left;width:530px;line-height:14pt;padding-top:60px;} /* ---------------------------------------------------------------------------*/ #sous-contenu {width:963px;clear:both;} #sous-contenu-left-page {width:360px;padding-right:30px;float:left;} #sous-contenu-right-page {float:left;width:531px;} #sous-contenu-1-img {width:243px;float:left;margin-top:3px;} #sous-contenu-2-img {float:left;width:227px;margin-top:3px;} #sous-contenu-1-text {width:243px;height:135px;float:left;padding-top:10px;} #sous-contenu-2-text {float:left;width:227px;height:135px;padding-top:10px;} /* ---------------------------------------------------------------------------*/ #sous-contenu-left-accueil {width:531px;height:131px;float:left;background:#EBEAEA; padding-top:5px; padding-right:10px; text-align:left;} #sous-contenu-right-accueil {float:left;margin-top:-13px;} /* ------------------------------BOUTONS--------------------------------------*/ #bouton-en-savoir-plus-accueil {left:361px;top:-57px;width:124px; height:30px;z-index:4; position:relative} #bouton-en-savoir-plus-243px {float:left;width:243px;height:31px;margin-top:-3px} #bouton-en-savoir-plus-227px {float:left;width:227px;height:31px;margin-top:-3px} .bouton-en-savoir-plus a {width:112px;height:31px;display:block;background:url(../images/boutons/en-savoir-plus.png) center center no-repeat;text-indent:-9999px;overflow:hidden;vertical-align: bottom;} .bouton-en-savoir-plus a:hover {width:112px;height:31px;display:block;background:url(../images/boutons/en-savoir-plus-hover.png) center center no-repeat;text-indent:-9999px;overflow:hidden;vertical-align: bottom;} #bouton-nos-services {float:left;width:200px;} .bouton-nos-services a {width:207px;height:131px;display:block;background:url(../images/boutons/nos-services.png) center center no-repeat;text-indent:-9999px;overflow:hidden;} .bouton-nos-services a:hover {width:207px;height:131px;display:block;background:url(../images/boutons/nos-services-hover.png) center center no-repeat;text-indent:-9999px;overflow:hidden;} #bouton-notre-equipe {float:left;width:200px;} .bouton-notre-equipe a {width:207px;height:131px;display:block;background:url(../images/boutons/notre-equipe.png) center center no-repeat;text-indent:-9999px;overflow:hidden;} .bouton-notre-equipe a:hover {width:207px;height:131px;display:block;background:url(../images/boutons/notre-equipe-hover.png) center center no-repeat;text-indent:-9999px;overflow:hidden;} /* ------------- footer ----------*/ #footer {width:100%;clear:both;height:56px;line-height:14pt;background-image:url(../images/footer-bg.png);color:#333333;font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;word-spacing : 2px ;} #footer-text {margin:auto;height:56px;z-index:4;width:963px;} #copyright {left:690px;width:300px;z-index:4;position:relative;} #nav-footer {left:10px; top:30%;width:650px;z-index:4; position: relative;} #nav-footer a:link {color:#333333;} #nav-footer a:hover {color: #FFFFFF;text-decoration:none;} /* ---------------------------------------------------------------------------*/ a {color:#333333;text-decoration:none;} a:hover {text-decoration:none; color:#C01526;} h1, h1 a {font-size:25pt;color:#FFFFFF;margin:0;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:lighter;letter-spacing:0px;} h2 {font-size:18pt;color:#C01526;padding-top:40px;font-weight:lighter;line-height:18pt;} .accueil-h2 {font-size:18pt;color:#666666;padding-top:0px;font-weight:lighter; border-bottom:-10px; line-height:18pt;} h3 {font-size:18pt;color:#333333;} h4 {font-size:13pt;color:#333333;margin:0;font-weight:lighter;} h5 {font-size:13pt;color:#333333;margin:0;font-weight:bold;} .description {font-size:14pt;color:#CCCCCC;margin:0;} .style-2-h4 {font-size:16pt;color:#C01526;font-weight:bold;letter-spacing:-1px;} a.style-2-h4:link {color:#C01526; text-decoration: none; } a.style-2-h4:visited {color:#C01526; text-decoration: none; } a.style-2-h4:hover {color: #333333; text-decoration: none; } a.style-2-h4:active {color:#C01526; } a.bandeau-texte:link {color:#FFFFFF; text-decoration: none; } a.bandeau-texte:visited {color:#FFFFFF; text-decoration: none; } a.bandeau-texte:hover {color: #C01526; text-decoration: none; } a.bandeau-texte:active {color:#C01526; } .texte-h3 {font-size:12pt;color:#666666;line-height:0px;vertical-align:text-bottom;} .rouge-h3 {font-size:13pt;color:#C01526;line-height:0px;vertical-align:text-bottom;} .problematique-accueil {font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #333333;} a.problematique-accueil {color:#333333;text-decoration:none;} a.problematique-accueil:hover {color:#C01526;text-decoration:none;} .sous-contenu-h3 {font-size:12pt;color:#C01526;padding:0px;} a.gras-rouge {color:#C01526;text-decoration:none;} a.gras-rouge:hover {text-decoration:underline;} a.gras-rouge:visited {color:#C01526;text-decoration:none;} .gras-rouge {color: #C01526;font-weight: bold;} .texte-proplematique {font-size:10pt;color:#000000;margin-right:20px;} .titre-texte-bandeau {font-size:14pt;margin-bottom:2px;color:#FFFFFF;line-height:0px;line-height:15px;} .puce-rouge { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #333333; display : list-item; list-style: url(../images/puce.png); display: block;} .fleche-bandeau {list-style: url(../images/fleche-bandeau.png);color:#FFFFFF;font-size:14px;} .fleche-blanc {list-style: url(../images/fleche-blanc.png);font-size:17pt;color:#C01526;font-weight:bold;letter-spacing:-2px;padding-top:10px;} .pas-de-point {font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #333333; padding-top:1px;list-style-image : url(../images/carre-blanc.png);} /* ------------------------ texte accordéon FAQ ---------------------------*/ .navigation { margin-left: 50px;list-style: url(../images/fleche-blanc.png);color: #000000; } .navigation a, .navigation span { list-style: url(../images/fleche-blanc.png);font-size:12pt;color:#333333;font-weight:bold;letter-spacing:-1px;line-height:30px;} .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {list-style: url(../images/fleche-blanc.png);font-size:14pt;} .navigation .open a, .navigation .open span { list-style: url(../images/fleche-blanc-gris.png);color:#C01526; } .navigation a:hover, .navigation a:focus, .navigation a:active { text-decoration: none; color:#C01526;list-style: url(../images/fleche-blanc-gris.png);font-size:14pt;} .navigation .subMenu { font-size: 10pt;margin-left:-40px;border-bottom: 1px solid #666; } .navigation ul.subMenu a {background: none;padding: 3px 20px; list-style: url(../images/fleche-blanc.png);} /* ------------------------ texte accordéon Équipe ---------------------------*/ .navigation-equipe { margin-left: -20px;color: #000000; } .navigation-equipe a, .navigation-equipe span { font-size:10pt;color:#666666;} .navigation-equipe .toggleSubMenu-equipe a, .navigation-equipe .toggleSubMenu-equipe span {font-size:12pt;} .toggleSubMenu-equipe li {color: #323232; } .toggleSubMenu-equipe li:hover { color: #333333; } .navigation-equipe .open a, .navigation-equipe .open span { color:#C01526; } .navigation-equipe a:hover, .navigation-equipe a:focus, .navigation-equipe a:active { color:#C01526;font-size:12pt;} .navigation-equipe .subMenu-equipe { font-size: 10pt;color:#333333;text-decoration:none;border-bottom: 1px solid #666;vertical-align:text-bottom; } .navigation-equipe ul.subMenu-equipe a {background: none; font-size: 10pt;color:#333333;} a.navigation-equipe-lien { font-size:10pt; font-weight:bold;color:#C01526;} a:hover.navigation-equipe-lien {font-size:10pt;color:#333333;} /* Contact et Demande d'informations */ .contact #col2 {width:500px;float:left;border-left:1px solid #dfd8ae;padding:0 25px;} .contact textarea {width:435px;height:140px;clear:both;} .contact input {position:relative;top:5px;} .contact input.submit {position:static;} label {font-size:16px;color:#333333;font-weight:bold;width:75px;display:block;float:left; padding-top:5px;} input, textarea {border:1px solid #c4c4c4;font-family: Arial, Helvetica, sans-serif;font-size:16px;line-height:16px;background-color:white;color:#333;padding:6px;width:444px;} input {width:364px;} input.submit {width:auto;border:none;padding:0;}