/* Defaults
---------------------- */
body {background: #fff; font-size: 100.1%; color: #666; line-height: 1.125em;}
* {margin: 0; padding: 0; font-family: arial,verdana,sans-serif; font-size: 1em}
sub, sup {font-size: 0.9em}
sub {line-height: 0.5em}
img, fieldset {border: none}
ul {list-style: none}
ol {padding: 0 0 0 2em}
table {border-collapse: collapse; empty-cells: show;}
select > option {padding: 0 16px 0 3px}
textarea {overflow: auto;}
button {border-style: inset; border-width: 0; border: none; background: none; cursor: pointer; text-align: left; overflow: visible; vertical-align: middle;}
acronym {border-bottom: dotted 1px}
hr,
legend {display: none;}

a {color: #666; text-decoration: none;}

.jumpers,
span.wai {position: absolute; left: -9999px;}

select {color: #666;}

/* Page
---------------------- */
#page {font-size: 0.75em; width: 970px; padding: 0 10px; margin: 0 auto; position: relative;}

/* Header
---------------------- */
#header {position: relative; clear: both;}
#logo {position: absolute; overflow: hidden;}
#logo strong {display: block; width: 100%; height: 100%;}
#logo a,
#logo span {display: block; width: 100%; height: 100%; text-indent: -9999px;}

#teaser {background-position: 50% 100%; overflow: hidden; background-repeat: no-repeat; display: block;}
#siteTitle {position: absolute; left: -9999px; top: -9999px;}

#tools {float: right; margin: 6px 15px 0 0; line-height: 1.0; font-size: 0.95em;}
#tools li {margin-left: 4px; display: block; float: left; line-height: 2; padding-left: 14px; background: url('backgrounds/trans.gif') 5px 50% no-repeat;}
#tools li.first-child,
#tools li.corp,
#tools li.search {background: none;}

#tools li.textVersion a {padding: 0 0 0 20px; background: url('backgrounds/tools.gif') 0 50% no-repeat;}
#tools li.myDalkia a {padding: 0 0 0 10px; background: url('backgrounds/tools.gif') -302px 50% no-repeat;}
#tools li.corp a {padding: 0 0 0 16px; background: url('backgrounds/tools.gif') -584px 50% no-repeat;}

#tools form,
#tools form div {display: inline;}

#tools input {border: solid 1px #ccc; color: #666; padding: 1px 2px; width: 100px; }
#tools label:hover input {outline: solid 1px #efefef;}
#tools label input:focus {outline: solid 1px #ff6c00;}

#tools a:hover {text-decoration: underline;}

#tools button {color: #666; vertical-align: baseline;}
#tools button:hover {color: #444;}

#sections {float: right; display: block; width: 100%; margin-top: 6px; font-size: 0.95em; background: url('backgrounds/section-on.png') -9999px -9999px no-repeat;}
#sections ul {float: right; display: block; background: url('backgrounds/section-1-on.png') -9999px -9999px no-repeat;}
#sections li {float: left; display: block; background: url('backgrounds/section-n-on.png') -9999px -9999px no-repeat;}
#sections li strong {font-weight: normal;}

#sections li a {display: block; background: #e9ecec url('backgrounds/section.png') 0 0 no-repeat; color: #ff6b01;}
#sections li a span {background: url('backgrounds/section.png') 100% 0 no-repeat; display: block;}
#sections li a span span {background: url('backgrounds/section.png') 100% 100% no-repeat;}
#sections li a span span span {background: url('backgrounds/section.png') 0 100% no-repeat; padding: 4px 25px;}

#sections li.first-child a {background-image: url('backgrounds/section-1.png');}
#sections li.first-child a span {background-image: url('backgrounds/section-1.png');}

#sections li.last-child a {background-image: url('backgrounds/section-n.png');}
#sections li.last-child a span {background-image: url('backgrounds/section-n.png');}

#sections li a:hover,
#sections li strong a {color: #333; background-image: url('backgrounds/section-on.png');}
#sections li a:hover span,
#sections ul li strong a span {background-image: url('backgrounds/section-on.png');}
#sections li.first-child a:hover,
#sections li.first-child strong a {background-image: url('backgrounds/section-1-on.png');}
#sections li.first-child a:hover span,
#sections li.first-child strong a span {background-image: url('backgrounds/section-1-on.png');}
#sections li.last-child a:hover,
#sections li.last-child strong a {background-image: url('backgrounds/section-n-on.png');}
#sections li.last-child a:hover span,
#sections li.last-child strong a span {background-image: url('backgrounds/section-n-on.png');}

/* Intro
---------------------- */
.intro .inner {position: relative; padding: 85px 0 0 237px; min-height: 120px;}
.intro .deco1 {display: block; height: 180px; position: absolute; left: 0; top: 0; z-index: 8;}
.intro .deco2 {display: block; width: 454px; height: 191px; position: absolute; left: 0; top: 11px; z-index: 9;}
.cs1 .intro .inner > .deco2 {background: url('backgrounds/intro-blue.png') 0 0 no-repeat;}
.cs2 .intro .inner > .deco2 {background: url('backgrounds/intro-pink.png') 0 0 no-repeat;}
.cs3 .intro .inner > .deco2 {background: url('backgrounds/intro-yellow.png') 0 0 no-repeat;}
.cs4 .intro .inner > .deco2 {background: url('backgrounds/intro-green.png') 0 0 no-repeat;}
.cs5 .intro .inner > .deco2 {background: url('backgrounds/intro-beige.png') 0 0 no-repeat;}
.cs6 .intro .inner > .deco2 {background: url('backgrounds/intro-orange.png') 0 0 no-repeat;}

.intro .illustration {position: absolute; left: 0; top: 0; width: 460px; height: 180px; overflow: hidden; z-index: 5;}

.intro .cap {font-size: 1.15em; color: #888; position: relative; z-index: 10;}
.intro .cap .npscolor {font-size: 1.1em; color: #000; font-weight: bold;}

/* Content
---------------------- */
#container {padding-top: 13px; background: url('backgrounds/header.jpg') 50% 0 no-repeat; margin-top: 4px;}
.content ul,
.content ol,
.content p,
.content blockquote,
.content table {margin-bottom: 0.8em;}

.content a {color: #e66f19; text-decoration: underline;}
.content a:hover {color: #000;}

.content h2 {font-size: 1.35em; margin-bottom: 0.4em; font-weight: normal;}
.content h3 {font-size: 1.2em; margin-bottom: 0.3em; font-weight: normal; color: #000;}
.content .inset h3 {margin-bottom: 0.5em;}

.content ul li {padding: 0 0 0 30px; background-position: 16px 0.5em; background-repeat: no-repeat;}

.content button[type=submit] {text-indent: -9999px; background: url('backgrounds/ok.png') 0 0 no-repeat; width: 20px; height: 20px;}

table {border: solid 1px #c6c6c6;}
th,
td {padding: 3px 10px; border: solid 1px #c6c6c6; vertical-align: top;}
th {background: #c6c6c6; color: #fff; font-weight: normal;}
th.bg1 {background: #dcddde;}
th.bg2 {background: #ff6c00;}
.cs1 th {background: #003473;}
.cs2 th {background: #ba006a;}
.cs3 th {background: #cb8600;}
.cs4 th {background: #5AA85A;}
.cs5 th {background: #7a6e47;}
.cs6 th {background: #ff9900;}

td.bg1 {background: #e5e5e5;}
td.bg2 {background: #f49e5e;}
.cs1 td.bg3 {background: #5e7c9a;}
.cs2 td.bg3 {background: #cc5e9d;}
.cs3 td.bg3 {background: #d6ad5e;}
.cs4 td.bg3 {background: #8bc28b;}
.cs5 td.bg3 {background: #a69f88;}
.cs6 td.bg3 {background: #ff9900;}

td.bg2,
td.bg2 a,
td.bg3,
td.bg3 a,
.content th a {color: #fff;}

td strong {font-weight: normal; color: #000;}

th *,
td * {margin-bottom: 0;}

table .cellleft {text-align:left;}
table .cellcenter {text-align:center;}
table .cellright {text-align:right;}
table .celltop {vertical-align:top;}
table .cellbottom {vertical-align:bottom;}

.content table p,
.content table ul,
.content table ol,
.content table blockquote {margin-bottom: 0;}

/* Balls
---------------------- */
.balls {display: block; width: 47px; height: 14px; margin: 1px 0 2px 0;}
html > body .balls {background: url(backgrounds/balls.png) 0 0 no-repeat;}
html > body .colored .balls {background: url(backgrounds/balls-45.png) 0 0 no-repeat;}
.anchors .balls {display: block; width: 38px; height: 12px; margin-bottom: 8px;}
html > body .anchors .balls {background: url(backgrounds/balls-small.png) 0 0 no-repeat;}
.related .balls,
#sideBar .balls {margin-bottom: 0.6em;}
.cap .balls {margin-bottom: 0.4em;}

/* Separator
---------------------- */
.separator {overflow: hidden; display: block; background-position: 0 0; background-repeat: no-repeat; position: relative; height: 22px; width: 463px; margin: 1.5em 0 0.8em 0;}

.symetric .separator {width: 370px; height: 20px;}
html > body .symetric .separator {background-image: url('backgrounds/separator-mask-symetric.png');}

.separator a {display: block; position: absolute; text-indent: -9999px; overflow: hidden; text-decoration: none;}
.separator > a {right: 0; top: 3px; width: 14px; height: 14px; background: url('backgrounds/up.png') 50% 50% no-repeat;}

html > body .separator {background: #fff url('backgrounds/separator-mask.png') 0 0 no-repeat;}

html > body .separator1 {background-color: #dcddde;}
html > body .separator2 {background-color: #ff6c00;}
html > body .cs1 .separator3 {background-color: #003473;}
html > body .cs2 .separator3 {background-color: #ba006a;}
html > body .cs3 .separator3 {background-color: #cb8600;}
html > body .cs4 .separator3 {background-color: #5AA85A;}
html > body .cs5 .separator3 {background-color: #7a6e47;}


/* Illustration
---------------------- */
.illustration {margin-bottom: 0.7em;}
.left .illustration {float: left; margin-right: 13px;}
.right .illustration {float: right; margin-left: 13px;}
.center .illustration {margin: 0 auto 1em auto;}
.inset .illustration {margin: 0 auto 0.2em auto;}
.inset .left .illustration {float: left; margin-right: 13px;}
.inset .right .illustration {float: right; margin-left: 13px;}
.legend {font-size: 0.95em; line-height: 1.25;}
.legend * {line-height: 1.25; margin-bottom: 0;}
.inset .center .legend {margin-left: 19px;}
.inset .center .inner .legend {margin-left: 0;}
.left ul {display: table; display: inline-block;}

.illustration2 {margin-bottom: 0.7em;}
.left .illustration2 {float: left; margin-right: 16px;}
.right .illustration2 {float: right; margin-left: 16px;}
.center .illustration2 {margin: 0 auto 1em auto;}

.related .center .legend {margin-left: 19px;}
.related .center .inner .legend {margin-left: 0;}

.rounded {width: 104px;}
.rounded .container {display: block; width: 104px; height: 104px; text-decoration: none; overflow: hidden; line-height: 1.0; position: relative;}
.rounded .container .mask {display: block; position: absolute; top: 0; left: 0; width: 104px; height: 104px; background-position: 0 0; background-repeat: no-repeat;}
.rounded1 .container > .mask {background-image: url('backgrounds/round-mask-gray.png');}
.rounded2 .container > .mask {background-image: url('backgrounds/round-mask-orange.png');}
.cs1 .rounded3 .container > .mask {background-image:  url('backgrounds/round-mask-blue.png');}
.cs2 .rounded3 .container > .mask {background-image:  url('backgrounds/round-mask-pink.png');}
.cs3 .rounded3 .container > .mask {background-image:  url('backgrounds/round-mask-yellow.png');}
.cs4 .rounded3 .container > .mask {background-image:  url('backgrounds/round-mask-green.png');}
.cs5 .rounded3 .container > .mask {background-image:  url('backgrounds/round-mask-beige.png');}

.squared {width: 104px;}
.squared .container {display: block; width: 104px; height: 91px; text-decoration: none; overflow: hidden; line-height: 1.0; position: relative;}
.squared .container .mask {display: block; position: absolute; top: 0; left: 0; width: 104px; height: 91px; background-position: 0 0; background-repeat: no-repeat;}
.squared1 .container > .mask {background-image: url('backgrounds/square-mask-gray.png');}
.squared2 .container > .mask {background-image: url('backgrounds/square-mask-orange.png');}
.cs1 .squared3 .container > .mask {background-image:  url('backgrounds/square-mask-blue.png');}
.cs2 .squared3 .container > .mask {background-image:  url('backgrounds/square-mask-pink.png');}
.cs3 .squared3 .container > .mask {background-image:  url('backgrounds/square-mask-yellow.png');}
.cs4 .squared3 .container > .mask {background-image:  url('backgrounds/square-mask-green.png');}
.cs5 .squared3 .container > .mask {background-image:  url('backgrounds/square-mask-beige.png');}


/* NPS links
---------------------- */
html > body #page p.npslinks,
#page ul.npslinks > li {background: url('backgrounds/npslink.png') 0 0.25em no-repeat; padding-left: 15px;}
html > body #page p.back,
#page ul.back > li {background-image: url('backgrounds/back.png');}
.content .npslinks a {color: #666; text-decoration: none;}
.content .npslinks a:hover {text-decoration: underline;}

.left p.npslinks {display: inline-block; display: table-cell; padding-bottom: 0.8em;}
.left ul.npslinks {display: inline-block; display: inline-table;}


span.npscolor  {color: #ff6c00;}


/* Inset
---------------------- */
.inset {background: #f3f2f2 url('backgrounds/inset-a.gif') 0 0 no-repeat; margin-bottom: 1em;}
.inset-b {background: url('backgrounds/inset-a.gif') 100% 0 no-repeat;}
.inset-c {background: url('backgrounds/inset-b.gif') 100% 100% no-repeat;}
.inset-d {background: url('backgrounds/inset-b.gif') 0 100% no-repeat; padding: 1.75em 0 0.6em 0;}
.inset .inner,
.news .inner {padding: 0 19px;}
.left-inset .text ul {display: table; display: inline-block;}
.inset .npslinks a,
.news .npslinks a {color: #666; text-decoration: none;}
.inset .npslinks a:hover,
.news .npslinks a:hover {text-decoration: underline;}

/* RSS
---------------------- */
.rssed {position: relative; padding-right: 260px; display: block; display: inline-block;}
.rssed a,
.rssed span.icon {display: block; width: 12px; height: 12px; overflow: hidden; background: url(backgrounds/rss.png) 0 0 no-repeat; text-decoration: none; text-indent: -9999px; position: absolute; right: 0; top: 2px;}
.related .rssed a,
.related .rssed span.icon {top: 2px;}
.backedNews .rssed {padding-right: 25px; right: 5px;}


/* Related
---------------------- */
.related .block {color: #888;}
.related .block .npslinks a {color: #888; text-decoration: none;}
.related .block .npslinks a:hover {color: #888; text-decoration: underline;}
.content .related h2 {padding-top: 0; background: none; color: #000;}
.related .primer {text-transform: uppercase; margin-bottom: 0; font-size: 1.1em; background-repeat: no-repeat;}
.related .colored .primer {margin-bottom: 0.2em;}

.content .related h2 {font-size: 1.2em;}

.newsback {display: width: 100%; height: 40px;}
.newsback {background-position: 0 0 relative top; background-repeat: no-repeat; padding: 1 0 0 0; color: #fff; margin-bottom: 4px;}
.newsback2 {background-image: url('backgrounds/shadowed-orange.jpg'); background-color: #f1a914;}
.newsback3 {background-position: absolute; width: 640px; height: 20px;}
.newsback3 {background-image: url('backgrounds/separator-mask-related.png'); background-image:{width: 580px; height: 20px;}; background-color: #dcddde;}



.related .inset {margin-bottom: 10px;}
.related .news {background: url('backgrounds/related-news.jpg') 100% 0 no-repeat;}
.related .news .primer {margin-left: 39px; padding-right: 19px;}
.related .news .balls {margin-left: 19px;}

.content .related .separator {height: 20px; width: 281px; /*margin: 0.5em 0 0.5em 2px;*/ margin: 0.5em 0 0.5em 0;}
html > body .related .separator {background-image: url('backgrounds/separator-mask-related.png');}

.shadowed {background-position: 0 100%; background-repeat: repeat-x; position: relative; padding: 16px 0 18px 0; margin-right: -7px; color: #fff; margin-bottom: 4px;}
.shadowed-b {position: display: block; width: 100%; height: 100%;}
.shadowed > .shadowed-b {background: url('backgrounds/shadowed-right.png') 100% 0 repeat-y;}
.shadowed-c {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 16px;}
.shadowed > .shadowed-c {background: url('backgrounds/shadowed-top.png') 0 0 no-repeat;}
.shadowed-d {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 18px;}
.shadowed > .shadowed-d {background: url('backgrounds/shadowed-bottom.png') 0 100% no-repeat;}

.shadowed2 {background-image: url('backgrounds/shadowed-orange.jpg'); background-color: #f1a914;}
.shadowed3 {background-image: url('backgrounds/shadowed-blue.jpg'); background-color: #0badf0;}

.shadowed .inner {padding: 0 15px;}

.content .contrasted h2 {margin-bottom: 0.1em; font-size: 1.5em; font-weight: normal;}
.content .contrasted h3 {margin-bottom: 0.5em; font-size: 1.2em; font-weight: normal;}

.contrasted .npslinks a {color: #fff; text-decoration: none;}
.contrasted .npslinks a:hover {color: #fff; text-decoration: underline;}

.contrasted select {max-width: 215px; margin-right: 3px; border: solid 1px #d4d4d5;}
.contrasted button {font-weight: bold; color: #fff;}

.closerLook {background: #0c3b70 url('backgrounds/closer-look.jpg') 0 0 no-repeat; position: relative; padding: 14px 0 7px 0; margin-bottom: 10px;}
.closer2 {background: #15549e url('backgrounds/closer-look-r.jpg') 0 100% no-repeat;}
.related .closerLook h2 {font-weight: normal; font-size: 1.25em; text-shadow: 3px 3px 6px #0c3b70; margin: 0 18px 0.8em 18px; text-transform: uppercase;}
.related .closer2 h2 {text-shadow: 0 0 0 #fff;}
.closerLook .inner {padding: 60px 18px 0 18px; margin: 0.8em 0 0 0;}
.closer2 .inner {padding: 0 18px 45px 18px;}

.related .toper {display: block; position: absolute; top: 0; left: 0; width: 282px; height: 8px;}
html > body .related .toper {background: url('backgrounds/toper.png') 0 0 no-repeat;}
.related .ender {display: block; position: absolute; bottom: 0; left: 0; width: 282px; height: 7px;}
html > body .related .ender {background: url('backgrounds/ender.png') 0 0 no-repeat;}

.colored {position: relative; background-position: 0 100%; background-repeat: repeat-x; padding: 14px 0 6px 0; color: #fff; margin-bottom: 10px;}
#sideBar .colored {width: 175px;}
.colored .inner {padding: 0 19px;}

.colored .npslinks a {color: #fff; text-decoration: none;}
.colored .npslinks a:hover {color: #fff; text-decoration: underline;}

.colored-1 {background-color: #14529b; background-image: url('backgrounds/colored-blue.jpg');}
.colored-2 {background-color: #bc006a; background-image: url('backgrounds/colored-pink.jpg');}
.colored-3 {background-color: #eaa60b; background-image: url('backgrounds/colored-yellow.jpg');}
.colored-4 {background-color: #5aa85a; background-image: url('backgrounds/colored-green.jpg');}
.colored-5 {background-color: #a49667; background-image: url('backgrounds/colored-beige.jpg');}
.colored-6 {background-color: #ffcc33; background-image: url('backgrounds/colored-orange.jpg');}
.colored-7 {background-color: #ff9900; background-image: url('backgrounds/colored-liteblue.jpg');}

.quickLook {position: relative; background-repeat: no-repeat; color: #fff; line-height: 1.35; font-size: 1.1em; margin-bottom: 10px;}
.quickLook .inner {background-repeat: repeat-x; position: relative; padding: 0 11px 0 18px; min-height: 45px;}
.quickLook .inner .mask {position: absolute; left: 0; height: 44px; width: 282px; background-repeat: no-repeat; background-position: 0 0;}
.quickLook .deco {display: block; position: absolute; width: 9px; height: 10px; right: 11px;}
.quickLook > .inner .deco {background: url('backgrounds/npslink-fff.png') 0 0 no-repeat;}
.content .quickLook a {color: #fff; text-decoration: none;}
.content .quickLook a:hover {text-decoration: underline;}
.under {background-position: 0 0; padding-top: 80px;}
.under .inner {background-position: 0 100%; text-align: right;}
.under .inner .mask {top: -44px;}
.under .deco {top: -27px;}
.above {background-position: 0 100%; padding-bottom: 80px;}
.above .inner {background-position: 0 0; padding-right: 34px; min-height: 36px; padding-top: 9px;}
.above .inner .mask {bottom: -47px; height: 47px;}
.above .deco {top: 12px;}

.content .quickLook p {font-weight: bold; font-size: 1.1em;}

.quicklook-u1 .inner > .mask {background-image: url('backgrounds/under-blue.png');}
.quicklook-u1 .inner {background-color: #2f5e98; background-image: url('backgrounds/under-bg-blue.png');}
.quicklook-u2 .inner > .mask {background-image: url('backgrounds/under-pink.png');}
.quicklook-u2 .inner {background-color: #ca0065; background-image: url('backgrounds/under-bg-pink.png');}
.quicklook-u3 .inner > .mask {background-image: url('backgrounds/under-yellow.png');}
.quicklook-u3 .inner {background-color: #e0b400; background-image: url('backgrounds/under-bg-yellow.png');}
.quicklook-u4 .inner > .mask {background-image: url('backgrounds/under-green.png');}
.quicklook-u4 .inner {background-color: #39723a; background-image: url('backgrounds/under-bg-green.png');}
.quicklook-u5 .inner > .mask {background-image: url('backgrounds/under-beige.png');}
.quicklook-u5 .inner {background-color: #93865b; background-image: url('backgrounds/under-bg-beige.png');}

.quicklook-a1 .inner > .mask {background-image: url('backgrounds/above-blue.png');}
.quicklook-a1 .inner {background-color: #2e609f; background-image: url('backgrounds/above-bg-blue.png');}
.quicklook-a2 .inner > .mask {background-image: url('backgrounds/above-pink.png');}
.quicklook-a2 .inner {background-color: #c10965; background-image: url('backgrounds/above-bg-pink.png');}
.quicklook-a3 .inner > .mask {background-image: url('backgrounds/above-yellow.png');}
.quicklook-a3 .inner {background-color: #d7ad00; background-image: url('backgrounds/above-bg-yellow.png');}
.quicklook-a4 .inner > .mask {background-image: url('backgrounds/above-green.png');}
.quicklook-a4 .inner {background-color: #3f7c3e; background-image: url('backgrounds/above-bg-green.png');}
.quicklook-a5 .inner > .mask {background-image: url('backgrounds/above-beige.png');}
.quicklook-a5 .inner {background-color: #96895c; background-image: url('backgrounds/above-bg-beige.png');}

/* SideBar
---------------------- */
#sideBar {line-height: 1.4em; display: block;}
#sideBar .toper {display: block; position: absolute; top: 0; left: 0; width: 175px; height: 10px;}
html > body #sideBar .toper {background: url('backgrounds/toper-side.png') 0 0 no-repeat;}
#sideBar .ender {display: block; position: absolute; bottom: 0; left: 0; width: 175px; height: 10px;}
html > body #sideBar .ender {background: url('backgrounds/ender-side.png') 0 0 no-repeat;}

#sideBar ul,
#sideBar ol,
#sideBar p,
#sideBar blockquote,
#sideBar table {margin-bottom: 0.8em;}

#sideBar .news ul li {padding: 0 0 0 30px; background-position: 16px 0.5em; background-repeat: no-repeat;}

#sideBar h2 {margin-bottom: 0.8em; font-weight: normal; font-size: 1.15em;}

#sideBar .primer {text-transform: uppercase; margin-bottom: 0; font-size: 1.1em; background-repeat: no-repeat;}
#sideBar .colored .primer {margin-bottom: 0.2em;}

#sideBar .separator {height: 16px; width: 175px; margin: 0.5em 0 0.5em 2px;}
html > body #sideBar .separator {background-image: url('backgrounds/separator-mask-side.png');}

#sideBar .news {background: url('backgrounds/side-news.jpg') 100% 0 no-repeat; padding-top: 30px;}
#sideBar .news .primer {margin-left: 13px; padding-right: 9px; font-size: 1.1em;}
#sideBar .news .balls {margin-left: 13px;}

#sideBar .colored .inner,
#sideBar .inset .inner,
#sideBar .news .inner {padding: 0 13px;}


#navigation {width: 183px; background: url('backgrounds/nav.gif') 0 0 repeat-y; margin-left: -2px;}
#navigation .inner {background: url('backgrounds/nav.gif') 100% 100% no-repeat; padding: 0 6px 4px 1px;}

#navigation p {background: url('backgrounds/nav-head.gif') 0 0 no-repeat; margin-bottom: 5px; text-transform: uppercase; font-size: 0.95em;}
#navigation p strong {display: block; background: url('backgrounds/nav-head.gif') 100% 100% no-repeat;}
#navigation p a,
#navigation p span {display: block; padding: 6px 14px 4px 14px; color: #fff;}

#navigation li {border-top: dotted 1px #ccc;}
#navigation li.first-child,
#navigation li li {border-top: none;}
#navigation li li {font-size: 0.95em; line-height: 1.35; margin-bottom: 0.1em;}

#navigation li a {display: block; padding: 0.4em 15px 0.3em 29px; background: url('backgrounds/nav-bullet.gif') 13px 0.6em no-repeat;}
#navigation li a:hover {text-decoration: underline;}

#navigation li li a {display: block; padding: 0.2em 15px 0.1em 37px; background-position: -358px 0.5em;}

#navigation li ul {margin-top: 0.25em;}

#navigation em {font-style: normal;}
#navigation strong {font-weight: normal;}
#navigation li strong a {color: #000; background-position: -191px 0.6em;}
#navigation li li strong a {color: #000; background-position: -358px 0.5em;}

#page .error {color: red;}


/* Font shift
---------------------- */
.intro h1,
.intro h1 *,
.content h2,
.content h2 *,
.related .primer,
.related .primer *,
#sideBar .primer,
#sideBar .primer *,
.content .primer,
.content .primer *,
#sideBar h2,
#sideBar h2 *,
.quickLook *,
.results .subtitle,
.results .subtitle *,
.intro label .primer,
.intro label .primer * {font-family: 'Trebuchet MS',arial,verdana,sans-serif;}

/* Color shift
---------------------- */
.cs1 .content h2,
.cs1 .related .primer,
.cs1 #sideBar .primer,
.cs1 .intro fieldset .primer,
.cs1 .results .subtitle,
.cs1 .intro .fancyPrimer,
.cs1 .content .results h3,
.cs1 .content .results h3 a {color: #003473;}
.cs1 .content ul li,
.cs1 #sideBar .news ul li {background-image: url('backgrounds/bullet-blue.gif');}
.cs2 .content h2,
.cs2 .related .primer,
.cs2 #sideBar .primer,
.cs2 .intro fieldset .primer,
.cs2 .results .subtitle,
.cs2 .intro .fancyPrimer,
.cs2 .content .results h3,
.cs2 .content .results h3 a {color: #ba006a;}
.cs2 .content ul li,
.cs2 #sideBar .news ul li {background-image: url('backgrounds/bullet-pink.gif');}
.cs3 .content h2,
.cs3 .related .primer,
.cs3 #sideBar .primer,
.cs3 .intro fieldset .primer,
.cs3 .results .subtitle,
.cs3 .intro .fancyPrimer,
.cs3 .content .results h3,
.cs3 .content .results h3 a {color: #cb8600;}
.cs3 .content ul li,
.cs3 #sideBar .news ul li {background-image: url('backgrounds/bullet-yellow.gif');}
.cs4 .content h2,
.cs4 .related .primer,
.cs4 #sideBar .primer,
.cs4 .intro fieldset .primer,
.cs4 .results .subtitle,
.cs4 .intro .fancyPrimer,
.cs4 .content .results h3,
.cs4 .content .results h3 a {color: #5AA85A;}
.cs4 .content ul li,
.cs4 #sideBar .news ul li {background-image: url('backgrounds/bullet-green.gif');}
.cs5 .content h2,
.cs5 .related .primer,
.cs5 #sideBar .primer,
.cs5 .intro fieldset .primer,
.cs5 .results .subtitle,
.cs5 .intro .fancyPrimer,
.cs5 .content .results h3,
.cs5 .content .results h3 a {color: #7a6e47;}
.cs5 .content ul li,
.cs5 #sideBar .news ul li {background-image: url('backgrounds/bullet-beige.gif');}

html > body #page .contrasted p.npslinks,
#page .contrasted ul.npslinks > li {background-image: url('backgrounds/npslink-fff.png');}

.related .colored ul > li,
#sideBar .colored ul > li {background-image: url('backgrounds/bullet-fff.png');}

/* Reshift
---------------------- */
.content .related h2,
#sideBar h2 {color: #000;}
.content .contrasted h2,
.content .contrasted h2 a,
.content .contrasted h3,
.content .contrasted h3 a,
.content .colored a,
.content .colored h2,
.content .colored h2 a,
.content .colored h3,
.content .colored h3 a,
.content .colored .primer,
.content .colored .primer a,
#sideBar .colored a,
#sideBar .colored h2,
#sideBar .colored h2 a,
#sideBar .colored .primer,
#sideBar .colored .primer a {color: #fff;}

#sideBar a {text-decoration: underline;}
.content .colored a:hover,
#sideBar .inner a:hover {color: #000;}
.related .colored .inner .npslinks a:hover,
#sideBar .colored .inner .npslinks a:hover {color: #fff;}
#sideBar .npslinks a {text-decoration: none;}
#sideBar .npslinks a:hover {text-decoration: underline;}

/* Footer
---------------------- */
#footer {text-align: center; font-size: 0.95em; margin: 1em 0; display: block; position: relative; clear: both;}
#footer ul,
#footer p {padding: 0 193px;}
#footer li {display: inline;}
#footer li:before {content: '\00a0|\00a0\00a0';}
#footer li:first-child:before {content: '';}
#footer p em {font-size: 1.05em; color: #333;}
#footer a:hover {text-decoration: underline;}

#footer li.rss a {padding: 0 0 0 16px; background: url('backgrounds/rss.png') 0 0 no-repeat;}

#group-calls {margin: 0; position: absolute; right: 1px; float: left;}
#group-calls ul {padding: 0;}
#group-calls a {display: block; width: 100%;height: 100%; text-indent: -999em;}
#group-calls a:hover {text-decoration: none;}
#group-calls li:before {content: '';}
#footer #group-calls li {display: block; float: left; background-position: 0 50%; background-repeat: no-repeat;}
#group-calls #edf-call {width: 25px; height: 33px; background-image: url(backgrounds/edf.gif); margin-left: 10px;}
#footer #group-calls #dalkia-call {width: 75px; height: 33px; background-image: url(backgrounds/dalkia-s.gif); margin-left: 8px;}
#group-calls #veolia-call {width: 80px; height: 59px; background-image: url(backgrounds/veolia-environnement1.png)}
#group-calls #edf-call {width: 80px; height: 30px; background-image: url(backgrounds/edf.gif)}

/* Floats
---------------------- */
.block:after,
.section:after,
#wrapper:after,
#header:after,
.shadowed .inner:after,
.intro .inner:after,
.inset .inner:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}