/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body {
margin: 0px;
padding: 0px;
height : 100%;
overflow : hidden;
border : 0px;
font-size : 1px;
font-family : Tahoma;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {	}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------- General styles ---------- */
body { font-family:Arial; font-size:12px; color:#333333; background:#ececec; width:100%; overflow:hidden;}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
a {text-decoration:none; color:#333;}
p { line-height:1.5em;}

#reader-wrapper { width:100%; height:auto; overflow:hidden; }
#reader-sidebar { width:199px; float:left; }
#reader-main { margin:0 0 0 200px;}

/* ---------- Header & Navigation  Block ---------- */
#reader-sidebar .header { height:145px; position:relative}

/* ---------- How to use Block ---------- */
#reader-sidebar .how-to { width:169px; height:167px; margin:5px auto; }
#reader-sidebar .how-to h1 { font-size:30px; color:#bf2b2b; font-family:"Myriad Pro"; }
#reader-sidebar .how-to p.option { padding:8px 0; font-style:italic}
#reader-sidebar .how-to p.close { text-align:right; padding: 0 10px 0 0;}
#reader-sidebar .how-to p.close a { color:#004eff; font-weight:bold}
#reader-sidebar .how-to p.close a:hover { text-decoration:underline}
#reader-sidebar .powered { font:bold 11px Arial; height : 24px;color:#fff; text-align:center; padding:5px 0 0 0;}

/* ---------- News Block ---------- */
.news { clear:both; width:184px; overflow:auto; margin:auto; background:#fff; font-weight:bold }
.news a { padding:5px 5px 5px 10px; display:block; overflow:hidden; border-bottom:solid 1px #d1d1d1;}

/* ---------- Reader Header ---------- */
.reader-title  { height:33px; margin:6px 0 0 0; width:99%; position:relative;}
.reader-title table { width:100%;}
.reader-title h2 { font-family:"Trebuchet MS"; font-size:13px; color:#222; padding:7px 0; display:block; white-space:nowrap; font-weight:normal; width:86%; float:left; min-width:630px; -moz-border-radius:5px; -webkit-border-radius:5px;background:#383838; padding:5px 0px 5px 0px; width:100%; text-align:center }
.reader-title small { white-space:nowrap;}
.reader-title small a { font-size:10px; color:#feeb2d;}
.reader-title h2 span {font-weight:bold; font-size:16px; text-align:left}
.reader-title h2 a { color:#3fb4ff; font-weight:bold; font-size:13px;}
.reader-title h2 a:hover {text-decoration:underline;}

.news-desc { background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; width:99%; margin:7px 0 8px 0;}
.news-desc table { width:99%;}
.news-desc table td { padding:10px; vertical-align:middle;}
.news-desc table td.page-nr { text-align:center; width:12%; padding:10px 5px; vertical-align:top}
.news-desc table td.page-nr div { float:left;}
.news-desc table td.page-nr .left { float:left; width:122px;}
.news-desc table td.page-nr div.nr { padding:10px;}
.news-desc table td.page-nr span { font-size:24px; font-weight:bold}
.news-desc table td.desc { width:73%; }
.news-desc table td.desc a {color:#1b753e}
.news-desc#collapsed-header table td.desc h1 { white-space:nowrap; }
.news-desc table td.action { text-align:center; width:12%; }
.news-desc #expand { width:59px; height:22px; background-position:0px -65px; margin:auto; cursor:pointer; right:0px; }
.news-desc #collapse { width:59px; height:22px; background-position:0px -88px; margin:auto; cursor:pointer}

#tooltip {position:absolute; top:130px; left:250px; width:599px; color:#383838; display:none;}
#tooltip a {color:#3fb4ff}
#tooltip #tooltip-hd { width:599px; height:22px; background-position:0px -110px;}
#tooltip #tooltip-ft { width:599px; height:6px; background-position:0px -132px;}
#tooltip #tooltip-ct { width:597px; background:#fff;  height:auto; padding-bottom:10px; border:solid 1px #000;}
#tooltip #tooltip-ct div { width:595px; height:auto;}
#tooltip #tooltip-ct p { padding:3px 20px; font-size:11px; text-align:justify}
#tooltip #tooltip-ct p.ttitle { font-size:14px; font-weight:bold; padding:8px 20px;}

.intercallaire { background-color : #FFFFCC; }