/* Defaults
---------------------- */
html {height: 100%;}
body {background: #fff; font-size: 100.1%; color: #626262; height: 100%;}
* {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}
select > option {padding: 0 1em 0 3px}
acronym {border-bottom: dotted 1px}
hr,
legend {display: none;}

a {color: #626262; text-decoration: none;}
a:hover {color: #7bb9d3;}

/* Page
---------------------- */
#page {font-size: 0.75em; margin: 10px auto 12px auto; padding: 0 10px; width: 980px; position: relative;}
#logo {top: 3px; left: 36px;}

/* Header
---------------------- */
#header {margin-bottom: 1.5em; padding-bottom: 8px;}
#logo {display: block; position: absolute; width: 115px; height: 40px; background-position: 0 0; background-repeat: no-repeat; z-index: 6;background-image: url(i/logos/veolia-water.png);}
#logo strong {display: block; width: 100%; height: 100%;}
#logo span,
#logo a {display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px;}
html > .i18n-fr #logo {background-image: url(i/logos/veolia-eau.png);}
html > .i18n-en #logo {background-image: url(i/logos/veolia-water.png);}

/* Content
----- */
#content {background: url('i/backgrounds/credits.jpg') 50% 0 no-repeat; min-height: 720px;}

#content .inner {padding: 233px 0 0 233px;}

.content h1 {position: absolute; left: -9999px; top: -9999px;}
.content h2 {font-size: 1.5em; margin: 0 0 0.1em 0; font-weight: normal;}
.content p {margin: 0 0 1em 0;}


/* Helpers
---------------------- */
#page .helpers {color: #626262;}
#page .helpers a {color: #626262;}
.helpers li {display: inline;}
.helpers li:before {content: '\00a0\00a0|\00a0\00a0';}
.helpers li:first-child:before {content: '';}
.helpers a:hover {text-decoration: underline;}

#jumpers ul {float: right; padding-top: 0.3em; margin-right: 18px;}
#jumpers .corporation a {background: url(i/logos/veolia-xs.gif) 0 50% no-repeat; padding-left: 12px; font-weight: bold;}
#footer .corporation a {color: #999;}

#footer {text-align: center; font-size: 0.9em; padding: 0.5em 0 1em 0;}
#footer a:hover {color: #333; text-decoration: underline;}

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