/**********************************************************/ /* Written for ViaMichelin Business */ /* FOOTER */ /* Swatch colors */ /* */ /* @group CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* @end */ /**********************************************************/ /* GENERIC */ body { background: #FFF url("../images/background.jpg"); font-family: Arial, sans-serif; font-size: 100%; color: #000; text-align: center; } a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } #wrapper { position: relative; width: 976px; margin: 22px auto 0 auto; text-align: left; } a.product-detail { } a.make-a-try { } a.contact-us { } /**********************************************************/ /* HEADER */ #header { position: absolute; width: 976px; height: 113px; padding: 0; z-index: 10; } #header .logo { position: absolute; left: 11px; display: block; width: 222px; height: 59px; text-indent: -5000px; background: url("../images/_de/sprite.png") 0 -355px no-repeat; } #header .logo-business-solutions { position: absolute; right: 15px; top: 19px; display: block; width: 360px; height: 26px; text-indent: -5000px; background: url("../images/_de/sprite.png") 0 -415px no-repeat; } #header #header-tools { position: absolute; left: 0; top: 65px; width: 962px; padding: 7px 14px 10px 0; background-color: #FFF; } /* LANGUAGE */ #language-switch { float: right; position: relative; width: 101px; height: 31px; margin-left: 4px; background: url("../images/sprite_lang.png") left -124px no-repeat; } #language-switch .current { display: block; width: 101px; height: 23px; padding: 8px 0 0 0; } #language-switch a { display: block; padding: 0 21px 0 12px; width: 68px; height: 17px; background: url("../images/sprite_lang.png") left top no-repeat; text-indent: -5000px; } #language-switch .fr a { background-position: -101px -8px; } #language-switch .fr a:hover { background-position: -202px -8px; } #language-switch .es a { background-position: -101px -39px; } #language-switch .es a:hover { background-position: -202px -39px; } #language-switch .en a { background-position: -101px -70px; } #language-switch .en a:hover { background-position: -202px -70px; } #language-switch .de a { background-position: -101px -101px; } #language-switch .de a:hover { background-position: -202px -101px; } #language-switch .it a { background-position: -101px -132px; } #language-switch .it a:hover { background-position: -202px -132px; } #language-switch #language-switch-list { position: absolute; top: 0; display: none; padding: 8px 0 8px 0; background: url("../images/sprite_lang.png") left top no-repeat; } #language-switch #language-switch-list li { margin: 0; } /* NEWSLETTER */ #newsletter-subscription { float: right; position: relative; width: 110px; height: 31px; margin-left: 4px; background: url("../images/bg-newsletter.png") left top no-repeat; overflow: hidden; } #newsletter-subscription .title { float: left; width: 80px; height: 31px; background: url("../images/bg-newsletter.png") left top no-repeat; text-indent: -5000px; cursor: pointer; position: absolute; top: 0; left: 0; } #newsletter-subscription .email { float: left; position: absolute; top: 8px; left: 80px; } #newsletter-subscription .email input { border: 0 none; } #newsletter-subscription button { float: left; position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 30px; height: 31px; border: 0 none; cursor: pointer; text-indent: -5000px; background: url("../images/bg-newsletter.png") right top no-repeat; } #newsletter-subscription.error { background-position: left -31px; } #newsletter-subscription.error .title { background-position: left -31px; } #newsletter-subscription.error button { background-position: right -31px; } #newsletter-success-wrapper { display: none; } /* NEWSLETTER SUCCESS */ #newsletter-success { position: relative; width: 465px; height: 409px; text-align: left; background: url("../images/background.jpg") left top no-repeat; } #newsletter-success .content { padding: 160px 0 0 217px; height: 249px; background: url("../images/_de/bg-newsletter-success.png") left top no-repeat; } #newsletter-success .content p { margin-bottom: 42px; font-size: 0.9375em; line-height: 1.25em; color: #696969; } #newsletter-success .content a { position: absolute; top: 406px; right: 20px; font-size: 0.75em; } /* CONTACT */ #header-tools #contact-button { display: block; float: right; width: 167px; height: 31px; margin-left: 4px; text-indent: -5000px; background: url("../images/_de/sprite.png") left -90px no-repeat; ;} /**********************************************************/ /* SIDEBAR */ #sidebar { position: absolute; top: 113px; overflow: hidden; width: 220px; padding: 0 0 15px 0; background: #FFF; } /* NAVIGATION */ #navigation-block { width: 209px; margin: 0 0 0 11px; } #sidebar .navigation { margin-bottom: 5px; padding-bottom: 12px; background: url("../images/_de/sprite.png") left top no-repeat; } #sidebar .navigation h4 a { display: block; width: 209px; height: 59px; background: url("../images/_de/sprite.png") left top no-repeat; text-indent: -5000px; } #sidebar .navigation ul { display: none; padding: 8px 0 11px 8px; } #sidebar .navigation ul.current, #sidebar .navigation li.opened ul { display: block; } #sidebar .navigation li { margin: 0 10px 11px 0; padding: 0; font-weight: bold; } #sidebar .navigation li a { display: block; margin: 0; font-size: 0.75em; color: #FFF; background: url("../images/bg-navigation.png") left top no-repeat; } #sidebar .navigation li a:hover { background: url("../images/bg-navigation.png") left top no-repeat; text-decoration: none; } #sidebar .navigation li a span { background: url("../images/bg-navigation.png") left top no-repeat; display: block; padding: 4px 0 3px 17px; } #sidebar .navigation li ul { padding-bottom: 0; padding-left: 0; } #sidebar .navigation li ul li { margin-right: 0; margin-bottom: 4px; } #sidebar .navigation ul.current li ul { margin-left: 13px; } #sidebar .navigation ul.current li ul li a { font-size: 0.6875em; font-weight: normal; } #sidebar .navigation ul li ul li a { background: none; } #sidebar .navigation ul li ul li a span { background: none; padding: 4px 0 3px 10px; } #sidebar .navigation ul li ul li.current a, #sidebar .navigation ul li ul li.current a span { background: url("../images/bg-navigation.png") left top no-repeat; } #sidebar .navigation ul li ul li a:hover, #sidebar .navigation ul li ul li a:hover span { background: url("../images/bg-navigation.png") left top no-repeat; } #sidebar #nav-qui-sommes-nous { background-position: left bottom; } #sidebar #nav-qui-sommes-nous h4 a { background-position: left -31px; } #sidebar #nav-qui-sommes-nous ul { background-color: #88c50d; } #sidebar #nav-qui-sommes-nous ul li a { background-position: left top; } #sidebar #nav-qui-sommes-nous ul li.current a, #sidebar #nav-qui-sommes-nous ul li a:hover { background-position: -591px top; color: #4a6c05; } #sidebar #nav-qui-sommes-nous ul li.current a span, #sidebar #nav-qui-sommes-nous ul li a:hover span { background-position: -591px bottom; } #sidebar #nav-les-offres { background-position: -209px bottom; } #sidebar #nav-les-offres h4 a { background-position: -209px -31px; } #sidebar #nav-les-offres ul { background-color: #05a4e5; } #sidebar #nav-les-offres ul li a { background-position: -197px top; } #sidebar #nav-les-offres ul li.current > a, #sidebar #nav-les-offres ul li > a:hover { background-position: -788px top; color: #0058b6; } #sidebar #nav-les-offres ul li.current > a span, #sidebar #nav-les-offres ul li > a:hover span { background-position: -788px bottom; } #sidebar #nav-les-offres ul li ul li.current a, #sidebar #nav-les-offres ul li ul li a:hover { background-position: -1379px top; color: #0058b6; } #sidebar #nav-les-offres ul li ul li.current a span, #sidebar #nav-les-offres ul li ul li a:hover span { background-position: -1379px bottom; } #sidebar #nav-espace-developpeur { background-position: -418px bottom; } #sidebar #nav-espace-developpeur h4 a { background-position: -418px -31px; } #sidebar #nav-espace-developpeur ul { background-color: #124191; } #sidebar #nav-espace-developpeur ul li a { background-position: -394px top; } #sidebar #nav-espace-developpeur ul li.current > a, #sidebar #nav-espace-developpeur ul li > a:hover { background-position: left -90px; } #sidebar #nav-espace-developpeur ul li ul li a { background-position: left -180px; } #sidebar #nav-espace-developpeur ul li ul li.current a, #sidebar #nav-espace-developpeur ul li ul li a:hover { background-position: left -198px; color: #0058b6; } #sidebar #nav-espace-developpeur ul li ul li a:hover span { background-position: left -198px; color: #0058b6; } /* NEWS TICKER */ body #sidebar li { border: none; } body #sidebar li a:link, body #sidebar li a:visited { border: none; } #sidebar #news-block { overflow: hidden; position: relative; width: 209px; height: 220px; margin: 20px 0 0 13px; } #sidebar #news-block .nav { position: absolute; width: 30px; right: 0; z-index: 2; } #sidebar #news-block .nav li { display: inline; padding: 0; margin: 0; } #sidebar #news-block .nav a { display: block; float: left; width: 12px; height: 15px; padding: 0; margin: 0; text-indent: -5000px; background: url("../images/_de/sprite.png") -627px top no-repeat; } #sidebar #news-block .nav li.next a { background-position: -639px top; } #sidebar #news-list { position: absolute; width: 3000px; z-index: 1; } #sidebar #news-list li { float: left; width: 197px; margin: 0 6px; padding: 0; } #sidebar #news-list li div.category { margin: 0 0 10px 0; font-size: 0.875em; font-weight: bold; color: #5a2562; text-transform: uppercase; } #sidebar #news-list li img { float: left; margin-right: 10px; } #sidebar #news-list li .content { overflow: hidden; float: left; width: 116px; } #sidebar #news-list li .content h3 { padding-top: 5px; font-size: 0.875em; line-height: 1em; font-weight: bold; color: #2b2f33; } #sidebar #news-list li .content h3 a { padding: 0; margin: 0; } #sidebar #news-list li .content h4 { font-size: 0.625em; line-height: 1.25em; color: #939393; text-transform: uppercase; } #sidebar #news-list li .content p { margin: 5px 0 12px 0; line-height: 1.2em; font-size: 0.6875em; color: #0e9fda; } #sidebar #news-list li .content a.more { margin: 0; padding-left: 11px; font-size: 0.6875em; color: #0058b6; background: url("../images/_de/sprite.png") -629px -39px no-repeat; } /**********************************************************/ /* CONTENT */ #right-col { position: absolute; top: 113px; left: 220px; width: 756px; z-index: 9; } #content { overflow: hidden; width: 661px; padding: 14px 36px 30px 59px; background: #FFF url("../images/bg-misc.png") left top no-repeat; } body.home #content { width: 729px; padding: 0 15px 0 13px; background-image: none; } body.society #content { background-image: url("../images/_de/bg-infos.png"); } body.news #content { background-image: url("../images/_de/bg-news.png"); } body.product #content { background-image: url("../images/_de/bg-product.png"); } body.product-gamme #header-tools { background: url("../images/_de/bg-product-gamme.png") right top no-repeat; } body.product-gamme #content { background: url("../images/_de/bg-product-gamme.png") left -48px no-repeat; } body.moteur-guide #header-tools { background: #FFF url("../images/_de/bg-profiling.png") right top no-repeat; } body.moteur-guide #content { background: #FFF url("../images/_de/bg-profiling.png") left -48px no-repeat; } body.dn #content { background-image: none; padding: 0 15px 0 13px; width: 729px; } /* BREADCRUMB */ #breadcrumb { float: left; clear: left; padding: 0.3em 0 0.7em 0; width: 100%; } #breadcrumb li { display: inline; font-size: 0.6875em; } #breadcrumb li a { color: #bfbfbf; } body.news #breadcrumb li { color: #5a2562; } body.society #breadcrumb li { color: #88c50d; } body.product #breadcrumb li, body.product-gamme #breadcrumb li { color: #05a4e5; } body.moteur-guide #breadcrumb li { color: #ff6600; } body.dn #breadcrumb li { color: #124191; } body.divers #breadcrumb li { color: #88c50d; } /* CONTENT ZONE */ .chapeau h1 { float: left; padding: 4px 4px 2px 4px; font-size: 1.4375em; letter-spacing: 0.025em; color: #FFF; } .chapeau h2 { clear: left; float: left; margin: 0 15px 0 0; padding: 2px 4px 5px 4px; font-size: 1em; color: #FFF; } body.news .chapeau h1, body.news .chapeau h2 { background-color: #5a2562; } body.misc .chapeau h1 { background-color: #bfbfbf; } body.society .chapeau h1, body.society .chapeau h2 { background-color: #88c50d; } body.product .chapeau h1, body.product-gamme .chapeau h1, body.product .chapeau h2, body.product-gamme .chapeau h2 { background-color: #05a4e5; } body.moteur-guide .chapeau h1, body.moteur-guide .chapeau h2 { background-color: #ffdd00; } body.dn .chapeau h1, body.dn .chapeau h2 { background-color: #124191; } body.divers .chapeau h1, body.divers .chapeau h2 { background-color: #88c50d; } /* ARTICLE */ #article { clear: left; } #article img.main { float: left; margin: 0 17px 17px 0; } #article h2 { margin: 1em 0 0.5em 0; font-size: 1.125em; line-height: 1.25em; font-weight: bold; color: #88c50d; } #article h3 { margin-bottom: 0.25em; font-size: 0.8125em; font-weight: bold; color: #454545; } #article p { margin: 0 0 1em 0; font-size: 0.75em; line-height: 1.35em; color: #454545; } #article p strong { font-weight: bold; } #article p em { font-style: italic; } #article p.intro { font-size: 0.875em; font-weight: bold; } #article ul { margin-bottom: 1em; font-size: 0.75em; color: #454545; line-height: 1.35em; } #article ul ul { font-size: 1em; } #article ul li strong { font-weight: bold; } /***************************************************************/ /* CONTENT SPECIFIC : HOME */ /* STAGE */ #stage { margin-bottom: 15px; } /* PROFILING TOOL */ #profiling-tool { background: url("../images/_de/bg-profiling-home.png") left top no-repeat; } #profiling-tool h3 { float: left; height: 60px; width: 520px; margin: 22px 0 0 138px; background: url("../images/_de/sprite.png") left -460px no-repeat; text-indent: -5000px; } #profiling-tool .nav-step1, #profiling-tool .nav-step2, #profiling-tool .nav-step3 { clear: left; float: left; display: inline; width: 480px; height: 23px; margin: 0 0 20px 138px; background: url("../images/_de/sprite.png") left -521px no-repeat; text-indent: -5000px; } #profiling-tool .nav-step2 { background-position: left -544px; } #profiling-tool .nav-step3 { background-position: left -567px; } #profiling-tool form { overflow: hidden; clear: left; padding: 0 0 20px 116px; background: url("../images/_de/bg-profiling-home.png") left bottom no-repeat; } #profiling-tool .form-line { overflow: hidden; clear: left; display: block; margin-bottom: 0.5em; font-size: 1.125em; color: #8f8f8f; line-height: 1.2em; } #profiling-tool input { float: left; margin-top: 0.25em; } #profiling-tool label { float: left; display: block; width: 540px; margin: 0 0 0 10px; cursor: pointer; } #profiling-tool button { display: block; float: right; height: 31px; margin: 15px 30px 0 0; text-indent: -5000px; background: url("../images/_de/sprite.png") left -590px no-repeat; border: 0; cursor: pointer; } #profiling-tool button.continue { width: 106px; } #profiling-tool button.submit { width: 103px; background-position: -106px -590px; } /***************************************************************/ /* CONTENT SPECIFIC : PRODUCT */ /* PRODUCT : TITLES/TEXTS */ #article.product h2 { font-size: 1.5em; font-weight: normal; color: #05a4e5; } #article.product .en-bref ul li { margin: 0 0 0.25em 1.1em; padding: 0 0 0 2em; list-style-type: disc; line-height: 1.25em; } #article.product .en-bref ul li ul li { margin: 0.5em 0 0.5em 1.1em; } #article.product .en-bref ul li ul li { padding: 0 0 0 0.75em; list-style-type: circle; line-height: 1.25em; } /* PRODUCT : PRODUCT BENEFITS */ #article.product .product-benefits { overflow: hidden; padding: 14px 0 20px 40px; background: #e0f7ff url("../images/_de/benefit-title.gif") 8px 14px no-repeat; } #article.product .product-benefits .benefit { float: left; clear: left; overflow: hidden; width: 503px; margin: 0 0 10px 70px; padding: 12px 0 0 15px; background: url("../images/benefit-plus.png") left top no-repeat; } #article.product .product-benefits .benefit h2 { margin: 0 0 5px 15px; padding: 0; font-size: 1.0625em; } #article.product .product-benefits .benefit .more { float: left; clear: left; overflow: hidden; background: url("../images/benefit-plus.png") -15px bottom no-repeat; } #article.product .product-benefits .benefit .more p { margin-left: 1.3em; } #article.product .product-benefits .benefit .more em { font-style: italic; } #article.product .product-benefits .benefit .more ul { float: left; clear: left; width: 461px; margin: 5px 0 0 0; padding: 0 1em 1.5em 2.4em; } #article.product .product-benefits .benefit .more ul li { padding-left: 0.75em; list-style-type: disc; } /* PRODUCT : SUPPORT LIST */ #article.product .support-list { overflow: hidden; } #article.product .support-list li { display: inline; float: left; display: block; width: 52px; height: 25px; margin-right: 19px; padding-top: 57px; text-align: center; background: url("../images/_de/sprite.png") left -145px no-repeat; font-size: 0.9em; line-height: 1em; } #article.product .support-list li.web { background-position: left -146px; } #article.product .support-list li.print { background-position: -52px -146px; } #article.product .support-list li.mobile { background-position: -104px -146px; } #article.product .support-list li.enterprise { background-position: -156px -146px; } /* PRODUCT : CUSTOMER LIST */ #article.product .customer-list { width: 658px; } #article.product .customer-list td { vertical-align: middle; } #article.product .customer-list td.logo { width: 130px; text-align: left; } #article.product .customer-list td.logo img { margin: 10px 19px 0 0; } #article.product .customer-list td.text { } #article.product .customer-list td.text p { margin: 10px 20px 0 0; } #article.product .customer-list td.preview { width: 130px; vertical-align: top; text-align: right; } #article.product .customer-list td.preview a { display: block; margin-bottom: 13px; } /* PRODUCT : BUTTONS LIST */ #article.product #marketing-buttons { overflow: hidden; margin-top: 30px; } #article.product #marketing-buttons li { float: left; margin-right: 7px; } #article.product #marketing-buttons li a { display: block; background: url("../images/_de/sprite.png") left top no-repeat; text-indent: -5000px; height: 29px; } #article.product #marketing-buttons li.documentation { margin-right: 130px; } #article.product #marketing-buttons li.documentation a { width: 200px; background-position: -407px -90px; } #article.product #marketing-buttons li.contact-us a { width: 80px; background-position: -307px -90px; } #article.product #marketing-buttons li.trial a { width: 100px; background-position: -167px -90px; } #documentation-thickbox { display: none; } #documentation { background: url("../images/bg-documentation.png") left top no-repeat; padding: 33px 25px 5px 32px; height: 400px; width: 408px; background-color: #FFF; } #documentation h4 { margin-bottom: 68px; font-size: 1.125em; color: #696969; } #documentation ul li { font-size: 1.0625em; font-weight: bold; color: #05a4e5; } #documentation ul li a { margin: 0 0 23px 0; padding: 27px 0 0 96px; height: 29px; display: block; font-size: 0.6875em; color: #5e5e5e; background: url("../images/_de/sprite.png") -273px -355px no-repeat; } #documentation ul li a span { padding-right: 7px; font-size: 1.55em; font-weight: bold; color: #05a4e5; } #documentation a.tb-close:link, #documentation a.tb-close:visited { float: right; margin-top: 74px; font-size: 0.75em; color: #000; } /***************************************************************/ /* CONTENT SPECIFIC : PAGE DE TRI */ /* TRI : HEADER */ #content.gamme h1, #content.gamme h2 { margin-left: 87px; } #content.gamme #breadcrumb { padding-top: 4.5em; padding-left: 87px; } #content.gamme #results-header { clear: left; position: relative; margin: 1.25em 0 1.25em 0.5625em; } #content.gamme #results-header h5 { width: 430px; margin: 0 0 0 1em; font-size: 1.125em; font-weight: bold; color: #0050aa; } #content.gamme #results-header a.modify { position: absolute; top: 2px; right: 13px; padding: 0 0 0 20px; background: url("../images/_de/sprite.png") left 0 no-repeat; color: #959595; } #content.gamme #results-header #results-navigation { overflow: hidden; margin-top: 1.125em; } #content.gamme #results-header #results-navigation-wrapper { position: relative; float: left; overflow: hidden; width: 606px; height: 32px; } #content.gamme #results-header ul { position: absolute; overflow: hidden; height: 28px; width: 6000px; } #content.gamme #results-header ul li { float: left; height: 28px; background: url("../images/_de/sprite.png") left -257px no-repeat; text-align: center; } #content.gamme #results-header ul li a { float: left; display: block; height: 28px; margin-left: 15px; padding: 7px 15px 0 0; background: url("../images/_de/sprite.png") right -257px no-repeat; font-size: 0.875em; font-weight: bold; color: #05a4e5; } #content.gamme #results-header ul li.current-first { background-position: left -285px; } #content.gamme #results-header ul li.current-first a { background-position: right -285px; color: #FFF; } #content.gamme #results-header ul li.current-last { background-position: left -313px; } #content.gamme #results-header ul li.current-last a { background-position: right -313px; color: #FFF; } #content.gamme #results-header a.prev, #content.gamme #results-header a.next { float: left; display: block; margin: 0; padding: 0; width: 17px; height: 28px; background: url("../images/_de/sprite.png") left -257px no-repeat; text-indent: -5000px; } #content.gamme #results-header a.prev { background-position: -592px -3px; } #content.gamme #results-header a.next { background-position: -609px -3px; } /* TRI : LIST */ #content.gamme #results-list { clear: left; position: relative; overflow: hidden; width: 654px; margin-left: 0.5625em; padding-top: 0.625em; border-top: 1px solid #05a4e5; } #content.gamme #results-list h2 { margin-bottom: 0.95em; margin-left: 0; font-size: 1.4375em; color: #05a4e5; text-transform: uppercase; } #content.gamme #results-list h2 a { color: #05a4e5; } #content.gamme #results-list h3 { margin-bottom: 0.45em; font-size: 1.25em; color: #05a4e5; } #content.gamme #results-list h4 { margin-bottom: 0.25em; font-size: 0.875em; font-weight: bold; color: #5e5e5e; } /* TRI : ITEM */ #content.gamme #results-list #results-wrapper { position: relative; width: 5000px; height: 800px; } #content.gamme #results-list #results { position: absolute; left: 0; } #content.gamme #results-list #results td { padding-left: 16px; padding-right: 22px; width: 297px; color: #5e5e5e; border-right: 1px solid #d5d5d5; vertical-align: top; } #content.gamme #results-list #results.unique { margin: 10px 0 0 20px; } #content.gamme #results-list #results.unique .result-item { width: 600px; border-right: none; } /* TRI : EN BREF */ #content.gamme #results-list .en-bref { margin-bottom: 2em; } #content.gamme #results-list .en-bref h2 { } #content.gamme #results-list .en-bref p { margin-bottom: 0.5em; font-size: 0.75em; line-height: 1.55em; } #content.gamme #results-list .en-bref ul li { margin: 0 0 0.25em 1.1em; list-style-type: disc; font-size: 0.75em; line-height: 1.25em; } /* TRI : PRODUCT BENEFITS */ #content.gamme #results-list .product-benefits { margin-bottom: 2em; padding: 0 0 0 76px; background: url("../images/_de/benefit-title-small.png") left top no-repeat; min-height: 65px; height:auto !important; height: 65px; } #content.gamme #results-list .product-benefits .benefit { margin: 0 0 0.25em 0; padding: 0 10px 0 23px; background: url("../images/benefit-plus-small.gif") left 3px no-repeat; line-height: 1em; } #content.gamme #results-list .product-benefits .benefit h3 { font-size: 0.75em; color: #5e5e5e; } #content.gamme #results-list .product-benefits .benefit .more { display: none; } #content.gamme #results-list .product-benefits .benefit .more p { margin-left: 1.2em; } #content.gamme #results-list .product-benefits .benefit .more ul { margin-left: 1.1em; } #content.gamme #results-list .product-benefits .benefit .more ul li { padding-left: 0.75em; list-style-type: disc; } /* TRI : SUPPORT LIST */ #content.gamme #results-list .support-list { overflow: hidden; padding-top: 0.5em; margin-bottom: 1.375em; } #content.gamme #results-list .support-list li { display: inline; float: left; display: block; width: 52px; height: 25px; margin-right: 19px; padding-top: 57px; text-align: center; background: url("../images/_de/sprite.png") left -145px no-repeat; font-size: 0.625em; line-height: 1em; } #content.gamme #results-list .support-list li.web { background-position: 0 -146px; } #content.gamme #results-list .support-list li.print { background-position: -52px -146px; } #content.gamme #results-list .support-list li.mobile { background-position: -104px -146px; } #content.gamme #results-list .support-list li.enterprise { background-position: -156px -146px; } /* TRI : BUTTONS LIST */ #content.gamme #results-list #marketing-buttons { clear: left; } #content.gamme #results-list #marketing-buttons li { margin-bottom: 3px; } #content.gamme #results-list #marketing-buttons li a { display: block; height: 24px; background: url("../images/_de/sprite.png") left top no-repeat; text-indent: -5000px; } #content.gamme #results-list #marketing-buttons li.product-detail a { width: 191px; background-position: 0 -121px; } #content.gamme #results-list #marketing-buttons li.contact-us a { width: 61px; background-position: -191px -121px ; } /***************************************************************/ /* CONTENT SPECIFIC : MISC */ body.misc .chapeau h1 { margin-bottom: 0.625em; } body.misc #article { color: #454545; } body.misc #article h2 { float: left; display: block; width: 100%; margin: 1.33em 0 1.11em 0; font-size: 0.9375em; color: #bfbfbf; } body.misc #article h3 { margin-bottom: 1em; font-size: 0.75em; color: #454545; } body.misc #article h3 em { text-decoration: underline; } body.misc #article h4 { margin-bottom: 0.75em; font-size: 0.6875em; font-weight: bold; color: #454545; } body.misc #article p { margin-bottom: 1.5em; line-height: 1.5em; } body.misc #article p.nomargin { margin-bottom: 0; } body.misc #article p a { color: #165296; text-decoration: none; } body.misc #article ul { margin-left: 2.5em; } body.misc #article ul li { list-style-type: disc; margin-bottom: 0.25em; } /**********************************************************/ /* CONTACT FORM */ #contact-form { position: relative; overflow: hidden; width: 677px; height: 608px; padding: 18px 20px; text-align: left; background: #FFF url("../images/bg-contact.png") left top no-repeat; } #content #contact-form { margin: 0 0 0 -5px; padding: 0; } #contact-form .chapeau { overflow: hidden; margin: 0 0 25px 0; } #contact-form h2 { padding: 9px 4px 1px 4px; font-size: 1.5em; font-weight: normal; color: #FFF; background-color: #88c50d; } #contact-form h3 { clear: left; float: left; display: block; margin: -3px 0 0 0; padding: 3px 4px 4px 4px; font-size: 1em; color: #FFF; background-color: #88c50d; } #contact-form .contact-block { float: left; padding-left: 27px; width: 203px; height: 106px; background-color: #e0f6ff; border: 1px solid #bebebe; } #contact-form #contact-courrier { margin-left: 174px; } #contact-form #contact-telephone { margin-left: 38px; } #contact-form #contact-telephone p img.tel { vertical-align: middle; } #contact-form .contact-block h4 { margin: 0 0 13px -42px; padding: 8px 0 0 41px; font-size: 1.0625em; font-weight: bold; color: #05a4e5; } /*#contact-form .contact-block h4 { margin: 0 0 13px -42px; padding: 8px 0 0 41px; font-size: 1.0625em; font-weight: bold; color: #05a4e5; background: transparent url("../images/arrow.png") left top no-repeat; }*/ #contact-form .contact-block h5 { margin-bottom: 7px; font-size: 0.75em; font-weight: bold; color: #5e5e5e; } #contact-form .contact-block p { font-size: 0.75em; line-height: 1.3125em; color: #5e5e5e; } #contact-form .contact-block p.comment { font-size: 0.6875em; } #contact-form form { float: left; clear: left; overflow: hidden; margin: 30px 0 20px 0; width: 646px; padding: 0 0 15px 28px; color: #5E5E5E; border: 1px solid #bebebe; } #contact-form form h4 { float: left; width: 100%; margin: 10px 0 28px 0; font-size: 1.0625em; font-weight: bold; color: #000; } #contact-form form .error-message { clear: left; margin: -0.5em 0 1em 0; font-size: 0.875em; color: #ca0000; } #contact-form form .flash_notice { clear: left; margin: -1em 1.5em 1em 0; padding: 0.25em 0.5em; font-size: 0.875em; color: #FFF; background-color: #00ca00; } #contact-form form h4 span { color: #05a4e5; } #contact-form form fieldset { float: left; } #contact-form form fieldset.left { margin-right: 15px; width: 340px; } #contact-form form fieldset.right { width: 245px; } #contact-form form fieldset div { height: 29px; } #contact-form form fieldset.right div { height: auto; margin-bottom: 11px; } #contact-form form fieldset div label { float: left; margin-top: 5px; width: 95px; font-size: 0.75em; line-height: 1.25em; } #contact-form form fieldset div.error label { color: #ca0000; } #contact-form form fieldset div label strong { font-weight: bold; } #contact-form form fieldset div label span { color: #ca0000; } #contact-form form fieldset.right div label { margin-top: 0; margin-bottom: 7px; width: 220px; } #contact-form form fieldset div input { width: 225px; } #contact-form form fieldset.right div input { margin: 0px 5px 0 0; } #contact-form form fieldset.right div #contact_newsletter { float: left; width: auto; } #contact-form form fieldset div select { width: 230px; } #contact-form form fieldset.right div select { margin-bottom: 10px; } #contact-form form fieldset div textarea { width: 245px; height: 70px; } #contact-form form p { margin-top: 20px; font-size: 0.6875em; color: #ca0000; } #contact-form form button { float: left; clear: left; display: block; margin: 0; padding: 0; width: 79px; height: 27px; border: 0 none; cursor: pointer; text-indent: -5000px; background: transparent url("../images/_de/sprite.png") -252px -119px no-repeat; } #contact-form p.legal-note { clear: left; margin: 0 30px; padding: 0; font-size: 0.625em; color: #5e5e5e; line-height: 1.25em; } /**********************************************************/ /* SITEMAP */ #sitemap { clear: left; } #sitemap .col { float: left; margin-top: 2em; width: 210px; } #sitemap .col h2 { float: left; margin-bottom: 1em; padding: 0.4em 0.6em; font-size: 0.9375em; color: #FFF; } #sitemap .col h2.society { background-color: #88c50d; } #sitemap .col h2.product { background-color: #05a4e5; } #sitemap .col h2.dn { background-color: #124191; } #sitemap .col ul { clear: left; margin: 0 0 4.3em 1em; font-size: 0.75em; } #sitemap .col ul li { line-height: 1.5em; } #sitemap .col ul li a { color: #454545; } #sitemap .col ul ul { margin: 0.35em 0 1em 1.6em; font-size: 1em; } #sitemap .col ul ul li a { color: #a1a1a1; } #sitemap .col a.actualites { display: block; width: 167px; height: 31px; text-indent: -5000px; background: url("../images/_de/sprite.png") -329px -119px no-repeat; } /**********************************************************/ /* DEVELOPER */ #stage-dn { margin-bottom: 15px; } #content-dn { padding: 1.6em 0 0.6em 0; line-height: 1.25em; background: #FFF url("../images/bg-misc.png") -13px top no-repeat; } #content-dn h2 { margin: 0 2.3em 1em 2.3em; font-size: 0.875em; font-weight: bold; color: #454545; } #content-dn h2 a { color: #124191; text-decoration: underline; } #content-dn h2 a:hover { text-decoration: none; } #content-dn p { margin: 0 2.6em 1em 2.6em; font-size: 0.75em; color: #454545; } /**********************************************************/ /* FOOTER */ #footer { overflow: hidden; width: 756px; margin: 0; padding: 20px 0 108px 0; background: #FFF url("../images/bg-misc.png") left bottom no-repeat; font-size: 0.6875em; color: #a6a6a6; text-align: right; } body.home #footer { background: none; } body.misc #footer { background: #FFF url("../images/bg-misc.png") left bottom no-repeat; } body.society #footer { background: #FFF url("../images/_de/bg-infos.png") left bottom no-repeat; } body.news #footer { background: #FFF url("../images/_de/bg-news.png") left bottom no-repeat; } body.product #footer { background: #FFF url("../images/_de/bg-product.png") left bottom no-repeat; } body.product-gamme #footer { background: #FFF url("../images/_de/bg-product-gamme.png") left bottom no-repeat; } body.profiling #footer { background: #FFF url("../images/_de/bg-profiling.png") left bottom no-repeat; } body.dn #footer { background: #FFF url("../images/bg-misc.png") left bottom no-repeat; } body #footer ul { float: right; height: 44px; margin: 0 13px 0 0; } body #footer ul li { float: left; margin-left: 4px; padding: 19px 0 0 10px; background: url("../images/_fr/sprite.png") -627px -56px no-repeat; } body #footer ul li a:link, body #footer ul li a:visited { color: #a6a6a6; border: none; } body #footer ul li a:hover { text-decoration: underline; } body #footer ul li.viamichelin { background: none; } body #footer ul li.logomichelin { padding-top: 0; background: none; }