@import url("base.css");

/* Page
---------------------- */
#page {background: url(i/backgrounds/page-document.png) 0 0 repeat-y}

/* Header
---------------------- */
#header {position: relative; background: url(i/tmp/tetiere_standard.jpg) 100% 0 no-repeat; min-height: 102px;}
#header .mask {position: absolute; z-index: 2; display: block; left: 0; top: 0px; width: 100%; height: 102px; background-position: 0 0; background-repeat: no-repeat}

.default #header .mask {background-image: url(i/backgrounds/default-mask.png)}

.paper-cardboard #header .mask {background-image: url(i/backgrounds/wave-mask-dfb76b.png)}
.micro-electric #header .mask {background-image: url(i/backgrounds/wave-mask-85817e.png)}
.automobile #header .mask {background-image: url(i/backgrounds/wave-mask-969.png)}
.steel_industry #header .mask {background-image: url(i/backgrounds/wave-mask-f90.png)}
.food_processing #header .mask {background-image: url(i/backgrounds/wave-mask-990.png)}
.chemicals #header .mask {background-image: url(i/backgrounds/wave-mask-781168.png)}
.pharmacy #header .mask {background-image: url(i/backgrounds/wave-mask-0a6c2e.png)}
.petrochemistry #header .mask {background-image: url(i/backgrounds/wave-mask-1a79a4.png)}

#header h1 {width: 135px; height: 56px; left: 6px; top: 5px; background: url(i/logos/veolia-water.png) 0 0 no-repeat}

#header h2 {width: 309px; height: 58px; position: absolute; right: 0; top: 17px; background-position: 0 0; background-repeat: repeat; z-index: 5}

#header h2 span {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 17px 9px; text-indent: -999em}

#searchForm {position: relative; top: 0; margin-left: 152px; background-position: 0 0; background-repeat: repeat; width: 168px; padding: 19px 0 4px 19px; z-index: 150}

.paper-cardboard #searchForm {background-image: url(i/backgrounds/search-form-dfb76b.png)}
.micro-electric #searchForm {background-image: url(i/backgrounds/search-form-85817e.png)}
.automobile #searchForm {background-image: url(i/backgrounds/search-form-969.png)}
.steel_industry #searchForm {background-image: url(i/backgrounds/search-form-f90.png)}
.food_processing #searchForm {background-image: url(i/backgrounds/search-form-990.png)}
.chemicals #searchForm {background-image: url(i/backgrounds/search-form-781168.png)}
.pharmacy #searchForm {background-image: url(i/backgrounds/search-form-0a6c2e.png)}
.petrochemistry #searchForm {background-image: url(i/backgrounds/search-form-1a79a4.png)}

#searchForm label span {display: block; text-transform: uppercase; color: #fff; font-weight: bold}
#searchForm label input {border: solid 1px #a5acb2; vertical-align: bottom; padding: 1px 2px; width: 116px; color: #666}
#searchForm button {background: none; background: url(i/markers/search-arrow-fff.png) 0 53% no-repeat; border-style: inset; border: none; color: #fff; font-weight: bold; padding: 2px 0 0 10px; margin: 0; cursor: pointer}


/* Content
---------------------- */
#content {float: left; margin-left: 150px; width: 617px; margin-top: 7px}


/* from main site [start] */
/* chemin de fer */
#railway {
	color:#264D8E;
	font-size:0.9em;
	margin-bottom:2em;
	margin-left:20px;
}

#railway a {
	color:#264D8E;
}

#content h3 {
	margin:0 0 1em 1px;
	padding:0.5em 0 0.1em 40px;
	font-size:1.4em;
	color:#003F86;
	background:url("/elements/imgs/document/h3.png") left bottom no-repeat;
	border-bottom:1px solid #668CB6;
	text-transform:uppercase;
	clear:both;
}

#content .section {	
	width:601px; 
	display:inline-block;
	/* \*/ position:relative;clear:both;width:auto;display:block; /* */
}
#content .section:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*  \*/
* html #content .section { height:1%; }
#content .section {min-width: 1px;}
/* */

#content .block {
	margin-left:20px;
	display:inline-block;
}
/* IE mac : héritage de la propriété clear \*/
#content .block {display: block; clear:both;}
/* */

#content h4 {
	color : #003F86;
	font-size:1em;
	text-transform:uppercase;
	margin-bottom:1em;
}
#content h5 {
	color : #003F86;
	font-size:1em;
	margin:0 0 1em 0;
	font-weight:bold;
}
#content h6 {
	color : #003F86;
	font-size:1em;
	margin:0 0 1em 0;
	font-weight:normal;
	font-style:italic;
}

#content p {
	margin:0;margin-bottom:1em;
}
#content ul {
	margin:0;margin-bottom:1em;
	padding:0;
	list-style:none;
}
#content .block ul li {
	padding-left:10px;
	background:url("/elements/imgs/markers/ul.png") 0 0.4em no-repeat;
}

#content blockquote {
	margin:0 20px 1em 20px;
	color:#668CB6;
	font-weight:bold;
	font-style:italic;
	border-left:1px solid #668CB6;
	padding-left:10px;
	clear:both;
}


/* Hack IE - italique du blockquote \*/
* html #content blockquote p{
	overflow: visible;
	width: 95%;
	w\idth: auto;
	he\ight: 1%;
}
/* */

#content blockquote a{ color:#668CB6; }

#content .totop {
	border-bottom:1px solid #CCD9E7;
	clear:both;
	margin:0 0 1em 20px;
}
#content .totop a{
	text-indent:-999em;
	display:block;
	background:url("/elements/imgs/markers/top.png") left top no-repeat;
	width:5px; height:7px;
	text-decoration:none;
	margin-left:auto;
	font-size:0.2em;
	margin-top:-2em;
}

#content .totop2 {
	margin:0 0 1em 20px;
	text-align:right;
}
#content .totop2 a{
	font-size:0.9em;
	text-decoration:none;
	color:#003F86;
	padding-right:15px;
	background:url("/elements/imgs/markers/top.png") 100% 50% no-repeat;
}



#content .strong {
	font-weight:bold;
	margin:0;
}




#content .left { float:left; margin-right:20px; }
#content .right { float:right; margin-left:0.5em; }
#content .center { margin-bottom:1em; }

#content .caption img { display:block; }
#content .caption .zoom { display:block; margin-top:-15px; }
#content .caption p{ margin:0; }

#content img.bordered { border:1px solid #668CB6; }

#content .txtimg:after, #content .txtinset:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content .txtinset .txt {
	width:280px;
	float:left;
}
#content .txtinset .inset {
	margin-top:0.8em;
	margin-left:18px;
	width:280px;
	border:1px solid #CCD9E7;
	float:left;
	padding:0.5em 10px 1em 10px;

	color:#668CB6;
	font-style:italic;
	overflow: visible;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	width:260px;
}
html>body #content .txtinset .inset {
	width:260px;
}
#content .txtinset .inset a{color:#668CB6;}
#content .txtinset .inset .last{margin-bottom:0;}

#content table {
	border:1px solid #0C2869;
	border-collapse:collapse;
	margin-bottom:1em;
}
#content th, #content td {
	border:1px solid #0C2869;
	padding:0.2em 0.7em;
}
#content table .col {
	background:#668CB6;
	color:#fff;
	font-weight:bold;
}
#content table .line {
	background:#CCD9E7;
	color:#003F86;
	font-weight:bold;
}
#content table p { margin:0 }


/* contenu seul */
#content .solo {
	margin-bottom:1em;
}


/* contenu + liste de pages associées*/
#content .siblings {
	background:url("/elements/imgs/document/bg-siblings.png") 409px 0 repeat-y;
	margin-bottom:1em;
	display: inline-block
}

/* \*/
* html #content .siblings {height: 1%;}
#content .siblings {display: block; min-width: 1px;}
/* */

#content .siblings .base {
	width:390px;
	float:left;
}
html>body #content .siblings .base,
html>body #content .related .base {border-bottom: solid 1px #fff}
#content .siblings .add {
	font-size:0.9em;
	margin-left:20px;
	width:190px;
	padding-left:12px;
	float:left;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	width:178px;
}
html>body #content .siblings .add {width:178px;}

#content .siblings .add h4{
	padding:3px 8px;
	background:#668CB6;
	color:#fff;
	text-transform:none;
	margin:0;
}
#content .siblings .add ul {
	margin:0;
	border-top:1px solid #003F86;
}
#content .siblings .add li {
	padding:2px 0 2px 9px;
	background:url("/elements/imgs/nav/item.gif") 0 0.6em no-repeat;
	border-bottom:1px solid #003F86;
}
#content .siblings .add a {
	text-decoration:none;
	color:#264D8E;
}
#content .siblings .add a:hover {
	text-decoration:underline;
}

#content .siblings .add ul ul{
	border:0;
}
#content .siblings .add ul ul li{
	border:0;padding:0 0 0 9px;
	background:url("/elements/imgs/nav/subitem.gif") 0 0.4em no-repeat;
}
#content .siblings .add ul ul a{
	color:#658BB5;
}


#content .anchors {font-size:0.8em; margin-bottom:1em;}
#content .anchors ul {
	padding-left:10px;
	border-left:1px solid #023E86;
}
#content .anchors li {
	background:none !important; padding:0 !important;
}

/* contenu + éléments associés */
#content .related .base {
	width:390px;
	float:left;
}
#content .related .add {
	background:#fff;
	margin-left:20px;
	width:190px;
	font-size:0.9em;
	float:left;
}
/* Italique ie \*/
* html .related .add {width:186px}
/* */

#content .related .add .block {margin:0;}


#content .related .add h4{
	font-weight:bold;
	font-size:1.1em;
	margin:0; margin-bottom:1em;
	padding:0 0 0 12px;
	background:url("/elements/imgs/markers/title-base.png") 0 0.25em no-repeat;
}

#content .related .add p{ margin:0; margin-bottom:1em; }
#content .related .add .highlight p{ margin:0; }
#content .related .add .left{ margin-right:10px; }
#content .related .add .right{ margin-left:10px; }


#content .related .group {
	border-bottom:1px solid #CCD9E7;
	margin-bottom:1em;
}

#content .related .last {
	border-bottom:0;
}

#content .related .item {
	margin-bottom:1em;
}

#content .related .add h5 {
	margin:0;
}
#content .related .add h5 .foil{
	font-weight:normal;
	font-style:italic;
	display:block;
}


#content .related .news h4 {
	color:#CC0000 !important;
	background-image:url("/elements/imgs/markers/title-news.png");
}
#content .related .news h5 { color:#CC6666; }
#content .related .news a { text-decoration:none; color:#CC6666; }
#content .related .news img.bordered { border:1px solid #CC6666; }


#content .related .learn h4 {
	color:#D64F00 !important;
	background-image:url("/elements/imgs/markers/title-refs.png");
}
#content .related .learn h5 { color:#E69566; }
#content .related .learn a {text-decoration:none; color:#E69566;}
#content .related .learn img.bordered {border:1px solid #FF9F6F;}


#content .related .studies h4 {
	color:#FF9D0B !important;
	background-image:url("/elements/imgs/markers/title-files.png");
}
#content .related .studies h5 { color:#FFAC30; }
#content .related .studies a {text-decoration:none;color:#FF9D0B;}
#content .related .studies img.bordered {border:1px solid #FFC66F;}


#content .related .schemas h4 {
	color:#F9832E !important;
	background-image:url("/elements/imgs/markers/title-tech.png");
}
#content .related .schemas h5 { color:#FFC169; }
#content .related .schemas a {text-decoration:none;color:#FFC169;}

#content .related .presence h4 {
	color:#AC51AC !important;
	background-image:url("/elements/imgs/markers/title-presence.png");
}
#content .related .presence h5 { color:#BB82BB; }
#content .related .presence a {text-decoration:none;color:#BB82BB;}



#content .related .add .links {
	border:1px solid #CCD9E7;
	margin-bottom:1em;
	padding:1em;
}

#content .related .split h4 { margin:0; }
#content .related .split h5 { margin-top:0; }
#content .related .split .wrapper{
	background:url("/elements/imgs/document/bg-split.png") 181px 0 repeat-y;
	margin-top:1em;
	display:inline-block;
}
/* \*/
* html #content .related .split .wrapper {height: 1%;}
#content .related .split .wrapper {display: block; min-width: 1px;}
/* */


#content .related .split .wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content .related .split .fire {
	width:160px;
	float:left;
}
#content .related .split .ice {
	margin-left:30px;
	width:180px;
	float:left;
}

#content .related .split p {
	margin-bottom:1em;
}


#content .related .add form.search {
	margin:0 0 1.2em 0;padding:10px;
	background:#FCF3ED; color:#E69566;
	border:1px solid #E69566;
}

#content .related .add form.search h4 {
	color:#D64F00 !important;
	padding:0 !important;
	background:none !important;
}
#content .related .add form.search label {
	font-weight:bold;
	display:block;
}
#content .related .add form.search select {
	width:130px;
	font-size:0.9em;
	overflow:hidden;
}

body.presence #content .related .add h4{ color:#AC51AC; }
body.presence #content .related .add .highlight{ color:#BB82BB; }

#main #content .news h4, #main .news .highlight { color:#CC6666; }
#main #content .learn h4, #main .learn .highlight { color:#E69566; }
#main #content .studies h4, #main .studies .highlight { color:#FFAC30; }
#main #content .schemas h4, #main .schemas .highlight { color:#FFC169; }
#main #content .presence h4, #main .presence .highlight { color:#BB82BB; }
#main #content .webzine h4, #main .webzine .highlight { color:#CF592F; }
/* from main site [end] */


/* From main site fixes
---------------------- */
#content h3 {margin-left: 2px}
#content .siblings {background: none}
#content .siblings .add ul {border-color: #898989; margin-right: 10px}
#content .siblings .add ul ul {margin-right: 0}
#content .siblings .add li {border-color: #898989; background-image: url(i/markers/siblings-li-898989.gif)}
#content .siblings .add li ul li {background-image: url(i/markers/siblings-li-li-898989.gif)}
#content .siblings .add a,
#content .siblings .add li ul li a {color: #898989}

html>body #content .siblings .base,
html>body #content .related .base {border-bottom: none}

#content .section {margin-bottom: 0; padding-bottom: 0;}

#content .solo {background: #fff url(i/backgrounds/solo.png) 0 0 repeat-y}

#content .solo {margin-right: 17px}

/*
#content .block {background: #fff}
#content .related .add {background: #fff; border-bottom: solid 1px #ccd9e7}
#content .inset {margin-bottom: 1em}
#content .add,
#content .siblings .add ul {margin-bottom: 1em}
#content .siblings .add ul ul {margin-bottom: 0}
#content .add .links {background: #fff}
*/
#content .add .totop {margin-left: 0; background: #fff}
#content .add .totop a {background-image: url(i/markers/totop.gif)}

#content .siblings .add {background: #f1f1f1; padding-bottom: 1.4em; margin-bottom: 1em; border-bottom: solid 1px #ececec}

#content .add .block {/*padding-top: 0.8em*/}

#content .base:after {content: '.'; height: 0; display: inline; width: 0; overflow: hidden; line-height: 1px; font-size: 1px}
#content .solo .totop {margin-right: 17px}
#content .totop2 {background: url("/elements/imgs/markers/top.png") 99% 50% no-repeat}
#content .totop2 a {background: none}

/*html>body #content .related .add {margin-top: -1px}*/

#railway {padding-right: 220px; background: url(i/backgrounds/railway.png) 390px 0 repeat-y; margin-top: -7px; padding-top: 7px; padding-bottom: 2em; margin-bottom: 0}

/* Nav
---------------------- */
#nav {float: left; margin-left: -760px; width: 130px}
#nav li {margin-bottom: 28px}
#nav li li {margin-bottom: 0}
#nav ul ul li.open ul,
#nav ul ul li.current ul {display: block}
#nav ul ul ul ul {display: none}

/* IE fixes
---------------------- */
/* See also ie-fixes.css */
* html #content .txtimg ul li {display: inline-block}
* html #header {height: 102px}
* html #nav a {display: inline-block; height: 1%; width: 100%}
* html #\006e av a {width: 120px}
* html #\006e	av li li li a {width: 104px}
* html #content .totop {text-align: right}
* html #content .totop2 {position: relative; height: 1%}
* html #content .totop2 a {display: inline-block; height: 1%}

* html #railway {position: relative; display: inline-block}

/* \*//*/
#header h2 span {display: inline-block; position: absolute; top: -0.8em}
/* */