@import "base.css";

.holder {padding-top: 52px; width: 756px; margin: 0 auto;}
.teaser-a {background-position: 50% 0; display: block; background-repeat: no-repeat; min-height: 13px; background-image: url('i/teasers/teaser-a.jpg'); margin-bottom: 4px;}
.teaser-b {height: 60px;}
.i18n-fr .teaser-b {background-image: url('i/teasers/teaser-b-fr.jpg');}

/* layout
---------------------- */
#container {background: url('i/deco/page.png') 0 0 repeat-y;}
#content {width: 677px; float: left; margin-left: 204px; display: inline;}
.fullWidth #content {margin-left: 20px; width: 881px;}
#sideBar {width: 170px; float: left; margin-left: -875px;}

/* Breadcrumbs
---------------------- */
#breadcrumbs {text-align: right; color: #666; font-size: 0.95em; font-weight: bold; margin: 0.8em -29px 0.5em 0;}
.fullWidth #breadcrumbs {margin-right: -9px;}
#breadcrumbs a {color: #666; text-decoration: none;}

/* Content
---------------------- */
.content h1 {color: #5f7340; font-size: 1.6em; font-weight: normal; line-height: 1.3; margin: 0.2em 0 0.8em 0;}

.content p,
.content ul,
.content ol,
.content blockquote {margin-bottom: 1em;}

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

.content ul li {list-style: square; margin: 0 0 0.2em 1.8em;}

.intro {font-size: 0.95em; border-left: solid 1px #eb4828; margin: 0 0 1em 15px; padding: 0 0 0 15px;}

.anchors {border: solid 1px #ccc; color: #eb4828; padding: 3px 5px; margin: 0 0 1.5em 343px;}
.anchors ul {margin: 0;}
.anchors ul li {list-style: none; margin: 0; padding: 0 0 0 9px; background: url('i/anchor.gif') 0 0.55em no-repeat;}
.anchors a {color: #eb4828; text-decoration: none;}

.content h2 {background: url('i/h2.gif') 0 0 no-repeat; display: table; display: inline-block; margin-bottom: 1.3em;}
.content h2 span {background: url('i/h2.gif') 100% 100% no-repeat; display: table; display: inline-block; padding: 2px 12px 2px 6px;}

.content h3 {margin-bottom: 1.7em;}

.content ul.docs li {list-style: none; margin: 0 0 0 29px; padding: 0 0 0.3em 21px; background: url('i/doc.gif') 0 0.1em no-repeat;}

.content p.center {text-align: center;}

table {border: solid 1px #999; border-bottom: solid 1px #999; margin-bottom: 1.5em;}


th,
td {vertical-align: top; text-align: left; padding: 3px 10px; border-bottom: inset 1px #ccc;}
th {font-weight: normal;}

table tfoot td {border-bottom: solid 1px #fff; border-right: solid 1px #fff; border-left: solid 1px #fff; border-top: solid 1px #999; color: #666; font-size: 0.95em;}

.cell-ccc {background: #ccc;}
.cell-fbfbf8 {background: #fbfbf8;}
.cell-eee {background: #eee;}

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

.cellLeft {text-align: left;}
.cellRight {text-align: right;}
.cellCenter {text-align: center;}
.cellTop {vertical-align: top;}
.cellBottom {vertical-align: bottom;}
.cellMiddle {vertical-align: middle;}

.note {color: #666; font-size: 0.9em;}


/* Results and lists
---------------------- */
.meta {color: #eb4828; font-weight: bold; display: block; margin-bottom: 0.5em;}
.meta .date {color: #fff; background: #eb4828; padding: 0.15em 0.5em 0.3em 0.5em; font-weight: normal; margin-right: 0.3em;}

.content .squashed h2 {background: none; display: block; margin-bottom: 0.5em; font-size: 1em;}
.content .squashed p,
.content .squashed ul,
.content .squashed ol,
.content .squashed blockquote {margin-bottom: 0.5em;}
.content .squashed li {list-style: none; margin: 0 0 1.5em 0;}
.content .squashed ul li {list-style: square; margin: 0 0 0.2em 1.8em;}

.content .squashed .illustration {margin-bottom: 0;}

.content .list h2 a {color: #333; text-decoration: none;}
.content .list h2 a:hover {color: #333; text-decoration: underline;}

.resultSummary {color: #eb4828;}
.content .results h2 {color: #5f7340;}
.content .results h2:target {color: #eb4828;}

.content .results li {border-bottom: solid 1px #ccc; padding-bottom: 0.3em; margin-bottom: 1em;}

#content .list ul.docs li {margin: 0; list-style: none; border: none;}
#content .npslinks li {list-style: none; margin: 0; padding: 0 0 0.2em 16px; background: url('i/npslink.gif') 0 0.3em no-repeat; border: none;}

.content .pager {text-align: right; margin: 1em 0 1.5em 0;}
.pager strong {color: #eb4828;}
.pager a {text-decoration: none;}
.pager a:hover {text-decoration: underline; color: #333;}

.pager .previous {padding: 0 0 0 13px; background: url('i/previous-next.gif') 0 0.275em no-repeat;}
.pager .next {padding: 0 13px 0 0; background: url('i/previous-next.gif') 100% 0.275em no-repeat;}

/* Split
---------------------- */
.split {background: url('i/split.gif') 50% 0 repeat-y; margin-bottom: 1em;}
.split .odd {float: left; width: 320px;}
.split .even {float: right; width: 320px;}

/* Inset
---------------------- */
.inset {width: 216px; padding: 18px 0 0 0; background: url('i/inset.gif') 0 0 no-repeat; margin: 0 0 1.5em 0;}
.inset-b {padding: 0 15px 15px 19px; background: url('i/inset.gif') 0 100% no-repeat;}
.text {margin-bottom: 0.8em; width: 430px;}

.rightInset .text,
.leftInset .inset {float: left;}
.leftInset .text,
.rightInset .inset {float: right;}

/* Wired
---------------------- */
.wired {background: url('i/wire.gif') 0 0 no-repeat; margin: 0 0 1.5em 0;}
.wired-b {background: url('i/wire.gif') 100% 0 no-repeat; padding: 20px 0 0 0;}
.wired-c {background: url('i/wire.gif') 100% 100% no-repeat;}
.wired-d {background: url('i/wire.gif') 0 100% no-repeat; padding: 0 1px 18px 1px;}

/* Forms
---------------------- */
.content .error {background: #eb4828 url('i/error.jpg') 100% 0 repeat-y; color: #fff; padding: 2px 20px 3px 6px; margin: 0 0 1.5em 0;}
.content .error * {margin-bottom: 0;}

.content .form h2 {background: #ccc; padding: 0 5px;}

.entete {padding: 0 10px;}

.form label {display: block; margin-bottom: 0.3em;}
.form label span,
.form span.label {display: block; width: 180px; margin-right: 16px; float: left; text-align: right; font-weight: bold;}
.form label input {width: 300px; padding: 1px 2px; border: solid 1px #cce13b;}
.form label textarea {width: 380px; padding: 1px 2px; border: solid 1px #cce13b;}
.form .submit .button {float: right; margin: 1em 20px 0 0;}

.form .rads label span {display: inline; float: none; text-align: left; font-weight: normal; width: auto;}
.form .rads label {display: inline;}
.form .rads label input {margin-right: 10px; width: auto;}

.labels {width: 440px; margin-bottom: 0.5em;}

.mandatory {color: red;}
em.mandatory {font-style: normal;}

/* Misc
---------------------- */
.content .backUp {text-align: right; display: block; color: #666; /*font-weight: bold;*/ padding: 5px 0; background: url('i/up.gif') 100% 100% no-repeat; font-size: 0.9em; margin: 0.8em 0 1.8em 0;}
.backUp a {padding: 0 14px; text-decoration: none; color: #666;}
#content .backUp a:hover {text-decoration: none; color: #eb4828;}

.partners .block {margin-bottom: 1.75em;}

/* Sitemap
---------------------- */
.siteMap .tree {border-left: solid 1px #eb4828; float: left;}
.content .siteMap a {text-decoration: none;}
.siteMap h2 {background: #eb4828; color: #fff; padding: 0 1em;}
.siteMap h2 a {color: #fff;}

.content .siteMap ul {background: url('i/sitemap.gif') 0 50% repeat-x;}

.content .siteMap ul li {list-style: none; margin: 0 0 0 20px; border-left: solid 1px #999; padding-left: 10px; background: #fff;}
.content .siteMap ul li a {background: #eee; color: #333; padding: 0 0.4em;}

.content .siteMap ul ul {background: #fff; margin: 0; padding-bottom: 0.8em;}

.content .siteMap ul ul li {background: #fff url('i/sitemap.gif') 0 50% repeat-x; display: table; display: inline-block;}
.content .siteMap ul ul li a {background: #efefef; color: #333;}

.siteMap .bush {float: left; padding-right: 100px; border-left: solid 1px #999; border-bottom: solid 1px #999;}
.siteMap .bush h2 {background: #999;}

.siteMap .bush ul {background: none;}
.siteMap .bush ul li {border: none; margin: 0; padding: 0;}
.siteMap .bush ul ul {margin-bottom: 1em;}
.siteMap .bush ul ul li a {background: #eee;}

/* Gallery
---------------------- */
.diapos h2 {background: #999; color: #fff; padding: 0 5px;}
.diapo {width: 213px; float: left; margin: 0 12px 30px 0;}

.diapos .break {clear: left; display: block;}

.galleryDesc {padding-right: 0 20px; line-height: 1.25;}

.diapo .button {float: right; margin-bottom: 0.6em;}

.diapo .image {width: 213px; height: 154px; background: url('i/diapo.gif') 0 0 no-repeat; margin-bottom: 4px;}
.diapo .image a {display: block; width: 100%; height: 100%;}
.diapo .image img {margin: 14px 0 0 22px;}

.photoDescription,
.gallery-photos {position: absolute; left: -9999px;}
#lightbox {position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; font-size: 0.75em;}
#outerImageContainer {position: relative; background: #EDEDED; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#imageContainer img {border: solid 1px #999;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#imageDataContainer {background: #EDEDED; margin: 0 auto; line-height: 1.3; position: relative;}

#imageData {padding: 0 10px;}
#imageData #imageDetails {text-align: left;}
#imageData #caption {min-height: 20px;}
#imageData #caption a {text-decoration: underline;}
#imageData #numberDisplay {display: block; padding-bottom: 1em; margin-top: 0.3em; font-size: 0.9em;}

#bottomNav {float: right; width: 70px; margin-bottom: 0.8em;}
#bottomNav a {width: 21px; height: 20px; float: right; display: block; overflow: hidden; text-indent: -9999px; outline: none;}
#prevLink {background: url(i/markers/gallery-previous.gif) 0 0 no-repeat;}
#nextLink {background: url(i/markers/gallery-next.gif) 0 0 no-repeat;}
#bottomNavClose {background: url(i/markers/gallery-close.gif) 0 0 no-repeat;}

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
html>body #overlay {background-image: url(i/backgrounds/black-40.png);}

.scripted .diapos .galleryPhotos {position: absolute; left: -9999px; top: -9999px;}

/* SecondaryNav
---------------------- */
#secondaryNav {background: #eb4828 url('i/nav2.gif') 0 0 no-repeat; padding: 5px 0 0 0; color: #fff; line-height: 1.4; margin: 0 5px 20px 1px;}
#secondaryNav p strong {text-transform: uppercase; display: block; padding: 0 10px 5px 10px; font-weight: normal;}
#secondaryNav a {color: #fff;}
#secondaryNav a:hover {text-decoration: none;}
#secondaryNav ul {padding: 0 0 7px 0; background: url('i/nav2.gif') 100% 100% no-repeat;}
#secondaryNav li a {display: block; padding: 4px 10px; margin: 0 1px 1px 1px; background: #f3917e;}
#secondaryNav li a:hover,
#secondaryNav li strong a:hover {color: #eb4828; background: #fff;}
#secondaryNav li strong a {background: #fff; font-weight: normal; color: #333;}

#secondaryNav ul ul {padding: 4px 0; background: #f3e7e5; margin: 0 1px 1px 1px; font-size: 0.9em;}
#secondaryNav ul ul li {list-style: square; margin-left: 25px; color: #333;}
#secondaryNav ul ul li a {padding: 0; margin: 0; background: none; color: #333; display: inline;}
#secondaryNav ul ul li a:hover {background: none; color: #eb4828;}
#secondaryNav ul ul li strong a {color: #eb4828;}

.sideBlock {padding: 12px 0 0 0; background: url('i/sideblock.gif') 0 0 no-repeat;}
.sideBlock-b {padding: 0 5px 2px 2px; background: url('i/sideblock.gif') 0 100% no-repeat;}

.sideContent {padding: 0 16px 20px 12px; line-height: 1.3;}

.sideContact {background: url('i/sideblock-contact.jpg') 0 100% no-repeat; padding: 0 0 20px 0;}
.sideContact .sideBlock-b {background: url('i/sideblock-contact.jpg') 0 0 no-repeat; padding: 0 5px 0 0;}

.sideTitle {background: url('i/contact-title.gif') 0 0 no-repeat;}
.sideTitle h2 {color: #060; text-transform: uppercase; background: url('i/contact-title2.gif') 0 100% no-repeat; margin-bottom: 15px;}
.sideTitle h2 span {display: block; padding: 15px 10px 18px 30px; background: url('i/legend-bullet.gif') 9px 18px no-repeat;}


/* Partners
---------------------- */
#partners {background: url('i/deco/page-end.png') 0 0 no-repeat;}

/* Floats
---------------------- */
.split:after,
.form label:after,
.form .submit:after,
.diapo .submit:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}