html {/* overflow-y: scroll; */}
body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #333;
	color: #fff;
	margin: 0px 0 0 0; padding: 0;
}
textarea, input { font-size: 95%; font-family: Arial, Sans-Serif;}

a img { border: none; }
a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}
.hidden { display: none; }
.clear { clear: both; }
.center { text-align: center; }
#super { background: url('/style/blaiseduboux/background2.jpg') 50% 0px no-repeat; }
#container {
	width: 820px;
	background: transparent;
	color: #333;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}
#header { margin: 0; padding: 0; display: block; background: transparent url('bg_00.jpg') no-repeat scroll 50% 46px; height: 200px; text-indent: -5000px; }
#header h1 { background: url('header_bg.png'); width: 226px; height: 164px; margin: 0 0 0 80px; padding: 0; text-indent: -5000px; }
#header h2 { position: absolute; font-size: 0px; background: url('title_2.png') no-repeat; width: 313px; height: 12px; margin: -13px 0 0 85px; padding: 0; text-indent: -5000px; }
* html div#header h1 { background: url('header_bg.gif') no-repeat; }
* html div#header h2 { background: url('title_2.gif') no-repeat; top: 150px; left: 85px; margin: 0; }

#header a.return { display: block; position: absolute; top: 40px; width: 820px; height: 140px; left: 0px; text-indent: -5000px; background: transparent 34px 74px no-repeat; }
#header a.return:hover { background: none 34px 74px no-repeat; }

div#container h3.path { position: absolute; display: block; height: 20px; width: auto; line-height: 20px; margin: -20px 0 0 0px; padding: 0 20px; background: transparent; color: #666; border: 1px solid #ccc; border-width: 0px 0; font-size: 1.1em; font-weight: bold; text-transform: none; }
div#container h3.path a { text-decoration: none; color: #666; text-transform: uppercase; }
div#container h3.path a:hover { color: #fff; }

div#date { display: none; }

#content {
	float: right; width: 490px;
	background: #fff;
	padding: 5px 0px 10px 0px;
	min-height: 284px;
	position: relative;
	right: 220px;
}

#content.wide {  }
#content.xtrawide { width: 710px; right: 0; padding: 5px 0px 10px 0px; }

* html #content { height: 285px; }
#content h1 { margin: 0; padding: 5px 20px; }
#content h2 { margin: 0; padding: 5px 20px; }
#content h3 { margin: 0; padding: 5px 20px; }
#content h4 { margin: 0; padding: 5px 20px; border: 1px solid #eee; border-width: 0 0 1px 0; background: transparent; font-size: 1.5em; }
#content h4 span.date { font-size: 0.5em; font-weight: normal; padding-left: 1em; }
#content h5 { margin: 0; padding: 5px 20px; font-size: 1em; }
#content h6 { margin: 0; padding: 5px 20px; font-size: 1em; }
#content p { margin: 0; padding: 5px 20px; }
#content p.float_left  { float: left; }
#content p.float_right { float: right; }

/* CADDIE */
table.caddie { background-color: white; border: 1px solid #d3dce3; width: 98%; margin: 0 auto; }
table.caddie thead tr { background-color: #d3dce3; }
table.caddie thead tr th {}
table.caddie thead tr .int { width: 3em; }
table.caddie tbody tr { background-color: #d5d5d5; }
table.caddie tbody tr.odd { background-color: #e5e5e5; }
table.caddie tbody tr:hover,
table.caddie tbody tr:hover td a { background-color: #cfc; border-color: #cfc; }
table.caddie tbody tr td { text-align: center; }
table.caddie tbody tr td input {}
table.caddie tbody tr td a { background-color: #d5d5d5; border: 1px solid #d5d5d5; width: 90%; text-decoration: none; margin: 0 auto; }
table.caddie tbody tr.odd td a { background-color: #e5e5e5; border: 1px solid #e5e5e5; }
table.caddie tbody tr td input.submit, table.caddie tbody tr td a.submit { display: block; cursor: pointer; text-decoration: underline; }
table.caddie tbody tr td input.submit:hover, table.caddie tbody tr:hover td input.submit:hover,
table.caddie tbody tr td a.submit:hover, table.caddie tbody tr:hover td a.submit:hover { background-color: #fc9; border-color: #333; }
table.caddie tbody tr td select { width: 90%; background-color: #d5d5d5; border: none; }

table.box { background: transparent; color: black; width: 520px; }
table.box tr td div.detail { width: 350px; float: left; }
table.box tr td div.detail div,
table.box tr td div.detail p { margin: 0; padding: 0 0 3px 0; }
table.box tr td div.img { float: left; width: 100px; text-align: center; }
table.box tr td div.desc { clear: both; width: 481px; }
table.box tr.top td div { height: 15px; }
table.box tr.btom td div { height: 23px; }
table.box tr td.left div { width: 18px; }
table.box tr td.right div { width: 21px; }
table.box tr.top td.left { width: auto; height: auto; background: url('misc/top_left.png') bottom right no-repeat; }
table.box tr.top td.center { width: auto; height: auto; background: url('misc/top.png') bottom repeat-x; }
table.box tr.top td.right { width: auto; height: auto; background: url('misc/top_right.png') bottom left no-repeat; }
table.box tr.center td.left { width: auto; height: auto; background: url('misc/left.png') right repeat-y; }
table.box tr.center td.left div { background: url('misc/left_pick.png') right no-repeat; width: 64px; height: 84px; position: relative; top: -50px; }
table.box tr.center td.center { width: auto; height: auto; background: white; text-align: left; }
table.box tr.center td.right { width: auto; height: auto; background: url('misc/right.png') left repeat-y; }
table.box tr.btom td.left { width: auto; height: auto; background: url('misc/btom_left.png') top right no-repeat; }
table.box tr.btom td.center { width: auto; height: auto; background: url('misc/btom.png') top left; }
table.box tr.btom td.right { width: auto; height: auto; background: url('misc/btom_right.png') top left no-repeat; }




div.infoboxstyle {position: relative; z-index: 30; width:auto; height: auto;color: black; background:red;}
div.infoboxstyle * {visibility: "visible"; position: relative; z-index: 31;}
div.infoboxstyle div.dis {}
div.infoboxstyle div.dis div.curv {margin:0; padding:10px 0 0 51px; background: url('http://i.d.com.com/i/dl/publ/popup_top_01.png') no-repeat top left; *background: url('http://i.d.com.com/i/dl/publ/popup_top_01.gif') no-repeat top left; width:auto; min-height: 190px; *height: 190px; z-index:30; text-align: left;}
div.infoboxstyle div.dis div.curv div.popupDetails {width: auto; padding: 0px 0px 0px 18px;}
div.infoboxstyle div.dis div.curv div.popupDetails h3 {padding-bottom: 4px;}
div.infoboxstyle div.dis div.curv div.popupDetails img {padding: 6px 8px 0px 0px;}
div.infoboxstyle div.dis div.curv div.popupDetails div {}
div.infoboxstyle div.innerC {width:auto; height:24px; background: url('http://i.d.com.com/i/dl/publ/popup_btm_02.png') no-repeat top left; *background: url('http://i.d.com.com/i/dl/publ/popup_btm_02.gif') no-repeat top left; margin-right: 60px; z-index: 30;}

/* SEARCH */
#content ul.search { margin: 0; padding: 0; list-style: none; }
#content ul.search li { border: 1px solid white; padding: 10px 5px 5px 10px; margin: 0 0 0px 0; background: #eee; }
#content ul.search li:hover { border-color: #ccc; background-color: #ddd; }
#content ul.search li p { margin: 0; }
#content ul.search li h5 { margin: 0; text-align: left; }
#content ul.search li h5 span.highlight,
#content ul.search li p span.highlight { padding: 0 .5em; background-color: #0f0; color: white; text-transform: uppercase; }

/* CONTACT */
#content form {  }
#content form p { text-align: center; }
#content form fieldset { width: 96%; padding: 5px; margin: 0 auto; border: 1px solid #ccc; }
#content form fieldset table { margin: 0 auto; }
#content form fieldset legend { color: #999; }
#content form fieldset textarea { width: 97%; }
#content form fieldset input.submit,
#content form p input.submit { border: 1px solid #658597; padding: 0; cursor: pointer; background-color: #689; color: white; }
#content form fieldset input.submit:hover,
#content form p input.submit:hover { background-color: #356; color: white; }

/* POSTS */
#content ul.articles { margin: 0; padding: 0; list-style: none; }
#content ul.articles li { border: 1px solid white; padding: 10px 5px 5px 10px; margin: 0 0 0px 0; background: #eee; }
#content ul.articles li:hover { border-color: #ccc; background-color: #ddd; }
#content ul.articles li h3 { margin: 0; }
#content ul.articles li p.date { font-size: 0.9em; }
#content ul.articles li span.img, #content li img { display: block; float: left; margin: 0px 10px 0 0; }
#content ul.articles li:hover span.img, #content li:hover img { outline: 1px dotted white; }
#content ul.articles li hr { clear: both; visibility: hidden; }
#content ul.articles li div.clear { clear: both; visibility: hidden; height: 2px; background: black; }
#content ul.articles li p.link span { font-size: 0.8em; }

#content h4.comment { font-size: 0.98em; color: #999; }
#content div.trackback { border: 1px solid #ddd; background-color: #eee; padding: 0; margin: 0 10px 10px 20px; font-size: 0.9em; }
#content div.trackback h5 { font-size: 0.9em; margin: 0; padding: 0; background-color: #ddd; color: #666; padding: 2px}
#content div.trackback h5 a { color: #333; text-decoration: none; }
#content div.trackback p { margin: 0; padding: 0; padding: 5px; }
#content div.trackback.pair { text-align: right; }
#content div.trackback.pair p { text-align: right; }

/* GALLERY */
#content ul#gallery { margin: 0; padding: 0; list-style: none; text-align: center; }
#content ul#gallery li { display: inline; }
#content ul#gallery li span.s1 { padding: 0 2px 10px 2px; margin: 0; display: table-cell; display: inline-table; display: inline-block; vertical-align: top; text-align: center; }
#content ul#gallery li span.s1 span.s2 { margin: 0; display: table-cell; vertical-align: middle; }
#content ul#gallery li span.s1 span.s2 a { display: block; border-bottom: none; width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; border: 1px solid #333; background-color: #111; text-indent: -5000px; overflow: hidden; }
#content ul#gallery li span.s1 span.s2 a:hover { background-color: #333; }
#content ul#gallery li span.s1 span.s2 span.infos { width: 100px; display: block; height: auto; font-size: 0.9em; line-height: 11px; border: 1px solid #333; border-width: 0 1px 1px 1px; }
#content ul#gallery li span.s1 span.s2 span.infos span.txt { display: block; height: 13px; overflow: hidden; }
#content ul#gallery li span.s1 span.s2 span.infos label.cmd { display: block; height: 13px; font-size: 0.8em; line-height: 10px; }
#content ul#gallery li span.s1 span.s2 span.infos label.cmd input { position: relative; top: 1px; }

/* PAGE GUESTBOOK */
p.sign_book { text-align: center; margin: 0 0; border: 0; padding: 0; background: transparent; height: 30px; line-height: 25px; }
p.sign_book a { background-color: #eee; padding: 5px; position: relative; top: 0px; clear: both; border: 1px solid #ccc; }
p.sign_book a:hover { background-color: #369; color: #333; text-decoration: none; }
div.msg span.left, div.msg span.center, div.msg span.right,
div.msg span.code, div.msg span.quote, div.msg span.quoteheader,
div.msg span.codeheader { display: block; }
#content .quote{ color: #000000; background-color: #C3B8D0; border: 1px solid #000000; margin: 1px; margin-left: 40px; padding: 1px; font-size: x-small; }
#content .code{ color: #000; background-color: #ccc; border: 1px solid #000; padding: 1px; font-family: "courier new", helvetica, "times new roman", serif; font-size: 0.9em; width: 99%; margin: 1px auto 1px auto; white-space: nowrap; overflow: auto; }

#content .quoteheader, .codeheader{ color: #000; text-decoration: none; font-style: normal; font-weight: bold; font-size: 0.9em; }
#content .quoteheader{ margin-left: 40px; }
#content a .website { display: block; float: left; width: 22px; height: 22px; background-image: url(http://lithobia.com/img/home.png); text-indent: -5000px; margin: -3px 10px 0 0; }
#content .msg { text-align: left; padding: 0px 0 10px 0; border: 1px solid #fff; background: #eee; margin: 5px 0; }
#content .msg.pair { background: #e0e0e0; }
#content .msg p { margin: 5px 5px 10px 10px; }
#content .msg .msg_header { padding: 5px 0 5px 10px; border-bottom: 1px dotted #fff; background: #e0e0e0; }
#content .msg.pair .msg_header { background: #ccc; }
#content .msg .msg_header a.name { font-size: 1.4em; font-variant: small-caps; }
#content .msg .msg_header a.name:hover { color: #69c; text-decoration: none; }
#content .msg .comment { border-top: 1px dotted #333; margin: 0 50px; font-size: 0.98em; background: url('white_05.png'); color: #ccc; padding: 10px 5px 5px 10px; }
#content .msg.pair .comment { background-color: #000; }
#content .bbc a img.bbc { margin: 1px 0px 1px 1px; border: 0px solid #999; background: transparent url('../img/bbc/bbc_bg.gif'); height: 22px; width: 23px; }
#content .bbc a img.bbc:hover { background: transparent url('../img/bbc/bbc_hoverbg.gif'); }
#content .bbc img.divider { margin: 0 2px; }

/* Right Column */
#right_col { display: block; position: absolute; text-align: center; top: 222px; margin-left: 620px; padding: 0 10px 0 0; width: 170px; background: transparent; font-size: 0.85em; }
#right_col form fieldset { border: 1px solid #bbb; padding: 5px; }
#right_col form fieldset label { text-transform: none; display: block; padding: 5px; }
#right_col form input { border: 1px solid gray; }
#right_col form input.search, #right_col_blog form input.newsletter { width: 100px; padding: 1px 1ex; }	
#right_col form input.submit { padding: 0; cursor: pointer; }	
#right_col table { margin: 0 auto; }
#right_col table tr th.day { text-transform: lowercase; }
#right_col table tr td a { display: block; background-color: #aaa; color: #fff; font-weight: bold; border: 1px solid #bbb; text-decoration: none; }
#right_col table tr td a:hover,
#right_col table tr td a:active,
#right_col table tr td.cur a { background-color: #333; color: #fff; }

/* Naviguation */
* html #naviguation { height: 299px; }
#naviguation { float: left; min-height: 299px; margin-left: 1px; padding: 0 0 0 0px; width: 109px; background: transparent; }
#naviguation ul { margin: 0; padding: 0; list-style: none; }

#naviguation ul.first_depth { padding: 7px 0 0px 0; }
#naviguation ul li { padding: 0 0 0 0px; display: block; background-color: transparent; color: #000; text-transform: uppercase; }
#naviguation ul li.search { display: block; }

#naviguation ul li a { display: block; color: #333; text-decoration: none; font-weight: bold; height: 20px; line-height: 20px; }
#naviguation ul li a { padding: 0 0 0 15px; background-color: transparent; color: #fff; }
#naviguation ul li span { padding: 0 0 0 20px; font-size: 1.1em; font-weight: bold; height: 20px; }
#naviguation ul li a:hover { color: #999; background: url('white_05.png'); }
* html #naviguation ul li a:hover { background: #eee; }
#naviguation ul li ul {}
#naviguation ul li ul li { background-color: transparent; color: #333; text-transform: none; }
#naviguation ul li ul li a { padding: 0 0 0 30px; background-color: transparent; color: #ccc; font-weight: normal; }
#naviguation ul li ul li span { padding: 0 0 0 30px; }
#naviguation ul li ul li a:hover { color: #666; }
#naviguation ul li ul li ul {}
#naviguation ul li ul li ul li { background-color: transparent; color: #333; }
#naviguation ul li ul li ul li a { padding: 0 0 0 40px; background-color: transparent; color: #333; font-size: 0.9em; }
#naviguation ul li ul li ul li span { padding: 0 0 0 40px; }
#naviguation ul li ul li ul li a:hover { color: #666; }
#naviguation ul li ul li ul li li a { padding: 0 0 0 50px; font-size: 0.9em; }
#naviguation ul li ul li ul li li span { padding: 0 0 0 50px; font-size: 0.9em; }
#naviguation ul li ul li ul li li li a { padding: 0 0 0 60px; }
#naviguation ul li ul li ul li li li span { padding: 0 0 0 60px; }
#naviguation ul li ul li ul li li li li a { padding: 0 0 0 70px; }
#naviguation ul li ul li ul li li li li span { padding: 0 0 0 70px; }

#naviguation ul li ul li a.cur { background-color: white; }

#naviguation ul li.search { display: none; background: #e5e8ea url('usf.png') bottom right no-repeat; width: 295px; padding: 10px 5px 5px 5px; }
#naviguation ul li.search form fieldset { border: none; }
#naviguation ul li.search form fieldset legend { display: none; }
#naviguation ul li.search form fieldset input { font-size: 11px; width: 100px; padding-left: 2px; border: 1px solid #658597; }
#naviguation ul li.search form fieldset input.submit { width: 25px; border: 1px solid #658597; padding: 0; cursor: pointer; background-color: #689; color: white; }
#naviguation ul li.search form fieldset input.submit:hover { background-color: #356; color: white; }

div#left_news { position: absolute; min-height: 299px; right: 0px; background: transparent; width: 189px; padding: 0px 15px; font-size: 11px; }
div#left_news h3 { margin: 0; padding: 0; font-size: 12px; }
div#left_news p { margin: 10px 0; padding: 0; }
	
/* Footer */
div#footer { position: relative; clear: both; text-align: center; padding: 0; visibility: hidden; }
div#footer p { padding: 0; margin: 0; }
div#footer span#copyrights { display: block; background-color: #999; color: #eee; clear: both; padding: 5px; margin: 0; }
div#footer span#copyrights a { color: #fff; text-decoration: none; }
div#footer span#copyrights a:hover { color: #555; }

div#footer span#validation { display: block; background-color: #ccc; color: #fff; clear: both; padding: 5px; margin: 0; }
div#footer span#validation span { display: inline; margin: 0 20px; }
div#footer span#validation span:hover { color: #555; }
div#footer span#validation span a { color: #fff; text-decoration: none; }
div#footer span#validation span a:hover { color: #555; }