#kit {display: none;}


/* Content
----- */
#content {position: relative; height: 519px; background-position: 0 0; background-repeat: no-repeat; background-color: #f1f0ef;}
#content h1 {height: 116px; color: #d7001b; position: relative;}
#content > h1 {background: url('i/backgrounds/curve.png') 0 0 no-repeat;}
#content h1 span {position: absolute; bottom: 2px; left: 40px; font-size: 2.35em;}

#cycler {width: 327px; height: 403px; color: #fff; position: relative;}
#cycler a {color: #fff;}
#cycler a:hover {color: #d7001b;}
#content>#cycler {background: url('i/backgrounds/000-65.png');}

#content .supersized,
#content .npsStickOut {font-size: 1.7em; line-height: 1.1;}

#content .npslinks > li {background-image: url('i/backgrounds/npslinks24.png');}

.item {position: absolute; bottom: 10px; left: 0; font-size: 1.1em; left: -9999px;}
.cycling .item {width: 227px; max-height: 375px;}
.cycling .current {left: 50px;}

.cycling .midget {height: 1px; width: 1px; overflow: hidden; background-position: -9999px -9999px;}

.static .item {width: 287px; padding: 0 20px;}

.static .items {width: 327px; position: absolute; bottom: 0; left: 0;}
.static .items .current {position: relative; left: auto; bottom: auto;}

.item .more {position: absolute; bottom: -20px; right: 1px; width: 30px; height: 19px; margin: 0;}
.cycling .item .more {bottom: 0; right: -30px; z-index: 999;}
.item .more li {padding: 0; background: none;}
.item .more a {overflow: hidden; text-indent: -9999px; display: block; width: 100%; height: 100%; background-position: 100% 2px; background-repeat: no-repeat;}
html>body .item .more a {background-image: url('i/backgrounds/home-more.png');}
.item .more a:hover {background-position: 100% -199px;}

.item .npslinks {display: block; padding-bottom: 0; margin-bottom: 0.85em;}


#page .static .loader {position: absolute; width: 32px; height: 32px; left: 650px; top: 170px; background: url('i/backgrounds/ajax-loader.gif') 0 0 no-repeat; text-indent: -9999px;}


.item h2 {font-size: 1.7em; line-height: 1.1; margin-bottom: 0.4em;}


.rotaterNav button {text-indent: -9999px; position: absolute; width: 40px; top: 15px; height: 373px; left: 5px; background-repeat: no-repeat; background-position: -110px 200px;}
.rotaterNav button:hover {background-position: -10px 200px;}
.rotaterNav button:focus {outline: none;}
.rotaterNav button::-moz-focus-inner {border: 0;}
.rotaterNav .prev {background-image: url('i/backgrounds/prev.gif');}
.rotaterNav .next {right: 5px; left: auto; background-image: url('i/backgrounds/next.gif');}
.rotaterNav .reposition {left: 0; height: 1px; width: 1px; overflow: hidden;}

#content .anchors {width: 328px; padding: 14px 0 0 0; color: #fff;}

#content .anchors a {color: #fff; padding: 0 26px 0 0; display: block; display: inline-block; background: url('i/backgrounds/home-plus.gif') 100% 4px no-repeat;}
html>body #content .anchors a {background-image: url('i/backgrounds/home-plus.png');}
#content .anchors a:hover,
#content .anchors a.current {color: #d7001b; background-position: 100% -196px;}

#content .anchors li {text-align: right; padding: 4px 10px 4px 20px;}
html>body #content .anchors li {background: url('i/backgrounds/subhome-li.png') 100% 0 no-repeat;}

#content .anchors a:focus {outline: none;}


/* News
----- */
#news {padding: 0 0 2em 0; color: #000; font-size: 0.857em;}
#news a {color: #000;}
#news a:hover {color: #d7001b;}
.col {width: 327px; float: left;}
#col-2 {width: 326px; overflow: hidden;}



#news .date {color: #d7001b; font-weight: bold; font-style: normal;}

#news .block {padding: 20px 20px 0 20px;}
#news .block .block {padding: 0;}

#news h2 {font-size: 2em; margin-bottom: 0.45em; line-height: 1.2;}
#news h3 {font-size: 1.167em; margin-bottom: 0.15em;}

#news .npslinks {font-size: 1.167em;}

.rssBlock h2 {background: url('i/backgrounds/rss.gif') 0 0.25em no-repeat; padding: 0 0 0 25px;}
.rssBlock .npslinks li {margin: 0 0 1em 0;}

#news .rss2 h3 {font-style: normal; font-size: 1em; font-weight: bold; margin-bottom: 0.25em;}
#news .rss2 h3 a {text-decoration: none;}
#news .rss2 .ve {padding-left: 15px; display: block; background: url('i/backgrounds/veolia-xs.gif') 0 0.25em no-repeat;}
#news .rss2 ul li {background: none; padding: 0; margin: 0 0 0.2em 0;}
#news .rss2 ul li a {text-decoration: none;}
#news .rss2 ul li a:hover {text-decoration: underline;}
#news .rss2 .date {color: #d7001b; font-weight: bold;}

#news .pub {background: #d55039; padding: 0;}
#news .pub h2 {color: #fff; padding: 20px 20px 0 20px; margin: 0 0 0.95em 0; font-size: 1.5em;}
#news .pub .illustration {margin-bottom: 0;}
#news .pub .inner {background: #fff; padding: 1em 10px 1em 20px; background: #aca798 url('i/backgrounds/pub.jpg') 0 100% repeat-x;}
#news .pub select {width: 260px;}
#news .pub button {font-size: 0.9em;}

#news .full {width: 327px; left: -20px; overflow-x: hidden;}
#col-2 .full {width: 326px;}
#news .pub .full,
#news .diaporama,
#news .inset,
#col-2 .pub .full,
#col-2 .diaporama,
#col-2 .inset {left: auto;}

#news .cycler {position: relative;}
#news .cycler .block {padding: 0 37px;}

.scripted .cycler .block {position: absolute; left: -9999px; top: -9999px;}
.scripted .cycler .current {position: static; left: auto; top: auto;}

.cycler .rotaterNav button {background-position: -110px 0; width: 20px;}
.cycler .rotaterNav button:hover {background-position: -11px 0;}
.cycler .rotaterNav .prev {background-image: url('i/backgrounds/prev-news.gif');}
.cycler .rotaterNav .next {right: 5px; left: auto; background-image: url('i/backgrounds/next-news.gif'); background-position: -118px 0;}
.cycler .rotaterNav .next:hover {background-position: -18px 0;}

#page .inset {background: #d55039; color: #fff; font-size: 1.286em; margin: 0 0 1em 0; line-height: 1.3;}
#page .creamy {background: #a29690;}
#page .inset a {color: #fff;}
#page .inset a:hover {color: #333; text-decoration: none;}
.inset .text {padding: 1em 30px 0.2em 30px;}
.inset .illustration {margin: 0;}
.inset .left {margin-right: 20px;}
.inset .right {margin-left: 20px;}
#page .inset .illustration .legend,
#page .inset .illustration .legend * {color: #fff;}
.inset .illustration .legend {margin-bottom: 0.5em; font-size: 0.55em;}

.inset .more {position: absolute; bottom: 10px; right: 7px; width: 30px; height: 19px; margin: 0;}
.inset .more li {padding: 0; background: none;}
.inset .more a {overflow: hidden; text-indent: -9999px; display: block; width: 100%; height: 100%; background-position: 100% 2px; background-repeat: no-repeat;}
html>body .inset .more a {background-image: url('i/backgrounds/home-more.png');}
.inset .more a:hover {background-position: 100% -199px;}




/* Shadow
----- */
.shadow-r {left: 653px;}
.shadow-l {left: 327px;}


/* Diaporama
----- */
#wrapper .diaporama .media {height: 245px; line-height: 245px;}
#wrapper .diaporama .media img {line-height: 245px;}
#wrapper .diapoNav {height: 245px;}
#wrapper .diapoNav button {height: 245px; line-height: 245px;}
#wrapper .diapoNav .playPause {line-height: 253px;}

#wrapper .diapo {overflow: hidden;}


/* 
----- */
.content:after,
.block:after,
#news:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}