* {
	margin:0;padding:0;border:0;
} 

html { height: 100%; }

#main {padding-bottom: 148px;}

body {
	background-image: url('http://oin.name/j/img/background.png');
	/* background-attachment: fixed; */
	margin: 0;
	height: 100%;
	font-family: "Bookman Old Style", "URW Bookman L", Georgia, serif;
}

#page {
	height: auto;
	min-height: 100%;
}
a {
	text-decoration: none;
	color: #7b0068;
}
a.special, .special a {
	text-shadow: 0px 0px 5px;
}
a.special:hover, .special a:hover {
	text-shadow: none;
}
a:hover {
	color: #a8038f;
}
#head h1 a {
	background-image: url('http://oin.name/j/img/title.png');
	height: 154px;
	width: 273px;
	text-indent: -5000px;
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0;
	margin: 0;
	z-index: 10;
}
#bottom {
	background-image: url('http://oin.name/j/img/bottom-background.png');
	height: 148px;
	color: #efdec6;
	font-size: 9pt;
	letter-spacing: -0.08em;
	padding: 15px;
	position: relative;
	margin-top: -148px;
	clear:both;
	overflow: hidden;
	font-family: 'Lucida Grande', Verdana, Tahoma, sans-serif;
}
#bottom span {
	color: white;
	font-size: 10pt;
	text-transform: uppercase;
}

#bottom span span {
	color: #a59374;
	font-size: 7pt;
}
#bottom span span a {
	color: #a59374;
	font-weight: normal;
}

#bottom1 {
}

#bottom p {
	margin-bottom: 6px;
}

#bottom2 {
	margin-left: 2em;
	float: right;
	height: 148px;
	width: 221px;
}

#bottom2 a {
	color: #FFFFFF;
}

/* Section hacks (clear fix) */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/**** COLONNE DU MILIEU ****/
/* Colonne principale */
#maincol { width: 100%; margin-top: 125px; }
#main_contentcell {
	margin-right: 235px;
	margin-left: 5px;
}
#main_sidecell {
	float: right;
	width: 220px;
	padding-top: 15px;
	margin-right: 12px;
}

#contentcell_border_top span.stay {
	background: url('http://oin.name/j/img/content-box.png') top left;
	height: 25px; width: 25px;
	float: left;
}
#contentcell_border_top span.fill {
	background: url('http://oin.name/j/img/content-box.png') top right;
	display: block;
	margin-left: 25px;
	height: 25px;
}

/*#contentcell_border_bottom { clear: both; }*/

#contentcell_border_bottom span.stay {
	background: url('http://oin.name/j/img/content-box.png') bottom left;
	height: 25px; width: 25px;
	float: left;
}
#contentcell_border_bottom span.fill {
	background: url('http://oin.name/j/img/content-box.png') bottom right;
	display: block;
	margin-left: 25px;
	height: 25px;
}

#contentcell_center { overflow:hidden; }

#contentcell_center div.stay {
	background: url('http://oin.name/j/img/content-borders.png') top left;
	height: 25px; width: 25px;
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;

}
#contentcell_center div.fill {
	background: url('http://oin.name/j/img/content-fill.png') top right;
	margin-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#contents {
	background: url('http://oin.name/j/img/content-background.png');
	color: #5d503e;
	font-size: 10pt;
	font-family: 'Lucida Grande', 'Liberation Sans', Arial, sans;
}
#contents div.realcontents {
	letter-spacing: -1px;
	font-size: 10pt;
	line-height: 1.5;
	text-align: justify;
}
#contents h1, #contents p.date, #contents p.article-titre {
	font-family: "Bookman Old Style", "URW Bookman L", Georgia, serif;
}
#contents p {
	margin-bottom: 15px;
}

#contents ul {
	margin-left: 25px;
	margin-top: 1em;
	margin-bottom: 1em;
}

#main_sidecell #lastarticles {
	background: url('http://oin.name/j/img/last-articles.png') no-repeat top right;
	height: 18px;
	margin-top: 15px;
	text-indent: -32767px; 
}

#main_sidecell #lastmusiques {
	background: url('http://oin.name/j/img/last-musiques.png') no-repeat top right;
	height: 24px;
	margin-top: 15px;
	text-indent: -32767px; 
}

#main_sidecell #lasttags {
	background: url('http://oin.name/j/img/last-tags.png') no-repeat top right;
	height: 18px;
	margin-top: 15px;
	text-indent: -32767px; 
}

div#twiti {
	background: url('http://oin.name/j/img/twiti.png') no-repeat top right;
	height: 39px;
	margin-top: 15px;
	color: red;
	text-indent: -32767px; 
}

#page {
	margin-bottom: 15px;
}
ul.bouton, #more-tags-listing ul {
	display: block;
	list-style:none;
	margin-left: 15px;
} 
ul.bouton li {
	display: block;
	list-style:none;
	margin-top: 5px;
	width: 208px;
	font-size: 8pt;
}
a#seemore_link {
	font-weight: bold;
	margin-left: 15px;
}
li.bouton, li.bouton_selected, #more-tags-listing ul li {
	display: block;
	list-style:none;
	margin-top: 5px;
	width: 208px;
	color: #ded2c0;
	font-size: 8pt;
}
li.bouton span.breste, li.bouton_selected span.breste {
	display: block;
	background: url('http://oin.name/j/img/bouton-normal.png') right top;
	height: 12px;
}
li.bouton div.breste, li.bouton_selected div.breste {
	display: block;
	background: url('http://oin.name/j/img/bouton-normal.png') right bottom;
	padding-left: 12px;
	padding-bottom: 15px;
}

li.bouton:hover span.breste, li.bouton_selected span.breste {
	background: url('http://oin.name/j/img/bouton-pressed.png') right top;
}
li.bouton:hover div.breste, li.bouton_selected div.breste {
	display: block;
	background: url('http://oin.name/j/img/bouton-pressed.png') right bottom;
}

div.breste {
	padding-left: 12px;
	padding-bottom: 15px;
	padding-right: 12px;
	text-align: right;
	font-style: italic;
}

div.breste strong a {
	display: block;
	color: white;
	font-weight: bold;
	font-size: 9pt;
	letter-spacing: -0.05em;
	text-shadow: black 0px 0px 3px;
}

li.bouton:hover div.breste strong a {
	text-shadow: white 0px 0px 10px;
}

div.breste a {
	color: white;
	font-style: normal;
}

div.breste span.date {
	color: #d09fc9;
	font-style: normal;
	background: url('http://oin.name/j/img/icons/mini_calendar_55.png') no-repeat right 2px;
	padding-right: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.breste {
	font-size: 8pt;
}

a.user_link {
	background: url('http://oin.name/j/img/icons/mini_contact_off.png') no-repeat left 2px;
	padding-left: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.user_link:hover { background-image: url('http://oin.name/j/img/icons/mini_contact.png'); }


ul.iconlist {
	display: block;	list-style:none;
	position: absolute;
	right: 220px;
	top: 145px;
}

ul.iconlist li {
	list-style-type: none; 
}

ul.iconlist a {
	text-indent: -32000px;
	outline: none;
	display: block;
	height: 48px;
	width: 48px;
}

ul.iconlist a#icon_edit {
	background: url('http://oin.name/j/img/icons/edit.png');
}

ul.iconlist a#icon_delete {
	background: url('http://oin.name/j/img/icons/delete.png');
}

ul.iconlist a#icon_new_article {
	background: url('http://oin.name/j/img/icons/new_article.png');
}

ul.iconlist a#icon_new_musique {
	background: url('http://oin.name/j/img/icons/new_musique.png');
}



ul#menu {
	display: block;	list-style:none;
	top: 15px;
	left: 15px;
	position: absolute;
}


ul#menu li {
	list-style-type: none; float: left;
}

ul#menu a {
	text-indent: -32000px;
	outline: none;
	display: block;
	height: 96px;
	width: 96px;
}

ul#menu a#menu-articles {
	background: url('http://oin.name/j/img/bouton-articles.png');
	left: 0px;
/* 	right: 256px; */
}
ul#menu a#menu-articles:hover {
	background: url('http://oin.name/j/img/bouton-articles-hover.png');
}
ul#menu a#menu-musique {
	background: url('http://oin.name/j/img/bouton-musique.png');
	left: 96px;
/* 	right: 65px; */
}
ul#menu a#menu-musique:hover {
	background: url('http://oin.name/j/img/bouton-musique-hover.png');
}
ul#menu a#menu-contact {
	background: url('http://oin.name/j/img/bouton-contact.png');
/* 	right: 0px; */
}
ul#menu a#menu-contact:hover {
	background: url('http://oin.name/j/img/bouton-contact-hover.png');
}
ul#menu a#menu-deco {
	background: url('http://oin.name/j/img/bouton-deco.png');
/* 	right: 0px; */
}
ul#menu a#menu-deco:hover {
	background: url('http://oin.name/j/img/bouton-deco-hover.png');
}
ul#menu a#menu-plusmusique {
	text-indent: 0px;
	font-size: 11pt;
	font-weight: bold;
	height: 15pt;
	width: 20em;
	margin-top: 70px;
	margin-left: 20px;
}




div#searchboxbox {
	padding-left: 20px;
	margin-top: 10px;
}
div#searchboxbox input[type=text] {
	outline: none;
	background: url('http://oin.name/j/img/search.png');
	border: none;
	width: 120px;
	font-size: 10pt;
	font-style: italic;
	letter-spacing: -0.05em;
	padding-left: 10px;
	padding-top: 6px;
	height: 24px;
	display: block;
	float: left;
	font-family: "Bookman Old Style", "URW Bookman L", Georgia, serif;
}
div#searchboxbox input[type=submit] {
	outline: none;
	background: url('http://oin.name/j/img/search-button.png');
	border: none;
	text-indent: -900%;
	width: 70px;
	height: 30px;
	display: block;
}

#contents span.shadow {
float:right;
margin: 15px;
background: url('http://oin.name/j/img/shadow.png') no-repeat bottom right;
text-indent: -900%;
}

#contents span.shadow img {
display: block;
position: relative;
background-color: #fff;
border: none; 
margin: -6px 6px 6px -6px; 
}

.cake-sql-log { font-family:monospace; position:fixed; top:99%; z-index:100000; width:100%; background:#000; color:#FFF; border-collapse:collapse; }
.cake-sql-log caption { background:#900; color:#FFF; }
.cake-sql-log:hover { top:auto; bottom:0; }
.cake-sql-log td { font-size:3px; padding:1px; border:1px solid #999; background:#FFF; color:#000; }
.cake-sql-log td:hover { font-size:10px; background:#FFA; }

#contents label {
	font-size: 12pt;
	font-style: normal;
	padding-right: 10px;
}

#contents label:after {
	content: ' :';
}

#contents input {
	font-family: 'Bookman Old Style', serif;
	font-size: 14pt;
	margin-bottom: 10px;
	color: black;
	font-style: italic; 
}

#contents {
	padding-left: 0;
}

#contents input[type=submit] { font-weight: bold; font-style: italic; }

#contents h1 {
	font-size: 300%;
	color: #746754;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -0.1em;
}

#contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
	font-family: "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 5px;
}

#contents h2 {
	font-weight: bold;
	color: #7e899e;
	margin-top: 10px;
}

#contents h3 {
	font-weight: bold;
	font-variant: small-caps;
	color: #955840;
}

#contents input[type=text]#champ_title {
	font-size: 300%;
	color: #746754;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -0.1em;
	width: 100%;
}

#contents textarea {
	width: 100%;
}

.message {
	margin-bottom: 1.2em;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #d16a5c;
}

#contents p.date {
	display: block;
	font-size: 10pt;
	font-style: italic;
	color: black;
	height: 32px;
	padding-left: 35px;
	padding-top: 11px;
	background: url('http://oin.name/j/img/icons/small_calendar.png') left 50% no-repeat;
}

#contents pre {
	margin: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 55px;
	padding-bottom: 10px;
	border: 1px solid #746754;
	background: white right bottom;
	letter-spacing: 0;
}

blockquote.webkit-indent-blockquote {
	margin: 5px !important;
	padding-left: 10px !important;
	padding-top: 10px !important;
	padding-right: 55px !important;
	padding-bottom: 10px !important;
	border: 1px solid #746754 !important;
	background: white !important;
	color: black;
	font-family: monospace;
	letter-spacing: 0;
}

i, em {
	letter-spacing: 0;
	font-family: "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote {
	color: #746754;
	border-left-color: #746754 !important;
	letter-spacing: 0;
}

#contents p { text-align: justify; }

ol.commentaires {
	padding-bottom: 25px;
}

.commentaires li {
	list-style-type: decimal;
	display: block;
	counter-increment: Cmt;
	margin: 5px;
	font-size: 9pt;
}

.commentaires li:before {
	content: counter(Cmt);
	font-weight: bold;
	float: left;
	background-color: #746754;
	color: white;
	padding: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.commentaires li:before {
	content: counter(Cmt);
	font-weight: bold;
	float: left;
	background-color: #746754;
	color: white;
	padding: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.commentaires li .info a {
	display: none;
}

.commentaires li:hover .info a {
	display: inline;
}

.commentaires li .info a {
	font-weight: bold;
	background-color: #d16a5c;
	color: white;
	padding: 5px;
}
.commentaires li .info a:hover {
	background-color: #746754;
}


.commentaires li.bymember:before {
	background-color: #d16a5c;
}

.commentaires span.body {
	display: block;
	padding-left: 2em;
}

.commentaires span.info {
	display: block;
	margin-bottom: 5px;
	padding: 2px;
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
	font-family: 'Lucida Grande', Arial, sans;
}

li#newcmt input {
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	font-family: 'Lucida Grande', Arial, sans;
}

li#newcmt div.submit {
	float: right;
}

li#newcmt input[type=submit] {
	font-style: normal;
	font-weight: normal;
	margin-top: 5px;
	font-size: 8pt;
}

.commentaires span.info:after {
	content: ' a dit :';
	font-weight: normal;
}

div.captcha_form {
	margin-top: 5px;
	margin-left: 24px;
	float: left;
	margin-right: 10px;
}

div.captcha_form input {
	height: 20px;
}

#contents .petiteinfo {
	font-size: 8pt;
	font-family: 'Lucida Grande', Arial, sans;
	color: #a39988;
}

div.clippingpic {
	margin-bottom: 2em;
	color: #25221c;
	padding-left: 26px;
	font-family: "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: -5px;
}

div.unarticle {
	min-height: 74px;
	margin-bottom: 1em;
}

.realcontents {
	color: #252118;
}

#contents p.article-titre {
	margin-top: 10px;
	margin-bottom: 0px;
}

#contents p.nobg {
	margin: 0;
	padding: 0;
	background: none;
	font-size: smaller;
}

#contents p.article-titre a {
	font-size: 200%;
	color: #746754;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -0.1em;
}

.petiteinfo a {
	color: #746754;
	font-weight: bold;
	letter-spacing: -0.1em;
}

div#counter {
	text-align: center;
}

#counter, #counter a {
	font-size: 8pt;
	text-align: left;
	color: #a39988;
	font-family: 'Lucida Grande', Arial, sans;
}

#counter a {
	font-weight: bold;
}

#counter span.current {
	color: black;
}


/** Here's where the magic happens **/
div.lb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 50;
  width: 100%;
  text-align: center;
  background: url('http://oin.name/j/img/screen.png');
}
div.lb:target {
  display: block;
}
div.lb div#uploadform {
	width: 313px;
	height: 330px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -155px;
	margin-left: -156px;
	z-index: 60;
}
div.lb div#uploadform div {
	background: url('http://oin.name/j/img/upload.png') no-repeat 50% 50%;
	width: 313px;
	height: 310px;
}

div.lb div#uploadform div input[type=file] {
	position: relative;
	left: 5px;
	top: 250px;
	width: 270px;
	font-size: 8pt;
}

div.lb a {
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 9pt;
	color: white;
}