html { padding: 0; margin: 0 }

body {
	background: #ebffd8 url(/design/BG-barre.png) right 59px repeat-y;
	color: black;
	padding: 0;
	margin: 0;
}

h1 { text-align:center; margin: 0 auto; background: url(/design/h1-bg.png);
width: 650px; height: 65px; padding: 5px 0 0 0; color: #efffdf;
font: bold 40px 'Comic Sans MS',sans-serif }

h4 { margin: 0 }
a { color: #0b6 }
a:visited { color: #074 }
.center { text-align: center }
.small { font-size: small }
.spacer {
	display:block;
	clear: both;
	width: 1px; height: 1px;
}
img { border: none }
img.border { border: 1px solid }

.left  { float: left; margin-right: 0.2em }
.right { float: right; margin-left: 0.2em }

/* div> pour pas etre affiché en IE6 */
div>img#dastrip { padding: 0.5em; background: url(/imgs/blackbg-20.png) }


#elvotor { display: block; width: 80%; font: bold 1.3em sans-serif; border: 2px solid; background: #afa;
	text-decoration: none; text-align: center; margin: 4px auto }
#vote img { width: 88px; height: 31px }

.propagande { border: 1px solid; margin: 1em 5em; background: #afd; font: bold 0.8em sans-serif; padding: 0.5em }

/* si c'est fait expres! */
div.textstrip { display: none }
div.fuckingpreload { display: none }

a.colorbox { display: block; float: left; overflow: hidden;
	border: 1px solid black; margin: 0.5em; width: 3em; height: 3em;
	color: white; font: 0.7em sans-serif; }

div#leftbar {
	position: absolute;
	top:300px; left: 0;
	min-height: 100%;
	width: 17.2em;
	font: 0.8em Tahoma,Verdana,Arial,sans-serif;
}
div#leftbar h2 {
	font-size: 1.1em;
	background: #0b6 url(/imgs/titre1.png) top left no-repeat;
	margin: 0;
	padding-left: 0.5em;
	border: #053 solid;
	border-width: 2px 2px 0 0;
	-Moz-Border-Radius: 0 1em 0 0;
}

div#leftbar div.menu {
	background: white;
	padding-left: 0.4em;
	border: #053 solid;
	border-width: 0 2px 2px 0;
	margin-bottom: 0.5em;
}
div#leftbar div.menu p {
	margin: 0.6em 0;
}
div#leftbar select { width: 95% }

div#runningags {
	background: url(/design/running-bg.png) bottom repeat-x;
	margin-right:937px;
	margin-top: 65px;
	margin-bottom: -180px;
	height: 115px;
	overflow: hidden;
	position:relative;
}
div#runningags img { position: absolute; bottom: 10px; left: -200px }

div#content {
	text-align:center; padding: 280px 0.5em 0.5em 14.5em;
	background: url(/design/BG-leftbarre.png) -5em  0 repeat-y;
}

img#avatar { position: absolute; top: 0; left: 0; z-index:30 }



div#megatitre {
	width: 937px; height: 260px;
	background: url(/design/title-haut.jpg) top no-repeat;
	position: absolute; right: 0; top: 0;
}

div#megatitre>div, div#megatitre>a {
display:block; position: absolute; top: 124px; width: 183px; height:136px; text-decoration:none;
}

div#megatitre #leftthingy { width: 22px; background: url(/design/title-b0.jpg) }

div#megatitre #whoswho { left: 22px;  background: url(/design/title-b1.jpg) }
div#megatitre #whoswho:hover { background: url(/design/title-c1.jpg) }

div#megatitre #langues { left: 205px; background: url(/design/title-b2.jpg) }
div#megatitre #langues:hover { background: url(/design/title-c2.jpg) }
div#megatitre #langues a { position:absolute; left: 110px; top:65px; background: #fff; border: transparent solid 2px }
div#megatitre #langues a+a { top:90px;}
div#megatitre #langues a:hover { border-color: #fc0 }

div#megatitre #forvote { font: 0.6em sans-serif;
	left: 388px; overflow:hidden; background: url(/design/title-b3.jpg) }
div#megatitre #forvote:hover { background: url(/design/title-c3.jpg) }
div#megatitre #forvote a#elvotor { margin: 50px auto 0  }
div#megatitre #forvote div#scrollvote { width: 700px; position: absolute; top: 75px }

div#megatitre #shop { left: 571px; background: url(/design/title-b4.jpg) }
div#megatitre #shop:hover { background: url(/design/title-c4.jpg) }

div#megatitre #webcomics { left: 754px; background: url(/design/title-b5.jpg) }
div#megatitre #webcomics:hover { background: url(/design/title-c5.jpg) }



div.boutons { text-align: center }
div.boutons img { height: 1em; border: none }

p.error { position: fixed; left: 3em; width: 10em; bottom: 10%; border: 2px solid; color: red; font-weight: bold; background: #fdd; z-index: 99; }


div.code {
font: 1em monospace;
background: #fff;  
border: 1px solid #888;
margin: 0.2em 1em;
}

span.date { color: #032; float:right }
div.author_comment {
	text-align: left;
	border: thin #053 solid;
	background: #00E87E;
	float: left;
	-Moz-Border-Radius: 0.8em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
div.author_comment h2,div.author_comment div { padding: 0.2em }
div.author_comment h2 {
	background: url(/imgs/semiblackbg.png);
	color: white;
	margin: 0;
	-Moz-Border-Radius: 1em 1em 0 0;
}
div.author_comment img { float: left; margin-right: 6px }
div.author_comment img.center { float: none; margin: 0 }


div.are1 div.author_comment { width: 100% }
div.are2 div.author_comment { width: 47%; margin-right: 6% }
div.are3 div.author_comment { width: 30%; margin-right: 5% }

div.last { margin-right: 0 }

div.author_comment a { color: #05b }
div.author_comment a:visited { color: #025 }
div.author_comment h4 { color: #046; font-size: 120% }

div.reader_comment {
	text-align: left;
	border: thin #053 solid;
	border-bottom: 0;
	background: #5FA;
	width: 100%;
	overflow: hidden;
}
div.reader_comment#RClast { border-bottom: thin #053 solid; }
div.reader_comment h2,div.reader_comment div { padding: 0.2em; }
div.reader_comment h2 {
	background: #0b6;
	color: white;
	font-size: 1em;
	margin: 0;
	padding: 0 0 0.2em 0.5em;
}
div.reader_comment div.rep { margin: 0 1em; padding: 0.4em 2em; color: #530; background: #8dffc5; border: 1px dotted #0b6 }
div.reader_comment div.rep h4 { padding-left: 3em }
div.reader_comment form { margin: 0 }
div.reader_comment form h2 input { background: #0E7; font-size: 0.8em; margin: 0.1em }
div.reader_comment form textarea { background: #0E7; width: 90%; margin: 0.5em auto }

div.reader_comment a { color: #05b }
div.reader_comment a:visited { color: #025 }

div.reader_comment span.quote, div.author_comment span.quote { color: #25D }
div.reader_comment img.gravatar { float: left; margin: 3px }


.lastcommented {
	font-size: 0.8em;
}

.commenthelp {
	font: 0.6em sans-serif;
	border: 1px dotted;
	background: #7FB;
	margin: 0.5em 1em;
}

a.edit {
	display: block;
	text-align: center; text-decoration: none;
	font: 0.8em sans-serif;
	border: 1px solid;
	-Moz-Border-Radius: 0.4em;
	background: #7FB;
	width: 18ex;
	margin: 0.2em;
	margin-left: auto;
}


div#trackbacks {
	border: thin #053 solid;
	background: #5FA;
	-Moz-Border-Radius: 3px;
}
div#trackbacks h3,div#trackbacks h4 {
	background: #0b6;
	margin: 0;
}
div#trackbacks h3 { /* titre "Trackbacks" */
	text-align:left;
}
div#trackbacks h4 { /* "pour faire un lien vers... */
	font: normal 0.9em sans-serif;
	padding-top: 0.2em;
}
div#trackbacks div {
	font-size: 0.9em;
	border-bottom: thin #053 solid;
	padding-bottom: 0.2em;
}


/* guys personalisation */
html>body div#comment_Salagir {
	background-image: url(/imgs/salabg2.jpg);
	background-position: 80% 0%;
	background-repeat: no-repeat;
}

html>body div#comment_salachid {
	background-image: url(/imgs/salachidbg1.jpg);
	background-position: 80% 0%;
	background-repeat: no-repeat;
}

body#search div.author_comment p { text-align: center }
body#search div.author_comment img { float: none }
body#search div.engine { font-size: small; border: thin solid;
padding: 0; margin: 1em; margin-left: 30% }

span.score { padding-left: 1em; font: bold 0.8em sans-serif; }
span.score a { font: bold 14px monospace; border: 1px solid; background: #da5;
	text-decoration: none; color: black; padding: 0 0.2em; margin: 0.1em 0.2em 0 0 }


/* table à bordure nette */
table.bords {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
	margin:auto;
}
table.bords td, table.bords th {
	border: thin solid black;
	text-indent: 0;
}
table.bords th { background: #b0b0b0 }

table.small { margin: 0.5em 2em }
table.small td, table.small th { font-size: 75% }

/* mailing liste form */
#formrss { margin: 0; padding: 0 }
#formrss iframe { width: 13em; height: 0.1em; overflow: hidden }
#formrss #formrss3 { width: 10em }
#formrss #formrss4 { width: 3em }


.sondage {width: 660px; margin: auto; border: 2px solid #053;
background: #7fcc6e; padding: 15px;
	-Moz-Border-Radius: 30px; font: 1.2em 'comic sans ms',arial }
.sondage div {width: 50%; float:left; text-align:left }
.sondage label { padding-left: 5px }

div.half { height:auto;overflow:auto; margin-bottom: 1em }
div.half div { width: 45%; margin: 0 1%; float: left; clear:none; }
div.half h4 { text-align:center; background: #AFD }

/** news **/
h2.news { text-align:left;margin:1em 0 0 0;font: bold 1.2em sans-serif }
h2.news a { font-size:small; padding-left: 2em }
div.news { height:120px; overflow: auto }
iframe.news { height:120px; width: 100%; border: none }