/* PUB ***********************************************************************/
#pub {
	position: relative;
	height: 114px;
}
#pub #bannerLeft, #pub #bannerRight {
	position: absolute;
	width: 714px;
	height: 76px;
	padding: 12px 12px 0 0;
	text-align: right;
	font-size: 0.6em;
	color: #74B0DA;
}
#pub #bannerLeft {
	left: 12px;
	top: -2px;
}
#pub #bannerRight {
	left: 145px;
	top: -2px;
}
#pub #help {
	border:1px solid #000;
}
#pub img.promotion {
	position: absolute;
	left: 780px;
	top: 5px;
}
#pub img.promotion_feedback {
	position: absolute;
	left: 5px;
	top: 10px;
}
div#skyscraper {
	width: 120px;
	height: 600px;
	border:solid 1px red;
}

div#advertising {
	text-align:center;
	margin:30px 0 20px 0;
}

/* CLEARFIX ******************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CONTENT *******************************************************************/
#content-top {
	width: 888px;
	height: 134px;
	background: url(/media/lang/image/content-top-background.png) no-repeat;
}
#center-wrapper h1 {
	margin-bottom:20px;
	font-size:22px;
	font-weight: bold;
	color: #0070b4;
}
#center-wrapper h2.top-right {
	position:absolute; /* necessary to move the h2 out of its container on characteristics * IE 6 */
	right:0;
	top:-18px;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #0070b4;
	text-align:right;
}

#content {
	width: 831px;
	padding: 0 26px 0 31px;
	background: url(/media/lang/image/content-body-background.png) repeat-y;
}
/* Fix for clearing floats http://www.positioniseverything.net/easyclearing.html */
#content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content div.col.left {
	width: 520px;
	float: left;
}
#content div.col.right {
	float: right;
}
div.boxContent input,
div.boxContent textarea,
div.boxContent select,
#content input.text,
#content textarea,
#content select {
	background-color: #D4E5F4;
	vertical-align:middle;
	border: 1px solid #96BDDD;
	color: #0057A3;
}

/* set selects' width range from 40px to 200px */
select {
	width: expression(this.clientWidth > 200 ? '200px':true);
	min-width:40px;
	max-width:200px;
}

#content input.text {
	padding:2px;
}

/* CONTENT - CENTER ************************************************/
#content #center-wrapper {
	position: relative;
	/*margin-top: -80px;*/
	margin-top: -118px;
	float: left;
}
#content #center-wrapper h2 {
	color: #0070b4;
}

#content #center-wrapper h3 {
	color: #0070b4;
	display:block;
	clear:both;
}

#content #center-wrapper h4 {
	color: #0070b4;
}

/* LINKS */
/* normal */
#content #center-wrapper a,
#content #center-wrapper table td.caption a.link,
#content #center-wrapper ul.features-list li a {
	color:#821791;
	text-decoration: none;
}
#content #center-wrapper a:hover,
#content #center-wrapper ul.features-list li a:hover {
	text-decoration: underline;
}

/* popedOn, popedOff */
#content #center-wrapper a.popedOff {
	color:#0057A3;
	font-weight: none;
	text-decoration: none;
}
#content #center-wrapper a.popedOn {
	/*color:#839221;*/
	color:#0057A3;
	font-weight: bold;
	text-decoration: none;
}

/* users */
#content #center-wrapper a.user,
div.box div.boxContent a.user {
	color:#003f7e;
	font-weight:normal;
}

#content #center-wrapper strong.admin,
div.box div.boxContent strong.admin {
	color:#003f7e;
}


/* lists */
#content #center-wrapper ul li a {
	color: #0057a3;
}

/* table headers */
#content #center-wrapper table td.caption a {
	color:#0057a3;
}

#content #center-wrapper table td.caption div.pageNumbering a {
	color:#821791;
	text-decoration:none;
}
/* notice */
#center-wrapper p.notice {
	background-color:#fff;
	padding:5px;
	border:1px solid #0057a3;
	margin-bottom:10px;
}
/* END LINKS */

#content #center-wrapper p {
	margin-top: 10px;
	color: #0057a3;
}

#content #center-wrapper a.h2 {
	color: #308dd2;
	margin-top: 30px;
	display: block;
	font-weight: bold;
}

#content #center-wrapper a.h3 {
	display: block;
	color: #308dd2;
	margin-top: 20px;
	font-weight: bold;
}

#content #center-wrapper a.h4 {
	display: block;
	color: #308dd2;
	margin-top: 10px;
	font-weight: bold;
}

#content div.header h1,
#content div.header h2,
#content h2.title {
	margin: 10px 0 8px 0;
	font-weight: bold;
	border-bottom:1px dashed #0070b4;
	font-size:14px;
 	padding-bottom:5px;
}

#content div.header h3 {
	margin: 10px 0 13px 0;
	font-weight:bold;
	font-size:14px;
}

/* presentation text */
#content div.header						{ margin-bottom:20px; font-size: 12px; }
#content div.header div.left			{ width: 550px; }
#content div.header div.right			{ width: 250px; }
#content div.header.reverse div.left	{ width: 250px; }
#content div.header.reverse div.right	{ width: 550px; float:left; }

/* Fix for clearing floats http://www.positioniseverything.net/easyclearing.html */
#content div.header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* IN & OUT BOXES **************************************************/
table.tabular {
	width: 100%;
	background-color: #DAE6EF;
	border-collapse: collapse;
	border: 1px solid #C3CDE0;
	font-size: 0.9em;
	color: #00005B;
}

table.tabular tr.odd {
	background-color: #E3EFF9;
}
table.tabular td {
	padding: 3px;
}
table.inTabular {
	width: 100%;
	background-color: #DAE6EF;
	border-collapse: collapse;
	border: 1px solid #C3CDE0;
	font-size: 0.9em;
	color: #00005B;
}

/* CONTENT - BOTTOM ************************************************/
#content-bottom {
	width: 888px;
	height: 28px;
	background: url(/media/lang/image/content-bottom-background.png) no-repeat;
}

table#flashMoveTable thead td.middle { background:url(/media/aquariow/image/table/grid/haut2.png) repeat-x;}
table#flashMoveTable tfoot td.middle { background:url(/media/aquariow/image/table/grid/bas2.png) repeat-x;}
table#flashMoveTable tbody td.middle-left { background:url(/media/aquariow/image/table/grid/bas1.png) repeat-y;}
table#flashMoveTable tbody td.middle-right { background:url(/media/aquariow/image/table/grid/haut1.png) repeat-y;}


div#box { border:2px solid #427698; background-color:#fff;/* background-image:url(/media/aquariow/image/corner.png); background-position:top left; background-repeat:no-repeat*/ z-index:0;}
div#box div.corner { width:15px; height:15px; line-height:15px; font-size:1px; background:url(/media/aquariow/image/corner.png) no-repeat top left; float:left; position:relative; left:-2px; top:-2px; z-index:10;}
div#box div#boxContent { margin:10px; }
div#box div#boxContent p { text-align:justify; }

.highlightStep {z-index:1000;border:solid 2px red;}